.competitive-card{grid-column:1/-1;border-color:#d8b75e88;background:linear-gradient(135deg,#0b281d,#071b15 62%,#1e2916);position:relative;overflow:hidden}.competitive-card:after{content:"";position:absolute;right:-80px;top:-95px;width:250px;height:250px;border:1px solid #d8b75e20;border-radius:50%;box-shadow:0 0 0 34px #d8b75e08,0 0 0 68px #d8b75e05;pointer-events:none}.competitive-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;position:relative;z-index:1}.competitive-title-row h2{font-size:28px}.rank-badge{display:inline-flex;align-items:center;justify-content:center;min-width:104px;padding:8px 13px;border:1px solid #ffffff2a;border-radius:999px;background:#ffffff0d;color:#f7f2e8;font-size:13px;font-weight:950;letter-spacing:.04em;white-space:nowrap;box-shadow:inset 0 0 14px #fff1}.rank-unranked{color:#c6d1cb}.rank-bronze-iii,.rank-bronze-ii,.rank-bronze-i{color:#d99b73;border-color:#b86d4b88;background:#8e4c2b20}.rank-silver-iii,.rank-silver-ii,.rank-silver-i{color:#e4eaed;border-color:#bbc6cc88;background:#b7c4cc16}.rank-gold-iii,.rank-gold-ii,.rank-gold-i{color:#ffe38b;border-color:#d8b75eaa;background:#d8b75e1a}.rank-platinum-iii,.rank-platinum-ii,.rank-platinum-i{color:#a7f0dc;border-color:#7fd9c188;background:#69c6ad18}.rank-diamond-iii,.rank-diamond-ii,.rank-diamond-i{color:#a9d8ff;border-color:#82bfff99;background:#4b96db18}.rank-master{color:#dbb7ff;border-color:#b477f299;background:#9f5add1a}.rank-grandmaster{color:#fff0aa;border-color:#ffe57c;background:linear-gradient(135deg,#7b4b191f,#d8b75e2c);box-shadow:0 0 20px #d8b75e22,inset 0 0 14px #fff2}.competitive-statline{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0;position:relative;z-index:1}.competitive-statline>span{min-width:112px;padding:10px 13px;border:1px solid #ffffff18;border-radius:12px;background:#0002;display:flex;flex-direction:column;gap:2px}.competitive-statline small{text-transform:uppercase;letter-spacing:.1em;color:#8fa39a;font-size:9px}.competitive-statline b{font-size:20px;color:#fff}.competitive-actions{display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:1}.competitive-actions button,.competitive-modal button{border:1px solid #ffffff2a;color:#f5f1e2;background:#ffffff0a;border-radius:10px;padding:10px 14px;font:inherit;font-weight:750;cursor:pointer}.competitive-actions button:hover,.competitive-modal button:hover{background:#ffffff16}.competitive-actions button:disabled{opacity:.45;cursor:not-allowed}.competitive-warning{margin:12px 0;padding:10px 12px;border:1px solid #f0b84c4d;border-radius:10px;background:#7a511d28;color:#f7d897;font-size:12px;line-height:1.4}.competitive-modal-backdrop{position:fixed;inset:0;z-index:6500;display:grid;place-items:center;padding:20px;background:#020906d9;backdrop-filter:blur(9px)}.competitive-modal{position:relative;width:min(480px,100%);max-height:min(800px,calc(100dvh - 34px));overflow:auto;padding:28px;border:1px solid #ffffff20;border-radius:24px;background:linear-gradient(180deg,#0b281d,#061811);color:#f7f2e8;box-shadow:0 32px 90px #000b;text-align:center}.competitive-modal h2{margin:6px 0 10px;font-size:30px}.competitive-modal p{color:#aebfb5;line-height:1.5}.competitive-close{position:absolute;right:12px;top:12px;width:36px;height:36px!important;padding:0!important;border-radius:50%!important;font-size:24px!important}.queue-modal{width:min(410px,100%)}.queue-pulse{height:55px;display:flex;gap:8px;align-items:center;justify-content:center}.queue-pulse i{display:block;width:11px;height:11px;border-radius:50%;background:#d8b75e;animation:queue-bounce 1.15s ease-in-out infinite}.queue-pulse i:nth-child(2){animation-delay:.14s}.queue-pulse i:nth-child(3){animation-delay:.28s}@keyframes queue-bounce{0%,65%,100%{transform:translateY(0);opacity:.35}35%{transform:translateY(-12px);opacity:1}}.queue-modal .rank-badge{margin:5px auto 4px}.queue-time{font-size:34px;font-variant-numeric:tabular-nums;font-weight:900;margin:14px 0;color:#f6dfa0}.competitive-list-modal{width:min(720px,100%);text-align:left}.competitive-list-modal>h2,.competitive-list-modal>.eyebrow{text-align:center}.competitive-table-wrap{overflow:auto;margin-top:16px;border:1px solid #ffffff18;border-radius:14px}.competitive-table{width:100%;border-collapse:collapse;min-width:510px}.competitive-table th,.competitive-table td{padding:11px 12px;border-bottom:1px solid #ffffff12;text-align:left}.competitive-table th{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#8ea198;background:#020a0755}.competitive-table td:first-child{width:42px;color:#d8b75e;font-weight:900}.competitive-table tr:last-child td{border-bottom:0}.mini-rank{display:inline-block;padding:4px 7px;border:1px solid #ffffff20;border-radius:999px;font-size:10px;font-weight:850}.competitive-empty{padding:28px;text-align:center;color:#91a49a;border:1px dashed #ffffff22;border-radius:14px;margin-top:18px}.match-history-list{display:grid;gap:8px;margin-top:16px}.history-row{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid #ffffff16;border-radius:13px;background:#ffffff08}.history-row>strong{width:48px;font-size:11px;letter-spacing:.08em}.history-row.win>strong{color:#7ee3a0}.history-row.loss>strong{color:#ff9099}.history-row div{display:flex;flex-direction:column;gap:3px}.history-row small{color:#8fa299}.ranked-pill{border-color:#d8b75e!important;color:#ffe89c!important;background:#d8b75e14!important;font-weight:900}.brasta-ranked-active [data-copy-invite],.brasta-ranked-active [data-copy-code],.brasta-ranked-active .room-links,.brasta-ranked-active [data-online-home]{display:none!important}.brasta-ranked-active .lobby-hero{border-color:#d8b75e66}.ranked-wait-note{margin:0 auto 14px;padding:11px 14px;border:1px solid #d8b75e55;border-radius:11px;background:#d8b75e12;color:#f6dda0;font-weight:750;text-align:center}.result-modal{width:min(430px,100%);padding-top:34px}.result-word{font-size:13px;font-weight:1000;letter-spacing:.25em;margin-bottom:15px}.result-word.win{color:#7ee3a0}.result-word.loss{color:#ff9099}.result-rank{font-size:20px;padding:11px 18px;margin:14px auto 2px}.rank-change{margin:12px auto 18px;padding:10px 12px;border:1px solid #ffffff18;border-radius:10px;background:#ffffff08;color:#c8d5ce}.result-actions{justify-content:center}.result-backdrop{background:#020906ed}@media(max-width:800px){.competitive-title-row{align-items:center}.competitive-title-row h2{font-size:23px}.competitive-statline{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.competitive-statline>span{min-width:0;padding:9px}.competitive-statline b{font-size:17px}.competitive-actions{display:grid;grid-template-columns:1fr}.competitive-actions button{width:100%}.competitive-modal{padding:25px 18px;border-radius:20px}.rank-badge{min-width:90px;font-size:11px}.competitive-card{grid-column:auto}.competitive-table{min-width:470px}}

.duo-modal{width:min(460px,100%)}
.duo-actions{justify-content:center;margin-top:14px}
.duo-divider{display:flex;align-items:center;gap:10px;margin:18px 0 12px;color:#7f9389;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.duo-divider:before,.duo-divider:after{content:"";height:1px;flex:1;background:#ffffff18}
.duo-code-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.duo-code-entry input{min-width:0;border:1px solid #ffffff2a;border-radius:10px;background:#020b08;color:#fff;padding:11px 12px;font:inherit;font-weight:900;letter-spacing:.18em;text-align:center;text-transform:uppercase;outline:none}
.duo-code-entry input:focus{border-color:#d8b75e;box-shadow:0 0 0 3px #d8b75e20}
.duo-code-box{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;margin:18px 0;padding:14px 16px;border:1px solid #d8b75e55;border-radius:14px;background:#d8b75e0d;text-align:left}
.duo-code-box small{grid-column:1;color:#8fa39a;font-size:9px;font-weight:900;letter-spacing:.14em}
.duo-code-box strong{grid-column:1;font-size:27px;letter-spacing:.18em;color:#ffe49a}
.duo-code-box button{grid-column:2;grid-row:1/3}
.duo-members{display:grid;gap:8px;margin:12px 0}
.duo-member{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #ffffff18;border-radius:12px;background:#ffffff07;text-align:left}
.duo-member.you{border-color:#5eb8ff55}
.duo-member.waiting{border-style:dashed;color:#8fa39a}
.duo-member>span{display:flex;flex-direction:column;gap:2px}
.duo-member small{color:#8fa39a;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.duo-footnote{margin-top:14px!important;font-size:11px}
