@font-face{font-family:Geist;src:url('/assets/fonts/geist.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{
  --bg:#070909;--panel:#0d1010;--panel2:#101313;--panel3:#131717;--line:#262c2b;--line-soft:#1d2222;
  --text:#f1f3f2;--muted:#89908d;--muted2:#626a67;--orange:#d93a41;--orange2:#ff5d68;--orange-dim:#561116;
  --green:#36e58b;--red:#ff625d;--shadow:0 14px 40px rgba(0,0,0,.25)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Geist,Inter,Arial,sans-serif}body{background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),radial-gradient(circle at 50% 0%,rgba(217,58,65,.040),transparent 35%);background-size:46px 46px,46px 46px,100% 100%;font-size:14px}
button,a{font:inherit;color:inherit}button{cursor:pointer}.topbar{height:64px;display:grid;grid-template-columns:210px minmax(680px,1fr) auto;align-items:center;padding:0 30px;background:rgba(7,9,9,.98);border-bottom:1px solid #202525;position:relative;z-index:3}.brand{height:50px;display:flex;align-items:center;overflow:hidden}.brand img{width:174px;height:auto;display:block}.main-nav{height:100%;display:flex;align-items:stretch;gap:18px}.nav-link{border:0;background:none;padding:0 7px;color:#b5bbb8;font-weight:760;font-size:13px;position:relative}.nav-link:hover{color:#fff}.nav-link.active{color:#fff}.nav-link.active:after{content:"";position:absolute;left:7px;right:7px;bottom:0;height:3px;background:var(--orange)}.top-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:42px;height:42px;border:1px solid #252b2a;background:#0d1010;border-radius:7px;display:grid;place-items:center;position:relative}.icon-btn svg{width:19px;fill:none;stroke:#dfe3e1;stroke-width:1.7}.counter{position:absolute;right:-5px;top:-7px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#160f04;font-size:10px;font-weight:900;border:2px solid var(--bg)}.profile-chip{height:44px;min-width:206px;border:1px solid #252b2a;background:#0e1111;border-radius:7px;padding:4px 10px 4px 5px;display:flex;align-items:center;gap:9px}.avatar{width:36px;height:36px;border-radius:7px;display:grid;place-items:center;font-weight:900;position:relative}.avatar:after{content:"";position:absolute;right:-2px;bottom:-2px;width:7px;height:7px;border-radius:50%;background:#33df7c;border:2px solid #0d1010}.orange{background:linear-gradient(145deg,#ffb223,#d77505);color:#17100a}.profile-copy{display:flex;flex-direction:column;text-align:left;line-height:1.05;min-width:115px}.profile-copy b{font-size:13px}.profile-copy small{margin-top:5px;color:var(--orange);font-size:10px;font-weight:850}.chev{margin-left:auto;width:14px;fill:none;stroke:#8f9692;stroke-width:2}.concept-bar{height:38px;display:flex;align-items:center;gap:17px;padding:0 30px;border-bottom:1px solid #31270f;background:linear-gradient(90deg,rgba(217,58,65,.09),rgba(217,58,65,.025) 55%,rgba(217,58,65,.07));color:#9ca29f;font-size:11px}.concept-bar b{font-size:10px;color:var(--orange);letter-spacing:.08em}.concept-bar button{margin-left:auto;border:0;background:transparent;color:#c7ccca;font-size:11px;font-weight:700}
.dashboard{display:grid;grid-template-columns:302px minmax(720px,1fr) 320px;gap:14px;padding:14px 30px 16px;max-width:1672px;margin:0 auto}.left-col,.center-col,.right-col{display:flex;flex-direction:column;gap:14px}.card{background:linear-gradient(145deg,rgba(17,21,20,.96),rgba(10,13,13,.96));border:1px solid var(--line);border-radius:8px;box-shadow:inset 0 1px rgba(255,255,255,.015),var(--shadow);overflow:hidden}.section-top{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:10px;letter-spacing:.11em;font-weight:850;color:#a8afab}.section-top b{font-size:9px;color:var(--orange)}.section-top button{border:0;background:none;color:#c9cecc;font-size:10px}.rank-card{height:300px}.rank-main{height:124px;display:grid;grid-template-columns:124px 1fr;align-items:center;padding:0 15px 2px}.rank-badge{width:118px;height:105px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(217,58,65,.09))}.rank-data{display:flex;flex-direction:column;justify-content:center}.rank-data small{font-size:9px;color:#8e9591;font-weight:800}.rank-data strong{font-size:33px;letter-spacing:.02em;margin:2px 0 7px}.gain{color:var(--green);font-weight:850;font-size:9px}.gain em{color:#b9bfbc;font-style:normal;font-weight:600}.rank-name-row,.progress-meta{display:flex;align-items:center;justify-content:space-between;padding:0 16px}.rank-name-row{font-size:10px}.rank-name-row b{letter-spacing:.08em}.rank-name-row span{font-weight:800}.progress{height:6px;margin:11px 16px 8px;background:#2b302f;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#e88d08,#ffbd3a)}.progress-meta{font-size:9px;color:#9ea5a1}.progress-meta b{color:#e6e9e8}.divider{height:1px;background:var(--line-soft);margin:13px 0 11px}.mini-title{display:block;padding:0 16px;color:#8f9693;font-size:9px;font-weight:800;letter-spacing:.08em}.form-row{display:flex;gap:6px;padding:10px 16px}.form-row span{width:23px;height:23px;border-radius:4px;display:grid;place-items:center;font-size:10px;font-weight:900;border:1px solid}.form-row .w{color:#64e6a0;border-color:#1d5f42;background:#0f291e}.form-row .l{color:#ff7973;border-color:#5b2a29;background:#261515}.news-card{height:430px}.news-hero{height:190px;margin:0 12px 8px;border:1px solid #353b39;border-radius:6px;overflow:hidden;position:relative}.news-hero img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(.95)}.news-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,8,.08),rgba(5,8,8,.25) 35%,rgba(5,8,8,.93))}.news-meta{position:absolute;left:12px;top:12px;display:flex;align-items:center;gap:9px}.news-meta b{background:var(--orange);color:#15100a;font-size:9px;padding:5px 7px;border-radius:3px}.news-meta span{font-size:9px;font-weight:800;color:#b9bfbc}.news-copy{position:absolute;left:14px;right:14px;bottom:14px}.news-copy h3{margin:0 0 5px;font-size:17px}.news-copy p{margin:0;color:#c3c7c5;font-size:11px;line-height:1.35}.news-row{height:72px;border-top:1px solid var(--line-soft);display:grid;grid-template-columns:48px 1fr 14px;align-items:center;padding:0 14px;text-decoration:none}.news-row time{font-size:9px;color:#8c9390}.news-row span{display:flex;flex-direction:column;gap:3px}.news-row b{font-size:11px}.news-row small{font-size:9px;color:#858d89;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.news-row i{font-style:normal;font-size:18px;color:#b7bdba}
.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat-card{height:100px;padding:15px 16px;display:flex;justify-content:space-between;align-items:center}.stat-card div{display:flex;flex-direction:column}.stat-card small{font-size:9px;color:#929995;font-weight:850;letter-spacing:.1em}.stat-card strong{font-size:28px;margin:2px 0 3px}.stat-card span{font-size:10px;color:#919894}.stat-card svg{width:54px;height:54px;fill:#6f460d;stroke:#6f460d;stroke-width:4;opacity:.55}.stat-card svg path,.stat-card svg circle{fill:none}.lobby-card{height:255px;padding:0 16px 16px}.lobby-head{height:70px;display:flex;align-items:center;justify-content:space-between}.lobby-head small,.maps-head small,.history-head small{font-size:9px;color:#929995;font-weight:850;letter-spacing:.1em}.lobby-head h2,.maps-head h2,.history-head h2{margin:5px 0 0;font-size:18px}.mode-tabs{display:flex;border:1px solid #292f2e;background:#0a0d0d;border-radius:7px;padding:3px}.mode-tabs button{height:32px;min-width:53px;border:0;background:none;border-radius:5px;color:#969d99;font-size:10px;font-weight:850}.mode-tabs button.active{background:linear-gradient(180deg,#ffb62e,#ef9005);color:#15100a;box-shadow:0 0 0 1px #a75f00 inset}.slots{height:165px;display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:10px}.slot{height:100%;border:1px solid #282e2d;border-radius:6px;background:#0b0e0e;position:relative}.slot.leader{border-color:#6d470d;background:linear-gradient(145deg,#171208,#0a0d0d 45%);padding:16px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.leader-tag{position:absolute;right:8px;top:8px;color:var(--orange);font-size:8px;font-weight:900}.avatar.large{width:56px;height:56px;font-size:23px;margin-bottom:22px}.slot.leader b{font-size:12px}.slot.leader small{display:block;color:var(--orange);font-size:9px;font-weight:850;margin-top:4px}.invite{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#8f9692}.invite:hover{border-color:#6b4a16;background:#11110d}.invite .plus{width:36px;height:36px;border:1px solid #444b48;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:300;color:#b8bebb}.invite b{font-size:9px}.maps-card{height:152px;padding:0 16px 14px}.maps-head{height:59px;display:flex;justify-content:space-between;align-items:center}.maps-head h2{font-size:17px}.maps-head>b{font-size:9px;color:#d5d9d7}.map-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;height:78px}.map{border:1px solid #333a38;border-radius:5px;overflow:hidden;position:relative;background:#090b0b;padding:0}.map img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) brightness(.78)}.map:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(5,7,7,.88))}.map span{position:absolute;left:8px;bottom:7px;z-index:2;font-size:10px;font-weight:850}.map i{position:absolute;right:6px;top:6px;z-index:2;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#252b29;color:#aab0ad;font-size:12px;font-style:normal}.map.selected{border:2px solid var(--orange);box-shadow:0 0 0 1px rgba(217,58,65,.16) inset}.map.selected img{filter:saturate(.82) brightness(.68)}.map.selected i{background:var(--orange);color:#15100a;font-weight:900}.history-card{height:224px}.history-head{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.history-head button{background:none;border:0;color:#c1c6c3;font-size:9px}.match-row{height:50px;border-top:1px solid var(--line-soft);display:grid;grid-template-columns:28px 1fr 90px 90px 76px;align-items:center;gap:10px;padding:0 16px}.result{width:24px;height:24px;border-radius:4px;display:grid;place-items:center;font-size:10px;font-weight:900}.result.win{color:#62e89e;background:#0e2d1f;border:1px solid #1c5a3d}.result.loss{color:#ff7772;background:#2a1615;border:1px solid #5c2b29}.match-name{display:flex;flex-direction:column;gap:2px}.match-name b{font-size:11px}.match-name small{font-size:9px;color:#7f8783}.match-row>strong{text-align:right;font-size:12px}.rating{text-align:right;font-size:9px;color:#aab0ad;font-weight:750}.elo{text-align:right;font-size:10px}.plus-elo{color:var(--green)}.minus-elo{color:var(--red)}
.queue-card{height:116px}.find-match{height:75px;width:100%;border:0;background:linear-gradient(135deg,#ffb935,#e98305);color:#171005;display:flex;align-items:center;justify-content:center;gap:13px}.play-triangle{font-size:17px}.find-match>span:last-child{display:flex;flex-direction:column;line-height:1.1;text-align:left}.find-match b{font-size:18px;letter-spacing:.01em}.find-match small{font-size:9px;font-weight:900;margin-top:4px}.find-match.searching{background:linear-gradient(135deg,#ffbe4a,#d57a00)}.server-line{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:9px;color:#a3aaa6}.server-line span{display:flex;align-items:center;gap:7px}.server-line i,.system i{width:7px;height:7px;border-radius:50%;background:#34df7e;box-shadow:0 0 7px rgba(52,223,126,.35)}.server-line b{color:#dfe3e1}.ac-card{height:96px;padding:14px;display:grid;grid-template-columns:43px 1fr 36px;align-items:center;gap:10px}.shield{width:36px;height:42px;clip-path:polygon(50% 0,90% 15%,84% 72%,50% 100%,16% 72%,10% 15%);background:#133b2a;color:#52e89d;display:grid;place-items:center;font-weight:900;font-size:18px}.ac-card div{display:flex;flex-direction:column}.ac-card small{font-size:8px;color:#919894;letter-spacing:.09em;font-weight:850}.ac-card b{font-size:12px;margin:3px 0}.ac-card span{font-size:9px;color:#8a918e}.ac-card em{font-style:normal;font-size:8px;font-weight:900;color:#55e69e;background:#113523;padding:5px 6px;border-radius:3px;text-align:center}.friends-card{height:440px}.friends-head{height:68px;padding:0 13px;display:grid;grid-template-columns:1fr auto 34px;align-items:center;gap:8px}.friends-head small{font-size:9px;color:#909793;font-weight:850;letter-spacing:.09em}.friends-head h2{font-size:16px;margin:4px 0 0}.friends-head>span{font-size:9px;color:var(--green);font-weight:850}.friends-head button{width:30px;height:30px;border:1px solid #333937;background:#141817;border-radius:5px;font-size:17px;color:#d0d4d2}.friend{height:63px;border-top:1px solid var(--line-soft);display:grid;grid-template-columns:38px 1fr 44px 16px;align-items:center;gap:9px;padding:0 13px}.friend .avatar{width:34px;height:34px}.cyan{background:linear-gradient(145deg,#5de4ef,#1da6b2);color:#081214}.yellow{background:linear-gradient(145deg,#ffc244,#c88700);color:#191202}.purple{background:linear-gradient(145deg,#aa78ff,#7345c4);color:#100a1a}.red{background:linear-gradient(145deg,#ff7b7b,#b83c40);color:#180909}.gray{background:#2b2e2d;color:#111}.friend>div{display:flex;flex-direction:column}.friend b{font-size:11px}.friend small{font-size:8px;color:#7f8783;margin-top:3px}.friend-elo{font-size:9px;color:#b2b8b5;text-align:right}.friend>i{font-style:normal;color:#8f9692;font-size:11px}.friend.offline{opacity:.42}.friend.offline .avatar:after{background:#555}.show-all{height:52px;width:100%;border:0;border-top:1px solid var(--line-soft);background:none;color:#a1a8a4;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:9px}.show-all span{font-size:17px}
footer{height:54px;border-top:1px solid #202525;display:flex;align-items:center;justify-content:space-between;padding:0 30px;max-width:1672px;margin:0 auto;color:#737b77;font-size:9px}footer>div{display:flex;align-items:center;gap:28px}footer a{color:#818985;text-decoration:none}.system{display:flex;align-items:center;gap:8px}footer button{border:0;background:none;color:#747c78}
@media(max-width:1380px){.dashboard{grid-template-columns:270px minmax(650px,1fr) 285px;padding-left:18px;padding-right:18px}.topbar,.concept-bar{padding-left:18px;padding-right:18px}.main-nav{gap:10px}.nav-link{font-size:12px}.profile-chip{min-width:180px}.map span{font-size:9px}.match-row{grid-template-columns:28px 1fr 74px 78px 68px}.friends-card{height:440px}}
@media(max-width:1180px){.right-col{display:none}.dashboard{grid-template-columns:270px 1fr}.topbar{grid-template-columns:190px 1fr auto}.main-nav .nav-link:nth-child(n+7){display:none}}

/* ========================= v0.30 — NEW TABS, SAME DESIGN SYSTEM ========================= */
.page-view{display:none}.page-view.active{display:block}.secondary-shell{max-width:1612px;margin:0 auto;padding:14px 30px 24px;min-height:790px}.page-hero{min-height:118px;border:1px solid var(--line);background:linear-gradient(135deg,#101313,#0b0e0e 66%,rgba(217,58,65,.055));border-radius:8px;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;right:-120px;top:-140px;width:370px;height:370px;border-radius:50%;background:radial-gradient(circle,rgba(217,58,65,.09),transparent 63%);pointer-events:none}.page-hero h1,.profile-hero h1,.ac-hero h1{font-size:30px;line-height:1;margin:7px 0 10px}.page-hero p,.ac-hero p{margin:0;max-width:680px;color:#8f9793;font-size:12px;line-height:1.55}.compact-hero{min-height:106px}.eyebrow{font-size:9px;color:#939a96;letter-spacing:.12em;font-weight:900}.hero-actions{display:flex;border:1px solid #2b302f;border-radius:7px;background:#090c0c;padding:3px;position:relative;z-index:1}.seg{border:0;background:transparent;color:#8e9692;height:34px;padding:0 17px;border-radius:5px;font-size:9px;font-weight:900}.seg.active{background:#f4a016;color:#171006}.primary-action{border:0;border-radius:6px;background:linear-gradient(135deg,#ffb531,#e98a05);color:#171006;font-size:10px;font-weight:950;letter-spacing:.03em;height:42px;padding:0 20px;box-shadow:0 0 0 1px #aa6407 inset;position:relative;z-index:1}.small-primary{height:36px;padding:0 15px}.mini-primary{height:31px;border:0;border-radius:5px;background:var(--orange);color:#161007;font-weight:900;font-size:8px;padding:0 12px}.secondary-grid{display:grid;grid-template-columns:272px minmax(0,1fr) 275px;gap:14px}.secondary-left,.secondary-right,.tournament-side{display:flex;flex-direction:column;gap:14px}.toolbar{height:70px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-soft)}.toolbar h2{font-size:18px;margin:5px 0 0}.toolbar-actions{display:flex;gap:6px;align-items:center}.filter{height:31px;padding:0 11px;border:1px solid #303635;background:#111514;color:#a5aca8;border-radius:5px;font-size:8px;font-weight:850}.filter.active{border-color:#8d5b12;color:#d93a41;background:#171208}.search-box{height:31px;min-width:175px;border:1px solid #303635;background:#0b0e0e;border-radius:5px;display:flex;align-items:center;gap:7px;padding:0 10px;color:#77807b}.search-box input{border:0;outline:0;background:transparent;color:#e7eae8;font:inherit;font-size:9px;width:100%}.section-title-row{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line-soft)}.section-title-row button{border:0;background:none;color:#a2aaa5;font-size:8px}.section-title-row>b{font-size:8px;color:var(--orange)}
/* ranking */
.ranking-layout{align-items:start}.self-rank-card{padding:17px}.self-rank-main{display:flex;align-items:center;gap:14px;margin-top:11px}.self-rank-main img{width:82px;height:82px}.self-rank-main div{display:flex;flex-direction:column}.self-rank-main strong{font-size:27px}.self-rank-main b{font-size:12px;margin-top:2px}.self-rank-main small{color:#8f9693;font-size:9px;margin-top:4px}.rank-delta{margin-top:14px;padding-top:12px;border-top:1px solid var(--line-soft);display:flex;align-items:center;gap:8px}.rank-delta span{color:var(--green);font-weight:900;font-size:11px}.rank-delta small{color:#818986;font-size:8px}.rank-ladder-card{overflow:hidden}.rank-ladder{padding:7px 0}.ladder-row{height:36px;display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:9px;padding:0 13px;font-size:9px}.ladder-row i{width:5px;height:19px;border-radius:3px;background:#525957}.ladder-row span{color:#d5d9d7;font-weight:800}.ladder-row b{font-size:8px;color:#858d89}.ladder-row.current{background:#171208}.ladder-row.current i{background:var(--orange)}.ladder-row.current span,.ladder-row.current b{color:#f0a113}.leaderboard-card{min-height:620px}.leaderboard-grid{display:grid;grid-template-columns:50px minmax(180px,1fr) 140px 80px 80px 90px;align-items:center;gap:8px}.table-head{height:35px;padding:0 16px;border-bottom:1px solid var(--line-soft);font-size:8px;color:#707975;font-weight:900;letter-spacing:.08em}.leader-row{min-height:55px;padding:0 16px;border-bottom:1px solid var(--line-soft);font-size:9px}.leader-row.me{background:linear-gradient(90deg,rgba(217,58,65,.10),transparent);box-shadow:3px 0 0 var(--orange) inset}.position{font-weight:900;color:#9ea5a1}.leader-user{display:flex;align-items:center;gap:9px}.leader-user .avatar{width:31px;height:31px}.leader-user div{display:flex;flex-direction:column}.leader-user b{font-size:10px}.leader-user small{font-size:8px;color:#747d78;margin-top:2px}.rank-pill{display:inline-flex;align-items:center;gap:6px}.rank-dot{width:7px;height:7px;border-radius:50%;background:#d93a41}.elite-dot{background:#e6d6ff}.legend-dot{background:#ffcb54;box-shadow:0 0 8px rgba(255,203,84,.55)}.season-card{padding:17px}.season-card strong{font-size:34px;display:block;margin-top:13px}.season-card p{font-size:10px;color:#818985;margin:0}.season-progress{height:5px;background:#252a29;border-radius:4px;margin:15px 0 8px;overflow:hidden}.season-progress i{display:block;width:62%;height:100%;background:var(--orange)}.season-card small{font-size:8px;color:#737b77}.pulse-card{padding:17px;display:flex;align-items:center;gap:13px}.pulse-icon{width:43px;height:43px;border:1px solid #5c431b;background:#191309;border-radius:50%;display:grid;place-items:center;color:var(--orange);font-size:20px}.pulse-card h3{margin:4px 0 2px;font-size:15px}.pulse-card p{margin:0;color:#60e69a;font-size:9px}
/* teams */
.team-hero{background:linear-gradient(135deg,#111413,#0b0e0e 58%,#171208)}.my-team-card{padding:18px;text-align:left}.team-mark{width:58px;height:58px;border:1px solid #755019;background:linear-gradient(145deg,#2a1b08,#11100d);display:grid;place-items:center;border-radius:7px;color:#f1a11b;font-size:18px;font-weight:950;margin-bottom:17px}.my-team-card h2{font-size:20px;margin:7px 0 4px}.team-tag{font-size:9px;color:#7e8682;margin:0}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);margin:17px -18px;padding:13px 8px}.mini-stats div{display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--line-soft)}.mini-stats div:last-child{border:0}.mini-stats b{font-size:12px}.mini-stats span{font-size:7px;color:#747c78;margin-top:3px}.wide-ghost{width:100%;height:34px;border:1px solid #303635;background:#111514;color:#bbc1be;border-radius:5px;font-size:8px;font-weight:900}.team-quick-card{padding:17px}.team-quick-card h3{font-size:15px;margin:8px 0 7px}.team-quick-card p{font-size:9px;line-height:1.5;color:#808884}.text-action{border:0;background:none;color:var(--orange);font-size:9px;font-weight:850;padding:6px 0}.roster-card{min-height:590px}.roster-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;padding:14px}.roster-player{height:255px;border:1px solid #272d2c;background:#0b0e0e;border-radius:6px;padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative}.roster-player.captain{border-color:#6c470f;background:linear-gradient(155deg,#181207,#0b0e0e 48%)}.role{position:absolute;left:10px;top:10px;font-size:7px;color:#7f8883;font-weight:900;letter-spacing:.08em}.captain .role{color:var(--orange)}.big-avatar{width:58px!important;height:58px!important;font-size:20px!important;margin-bottom:15px}.roster-player h3{font-size:13px;margin:0 0 4px}.roster-player p{font-size:8px;color:#838b87;margin:0 0 14px}.roster-player>div:last-child{display:flex;gap:9px;font-size:8px;color:#9ba29f}.empty-roster{opacity:.62;border-style:dashed}.plus-circle{width:46px;height:46px;border:1px solid #444b48;border-radius:50%;display:grid;place-items:center;font-size:22px;margin-bottom:17px}.team-form-card{height:83px;margin:0 14px 14px;padding:0 15px;border:1px solid var(--line-soft);border-radius:6px;background:#0b0e0e;display:grid;grid-template-columns:180px 1fr 55px;align-items:center;gap:12px}.team-form-card h3{margin:5px 0 0;font-size:12px}.large-form{justify-content:flex-start}.team-streak{font-size:18px;color:var(--green);text-align:right}.tiny-team{height:60px;border-top:1px solid var(--line-soft);display:grid;grid-template-columns:22px 38px 1fr;gap:9px;align-items:center;padding:0 13px}.tiny-team>b{color:#7e8682;font-size:10px}.team-icon{width:34px;height:34px;border-radius:5px;background:#1b201e;border:1px solid #343a38;display:grid;place-items:center;font-weight:900}.tiny-team div{display:flex;flex-direction:column}.tiny-team strong{font-size:10px}.tiny-team small{font-size:8px;color:#858d89;margin-top:3px}.invite-card{padding:17px}.invite-card h3{font-size:16px;margin:8px 0 4px}.invite-card p{font-size:9px;color:#818985;margin:0 0 14px}.invite-card>div{display:flex;gap:7px}
/* tournaments */
.featured-tournament{height:300px;position:relative;overflow:hidden;margin-bottom:14px}.featured-bg{position:absolute;inset:0;background-image:url('/assets/maps/nuke.webp');background-size:cover;background-position:center;filter:saturate(.65)}.featured-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,7,.97) 0%,rgba(5,7,7,.82) 48%,rgba(5,7,7,.24))}.featured-copy{position:relative;z-index:1;padding:36px 38px}.featured-copy h2{font-size:30px;margin:10px 0 7px}.featured-copy>p{font-size:11px;color:#a0a7a3;margin:0}.orange-chip,.live-chip{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:4px;background:#f4a014;color:#181006;font-size:7px;font-weight:950;letter-spacing:.06em}.tourney-meta{display:flex;gap:36px;margin:28px 0 18px}.tourney-meta div{display:flex;flex-direction:column}.tourney-meta b{font-size:17px}.tourney-meta span{font-size:8px;color:#858d89;margin-top:4px}.tournament-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px}.tournament-list-card{min-height:390px}.tournament-row{height:76px;border-bottom:1px solid var(--line-soft);display:grid;grid-template-columns:50px 82px 1fr 72px 82px 22px;gap:10px;align-items:center;padding:0 15px}.tournament-row time{display:flex;flex-direction:column;align-items:center}.tournament-row time b{font-size:18px}.tournament-row time span{font-size:7px;color:#7d8581}.tournament-map{height:48px;border-radius:4px;overflow:hidden}.tournament-map img{width:100%;height:100%;object-fit:cover;filter:saturate(.6) brightness(.75)}.tournament-row>div:nth-of-type(2){display:flex;flex-direction:column}.tournament-row>div:nth-of-type(2)>b{font-size:10px}.tournament-row>div:nth-of-type(2)>small{font-size:8px;color:#7f8783;margin-top:4px}.status-chip{font-size:7px;font-weight:900;padding:5px 7px;border-radius:3px;text-align:center}.status-chip.open{background:#123323;color:#54e69d}.status-chip.invite-only{background:#2a2211;color:#eeb855}.tournament-row>strong{font-size:9px;text-align:right}.tournament-row>button{border:0;background:none;color:#8f9692;font-size:16px}.bracket-preview,.rules-mini{padding:17px}.bracket-preview h3,.rules-mini h3{font-size:16px;margin:7px 0 14px}.final-score{height:55px;border:1px solid var(--line-soft);border-radius:5px;background:#0b0e0e;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;gap:8px}.final-score span{font-size:9px;font-weight:900}.final-score b{color:var(--orange);font-size:16px}.bracket-preview p{font-size:8px;color:#838b87;margin:10px 0 14px}.rules-mini ul{margin:0;padding:0;list-style:none}.rules-mini li{height:31px;border-top:1px solid var(--line-soft);display:flex;align-items:center;font-size:9px;color:#9ca39f}.rules-mini li:before{content:"✓";color:var(--green);margin-right:8px;font-weight:900}
/* matches */
.matches-grid{display:grid;gap:14px}.live-match-card{height:215px}.live-top{height:48px;border-bottom:1px solid var(--line-soft);display:grid;grid-template-columns:80px 1fr auto;align-items:center;padding:0 16px}.live-chip{background:#143522;color:#57e69d}.live-top small{font-size:8px;color:#7c8580}.live-top button{border:0;background:none;color:#b2b9b5;font-size:8px}.live-main{height:166px;display:grid;grid-template-columns:1fr 210px 1fr;align-items:center;padding:0 55px}.live-team{display:flex;flex-direction:column;align-items:flex-start}.live-team.right{align-items:flex-end}.stack-avatars{display:flex;margin-bottom:11px}.stack-avatars span{width:29px;height:29px;border:2px solid #0d1010;border-radius:50%;background:#252b29;display:grid;place-items:center;font-size:8px;font-weight:900;margin-left:-7px}.stack-avatars span:first-child{margin-left:0;background:#bd770b}.live-team b{font-size:11px}.live-team small{font-size:8px;color:#7f8783;margin-top:4px}.live-score{text-align:center;display:flex;flex-direction:column}.live-score span{font-size:8px;color:#848c88;font-weight:850}.live-score strong{font-size:34px;margin:8px 0 2px}.live-score small{color:var(--orange);font-size:8px}.match-history-full{min-height:390px}.full-match-row{height:68px;border-bottom:1px solid var(--line-soft);display:grid;grid-template-columns:30px minmax(140px,1fr) 105px 60px 55px 145px 72px 60px;gap:10px;align-items:center;padding:0 16px}.full-match-row>div{display:flex;flex-direction:column}.full-match-row>div b{font-size:10px}.full-match-row>div small{font-size:8px;color:#7f8783;margin-top:3px}.full-match-row>span:nth-of-type(2){font-size:8px;color:#888f8b}.full-match-row>strong{font-size:12px;text-align:center}.row-open{height:29px;border:1px solid #303635;background:#111514;color:#b5bbb8;border-radius:4px;font-size:7px;font-weight:900}.win-row:hover,.loss-row:hover{background:#0f1211}
/* profile */
.profile-hero{max-width:1612px;margin:14px auto 14px;min-height:190px;padding:25px 30px;display:flex;align-items:center;justify-content:space-between}.profile-identity-large{display:flex;align-items:center;gap:20px}.profile-avatar-large{width:84px!important;height:84px!important;font-size:28px!important}.online-label{font-size:8px;color:#55e69c;font-weight:900}.profile-identity-large h1{margin:6px 0 8px}.profile-identity-large p{font-size:9px;color:#7f8883;margin:0}.profile-badges{display:flex;gap:6px;margin-top:13px}.profile-badges span,.ac-hero-tags span{height:24px;padding:0 9px;border:1px solid #303635;background:#111514;border-radius:4px;display:inline-flex;align-items:center;font-size:7px;color:#a6ada9;font-weight:850}.profile-rank-side{display:flex;align-items:center;gap:17px;padding-right:10px}.profile-rank-side img{width:100px;height:100px}.profile-rank-side div{display:flex;flex-direction:column}.profile-rank-side h2{margin:6px 0 2px;font-size:18px}.profile-rank-side strong{color:var(--orange);font-size:14px}.profile-rank-side small{font-size:8px;color:#818985;margin-top:5px}.profile-stats-row,.ac-stats-row{max-width:1612px;margin:0 auto 14px;padding:0 30px;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.metric{height:100px;padding:15px 16px;display:flex;flex-direction:column;justify-content:center}.metric strong{font-size:25px;margin:5px 0 2px}.metric small{font-size:8px;color:#828a86}.profile-grid{max-width:1612px;margin:0 auto;padding:0 30px 24px;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px}.elo-chart-card{height:290px}.elo-chart{height:219px;position:relative;padding:20px 20px 14px}.chart-line{position:absolute;inset:26px 20px 24px}.chart-line:before,.chart-line:after{content:"";position:absolute;left:0;right:0;height:1px;background:#1e2423}.chart-line:before{top:25%}.chart-line:after{top:65%}.chart-line svg{width:100%;height:100%;overflow:visible}.chart-line polyline{fill:none;stroke:#f2a117;stroke-width:2;vector-effect:non-scaling-stroke}.chart-line i{position:absolute;left:var(--x);top:var(--y);width:6px;height:6px;border:2px solid #f2a117;background:#0d1010;border-radius:50%;transform:translate(-50%,-50%);z-index:2}.chart-min,.chart-max{position:absolute;font-size:8px;color:#6f7873}.chart-min{bottom:9px;left:20px}.chart-max{top:8px;right:19px;color:var(--orange)}.gain-pill{font-size:8px;color:#55e69d;background:#123323;border-radius:4px;padding:6px 8px;font-weight:850}.role-card{height:290px;padding:16px}.role-map{height:148px;position:relative;border-radius:5px;overflow:hidden;margin-top:12px}.role-map img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) brightness(.64)}.role-map:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(5,7,7,.88))}.role-map div{position:absolute;left:13px;bottom:12px;z-index:1}.role-map h3{font-size:16px;margin:0 0 4px}.role-map p{font-size:8px;color:#c0c5c2;margin:0}.role-mini{display:grid;grid-template-columns:repeat(3,1fr);margin-top:13px}.role-mini span{display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--line-soft)}.role-mini span:last-child{border:0}.role-mini b{font-size:11px}.role-mini small{font-size:7px;color:#747c78;margin-top:3px}.profile-history-wide{grid-column:1/-1;min-height:250px}.mini-match-list>div{height:43px;border-bottom:1px solid var(--line-soft);display:grid;grid-template-columns:28px 1fr 70px 70px 60px;align-items:center;gap:10px;padding:0 16px;font-size:9px}
/* news */
.news-feature{height:340px;position:relative;overflow:hidden;margin-bottom:14px}.news-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.55) brightness(.62)}.news-feature-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,8,8,.96),rgba(6,8,8,.74) 45%,rgba(6,8,8,.12))}.news-feature-copy{position:absolute;left:38px;bottom:36px;z-index:1;max-width:600px}.news-feature-copy h2{font-size:30px;margin:12px 0 9px}.news-feature-copy p{font-size:11px;color:#a7ada9;line-height:1.5;margin:0 0 17px}.news-grid-full{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.news-tile{min-height:270px;overflow:hidden}.tile-image{height:145px;position:relative}.tile-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) brightness(.7)}.tile-image:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(7,9,9,.45))}.tile-image span{position:absolute;left:11px;top:11px;z-index:1;font-size:7px;font-weight:900;background:#171b1a;border:1px solid #3a403e;padding:5px 7px;border-radius:3px}.news-tile>div:last-child{padding:14px 15px}.news-tile time{font-size:7px;color:#717a75}.news-tile h3{font-size:15px;margin:7px 0 6px}.news-tile p{font-size:9px;color:#828a86;line-height:1.5;margin:0}
/* info */
.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.info-step{height:175px;padding:19px;display:flex;gap:15px}.info-step>span{width:38px;height:38px;border:1px solid #6f4911;background:#171208;color:var(--orange);border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:950;flex:none}.info-step h3{font-size:14px;margin:4px 0 7px}.info-step p{font-size:9px;color:#828a86;line-height:1.55;margin:0}.info-bottom-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.rank-explain,.faq-card{min-height:360px}.muted-note{font-size:8px;color:#717a75}.rank-table{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:14px}.rank-table>div{height:72px;border:1px solid #282e2d;border-radius:5px;background:#0b0e0e;padding:12px;display:flex;flex-direction:column;justify-content:center}.rank-table b{font-size:11px}.rank-table span{font-size:8px;color:#808985;margin-top:6px}.rank-table .current{border-color:#725019;background:#171208;box-shadow:0 0 0 1px rgba(217,58,65,.09) inset}.rank-table .current b,.rank-table .current span{color:var(--orange)}.faq-card details{border-bottom:1px solid var(--line-soft);padding:0 16px}.faq-card summary{height:55px;display:flex;align-items:center;font-size:10px;font-weight:800;cursor:pointer}.faq-card p{font-size:9px;color:#858d89;line-height:1.5;padding:0 0 15px;margin:0}
/* anti-cheat */
.ac-hero{max-width:1612px;margin:14px auto;min-height:190px;padding:25px 30px;display:grid;grid-template-columns:90px 1fr 150px;align-items:center;gap:22px}.ac-big-shield{width:72px;height:84px;clip-path:polygon(50% 0,90% 15%,84% 72%,50% 100%,16% 72%,10% 15%);background:linear-gradient(160deg,#185036,#102c21);color:#57e69d;display:grid;place-items:center;font-size:30px;font-weight:950}.green-text{color:#55e69d!important}.ac-hero h1{margin:8px 0 10px}.ac-hero-tags{display:flex;gap:6px;margin-top:15px}.ac-status-big{justify-self:end;width:120px;height:82px;border:1px solid #26503d;background:#0d1713;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center}.ac-status-big i{width:8px;height:8px;border-radius:50%;background:#55e69d;box-shadow:0 0 10px rgba(85,230,157,.5);margin-bottom:7px}.ac-status-big b{font-size:9px;color:#6be9aa}.ac-status-big small{font-size:7px;color:#74807a;margin-top:4px}.ac-grid{max-width:1612px;margin:0 auto;padding:0 30px 24px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px}.case-flow-card{min-height:330px}.case-flow{height:258px;padding:30px 26px;display:grid;grid-template-columns:1fr 35px 1fr 35px 1fr 35px 1fr;align-items:center}.case-flow>i{font-style:normal;text-align:center;color:#55401d;font-size:18px}.case-flow>div{height:160px;border:1px solid #28302d;border-radius:6px;background:#0b0e0e;padding:15px}.case-flow>div>span{width:26px;height:26px;border:1px solid #684817;border-radius:50%;display:grid;place-items:center;color:var(--orange);font-size:8px;font-weight:900;margin-bottom:15px}.case-flow b{font-size:10px}.case-flow p{font-size:8px;color:#7f8883;line-height:1.45;margin:7px 0 0}.latest-cases{min-height:330px}.case-row{height:76px;border-bottom:1px solid var(--line-soft);display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:0 13px}.severity{width:29px;height:29px;border-radius:4px;display:grid;place-items:center;font-size:8px;font-weight:950}.severity.low{background:#132a22;color:#63dfa0}.severity.medium{background:#2d2413;color:#e8b552}.severity.high{background:#351817;color:#ff7a74}.case-row div{display:flex;flex-direction:column}.case-row b{font-size:9px}.case-row small{font-size:7px;color:#7f8883;margin-top:4px}.case-row em{font-style:normal;font-size:7px;color:#a3aaa6}.privacy-card{grid-column:1/-1;padding:18px 20px}.privacy-card h3{font-size:16px;margin:7px 0}.privacy-card p{font-size:9px;color:#818985;line-height:1.5;margin:0;max-width:980px}
@media(max-width:1380px){.secondary-shell{padding-left:18px;padding-right:18px}.secondary-grid{grid-template-columns:245px minmax(0,1fr) 250px}.leaderboard-grid{grid-template-columns:42px minmax(140px,1fr) 115px 62px 62px 72px}.roster-grid{gap:6px}.roster-player{padding:10px}.profile-hero{margin-left:18px;margin-right:18px}.profile-stats-row,.profile-grid,.ac-stats-row,.ac-grid{padding-left:18px;padding-right:18px}.ac-hero{margin-left:18px;margin-right:18px}.full-match-row{grid-template-columns:28px minmax(120px,1fr) 95px 54px 48px 125px 63px 55px}}
@media(max-width:1180px){.secondary-grid{grid-template-columns:240px 1fr}.secondary-right{display:none}.tournament-grid{grid-template-columns:1fr}.tournament-side{display:grid;grid-template-columns:1fr 1fr}.profile-stats-row,.ac-stats-row{grid-template-columns:repeat(3,1fr)}.profile-grid{grid-template-columns:1fr}.role-card{grid-row:auto}.news-grid-full{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:repeat(2,1fr)}.ac-grid{grid-template-columns:1fr}.latest-cases{grid-row:auto}.case-flow{grid-template-columns:1fr 25px 1fr 25px 1fr 25px 1fr;padding:22px 16px}.full-match-row{grid-template-columns:28px 1fr 90px 55px 55px 115px 65px}.full-match-row>span:nth-of-type(2){display:none}.roster-grid{grid-template-columns:repeat(3,1fr)}.team-form-card{grid-template-columns:150px 1fr 45px}}


/* v0.30 — matchmaking flow; intentionally reuses the same PEEK.ME design system */
.match-flow[hidden]{display:none!important}
.match-flow{max-width:1672px;margin:0 auto;padding:14px 30px 24px}
.page-view.flow-active>.dashboard{display:none}
.flow-shell{min-height:790px}
.flow-topline{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 2px}
.flow-topline h1{margin:5px 0 0;font-size:25px}
.flow-exit{height:32px;padding:0 12px;border:1px solid #303635;border-radius:5px;background:#111514;color:#aab1ad;font-size:8px;font-weight:900}
.flow-exit:hover{border-color:#5b4130;color:#fff}
.flow-view{display:none}.flow-view.active{display:block}

.accept-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px}
.accept-card{min-height:620px;padding:24px}
.accept-head{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line-soft);padding-bottom:20px}
.accept-head h2{font-size:25px;margin:10px 0 6px}.accept-head p{margin:0;color:#858d89;font-size:10px}
.accept-meta{display:flex;flex-direction:column;align-items:flex-end}.accept-meta span{font-size:8px;color:#7d8581;font-weight:900;letter-spacing:.09em}.accept-meta b{font-size:12px;margin-top:6px}
.ready-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;padding:28px 0 24px}
.ready-player{height:126px;border:1px solid #292f2e;border-radius:6px;background:#0b0e0e;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.2s}
.ready-player>span{width:38px;height:38px;border-radius:50%;border:1px solid #3a413f;display:grid;place-items:center;color:#7f8883;font-weight:900;margin-bottom:10px}
.ready-player b{font-size:9px}.ready-player small{font-size:7px;color:#737c77;margin-top:4px}
.ready-player.you{border-color:#725019;background:linear-gradient(150deg,#171208,#0b0e0e 55%)}.ready-player.you>span{background:var(--orange);border-color:var(--orange);color:#171006}
.ready-player.ready{border-color:#24513c;background:#0d1713}.ready-player.ready>span{border-color:#36795a;color:#56e69e;background:#113120}.ready-player.ready small{color:#55e69d}
.accept-action{text-align:center;padding-top:4px}.accept-timer{width:92px;height:92px;border:1px solid #5a421b;border-radius:50%;margin:0 auto 17px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#11100c;box-shadow:0 0 28px rgba(217,58,65,.07)}
.accept-timer strong{font-size:30px;color:var(--orange);line-height:1}.accept-timer span{font-size:7px;color:#7f8783;margin-top:5px;letter-spacing:.1em}.accept-btn{min-width:210px;height:46px}
.accept-action p{max-width:580px;margin:13px auto 0;font-size:8px;color:#6f7873;line-height:1.45}
.accept-side{display:flex;flex-direction:column;gap:14px}.flow-info-card{min-height:260px;padding:18px}.flow-info-card h3{font-size:18px;margin:8px 0 18px}.flow-info-card>div{height:46px;border-top:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between}.flow-info-card span{font-size:8px;color:#818985}.flow-info-card b{font-size:9px}.flow-note{min-height:110px;padding:15px;display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center}.flow-note b{font-size:10px}.flow-note p{font-size:8px;color:#7f8883;line-height:1.45;margin:5px 0 0}

.veto-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px}.veto-main{min-height:660px;padding:22px}.veto-head{height:94px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line-soft)}
.veto-head h2{font-size:24px;margin:7px 0 6px}.veto-head p{font-size:9px;color:#858d89;margin:0}.veto-score{height:38px;display:flex;align-items:center;gap:13px;font-size:8px;font-weight:900;color:#a8afab}.veto-score b{color:var(--orange)}
.veto-map-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:22px 0}.veto-map{height:170px;border:1px solid #303735;border-radius:6px;overflow:hidden;position:relative;background:#090b0b;padding:0}
.veto-map img{width:100%;height:100%;object-fit:cover;filter:saturate(.62) brightness(.67)}.veto-map:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,7,.05),rgba(5,7,7,.88))}
.veto-map span{position:absolute;left:12px;bottom:12px;z-index:2;font-weight:900;font-size:12px}.veto-map i{position:absolute;right:9px;top:9px;z-index:2;font-style:normal;font-size:7px;font-weight:950;padding:5px 7px;border-radius:4px;border:1px solid #59421b;background:#171208;color:var(--orange);opacity:0;transition:.15s}
.veto-map:not(.banned):hover{border-color:#815617}.veto-map:not(.banned):hover i{opacity:1}.veto-map.banned{pointer-events:none;border-color:#3a2624}.veto-map.banned img{filter:grayscale(1) brightness(.28)}.veto-map.banned:before{content:"BANNED";position:absolute;inset:0;z-index:3;display:grid;place-items:center;color:#ff746f;font-size:10px;font-weight:950;letter-spacing:.11em;background:rgba(36,10,10,.16)}
.veto-map.final{grid-column:auto;border-color:#a66a0c;box-shadow:0 0 0 1px rgba(217,58,65,.19) inset}.veto-map.final img{filter:saturate(.82) brightness(.78)}.veto-map.final:before{content:"FINAL MAP";position:absolute;inset:0;z-index:3;display:grid;place-items:center;color:#ffb229;font-size:10px;font-weight:950;letter-spacing:.1em;background:rgba(20,13,3,.2)}
.veto-footer{height:52px;border-top:1px solid var(--line-soft);display:grid;grid-template-columns:100px 1fr 120px;align-items:center}.veto-footer>span,.veto-footer>b{font-size:8px;font-weight:900}.veto-footer>b{text-align:right;color:var(--orange)}.veto-pips{display:flex;gap:5px;justify-content:center}.veto-pips i{width:32px;height:3px;background:#2b312f;border-radius:4px}.veto-pips i.done{background:var(--orange)}
.veto-side{display:flex;flex-direction:column;gap:14px}.team-list-card{min-height:318px}.team-list-head{height:46px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-soft)}.team-list-head b{font-size:8px;color:#939b97}
.team-person{height:52px;padding:0 12px;display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;border-bottom:1px solid var(--line-soft)}.team-person .avatar{width:31px;height:31px;font-size:10px}.team-person>div{display:flex;flex-direction:column}.team-person>div b{font-size:9px}.team-person>div small{font-size:7px;color:#77807b;margin-top:3px}.team-person em{font-style:normal;font-size:7px;color:var(--orange);font-weight:900}.team-person.me{background:#12100b}

.room-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:14px}.room-map-card{height:330px;position:relative;overflow:hidden}.room-map-bg,.result-map-bg{position:absolute;inset:0;background-image:url('/assets/maps/mirage.webp');background-size:cover;background-position:center;filter:saturate(.75) brightness(.72)}
.room-map-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,7,.9),rgba(5,7,7,.35) 64%,rgba(5,7,7,.18))}.room-map-copy{position:absolute;left:28px;bottom:29px;z-index:2}.room-map-copy h2{font-size:34px;margin:10px 0 6px}.room-map-copy p{font-size:10px;color:#b2b8b5;margin:0}
.room-server-status{position:absolute;right:18px;top:18px;z-index:2;height:58px;border:1px solid #284b3a;background:rgba(11,24,18,.9);border-radius:6px;padding:0 13px;display:flex;align-items:center;gap:9px}.room-server-status i{width:8px;height:8px;background:#55e69d;border-radius:50%;box-shadow:0 0 10px rgba(85,230,157,.45)}.room-server-status div{display:flex;flex-direction:column}.room-server-status b{font-size:8px;color:#64e9a5}.room-server-status small{font-size:7px;color:#7f8883;margin-top:4px}
.room-details-card{height:330px}.room-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 1px;background:var(--line-soft);border-bottom:1px solid var(--line-soft)}.room-detail-grid>div{height:72px;background:#0c0f0f;padding:13px;display:flex;flex-direction:column}.room-detail-grid span{font-size:7px;color:#757e79;font-weight:900;letter-spacing:.08em}.room-detail-grid b{font-size:9px;margin:6px 0 3px}.room-detail-grid small{font-size:7px;color:#707975}
.room-actions{height:62px;display:grid;grid-template-columns:1.3fr .7fr;gap:8px;padding:10px 12px}.room-actions .wide-ghost{height:42px}.connect-btn{height:42px}.connect-line{height:41px;border-top:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;padding:0 12px}.connect-line code{font-size:8px;color:#b9bfbc}.connect-line span{font-size:7px;color:#777f7b}
.room-team-card{min-height:215px}.room-roster{display:grid;grid-template-columns:repeat(5,1fr);height:167px}.room-roster>div{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid var(--line-soft)}.room-roster>div:last-child{border-right:0}.room-roster .avatar{width:40px;height:40px;margin-bottom:10px}.room-roster b{font-size:9px}.room-roster small{font-size:8px;color:#7f8883;margin-top:4px}
.room-demo-bar{grid-column:1/-1;min-height:80px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between}.room-demo-bar>div{display:flex;flex-direction:column}.room-demo-bar>div>b{font-size:10px;margin:5px 0 3px}.room-demo-bar>div>small{font-size:8px;color:#777f7b}.room-demo-bar .filter{height:34px}

.summary-shell{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px}.result-hero{height:310px;position:relative;overflow:hidden}.result-map-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,7,.38),rgba(5,7,7,.88))}.result-top{position:absolute;left:20px;right:20px;top:18px;z-index:2;display:flex;align-items:center;justify-content:space-between}.result-top>span:last-child{font-size:8px;color:#9ba29f}
.result-score-main{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);z-index:2;display:grid;grid-template-columns:150px 20px 150px;align-items:center;text-align:center}.result-score-main div{display:flex;flex-direction:column}.result-score-main span{font-size:8px;color:#b4bab7;font-weight:900}.result-score-main strong{font-size:58px;line-height:1;margin-top:6px}.result-score-main>b{font-size:24px;color:#6f7773}.result-score-main div:first-child strong{color:var(--orange)}
.result-bottom{position:absolute;left:20px;right:20px;bottom:18px;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.result-bottom>span{font-size:9px;font-weight:900}.result-bottom>span:last-child{text-align:right;color:#8b938f}.result-bottom b{font-size:10px}
.summary-table-card{grid-column:1/2;min-height:375px}.summary-rating{display:flex;flex-direction:column;align-items:flex-end}.summary-rating span{font-size:7px;color:#747d78;font-weight:900}.summary-rating b{font-size:20px;color:var(--orange);margin-top:3px}
.summary-row-grid{display:grid;grid-template-columns:minmax(180px,1fr) repeat(6,64px);align-items:center}.summary-head{height:35px;padding:0 15px;border-bottom:1px solid var(--line-soft);font-size:7px;color:#747d78;font-weight:900}.summary-head span:not(:first-child){text-align:center}.summary-player{height:52px;padding:0 15px;border-bottom:1px solid var(--line-soft);font-size:9px}.summary-player>div{display:flex;align-items:center;gap:9px}.summary-player .avatar{width:30px;height:30px;font-size:9px}.summary-player>span,.summary-player>b{text-align:center}.summary-player.me{background:#141109}.summary-player.me>div>b,.summary-player.me>b{color:var(--orange)}
.summary-actions-card{grid-column:2;grid-row:1/3;min-height:699px;padding:25px;display:flex;flex-direction:column;justify-content:space-between}.summary-actions-card>div:first-child{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:105px}.summary-actions-card>div:first-child strong{font-size:42px;margin:9px 0 6px}.summary-actions-card>div:first-child small{font-size:8px;color:#7c8580}.summary-actions{display:grid;gap:8px}.summary-actions .primary-action{height:40px}.summary-actions .wide-ghost{height:40px}

@media(max-width:1180px){
  .accept-layout,.veto-layout{grid-template-columns:1fr}.accept-side,.veto-side{display:grid;grid-template-columns:1fr 1fr}
  .room-grid,.summary-shell{grid-template-columns:1fr}.summary-actions-card{grid-column:1;grid-row:auto;min-height:160px}.summary-actions-card>div:first-child{padding-top:0}.summary-table-card{grid-column:1}.room-demo-bar{grid-column:1}
}

/* v0.31 — polish: compact match-found modal, veto micro stats, two-team summary + MVP */
.accept-head-right{display:flex;align-items:flex-start;gap:12px}
.accept-close{width:30px;height:30px;border:1px solid #343b38;border-radius:5px;background:#0d1010;color:#929a96;font-size:18px;line-height:1;display:grid;place-items:center}
.accept-close:hover{border-color:#725019;color:#fff;background:#151109}
.player-microstats{color:#aa8b5d!important;font-size:6.5px!important;letter-spacing:.015em}
.team-person{height:58px}
.team-list-card{min-height:336px}
.veto-main{min-height:686px}

/* Match found is intentionally a small dialog over the existing Play page. */
.match-flow.accept-modal-mode{position:fixed;inset:0;z-index:60;max-width:none;margin:0;padding:0;background:rgba(3,5,5,.74);backdrop-filter:blur(4px);display:grid;place-items:center}
.match-flow.accept-modal-mode .flow-shell{width:min(640px,calc(100vw - 32px));min-height:0}
.match-flow.accept-modal-mode .flow-topline{display:none}
.match-flow.accept-modal-mode .flow-view{display:none}
.match-flow.accept-modal-mode .flow-view[data-flow="accept"].active{display:block}
.match-flow.accept-modal-mode .accept-layout{display:block}
.match-flow.accept-modal-mode .accept-side{display:none}
.match-flow.accept-modal-mode .accept-card{min-height:0;padding:20px 22px 18px;border-color:#5b4218;box-shadow:0 30px 90px rgba(0,0,0,.58),0 0 0 1px rgba(217,58,65,.05) inset}
.match-flow.accept-modal-mode .accept-head{padding-bottom:15px}
.match-flow.accept-modal-mode .accept-head h2{font-size:20px;margin:7px 0 4px}
.match-flow.accept-modal-mode .accept-head p{font-size:8px}
.match-flow.accept-modal-mode .accept-meta span{font-size:7px}.match-flow.accept-modal-mode .accept-meta b{font-size:10px;margin-top:4px}
.match-flow.accept-modal-mode .ready-grid{grid-template-columns:repeat(5,1fr);gap:7px;padding:16px 0 14px}
.match-flow.accept-modal-mode .ready-player{height:70px;border-radius:5px}
.match-flow.accept-modal-mode .ready-player>span{width:27px;height:27px;margin-bottom:5px;font-size:8px}
.match-flow.accept-modal-mode .ready-player b{font-size:7px}.match-flow.accept-modal-mode .ready-player small{font-size:6px;margin-top:2px}
.match-flow.accept-modal-mode .accept-action{max-width:410px;margin:0 auto;display:grid;grid-template-columns:62px 1fr;gap:9px;text-align:left;padding-top:0}
.match-flow.accept-modal-mode .accept-timer{width:62px;height:62px;margin:0;border-radius:6px;box-shadow:none}
.match-flow.accept-modal-mode .accept-timer strong{font-size:22px}.match-flow.accept-modal-mode .accept-timer span{font-size:6px;margin-top:3px}
.match-flow.accept-modal-mode .accept-btn{height:62px;min-width:0;width:100%;font-size:10px}
.match-flow.accept-modal-mode .accept-action p{grid-column:1/-1;max-width:none;margin:1px 0 0;text-align:center;font-size:6.5px;line-height:1.35}

/* Post-match: both teams stay visible without turning the page into a giant table. */
.summary-teams-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line-soft)}
.summary-team-panel{min-width:0;background:#0c0f0f}
.summary-team-panel+ .summary-team-panel{border-left:1px solid var(--line-soft)}
.summary-team-title{height:44px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-soft)}
.summary-team-title>div{display:flex;flex-direction:column;gap:3px}.summary-team-title>div>b{font-size:9px}.summary-team-title>strong{font-size:21px;color:#aeb5b1}
.summary-team-panel.winner .summary-team-title>strong,.summary-team-panel.winner .summary-team-title>div>b{color:var(--orange)}
.summary-team-panel .summary-row-grid{grid-template-columns:minmax(96px,1fr) repeat(6,36px)}
.summary-team-panel .summary-head{height:30px;padding:0 9px;font-size:6px}
.summary-team-panel .summary-player{height:47px;padding:0 9px;font-size:7px}
.summary-team-panel .summary-player>div{gap:6px;min-width:0}.summary-team-panel .summary-player>div>b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.summary-team-panel .summary-player .avatar{width:25px;height:25px;font-size:7px;flex:none}
.summary-table-card{min-height:375px}
.summary-actions-card{justify-content:flex-start;gap:20px}
.summary-actions-card .summary-elo{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:75px}
.summary-actions-card .summary-elo strong{font-size:42px;margin:9px 0 6px}.summary-actions-card .summary-elo small{font-size:8px;color:#7c8580}
.match-mvp{border:1px solid #5b4218;background:linear-gradient(145deg,#171208,#0c0f0f);border-radius:7px;min-height:82px;padding:13px;display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center}
.mvp-star{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#2a1c08;border:1px solid #775018;color:var(--orange);font-size:17px}
.match-mvp>div{display:flex;flex-direction:column}.match-mvp small{font-size:6.5px;color:var(--orange);font-weight:900;letter-spacing:.08em}.match-mvp b{font-size:12px;margin:3px 0}.match-mvp div>span{font-size:7px;color:#8a928e}
.summary-actions{margin-top:auto;width:100%}

@media(max-width:1180px){
  .summary-teams-grid{grid-template-columns:1fr}
  .summary-team-panel+ .summary-team-panel{border-left:0;border-top:1px solid var(--line-soft)}
  .summary-team-panel .summary-row-grid{grid-template-columns:minmax(130px,1fr) repeat(6,48px)}
  .summary-actions-card .summary-elo{padding-top:0}
}
@media(max-width:680px){
  .match-flow.accept-modal-mode .flow-shell{width:calc(100vw - 18px)}
  .match-flow.accept-modal-mode .accept-card{padding:15px}
  .match-flow.accept-modal-mode .ready-grid{grid-template-columns:repeat(5,1fr);gap:4px}
  .match-flow.accept-modal-mode .ready-player{height:60px}
}


/* v0.32 — veto team chat, server IP copy, visual rank set, larger post-match table */
.veto-layout{grid-template-columns:minmax(0,1fr) 344px}
.veto-main{min-height:724px}
.veto-side{gap:10px}
.compact-team-card{min-height:0}
.compact-team-card .team-list-head{height:40px}
.compact-team-card .team-person{height:45px;grid-template-columns:30px 1fr auto;gap:8px}
.compact-team-card .team-person .avatar{width:27px;height:27px;font-size:8px}
.compact-team-card .team-person>div b{font-size:8px}
.compact-team-card .team-person>div small{font-size:6.2px;margin-top:2px}
.compact-team-card .player-microstats{font-size:5.9px!important}
.team-chat-card{min-height:132px;overflow:hidden}
.team-chat-head{height:37px;padding:0 11px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between}
.team-chat-head>div{display:flex;align-items:center;gap:7px}.team-chat-head>div>b{font-size:7px;color:var(--orange)}
.team-only{font-size:6px;color:#6f7873;display:flex;align-items:center;gap:5px}.team-only i{width:5px;height:5px;border-radius:50%;background:#52df9a}
.team-chat-messages{height:56px;padding:6px 10px;display:flex;flex-direction:column;gap:4px;overflow:auto;scrollbar-width:thin}
.team-chat-messages>div{display:flex;gap:6px;align-items:baseline;font-size:6.5px;line-height:1.2}.team-chat-messages b{color:var(--orange);font-size:6.5px}.team-chat-messages span{color:#a6aeaa}
.team-chat-messages .mine b{color:#fff}.team-chat-messages .mine span{color:#d7ddd9}
.team-chat-form{height:39px;padding:5px 7px;border-top:1px solid var(--line-soft);display:grid;grid-template-columns:1fr 58px;gap:6px}
.team-chat-form input{min-width:0;border:1px solid #2a302e;background:#090c0c;color:#eef1ef;border-radius:4px;padding:0 8px;font:700 7px/1 Geist,system-ui,sans-serif;outline:none}.team-chat-form input:focus{border-color:#725019}.team-chat-form input::placeholder{color:#59615d}
.team-chat-form button{border:1px solid #70490f;background:#171208;color:var(--orange);border-radius:4px;font:900 6.5px/1 Geist,system-ui,sans-serif;letter-spacing:.05em}.team-chat-form button:hover{background:#241707}

.connect-line>div{display:flex;flex-direction:column;gap:3px}.connect-label{font-size:5.8px!important;color:#666f6a!important;font-weight:900;letter-spacing:.08em}.connect-line code{font-size:9px;color:#d5dbd8}.connect-line #copyState{color:#8f9893}

/* Post-match: score/map is intentionally shorter so the data table gets visual priority. */
.summary-shell{grid-template-columns:minmax(0,1fr) 305px;gap:12px}
.result-hero{height:210px}
.result-score-main{top:50%;grid-template-columns:130px 18px 130px}.result-score-main strong{font-size:46px}.result-score-main>b{font-size:18px}
.result-top{top:14px}.result-bottom{bottom:14px}
.summary-table-card{min-height:430px}
.summary-table-card>.toolbar{height:58px}
.summary-teams-grid{min-height:370px}
.summary-team-title{height:50px;padding:0 13px}.summary-team-title>div>b{font-size:10px}.summary-team-title>strong{font-size:25px}
.summary-team-panel .summary-row-grid{grid-template-columns:minmax(124px,1fr) repeat(6,44px)}
.summary-team-panel .summary-head{height:34px;padding:0 11px;font-size:6.5px}
.summary-team-panel .summary-player{height:57px;padding:0 11px;font-size:8.5px}
.summary-team-panel .summary-player>div{gap:8px}.summary-team-panel .summary-player .avatar{width:30px;height:30px;font-size:8px}.summary-team-panel .summary-player>div>b{font-size:8.5px}
.summary-actions-card{grid-column:2;grid-row:1/3;min-height:652px;padding:18px;gap:12px}
.summary-actions-card .summary-elo{padding-top:30px}.summary-actions-card .summary-elo strong{font-size:38px}
.match-mvp{min-height:86px;padding:12px;grid-template-columns:38px 1fr}.mvp-star{width:36px;height:36px}
.match-highlights{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.highlight-stat{min-height:74px;border:1px solid #262d2a;border-radius:6px;background:#0a0d0d;padding:10px;display:flex;flex-direction:column;justify-content:center}
.highlight-stat span{font-size:6px;color:#737c77;font-weight:900;letter-spacing:.08em}.highlight-stat b{font-size:17px;margin:5px 0 2px}.highlight-stat small{font-size:6.5px;color:#989f9b}.highlight-stat:first-child{border-color:#5b4218;background:linear-gradient(145deg,#151108,#0a0d0d)}.highlight-stat:first-child b{color:var(--orange)}
.summary-actions{margin-top:auto}

/* Info: actual visual badges instead of a plain text ELO table. */
.info-bottom-grid{grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr)}
.rank-explain{min-height:420px}
.rank-showcase{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:13px}
.rank-showcase-card{height:150px;border:1px solid #282e2d;border-radius:6px;background:linear-gradient(180deg,#0e1110,#090c0c);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}
.rank-showcase-card:before{content:"";position:absolute;inset:auto 10% -35px;height:68px;background:radial-gradient(circle,rgba(255,255,255,.055),transparent 68%);pointer-events:none}
.rank-showcase-card img{width:92px;height:78px;object-fit:contain;filter:drop-shadow(0 5px 5px rgba(0,0,0,.55))}.rank-showcase-card b{font-size:9px;margin-top:2px;letter-spacing:.06em}.rank-showcase-card span{font-size:6.5px;color:#7d8681;margin-top:4px}.rank-showcase-card em{position:absolute;right:7px;top:7px;font-style:normal;font-size:5.5px;font-weight:950;color:#171006;background:var(--orange);border-radius:3px;padding:4px 5px}
.rank-showcase-card.current{border-color:#745019;background:linear-gradient(160deg,#171208,#0a0d0d 70%);box-shadow:0 0 0 1px rgba(217,58,65,.09) inset}.rank-showcase-card.current b,.rank-showcase-card.current span{color:var(--orange)}

@media(max-width:1180px){
  .veto-layout{grid-template-columns:1fr}.veto-side{display:grid;grid-template-columns:1fr 1fr}.team-chat-card{grid-column:1/-1}
  .summary-shell{grid-template-columns:1fr}.summary-actions-card{grid-column:1;grid-row:auto;min-height:260px}.summary-actions-card .summary-elo{padding-top:0}.match-highlights{grid-template-columns:repeat(4,1fr)}
  .rank-showcase{grid-template-columns:repeat(4,1fr)}.info-bottom-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .rank-showcase{grid-template-columns:repeat(2,1fr)}
  .summary-team-panel .summary-row-grid{grid-template-columns:minmax(110px,1fr) repeat(6,38px)}
  .match-highlights{grid-template-columns:1fr 1fr}
}


/* v0.33 — stronger readability after accept */
.veto-layout{grid-template-columns:minmax(0,1fr) 382px}
.veto-head h2{font-size:28px}
.veto-head p{font-size:12px}
.veto-main{min-height:748px}
.compact-team-card .team-list-head{height:46px;padding:0 14px}
.compact-team-card .team-list-head .eyebrow{font-size:9px}
.compact-team-card .team-list-head b{font-size:11px}
.compact-team-card .team-person{height:60px;grid-template-columns:38px 1fr auto;gap:10px;padding:0 12px}
.compact-team-card .team-person .avatar{width:32px;height:32px;font-size:10px}
.compact-team-card .team-person>div b{font-size:10px;font-weight:900}
.compact-team-card .team-person>div small{font-size:8px;margin-top:2px}
.compact-team-card .player-microstats{font-size:7.1px!important;color:#8a928d!important}
.player-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.mini-rank{display:inline-flex;align-items:center;justify-content:center;min-width:56px;height:18px;padding:0 7px;border-radius:999px;font:900 6.7px/1 Geist,system-ui,sans-serif;letter-spacing:.06em;border:1px solid #3b4340;background:#101414;color:#d5dbd8}
.rank-master{border-color:#7f5710;background:#1b1408;color:#ffb536}
.rank-elite{border-color:#6f5f93;background:#15111d;color:#ddd0ff}
.rank-diamond{border-color:#3a7188;background:#0c1418;color:#7fd5ff}
.compact-team-card em{font-size:7px}
.team-chat-card{min-height:148px}
.team-chat-head{height:40px;padding:0 12px}
.team-chat-messages{height:66px}.team-chat-messages>div,.team-chat-messages b{font-size:7px}
.team-chat-form{height:42px}.team-chat-form input{font-size:7.6px}.team-chat-form button{font-size:7px}
.veto-footer{padding:0 14px;height:52px}.veto-footer>span,.veto-footer>b{font-size:9px}
.veto-map span{font-size:12px}.veto-map i{font-size:11px}

.room-map-copy h2{font-size:42px}.room-map-copy p{font-size:12px}
.room-server-status b{font-size:13px}.room-server-status small{font-size:10px}
.room-details-card .toolbar h2{font-size:24px}
.room-detail-grid div span{font-size:8px}.room-detail-grid div b{font-size:12px}.room-detail-grid div small{font-size:8px}
.connect-line code{font-size:12px}
.room-roster-rich{display:grid;gap:8px}
.room-roster-rich>div{min-height:58px;border:1px solid #252b29;border-radius:7px;background:#0a0d0d;padding:0 10px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center}
.room-roster-rich .avatar{width:30px;height:30px;font-size:9px}
.room-roster-rich>div>div{display:flex;flex-direction:column;min-width:0}.room-roster-rich>div>div b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-roster-rich>div>div small{font-size:8px;color:#8a928e;margin-top:2px}
.room-team-card .team-list-head .eyebrow{font-size:9px}.room-team-card .team-list-head b{font-size:11px}
.room-demo-bar b{font-size:14px}.room-demo-bar small{font-size:10px}

.summary-shell{grid-template-columns:minmax(0,1fr) 320px;gap:14px}
.result-hero{height:188px}
.result-top span,.result-bottom span,.result-bottom b{font-size:10px}
.result-score-main span{font-size:10px}.result-score-main strong{font-size:52px}.result-score-main>b{font-size:22px}
.summary-table-card>.toolbar{height:66px;padding:0 14px}.summary-table-card>.toolbar h2{font-size:18px}.summary-rating span{font-size:8px}.summary-rating b{font-size:18px}
.summary-team-title{height:54px;padding:0 14px}.summary-team-title>div>b{font-size:11px}.summary-team-title>strong{font-size:28px}
.summary-team-panel .summary-row-grid{grid-template-columns:minmax(180px,1fr) repeat(6,48px)}
.summary-team-panel .summary-head{height:36px;padding:0 12px;font-size:7px}
.summary-team-panel .summary-player{height:62px;padding:0 12px;font-size:10px}
.summary-team-panel .summary-player .avatar{width:32px;height:32px;font-size:9px}
.summary-team-panel .summary-player>div{display:flex;align-items:center;gap:9px;min-width:0}
.summary-player-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.summary-player-meta b{font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-player-meta small{display:flex}
.summary-team-panel .summary-player>span,.summary-team-panel .summary-player>b{font-size:10px}
.summary-actions-card{min-height:640px;padding:18px}
.summary-actions-card .summary-elo strong{font-size:42px}.summary-actions-card .summary-elo small{font-size:9px}
.match-mvp small{font-size:7px}.match-mvp b{font-size:14px}.match-mvp div>span{font-size:8px}
.highlight-stat span{font-size:6.5px}.highlight-stat b{font-size:18px}.highlight-stat small{font-size:7px}
.summary-actions button{font-size:11px}

@media(max-width:1180px){
  .veto-layout{grid-template-columns:1fr}.veto-side{display:grid;grid-template-columns:1fr 1fr;gap:10px}.team-chat-card{grid-column:1/-1}
  .summary-shell{grid-template-columns:1fr}.summary-actions-card{grid-column:1;grid-row:auto;min-height:260px}
}


/* v0.34 — bigger typography in accept modal */
.match-flow.accept-modal-mode .flow-shell{width:min(760px,calc(100vw - 34px))}
.match-flow.accept-modal-mode .accept-card{padding:24px 26px 22px}
.match-flow.accept-modal-mode .accept-head{padding-bottom:18px}
.match-flow.accept-modal-mode .accept-head .live-chip{font-size:9px;padding:7px 10px}
.match-flow.accept-modal-mode .accept-head h2{font-size:24px;margin:8px 0 5px;letter-spacing:-.02em}
.match-flow.accept-modal-mode .accept-head p{font-size:10px;line-height:1.45}
.match-flow.accept-modal-mode .accept-meta span{font-size:8px}
.match-flow.accept-modal-mode .accept-meta b{font-size:12px;margin-top:5px}
.match-flow.accept-modal-mode .ready-grid{gap:9px;padding:20px 0 18px}
.match-flow.accept-modal-mode .ready-player{height:92px;border-radius:6px}
.match-flow.accept-modal-mode .ready-player>span{width:34px;height:34px;margin-bottom:8px;font-size:10px}
.match-flow.accept-modal-mode .ready-player b{font-size:9px;font-weight:900}
.match-flow.accept-modal-mode .ready-player small{font-size:7.5px;margin-top:3px}
.match-flow.accept-modal-mode .accept-action{max-width:510px;grid-template-columns:84px 1fr;gap:11px}
.match-flow.accept-modal-mode .accept-timer{width:84px;height:84px;border-radius:8px}
.match-flow.accept-modal-mode .accept-timer strong{font-size:34px}
.match-flow.accept-modal-mode .accept-timer span{font-size:7.5px;margin-top:5px}
.match-flow.accept-modal-mode .accept-btn{height:84px;font-size:15px;letter-spacing:.03em}
.match-flow.accept-modal-mode .accept-action p{margin-top:5px;font-size:8px;line-height:1.45}
@media(max-width:680px){
  .match-flow.accept-modal-mode .flow-shell{width:calc(100vw - 18px)}
  .match-flow.accept-modal-mode .accept-card{padding:18px}
  .match-flow.accept-modal-mode .accept-head h2{font-size:21px}
  .match-flow.accept-modal-mode .accept-head p{font-size:9px}
  .match-flow.accept-modal-mode .ready-grid{gap:5px;padding:16px 0 14px}
  .match-flow.accept-modal-mode .ready-player{height:74px}
  .match-flow.accept-modal-mode .ready-player>span{width:28px;height:28px;font-size:9px;margin-bottom:6px}
  .match-flow.accept-modal-mode .ready-player b{font-size:7.5px}
  .match-flow.accept-modal-mode .ready-player small{font-size:6.5px}
  .match-flow.accept-modal-mode .accept-action{max-width:none;grid-template-columns:72px 1fr;gap:8px}
  .match-flow.accept-modal-mode .accept-timer{width:72px;height:72px}
  .match-flow.accept-modal-mode .accept-timer strong{font-size:28px}
  .match-flow.accept-modal-mode .accept-btn{height:72px;font-size:12px}
}


/* v0.35 — fix team cards in Match Room */
.room-team-card{min-height:232px}
.room-roster{height:auto}
.room-roster-rich{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:stretch}
.room-roster-rich>div{
  min-height:118px;
  padding:12px 10px;
  border:1px solid #252b29;
  border-radius:7px;
  background:#0a0d0d;
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  grid-template-areas:
    "avatar meta"
    "rank rank";
  grid-template-rows:auto auto;
  gap:8px 10px;
  align-content:start;
}
.room-roster-rich .avatar{grid-area:avatar;width:30px;height:30px;font-size:9px;align-self:start}
.room-roster-rich>div>div{grid-area:meta;display:flex;flex-direction:column;min-width:0;align-self:start}
.room-roster-rich>div>div b{font-size:10px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.room-roster-rich>div>div small{font-size:8px;line-height:1.2;color:#8a928e;margin-top:3px}
.room-roster-rich>div .mini-rank{grid-area:rank;justify-self:start;min-width:0;padding:0 8px;height:19px;font-size:6.6px}
.room-team-card .team-list-head{height:42px;padding:0 12px}
.room-team-card .team-list-head .eyebrow{font-size:9px}.room-team-card .team-list-head b{font-size:11px}
@media(max-width:1280px){
  .room-roster-rich{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:860px){
  .room-roster-rich{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .room-roster-rich{grid-template-columns:1fr}
}


/* v0.36 — redesign Match Room player cards */
.room-team-card{min-height:248px}
.room-roster-rich{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:stretch}
.room-roster-rich>div{
  min-height:142px;
  padding:14px 10px 12px;
  border:1px solid #252b29;
  border-radius:8px;
  background:linear-gradient(180deg,#0b0e0e,#090c0c);
  display:grid;
  grid-template-columns:1fr;
  grid-template-areas:
    "avatar"
    "meta"
    "rank";
  grid-template-rows:auto auto auto;
  gap:9px;
  justify-items:center;
  align-content:start;
  text-align:center;
}
.room-roster-rich .avatar{
  grid-area:avatar;
  width:42px;
  height:42px;
  font-size:12px;
  margin-top:2px;
}
.room-roster-rich>div>div{
  grid-area:meta;
  display:flex;
  flex-direction:column;
  align-items:center;
  min-width:0;
  width:100%;
}
.room-roster-rich>div>div b{
  font-size:11px;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:100%;
}
.room-roster-rich>div>div small{
  font-size:8.5px;
  line-height:1.2;
  color:#8a928e;
  margin-top:4px;
}
.room-roster-rich>div .mini-rank{
  grid-area:rank;
  justify-self:center;
  min-width:62px;
  padding:0 10px;
  height:20px;
  font-size:6.8px;
}
.room-team-card .team-list-head{height:44px;padding:0 13px}
.room-team-card .team-list-head .eyebrow{font-size:9px}
.room-team-card .team-list-head b{font-size:11px}
@media(max-width:1280px){
  .room-roster-rich{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:860px){
  .room-roster-rich{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .room-roster-rich{grid-template-columns:1fr}
}


/* v0.37 — global typography accessibility pass */
.section-top{font-size:11px}.section-top b,.section-top button{font-size:10px}
.rank-data small,.gain,.progress-meta,.mini-title,.news-meta b,.news-meta span,.news-row time,.news-row small,.stat-card small,.lobby-head small,.maps-head small,.history-head small,.slot.leader small,.invite b,.maps-head>b,.history-head button,.rating,.find-match small,.server-line,.friends-head small,.friends-head>span,.friend small,.friend-elo,.show-all,.eyebrow,.seg,.filter,.muted-note,.faq-card p,.flow-info-card span,.flow-info-card b,.flow-note b,.flow-note p,.veto-score,.room-detail-grid span,.room-detail-grid b,.room-detail-grid small,.summary-rating span,.match-mvp small,.match-mvp div>span,.highlight-stat span,.highlight-stat small,.rank-showcase-card b,.rank-showcase-card span{font-size:10px}
.news-copy p,.stat-card span,.match-name b,.match-name small,.elo,.ac-card span,.ac-card em,.friend b,.toolbar h2,.room-demo-bar>div>b,.room-demo-bar>div>small,.summary-actions button,.rank-table b,.rank-table span,.faq-card summary{font-size:11px}
.mode-tabs button,.map span,.find-match b,.ac-card b,.page-hero p,.team-chat-head>div>b,.team-chat-form input,.team-chat-form button,.team-chat-messages>div,.team-chat-messages b,.team-chat-messages span,.compact-team-card .team-person>div b,.compact-team-card .team-person>div small,.compact-team-card .player-microstats,.summary-player-meta b,.summary-team-panel .summary-player>span,.summary-team-panel .summary-player>b{font-size:11px}
.primary-action{font-size:11px}.mini-primary{font-size:10px}.toolbar-actions .filter{font-size:10px}.seg{font-size:10px}

/* dashboard and lobby readability */
.news-copy h3{font-size:19px}
.stat-card strong{font-size:30px}
.lobby-head h2,.maps-head h2,.history-head h2,.toolbar h2{font-size:20px}
.match-row{grid-template-columns:30px 1fr 96px 96px 82px}
.match-name b{font-size:12px}.match-name small{font-size:10px}
.map span{font-size:11px}
.find-match b{font-size:19px}
.ac-card small{font-size:10px}
.friend b{font-size:12px}

/* secondary pages */
.page-hero h1,.profile-hero h1,.ac-hero h1{font-size:32px}
.page-hero p,.ac-hero p{font-size:13px}
.filter{height:34px;padding:0 13px}
.rank-pill{font-size:10px}
.faq-card p{line-height:1.6}
.rank-showcase-card img{width:98px;height:82px}
.rank-showcase-card b{font-size:10px}.rank-showcase-card span{font-size:8px}.rank-showcase-card em{font-size:7px}

/* accept / veto / room / summary */
.accept-head h2{font-size:27px}.accept-head p{font-size:11px}
.flow-info-card h3{font-size:20px}
.flow-info-card>div{height:50px}
.flow-note{min-height:120px}
.veto-score{font-size:10px}
.veto-map span{font-size:13px}.veto-map i{font-size:12px}
.compact-team-card .team-list-head .eyebrow,.room-team-card .team-list-head .eyebrow{font-size:10px}
.compact-team-card .team-list-head b,.room-team-card .team-list-head b{font-size:12px}
.compact-team-card .team-person{height:64px}
.compact-team-card .team-person .avatar{width:34px;height:34px;font-size:11px}
.compact-team-card .team-person>div b{font-size:11px}
.compact-team-card .team-person>div small{font-size:9px}
.compact-team-card .player-microstats{font-size:8.2px!important}
.compact-team-card em{font-size:8px}

/* team chat fixed */
.team-chat-card{min-height:188px}
.team-chat-head{height:46px;padding:0 14px}
.team-chat-head>div{gap:8px}.team-chat-head>div>b{font-size:10px}
.team-chat-head .eyebrow{font-size:10px}
.team-only{font-size:9px}
.team-chat-messages{height:92px;padding:10px 12px;gap:6px}
.team-chat-messages>div{font-size:10px;line-height:1.35}
.team-chat-messages b{font-size:10px}
.team-chat-form{height:50px;padding:7px 9px;grid-template-columns:1fr 74px;gap:8px}
.team-chat-form input{font:700 10px/1 Geist,system-ui,sans-serif;padding:0 10px}
.team-chat-form button{font:900 9px/1 Geist,system-ui,sans-serif}

.room-map-copy p{font-size:13px}
.room-server-status b{font-size:14px}.room-server-status small{font-size:11px}
.room-details-card .toolbar h2{font-size:26px}
.room-detail-grid>div{height:78px;padding:14px}
.room-detail-grid span{font-size:9px}.room-detail-grid b{font-size:13px}.room-detail-grid small{font-size:9px}
.connect-line code{font-size:13px}
.room-demo-bar>div>b{font-size:15px}.room-demo-bar>div>small{font-size:11px}

.result-top span,.result-bottom span,.result-bottom b{font-size:11px}
.summary-table-card>.toolbar h2{font-size:20px}
.summary-rating span{font-size:9px}.summary-rating b{font-size:20px}
.summary-team-title>div>b{font-size:12px}.summary-team-title>strong{font-size:30px}
.summary-team-panel .summary-head{font-size:8px}
.summary-player-meta b{font-size:10.5px}.summary-player-meta small .mini-rank{font-size:7px}
.summary-actions-card .summary-elo small{font-size:10px}
.match-mvp b{font-size:15px}
.highlight-stat b{font-size:20px}

/* accept modal still readable */
.match-flow.accept-modal-mode .accept-head .live-chip{font-size:10px}
.match-flow.accept-modal-mode .accept-head h2{font-size:26px}
.match-flow.accept-modal-mode .accept-head p{font-size:11px}
.match-flow.accept-modal-mode .accept-meta span{font-size:9px}
.match-flow.accept-modal-mode .accept-meta b{font-size:13px}
.match-flow.accept-modal-mode .ready-player b{font-size:10px}
.match-flow.accept-modal-mode .ready-player small{font-size:8px}
.match-flow.accept-modal-mode .accept-timer span{font-size:8px}
.match-flow.accept-modal-mode .accept-btn{font-size:16px}
.match-flow.accept-modal-mode .accept-action p{font-size:9px}

@media(max-width:680px){
  .team-chat-card{min-height:168px}
  .team-chat-messages{height:78px}
  .team-chat-form{grid-template-columns:1fr 68px}
}

/* v0.38 — functional party + player profiles */
.party-lobby-card{height:390px}
.party-lobby-card .slots{height:168px}
.party-tools{height:120px;margin-top:10px;display:grid;grid-template-columns:minmax(250px,.42fr) minmax(340px,.58fr);gap:10px}
.party-ready-box,.party-chat-mini{border:1px solid #252b29;border-radius:6px;background:#090c0c;min-width:0}
.party-ready-box{padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.party-ready-box>div{display:flex;flex-direction:column;min-width:0}.party-ready-box b{font-size:15px;margin:6px 0 4px}.party-ready-box small{font-size:10px;color:#858d89;line-height:1.35}
.party-ready-button{height:38px;padding:0 12px;border:1px solid #2d3431;background:#111514;color:#b3bab6;border-radius:5px;font-size:9px;font-weight:900;white-space:nowrap}.party-ready-button.ready{border-color:#24513c;background:#0d1713;color:#55e69d}.party-ready-button.not-ready{border-color:#714c12;background:#171208;color:var(--orange)}
.party-chat-mini{display:grid;grid-template-rows:34px 1fr 38px;overflow:hidden}.party-chat-head{padding:0 10px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between}.party-chat-head>span:last-child{font-size:8px;color:#717975}.party-chat-head i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#54e69d;margin-right:5px}
.party-chat-log{padding:7px 10px;overflow:auto;display:flex;flex-direction:column;gap:4px;scrollbar-width:thin}.party-chat-log>div{display:flex;gap:6px;font-size:9px;line-height:1.3}.party-chat-log b{color:var(--orange)}.party-chat-log span{color:#b0b7b3}.party-chat-log .system span{color:#7f8883;font-style:italic}
.party-chat-mini form{border-top:1px solid var(--line-soft);padding:5px 6px;display:grid;grid-template-columns:1fr 58px;gap:6px}.party-chat-mini input{min-width:0;border:1px solid #2a302e;background:#0b0e0e;color:#eef1ef;border-radius:4px;padding:0 8px;font:700 9px/1 Geist,system-ui,sans-serif;outline:none}.party-chat-mini input:focus{border-color:#725019}.party-chat-mini button{border:1px solid #70490f;background:#171208;color:var(--orange);border-radius:4px;font:900 8px/1 Geist,system-ui,sans-serif}
.slot.party-member{padding:12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;overflow:hidden}.slot.party-member .avatar{width:48px;height:48px;font-size:16px;margin-bottom:12px}.party-slot-copy{min-width:0;width:100%}.party-slot-copy b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.party-slot-copy small{display:block;font-size:9px;color:#8a928e;margin-top:3px}.party-member.leader{border-color:#6d470d;background:linear-gradient(145deg,#171208,#0a0d0d 48%)}
.party-slot-status{position:absolute;right:8px;bottom:8px;height:22px;padding:0 7px;border-radius:4px;border:1px solid #2d3431;background:#111514;font-size:6.5px;font-weight:950;letter-spacing:.04em}.party-slot-status.ready{color:#54e69c;border-color:#24513c;background:#0d1713}.party-slot-status.not-ready{color:var(--orange);border-color:#6f4a10;background:#171208}
.party-remove{position:absolute;right:7px;top:7px;width:23px;height:23px;border:1px solid #313735;background:#101413;color:#909894;border-radius:5px;font-size:14px;z-index:2}.party-remove:hover{color:#fff;border-color:#5b3431}.party-member .leader-tag{top:8px;right:8px}.party-member:not(.leader){cursor:pointer}
.party-member.awaiting{border-color:#604513}.party-member.awaiting .avatar{opacity:.85}

.party-modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center}.party-modal[hidden]{display:none!important}.party-modal-backdrop{position:absolute;inset:0;background:rgba(3,5,5,.78);backdrop-filter:blur(4px)}.party-modal-card{position:relative;width:min(620px,calc(100vw - 28px));max-height:78vh;z-index:1;overflow:hidden}.party-modal-head{min-height:92px;padding:18px 20px;border-bottom:1px solid var(--line-soft);display:flex;justify-content:space-between;gap:18px}.party-modal-head h2{font-size:22px;margin:6px 0 5px}.party-modal-head p{font-size:10px;color:#858d89;margin:0;line-height:1.45}.party-modal-head .icon-btn{flex:none}.party-invite-list{max-height:430px;overflow:auto}.party-invite-row{min-height:70px;border-bottom:1px solid var(--line-soft);display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:9px 14px}.party-invite-row:last-child{border-bottom:0}.party-invite-row .avatar{width:36px;height:36px}.party-invite-copy{display:flex;flex-direction:column;min-width:0}.party-invite-copy b{font-size:12px}.party-invite-copy small{font-size:9px;color:#818985;margin-top:3px}.party-invite-rank{font-size:8px;font-weight:900;color:#abb2ae}.party-invite-row button{height:32px;padding:0 11px;border:1px solid #68460f;background:#171208;color:var(--orange);border-radius:5px;font-size:8px;font-weight:900}.party-invite-row button:disabled{opacity:.4;cursor:not-allowed;border-color:#2e3432;background:#0d1010;color:#747c78}
.ui-toast{position:fixed;left:50%;bottom:28px;z-index:120;transform:translate(-50%,20px);opacity:0;pointer-events:none;min-width:260px;max-width:min(620px,calc(100vw - 30px));padding:11px 14px;border:1px solid #584018;background:#11110d;color:#e9ecea;border-radius:6px;box-shadow:0 12px 45px rgba(0,0,0,.45);font-size:10px;font-weight:800;text-align:center;transition:.2s}.ui-toast.show{opacity:1;transform:translate(-50%,0)}

[data-player]{cursor:pointer}.friend[data-player]:hover,.team-person[data-player]:hover,.summary-player[data-player]:hover,.room-roster-rich>div[data-player]:hover{background-color:rgba(217,58,65,.040)}
.profile-actions{display:flex;gap:7px;margin-top:13px}.profile-actions .filter{height:36px}.profile-identity-large p{font-size:11px}.profile-badges span{font-size:8px}.profile-rank-side small{font-size:9px}.metric small{font-size:9px}.mini-match-list>div{font-size:10px;height:46px}.profile-viewing-other .profile-hero{border-color:#3a3325}

@media(max-width:1180px){.party-tools{grid-template-columns:1fr}.party-lobby-card{height:505px}.party-tools{height:232px}.party-ready-box{min-height:94px}.party-chat-mini{min-height:126px}}
@media(max-width:760px){.party-ready-box{align-items:flex-start;flex-direction:column}.party-ready-button{width:100%}.party-invite-row{grid-template-columns:38px 1fr auto}.party-invite-rank{display:none}}


/* v0.38.1 — remove readiness summary panel and give Party Chat the full width */
.party-lobby-card{height:410px}
.party-lobby-card .slots{height:168px}
.party-tools.party-tools-chat-only{height:140px;margin-top:10px;display:block}
.party-tools-chat-only .party-chat-mini{width:100%;height:100%}
.party-chat-large{display:grid;grid-template-rows:42px minmax(0,1fr) 48px;border:1px solid #2b322f;border-radius:7px;background:#090c0c;overflow:hidden}
.party-chat-large .party-chat-head{padding:0 13px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between}
.party-chat-large .party-chat-head .eyebrow{font-size:10px}
.party-chat-large .party-chat-head>span:last-child{font-size:9px;color:#7c8580}
.party-chat-large .party-chat-log{padding:9px 12px;overflow:auto;display:flex;flex-direction:column;gap:6px;scrollbar-width:thin}
.party-chat-large .party-chat-log>div{display:flex;gap:8px;font-size:11px;line-height:1.35;align-items:baseline}
.party-chat-large .party-chat-log b{font-size:11px;color:var(--orange);font-weight:900}
.party-chat-large .party-chat-log span{font-size:11px;color:#d0d5d2}
.party-chat-large .party-chat-log .system span{color:#909894;font-style:italic}
.party-chat-large form{border-top:1px solid var(--line-soft);padding:6px 8px;display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:8px}
.party-chat-large input{min-width:0;border:1px solid #303735;background:#0c1010;color:#f1f4f2;border-radius:5px;padding:0 11px;font:700 11px/1 Geist,system-ui,sans-serif;outline:none}
.party-chat-large input::placeholder{color:#6f7873}
.party-chat-large input:focus{border-color:#7a5312;box-shadow:0 0 0 1px rgba(217,58,65,.09)}
.party-chat-large button{border:1px solid #7a510f;background:#1b1409;color:var(--orange);border-radius:5px;font:900 9px/1 Geist,system-ui,sans-serif}
.party-chat-large button:hover{background:#261906}
@media(max-width:1180px){
  .party-lobby-card{height:420px}
  .party-tools.party-tools-chat-only{height:150px}
}
@media(max-width:760px){
  .party-tools.party-tools-chat-only{height:160px}
  .party-chat-large .party-chat-log>div,.party-chat-large .party-chat-log b,.party-chat-large .party-chat-log span{font-size:10px}
}


/* v0.38.2 — party readiness system removed completely */
.party-slot-status,.party-ready-box,.party-ready-button{display:none!important}
.party-member.awaiting{border-color:#282e2d}
.party-member.awaiting .avatar{opacity:1}
.slot.party-member{padding-bottom:14px}
.party-slot-copy b{font-size:12px}
.party-slot-copy small{font-size:10px}

/* v0.38.3 — QA / bilingual-safe layout */
.lang-switch{width:64px;height:42px;border:1px solid #252b2a;background:#0d1010;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:5px;color:#707875;font-size:9px;font-weight:900;letter-spacing:.04em}
.lang-switch i{font-style:normal;color:#434a47}.lang-switch span{transition:.15s}.lang-switch span.active{color:var(--orange);font-size:10px}.lang-switch:hover{border-color:#4a3b20;background:#111311}

/* Every grid/card child is allowed to shrink instead of pushing neighbouring columns. */
.dashboard>*,.secondary-grid>*,.tournament-grid>*,.matches-grid>*,.profile-grid>*,.ac-grid>*,.info-bottom-grid>*,.summary-shell>*,.room-grid>*,.veto-layout>*,.stats-row>*,.news-grid-full>*,.info-grid>*{min-width:0}
.card h1,.card h2,.card h3,.card p,.card b,.card small,.card span{max-width:100%}
.toolbar>div,.page-hero>div,.news-row span,.leader-user,.leader-user>div,.party-invite-copy,.match-name,.live-team,.tournament-row>div,.full-match-row>div{min-width:0}
button,.nav-link,.seg,.filter,.primary-action,.wide-ghost,.status-chip{white-space:nowrap}

/* Readability pass — no important interface copy below a comfortable micro-label size. */
.table-head,.leader-row,.ladder-row,.section-title-row button,.section-title-row>b,.rank-delta small,.season-card small,.tourney-meta span,.tournament-row small,.tournament-row time span,.role-map p,.role-mini small,.news-tile time,.tile-image span,.info-step p,.muted-note,.case-flow p,.case-row small,.case-row em,.privacy-card p,.ac-status-big small,.profile-badges span,.profile-rank-side small,.metric small,.chart-min,.chart-max,.gain-pill{font-size:9px}
.leader-row,.tournament-row,.full-match-row,.case-row{font-size:10px}
.search-box input{font-size:10px}.section-title-row{font-size:10px}
.news-tile p,.info-step p,.privacy-card p,.case-flow p{line-height:1.55}

/* Stable ranking and match tables in both languages. */
.leaderboard-grid{grid-template-columns:46px minmax(155px,1fr) minmax(96px,125px) 72px 72px 86px;gap:8px}
.leaderboard-grid>*{min-width:0}.leader-user b,.leader-user small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rank-pill{min-width:0;white-space:nowrap}
.full-match-row>*{min-width:0}.full-match-row>div:nth-of-type(1) b,.full-match-row>div:nth-of-type(1) small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.summary-row-grid>*{min-width:0}
.summary-player-meta{min-width:0}.summary-player-meta b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Party/player surfaces: English labels must never overlap avatars or ELO. */
.party-slot-copy{min-width:0}.party-slot-copy b,.party-slot-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.party-invite-row{grid-template-columns:40px minmax(0,1fr) minmax(64px,92px) auto}
.party-invite-copy b,.party-invite-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.party-invite-rank{text-align:right;white-space:nowrap}
.party-chat-large .party-chat-log>div{min-width:0}.party-chat-large .party-chat-log span{overflow-wrap:anywhere}

/* English is naturally wider; compact the header slightly instead of shrinking fonts. */
body.lang-en .topbar{grid-template-columns:198px minmax(650px,1fr) auto;padding-left:26px;padding-right:26px}
body.lang-en .brand img{width:164px}
body.lang-en .main-nav{gap:10px}
body.lang-en .nav-link{padding:0 5px;font-size:12px}
body.lang-en .profile-chip{min-width:190px}
body.lang-en .concept-bar{gap:13px;padding-left:26px;padding-right:26px}
body.lang-en .concept-bar>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Tournament registration/status copy is longer in English. */
body.lang-en .tournament-row{grid-template-columns:50px 82px minmax(0,1fr) 102px 82px 22px}
body.lang-en .tournament-row .status-chip{justify-self:start;max-width:100%;overflow:hidden;text-overflow:ellipsis}
body.lang-en .featured-copy{max-width:720px}

/* Secondary page toolbars flex gracefully rather than overflowing. */
.toolbar{gap:12px}.toolbar>div:first-child{min-width:0}.toolbar-actions{min-width:0;flex-wrap:nowrap}
body.lang-en .search-box{min-width:160px}
body.lang-en .hero-actions .seg{padding-left:14px;padding-right:14px}

/* Veto/chat/room post-accept text remains readable in both languages. */
.team-chat-messages>div,.party-chat-log>div{min-width:0}
.team-chat-messages span,.party-chat-log span{overflow-wrap:anywhere}
.compact-team-card .team-person>div{min-width:0}.compact-team-card .team-person>div b,.compact-team-card .team-person>div small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.room-roster-rich>div>div{min-width:0}.room-roster-rich>div>div b,.room-roster-rich>div>div small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.connect-line{gap:10px}.connect-line>div{min-width:0}.connect-line code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}

/* Info/news cards can grow a little for longer English prose without clipping. */
body.lang-en .info-step{height:188px}
body.lang-en .news-tile{min-height:282px}
body.lang-en .faq-card summary{height:auto;min-height:58px;padding:10px 0;line-height:1.35}

@media(max-width:1500px){
  .topbar{grid-template-columns:190px minmax(600px,1fr) auto;padding-left:20px;padding-right:20px}.brand img{width:158px}.main-nav{gap:10px}.nav-link{padding:0 5px;font-size:12px}
  body.lang-en .topbar{grid-template-columns:185px minmax(570px,1fr) auto;padding-left:18px;padding-right:18px}.lang-switch{width:56px}
  .leaderboard-grid{grid-template-columns:42px minmax(140px,1fr) 108px 64px 64px 76px}
}
@media(max-width:1280px){
  body.lang-en .main-nav{gap:6px}.lang-switch{width:52px}.profile-chip{min-width:176px}.profile-copy{min-width:96px}
  body.lang-en .tournament-row{grid-template-columns:46px 70px minmax(0,1fr) 88px 76px 20px}
}

/* v0.38.3 — final micro-text floor */
.leader-tag,.orange-chip,.live-chip,.status-chip,.severity{font-size:9px}
.connect-label{font-size:9px!important}
.compact-team-card .player-microstats{font-size:9px!important}
.compact-team-card em{font-size:9px}
.mini-rank{font-size:8px!important;min-width:62px;height:21px}
.summary-team-panel .summary-head{font-size:9px}
.summary-player-meta small .mini-rank{font-size:8px!important}
.match-mvp small,.match-mvp div>span,.highlight-stat span,.highlight-stat small{font-size:9px}
.rank-showcase-card span{font-size:9px}.rank-showcase-card em{font-size:8px}
.party-invite-rank,.party-invite-row button{font-size:9px}
.profile-badges span,.profile-rank-side small,.metric small{font-size:10px}
.ac-status-big small,.case-row small,.case-row em{font-size:9px}.case-row b{font-size:10px}


/* v0.38.4 — remove duplicated ELO card from Play dashboard */
.page-view[data-page="play"] .stats-row{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.page-view[data-page="play"] .stat-card{
  min-width:0;
}


/* v0.38.5 — equal-width team tables in Match Room */
.room-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}


/* v0.38.6 — stream-safe server address */
.server-secret-line code{letter-spacing:.12em;color:#9ea6a2;font-size:12px;user-select:none}
.server-secret-line #copyState{display:flex;align-items:center;gap:7px;color:#8f9893;font-size:9px}
.privacy-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#51e49b;box-shadow:0 0 0 3px rgba(81,228,155,.08)}


/* v0.38.7 — better team roster cards + post-match report */
.roster-grid{gap:12px;padding:16px}
.roster-player{height:278px;border-radius:8px;padding:16px 14px 14px;justify-content:flex-start;background:linear-gradient(180deg,#0d1010,#090c0c);cursor:pointer;transition:border-color .18s ease,transform .18s ease,background .18s ease}
.roster-player:hover{border-color:#5d4116;background:linear-gradient(180deg,#11110d,#0a0d0d);transform:translateY(-1px)}
.roster-player.empty-roster{cursor:default;justify-content:center}
.roster-player.empty-roster:hover{transform:none;border-color:#2a302e;background:#0b0e0e}
.roster-player .role{left:12px;top:12px;font-size:8px}
.big-avatar{width:70px!important;height:70px!important;font-size:26px!important;margin:36px 0 16px}
.roster-player h3{font-size:18px;margin:0 0 10px}
.roster-meta{display:flex;flex-direction:column;align-items:center;gap:7px;margin-bottom:14px}
.roster-elo{font-size:11px;color:#d1d6d3;font-weight:800;letter-spacing:.02em}
.roster-player .mini-rank{min-width:72px;height:22px;padding:0 10px;font-size:7.2px}
.roster-metrics{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
.roster-metrics span{min-height:52px;border:1px solid #252b29;border-radius:7px;background:#0d1111;display:flex;flex-direction:column;justify-content:center;align-items:center}
.roster-metrics span b{font-size:15px;color:#f1f4f3}
.roster-metrics span small{font-size:8px;color:#85908b;margin-top:4px;font-weight:900;letter-spacing:.08em}
.captain .roster-metrics span{border-color:#4d3510;background:#141008}
.small-roster-btn{margin-top:10px;height:30px;padding:0 14px}
@media(max-width:1380px){.roster-player{height:264px}.big-avatar{width:64px!important;height:64px!important;font-size:23px!important}.roster-player h3{font-size:16px}}
@media(max-width:1180px){.roster-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.roster-grid{grid-template-columns:repeat(2,1fr)}.roster-player{height:246px}.roster-player h3{font-size:15px}.roster-metrics span b{font-size:13px}}
@media(max-width:520px){.roster-grid{grid-template-columns:1fr}}

.report-modal-card{width:min(760px,calc(100vw - 28px))}
.report-modal-body{display:grid;grid-template-columns:260px minmax(0,1fr);max-height:62vh}
.report-player-list{border-right:1px solid var(--line-soft);overflow:auto}
.report-player-row{width:100%;min-height:64px;padding:10px 14px;border:0;border-bottom:1px solid var(--line-soft);background:#0b0e0e;color:#d5dbd8;display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;text-align:left}
.report-player-row:hover{background:#11130f}.report-player-row.active{background:#171208;box-shadow:inset 2px 0 0 var(--orange)}
.report-player-row .avatar{width:34px;height:34px}.report-player-row div{display:flex;flex-direction:column;min-width:0}.report-player-row b{font-size:12px}.report-player-row small{font-size:9px;color:#86908b;margin-top:3px}
.report-panel{padding:16px 18px;display:flex;flex-direction:column;gap:14px}
.report-block{display:flex;flex-direction:column;gap:10px}.report-reasons{display:flex;flex-wrap:wrap;gap:8px}
.reason-chip{height:32px;padding:0 12px;border-radius:999px;border:1px solid #313735;background:#101414;color:#c7cdca;font-size:9px;font-weight:900;letter-spacing:.05em}
.reason-chip.active{border-color:#744e12;background:#181208;color:var(--orange)}
.report-panel textarea{min-height:104px;resize:none;border:1px solid #2d3331;border-radius:7px;background:#0d1010;color:#dbe1de;padding:12px;font:700 10px/1.45 Geist,system-ui,sans-serif;outline:none}
.report-panel textarea::placeholder{color:#6f7874}
.report-inline-meta{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;padding:11px 12px;border:1px solid var(--line-soft);border-radius:7px;background:#0c0f0f}
.report-inline-meta span{font-size:8px;color:#7b847f;font-weight:900;letter-spacing:.08em}.report-inline-meta b{font-size:10px}
@media(max-width:760px){.report-modal-body{grid-template-columns:1fr}.report-player-list{border-right:0;border-bottom:1px solid var(--line-soft);max-height:220px}}


/* v0.39 — full Match Details */
.match-detail-trigger{cursor:pointer}.match-detail-trigger:hover{background:#10130f}
.match-details-shell{max-width:1550px}
.match-details-hero{height:330px;position:relative;overflow:hidden;margin-bottom:14px}
.match-details-bg{position:absolute;inset:0;background:url('/assets/maps/mirage.webp') center/cover no-repeat;filter:saturate(.72) brightness(.58)}
.match-details-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,7,.93),rgba(4,7,7,.58) 48%,rgba(4,7,7,.88)),linear-gradient(180deg,rgba(4,7,7,.15),rgba(4,7,7,.66))}
.match-details-top{position:absolute;left:20px;right:20px;top:18px;display:flex;justify-content:space-between;align-items:center;z-index:2}
.match-details-copy{position:absolute;left:28px;bottom:28px;z-index:2}.match-details-copy h1{font-size:42px;margin:7px 0 12px}.match-details-copy p{font-size:11px;color:#a0a8a4;margin:10px 0 0}
.detail-scoreline{display:flex;align-items:flex-end;gap:18px}.detail-scoreline>div{display:flex;flex-direction:column}.detail-scoreline small{font-size:9px;color:#a1aaa6;font-weight:900;letter-spacing:.08em}.detail-scoreline strong{font-size:48px;line-height:.95}.detail-scoreline>div:first-child strong{color:var(--orange)}.detail-scoreline>b{font-size:22px;color:#707874;padding-bottom:5px}
.match-details-actions{position:absolute;right:28px;bottom:28px;z-index:2;display:flex;gap:8px}.match-details-actions .wide-ghost,.match-details-actions .primary-action{width:auto;min-width:150px;height:40px}
.match-detail-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.detail-meta-card{min-height:96px;padding:16px;display:flex;flex-direction:column;justify-content:center}.detail-meta-card>span{font-size:9px;color:#7c8580;font-weight:900;letter-spacing:.09em}.detail-meta-card>b{font-size:14px;margin:7px 0 4px}.detail-meta-card>small{font-size:9px;color:#89928d}
.detail-scoreboard-card{overflow:hidden;margin-bottom:14px}.detail-scoreboard-card .toolbar{height:68px}.detail-score-grid{display:grid;grid-template-columns:minmax(180px,1.3fr) 90px repeat(4,52px) 62px 62px 70px 72px;align-items:center;gap:4px}.detail-score-head{height:34px;padding:0 14px;background:#090c0c;border-bottom:1px solid var(--line-soft);font-size:8px;color:#76807b;font-weight:900}.detail-score-head span:not(:first-child){text-align:center}.detail-team-title{height:54px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:#0d1010;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.detail-team-title>div{display:flex;flex-direction:column;gap:4px}.detail-team-title>div span{font-size:8px;color:#7f8984;font-weight:900;letter-spacing:.09em}.detail-team-title>div b{font-size:12px}.detail-team-title>strong{font-size:27px}.detail-team-title.winner>div b,.detail-team-title.winner>strong{color:var(--orange)}
.detail-player-row{min-height:62px;padding:0 14px;border-bottom:1px solid var(--line-soft);font-size:10px;background:#0b0e0e}.detail-player-row:hover{background:#10130f}.detail-player-row.me{background:#151109}.detail-player-identity{display:flex;align-items:center;gap:10px;min-width:0}.detail-player-identity .avatar{width:34px;height:34px;font-size:10px;flex:none}.detail-player-identity>div{display:flex;flex-direction:column;min-width:0}.detail-player-identity b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-player-identity small{font-size:8px;color:#7f8883;margin-top:3px}.detail-player-row>span,.detail-player-row>b{text-align:center}.detail-player-row .mini-rank{justify-self:center}.detail-player-row .plus-elo,.detail-player-row .minus-elo{font-size:10px}
.detail-bottom-grid{display:grid;grid-template-columns:1fr 1.45fr 1fr;gap:14px;margin-bottom:24px}.detail-mvp-card{min-height:170px;padding:22px;display:grid;grid-template-columns:58px 1fr;gap:15px;align-items:center}.detail-mvp-card .mvp-star{width:52px;height:52px;font-size:22px}.detail-mvp-card h2{font-size:22px;margin:6px 0 5px}.detail-mvp-card p{font-size:10px;color:#89918d;margin:0}.detail-highlights-card{min-height:170px;padding:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.detail-highlight{border:1px solid #282e2c;border-radius:7px;background:#0a0d0d;padding:12px;display:flex;flex-direction:column;justify-content:center}.detail-highlight>span{font-size:8px;color:#7c8580;font-weight:900;letter-spacing:.08em}.detail-highlight>b{font-size:20px;margin:7px 0 4px}.detail-highlight>small{font-size:9px;color:#989f9b}.detail-highlight:first-child{border-color:#5b4218;background:linear-gradient(145deg,#151108,#0a0d0d)}.detail-highlight:first-child>b{color:var(--orange)}
.detail-demo-card{min-height:170px;padding:20px}.detail-demo-card h3{font-size:17px;margin:7px 0}.detail-demo-card p{font-size:10px;color:#87908b;line-height:1.55;margin:0 0 16px}.detail-demo-card>div{display:flex;gap:8px}.detail-demo-card .wide-ghost,.detail-demo-card .primary-action{width:auto;flex:1}
@media(max-width:1200px){.match-detail-meta-grid{grid-template-columns:repeat(2,1fr)}.detail-score-grid{grid-template-columns:minmax(160px,1.3fr) 80px repeat(4,46px) 56px 56px 64px 66px}.detail-bottom-grid{grid-template-columns:1fr 1fr}.detail-demo-card{grid-column:1/-1}}
@media(max-width:900px){.match-details-hero{height:380px}.match-details-actions{left:28px;right:auto}.match-details-copy{bottom:88px}.detail-scoreboard-card{overflow-x:auto}.detail-score-grid{min-width:860px}.detail-bottom-grid{grid-template-columns:1fr}.detail-demo-card{grid-column:auto}}


/* v0.40 — Report System + AC Case Review */
.orange-text{color:var(--orange)!important}
.ac-v040-shell{max-width:1612px}
.ac-flow-wide{margin-bottom:14px}.case-flow-v040{grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr}
.ac-v040-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr);gap:14px;align-items:start}
.my-reports-card,.admin-case-card,.case-queue-card,.ac-policy-card{min-width:0}
.my-reports-list,.case-queue-list{display:flex;flex-direction:column}
.my-report-row,.case-queue-row{min-height:70px;border:0;border-bottom:1px solid var(--line-soft);background:#0b0e0e;color:#dbe0de;display:grid;align-items:center;text-align:left;gap:12px;padding:10px 14px}
.my-report-row{grid-template-columns:74px minmax(0,1fr) 90px}.my-report-row:hover,.case-queue-row:hover{background:#101310}
.my-report-row>div,.case-queue-row>div{display:flex;flex-direction:column;min-width:0}.my-report-row b,.case-queue-row b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-report-row small,.case-queue-row small{font-size:9px;color:#838c87;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-report-row time{font-size:9px;color:#7e8782;text-align:right}
.case-status{display:inline-flex;align-items:center;justify-content:center;min-width:68px;height:24px;padding:0 8px;border-radius:4px;font-size:8px;font-weight:950;letter-spacing:.06em}.status-review{color:#ffba3b;background:#231807;border:1px solid #6f4a10}.status-resolved{color:#5ce69f;background:#0c271b;border:1px solid #215c40}.status-priority{color:#ff7c75;background:#281311;border:1px solid #6d302c}.status-auto-ban{color:#ffb23a;background:#2a1307;border:1px solid #8a3e10}.status-dismissed{color:#9ba39f;background:#141817;border:1px solid #343a38}.status-warned{color:#ffd16a;background:#241d0b;border:1px solid #6c561d}.status-banned{color:#ff7872;background:#2a1211;border:1px solid #71302c}
.case-review-body{padding:16px}.case-subject{min-height:66px;border:1px solid var(--line-soft);border-radius:7px;background:#0b0e0e;padding:10px 12px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px}.case-subject .avatar{width:36px;height:36px}.case-subject>div{display:flex;flex-direction:column;min-width:0}.case-subject b{font-size:13px}.case-subject small{font-size:9px;color:#858e89;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.case-signal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.case-signal-grid>div{min-height:80px;border:1px solid #262d2a;border-radius:7px;background:#0a0d0d;padding:10px;display:flex;flex-direction:column;justify-content:center}.case-signal-grid span{font-size:7px;color:#7c8580;font-weight:900;letter-spacing:.08em}.case-signal-grid b{font-size:19px;margin:5px 0 2px}.case-signal-grid small{font-size:8px;color:#89928d}
.case-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.case-timeline span{min-height:54px;border:1px solid var(--line-soft);border-radius:6px;background:#0d1010;padding:9px;display:flex;flex-direction:column}.case-timeline b{font-size:9px;color:#e3e7e5}.case-timeline small{font-size:8px;color:#858e89;margin-top:4px}
.case-review-note{margin-top:10px;border-left:2px solid var(--orange);background:#11100c;padding:10px 12px}.case-review-note p{font-size:9px;line-height:1.45;color:#9da5a0;margin:5px 0 0}.case-review-note.auto-note{border-left-color:#ff5d55;background:#1a0c0b}.case-review-note.auto-note p{color:#ffb2ad}
.case-review-actions{display:grid;grid-template-columns:1.15fr .8fr .9fr .8fr;gap:8px;margin-top:12px}.case-review-actions button{min-width:0;height:38px}.warning-action{border-color:#68541d;color:#ffd06a}.danger-primary{background:linear-gradient(135deg,#ff796f,#c62f28);color:#1b0908;box-shadow:0 0 0 1px #7c201c inset}
.case-queue-row{grid-template-columns:36px minmax(0,1fr) 82px}.case-queue-row em{font-style:normal;font-size:8px;font-weight:950;text-align:right;color:#a7afab}.case-queue-row.active{background:#171208;box-shadow:inset 2px 0 0 var(--orange)}.case-queue-row.auto-case{background:#140b09}.severity.extreme{background:#36100d!important;border-color:#8f2e27!important;color:#ff756d!important}
.ac-policy-card{padding:18px;min-height:180px}.ac-policy-card h3{font-size:18px;margin:8px 0 8px}.ac-policy-card p{font-size:10px;color:#89918d;line-height:1.6;margin:0}.policy-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.policy-badges span{height:27px;padding:0 9px;border:1px solid #303735;border-radius:5px;background:#0c1010;display:flex;align-items:center;font-size:8px;font-weight:900;color:#aab2ae}.policy-badges span:last-child{border-color:#69352f;color:#ff938c;background:#160d0b}
.report-evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.report-evidence-grid label{display:flex;flex-direction:column;gap:8px}.report-evidence-grid select,.report-evidence-grid input{height:38px;border:1px solid #2d3331;border-radius:6px;background:#0d1010;color:#dbe1de;padding:0 10px;font:700 10px/1 Geist,system-ui,sans-serif;outline:none}.report-dedupe-note{font-size:8px;color:#747d78;line-height:1.4;margin:-3px 0 0}
@media(max-width:1180px){.ac-v040-grid{grid-template-columns:1fr}.case-flow-v040{grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr}.case-signal-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.case-flow-v040{grid-template-columns:1fr}.case-flow-v040>i{transform:rotate(90deg)}.case-review-actions{grid-template-columns:1fr 1fr}.case-timeline{grid-template-columns:1fr}.my-report-row{grid-template-columns:70px 1fr}.my-report-row time{display:none}.report-evidence-grid{grid-template-columns:1fr}}


/* v0.41 — Ranking final polish */
.ranking-hero-final{gap:22px}
.ranking-hero-controls{display:flex;align-items:center;gap:10px;position:relative;z-index:2;flex:none}
.ranking-season-wrap{height:42px;min-width:138px;border:1px solid #2d3331;background:#0a0d0d;border-radius:7px;padding:6px 10px;display:flex;flex-direction:column;justify-content:center}
.ranking-season-wrap>span{font-size:7px;color:#747d78;font-weight:950;letter-spacing:.1em;margin-bottom:2px}
.ranking-season-wrap select{width:100%;border:0;outline:0;background:transparent;color:#eef1ef;font:850 10px/1 Geist,system-ui,sans-serif;cursor:pointer}
.ranking-season-wrap option{background:#0c0f0f;color:#eef1ef}
.ranking-mode-tabs{height:42px}.ranking-mode-tabs .seg{height:34px;min-width:56px}
.ranking-layout-final{grid-template-columns:282px minmax(0,1fr) 285px}
.self-rank-final{padding:18px}.self-rank-final .self-rank-main img{width:88px;height:88px}.self-rank-final .self-rank-main strong{font-size:30px}
.self-rank-peaks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.self-rank-peaks>div{min-height:55px;border:1px solid #272e2b;border-radius:6px;background:#0b0e0e;padding:9px 10px;display:flex;flex-direction:column;justify-content:center}
.self-rank-peaks span{font-size:7px;color:#777f7b;font-weight:950;letter-spacing:.08em}.self-rank-peaks b{font-size:13px;margin-top:4px}.self-rank-peaks>div:first-child{border-color:#5f4216;background:#141008}.self-rank-peaks>div:first-child b{color:var(--orange)}
.leaderboard-final{min-height:665px}
.ranking-toolbar{height:76px}.ranking-filters{gap:8px;min-width:0}.region-toggle{display:flex;gap:6px}
.ranking-search{width:185px;min-width:145px}
.ranking-result-line{height:34px;padding:0 16px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;color:#7f8883;font-size:8px;font-weight:800}
.ranking-result-line span:last-child{color:#aeb5b1}
.leaderboard-grid-final{grid-template-columns:42px minmax(150px,1fr) minmax(96px,112px) 62px 58px 78px 78px;gap:8px}
.leaderboard-final .table-head{font-size:8px}
.leaderboard-final .leader-row{min-height:60px;font-size:10px;transition:background .15s ease}
.leaderboard-final .leader-row:hover{background:rgba(217,58,65,.040)}
.leaderboard-final .leader-row.me:hover{background:linear-gradient(90deg,rgba(217,58,65,.13),rgba(217,58,65,.02))}
.leaderboard-final .leader-user .avatar{width:34px;height:34px;font-size:10px}.leaderboard-final .leader-user b{font-size:11px}.leaderboard-final .leader-user small{font-size:8.5px}
.leaderboard-final .rank-pill{font-size:9px;font-weight:850}.leaderboard-final .rank-dot{width:7px;height:7px}
.leaderboard-final .peak-elo{color:#d5dbd8;font-weight:850;text-align:right}.leaderboard-final .current-elo{color:#fff;font-weight:950;text-align:right}.leaderboard-final .leader-row.me .current-elo{color:var(--orange)}
.leaderboard-empty{height:150px;display:grid;place-items:center;color:#747d78;font-size:11px;text-align:center;padding:20px}
.season-card-final{min-height:190px}.season-card-final strong{font-size:38px}.season-card-final .season-progress i{transition:width .25s ease}
.peak-card{padding:17px;display:flex;align-items:center;gap:13px}.peak-icon{width:43px;height:43px;border:1px solid #684b1e;background:#171208;border-radius:8px;display:grid;place-items:center;color:var(--orange);font-size:16px}.peak-card h3{margin:4px 0 2px;font-size:17px;color:var(--orange)}.peak-card p{margin:0;color:#8a928e;font-size:9px}
@media(max-width:1450px){
  .ranking-layout-final{grid-template-columns:250px minmax(0,1fr) 250px}
  .leaderboard-grid-final{grid-template-columns:38px minmax(130px,1fr) 96px 56px 54px 70px 72px;gap:6px}
  .ranking-search{width:150px}.ranking-toolbar{padding-left:13px;padding-right:13px}.leaderboard-final .leader-row,.leaderboard-final .table-head{padding-left:13px;padding-right:13px}
}
@media(max-width:1180px){
  .ranking-layout-final{grid-template-columns:240px minmax(0,1fr)}
  .ranking-layout-final>.secondary-right{display:none}
  .ranking-search{width:170px}
}
@media(max-width:900px){
  .ranking-hero-final{align-items:flex-start;flex-direction:column}.ranking-hero-controls{width:100%;justify-content:space-between}
  .ranking-layout-final{grid-template-columns:1fr}.ranking-layout-final>.secondary-left{display:grid;grid-template-columns:1fr 1fr}.leaderboard-grid-final{grid-template-columns:38px minmax(130px,1fr) 90px 54px 54px 66px 70px}
}
@media(max-width:720px){
  .ranking-hero-controls{align-items:stretch;flex-direction:column}.ranking-season-wrap{width:100%}.ranking-mode-tabs{width:max-content}
  .ranking-layout-final>.secondary-left{grid-template-columns:1fr}.ranking-toolbar{height:auto;min-height:92px;align-items:flex-start;padding-top:13px;padding-bottom:13px;gap:10px}.ranking-filters{align-items:flex-end;flex-direction:column}.ranking-search{width:180px}
  .leaderboard-grid-final{grid-template-columns:34px minmax(120px,1fr) 84px 62px 66px}.leaderboard-grid-final>*:nth-child(4),.leaderboard-grid-final>*:nth-child(5){display:none}
}

.rank-delta span.negative{color:var(--red)}


/* v0.42 — friends, messages, invitations and notifications */
.top-actions{position:relative}
.icon-btn .counter.notice-counter{background:#26302c;color:#d7dedb;border:1px solid #3b4541}
.top-popover{position:fixed;z-index:120;top:66px;width:360px;max-height:520px;overflow:hidden;box-shadow:0 28px 75px rgba(0,0,0,.58)}
#messagesPopover{right:270px}
#notificationsPopover{right:220px}
.top-popover[hidden]{display:none!important}
.top-popover-head{height:70px;padding:0 14px 0 16px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between}
.top-popover-head h3{font-size:16px;margin:4px 0 0}
.top-popover-head .icon-btn{width:29px;height:29px}
.top-popover-list{max-height:350px;overflow:auto}
.message-preview,.notification-preview{width:100%;min-height:72px;border:0;border-bottom:1px solid var(--line-soft);background:#0c0f0f;color:#d7dcda;padding:10px 13px;display:grid;align-items:center;text-align:left}
.message-preview{grid-template-columns:38px minmax(0,1fr) 8px;gap:10px}
.message-preview:hover,.notification-preview:hover{background:#111411}
.message-preview.unread{background:#121109}
.message-preview .avatar{width:34px;height:34px}
.message-preview>div,.notification-preview>div{display:flex;flex-direction:column;min-width:0}
.message-preview b,.notification-preview b{font-size:11px}
.message-preview span,.notification-preview span{font-size:9px;color:#9aa29e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}
.message-preview small,.notification-preview small{font-size:8px;color:#68716d;margin-top:4px}
.message-preview>i{width:6px;height:6px;border-radius:50%;background:var(--orange)}
.notification-preview{grid-template-columns:36px minmax(0,1fr);gap:10px}
.notification-preview.new{background:#121109}
.notify-icon{width:32px;height:32px;border-radius:7px;border:1px solid #68470f;background:#171208;color:var(--orange);display:grid;place-items:center;font-size:10px;font-weight:950}
.notify-icon.party{border-color:#24513c;background:#0d1713;color:#54e69c}
.notify-icon.match{border-color:#334254;background:#0d1218;color:#71a7e8}
.top-popover-footer{width:100%;height:44px;border:0;background:#111514;color:#d6dcd9;font-size:9px;font-weight:900;letter-spacing:.05em}
.top-popover-footer:hover{background:#171b19;color:var(--orange)}

.social-modal-card{width:min(960px,calc(100vw - 30px));height:min(720px,calc(100vh - 54px));display:flex;flex-direction:column}
.social-modal-head{flex:none}
.social-tabs{height:52px;border-bottom:1px solid var(--line-soft);display:flex;align-items:end;padding:0 18px;gap:4px;flex:none}
.social-tabs button{height:40px;padding:0 13px;border:0;border-bottom:2px solid transparent;background:none;color:#7f8883;font-size:9px;font-weight:950;letter-spacing:.05em}
.social-tabs button span{margin-left:5px;min-width:18px;height:18px;border-radius:9px;background:#202624;color:#9ea6a2;display:inline-grid;place-items:center;font-size:8px}
.social-tabs button.active{color:#e3e8e5;border-bottom-color:var(--orange)}
.social-tabs button.active span{background:#2a1b08;color:var(--orange)}
.social-content{min-height:0;flex:1;overflow:hidden}
.social-view{display:none;height:100%}
.social-view.active{display:block}
.social-search-row{height:64px;padding:12px 14px;border-bottom:1px solid var(--line-soft);display:grid;grid-template-columns:1fr auto;gap:10px}
.social-search-row input,.add-friend-body input{min-width:0;border:1px solid #303634;background:#0b0e0e;color:#d8dedb;border-radius:6px;padding:0 12px;font:750 10px Geist,system-ui,sans-serif;outline:none}
.social-search-row input:focus,.add-friend-body input:focus{border-color:#67460f}
.social-friend-list{height:calc(100% - 64px);overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}
.social-friend-row{min-height:82px;border-bottom:1px solid var(--line-soft);padding:11px 14px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:11px;align-items:center}
.social-friend-row:nth-child(odd){border-right:1px solid var(--line-soft)}
.social-friend-row:hover{background:#0f1211}
.social-friend-row.offline{opacity:.55}
.social-friend-row .avatar{width:40px;height:40px}
.social-friend-copy{display:flex;flex-direction:column;min-width:0}
.social-friend-copy b{font-size:12px}
.social-friend-copy small{font-size:9px;color:#828b86;margin-top:3px}
.social-friend-copy span{font-size:9px;color:#b0b7b3;margin-top:3px}
.social-friend-actions{display:flex;gap:6px}
.social-friend-actions button{height:30px;padding:0 9px;border:1px solid #303634;background:#111514;color:#aeb5b1;border-radius:5px;font-size:8px;font-weight:900}
.social-friend-actions button.primary-mini{border-color:#6a470f;background:#171208;color:var(--orange)}

.social-section-title{height:68px;padding:0 16px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between}
.social-section-title h3{font-size:16px;margin:5px 0 0}
.social-section-title>small{font-size:9px;color:#808984}
.request-list{height:calc(100% - 68px);overflow:auto}
.request-row{min-height:82px;border-bottom:1px solid var(--line-soft);padding:11px 15px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center}
.request-row .avatar{width:38px;height:38px}
.request-copy{display:flex;flex-direction:column;min-width:0}
.request-copy b{font-size:12px}.request-copy span{font-size:9px;color:#9ba39f;margin-top:4px}.request-copy small{font-size:8px;color:#68716d;margin-top:4px}
.request-actions{display:flex;gap:7px}
.request-actions button{height:31px;padding:0 11px;border-radius:5px;font-size:8px;font-weight:950}
.request-actions .decline{border:1px solid #343a38;background:#111514;color:#969f9a}
.request-actions .accept{border:1px solid #765013;background:#181208;color:var(--orange)}
.request-empty{padding:35px;text-align:center;color:#777f7b;font-size:10px}

.social-inbox{height:100%;display:grid;grid-template-columns:310px minmax(0,1fr)}
.conversation-list{border-right:1px solid var(--line-soft);overflow:auto}
.conversation-row{width:100%;min-height:68px;border:0;border-bottom:1px solid var(--line-soft);background:#0b0e0e;color:#d6dcda;padding:9px 12px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center;text-align:left}
.conversation-row:hover{background:#101311}.conversation-row.active{background:#171208;box-shadow:inset 2px 0 0 var(--orange)}
.conversation-row .avatar{width:34px;height:34px}
.conversation-row>div{display:flex;flex-direction:column;min-width:0}.conversation-row b{font-size:11px}.conversation-row span{font-size:8.5px;color:#8b948f;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conversation-row>small{font-size:7.5px;color:#6e7772;align-self:start;margin-top:5px}
.conversation-panel{display:grid;grid-template-rows:62px 1fr 58px;min-width:0;min-height:0}
.conversation-head{border-bottom:1px solid var(--line-soft);display:flex;align-items:center;gap:10px;padding:0 15px}.conversation-head .avatar{width:36px;height:36px}.conversation-head>div{display:flex;flex-direction:column}.conversation-head b{font-size:12px}.conversation-head small{font-size:8px;color:#51df98;margin-top:3px}
.conversation-log{overflow:auto;padding:14px;display:flex;flex-direction:column;gap:9px}
.chat-bubble{max-width:74%;padding:9px 11px;border:1px solid #29302d;border-radius:8px;background:#111514;align-self:flex-start}
.chat-bubble.me{align-self:flex-end;border-color:#62420e;background:#171208}
.chat-bubble b{font-size:8px;color:#858e89;display:block;margin-bottom:4px}.chat-bubble span{font-size:10px;line-height:1.4}.chat-bubble small{font-size:7px;color:#69716d;display:block;margin-top:5px}
.conversation-form{border-top:1px solid var(--line-soft);padding:9px 11px;display:grid;grid-template-columns:1fr 74px;gap:8px}
.conversation-form input{min-width:0;border:1px solid #2f3533;background:#0b0e0e;color:#d8dedb;border-radius:6px;padding:0 10px;font:750 10px Geist,system-ui,sans-serif;outline:none}
.conversation-form button{border:1px solid #744d10;background:#171208;color:var(--orange);border-radius:6px;font-size:8px;font-weight:950}

.notification-center-list{height:calc(100% - 68px);overflow:auto}
.notification-center-row{min-height:78px;border-bottom:1px solid var(--line-soft);padding:11px 15px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:11px;align-items:center}
.notification-center-row.unread{background:#121109}
.notification-center-row>div:nth-child(2){display:flex;flex-direction:column;min-width:0}
.notification-center-row b{font-size:11px}.notification-center-row span{font-size:9px;color:#9aa29e;margin-top:4px}.notification-center-row small{font-size:8px;color:#68716d;margin-top:4px}
.notification-center-row button{height:30px;border:1px solid #303634;background:#111514;color:#a9b0ac;border-radius:5px;padding:0 9px;font-size:8px;font-weight:900}

.add-friend-card{width:min(560px,calc(100vw - 28px))}
.add-friend-body{padding:15px}.add-friend-body>input{width:100%;height:42px}
.add-friend-results{margin-top:12px;border:1px solid var(--line-soft);border-radius:7px;overflow:hidden}
.add-friend-result{min-height:64px;border-bottom:1px solid var(--line-soft);padding:9px 11px;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center}
.add-friend-result:last-child{border-bottom:0}.add-friend-result .avatar{width:34px;height:34px}.add-friend-result>div{display:flex;flex-direction:column}.add-friend-result b{font-size:11px}.add-friend-result small{font-size:8px;color:#858e89;margin-top:3px}
.add-friend-result button{height:30px;border:1px solid #68460f;background:#171208;color:var(--orange);border-radius:5px;padding:0 10px;font-size:8px;font-weight:950}
.add-friend-result button:disabled{opacity:.45;border-color:#303634;background:#101313;color:#7b847f}
.add-friend-empty{padding:24px;text-align:center;font-size:9px;color:#78807c}

@media(max-width:900px){
  #messagesPopover,#notificationsPopover{right:14px;left:auto;width:min(360px,calc(100vw - 28px))}
  .social-modal-card{height:calc(100vh - 28px)}
  .social-friend-list{grid-template-columns:1fr}.social-friend-row:nth-child(odd){border-right:0}
  .social-inbox{grid-template-columns:250px minmax(0,1fr)}
}
@media(max-width:650px){
  .social-tabs{overflow-x:auto;padding:0 8px}.social-tabs button{white-space:nowrap;padding:0 8px}
  .social-inbox{grid-template-columns:1fr}.conversation-list{display:none}.conversation-panel{display:grid}
  .social-search-row{grid-template-columns:1fr}.social-search-row{height:auto}.social-search-row .filter{height:34px}
  .social-friend-list{height:calc(100% - 92px)}
}


/* v0.42.1 — actionable notification rows + live party invite popup */
.notification-preview.actionable{
  grid-template-columns:36px minmax(0,1fr) auto;
}
.notification-preview-actions{
  display:flex;
  gap:6px;
  align-items:center;
}
.notification-preview-actions button{
  height:28px;
  padding:0 8px;
  border-radius:5px;
  font-size:7.5px;
  font-weight:950;
  letter-spacing:.02em;
}
.notification-preview-actions .decline{
  border:1px solid #343a38;
  background:#111514;
  color:#939c97;
}
.notification-preview-actions .accept{
  border:1px solid #735013;
  background:#181208;
  color:var(--orange);
}
.notification-preview-actions button:hover{filter:brightness(1.08)}

.notification-center-row.has-actions{
  grid-template-columns:40px minmax(0,1fr) auto;
}
.notification-center-actions{
  display:flex;
  gap:6px;
}
.notification-center-actions button{
  height:30px;
  padding:0 9px;
  border-radius:5px;
  font-size:8px;
  font-weight:900;
}
.notification-center-actions .decline{
  border:1px solid #343a38;
  background:#111514;
  color:#939c97;
}
.notification-center-actions .accept{
  border:1px solid #735013;
  background:#181208;
  color:var(--orange);
}

.social-live-toast{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:180;
  width:min(430px,calc(100vw - 28px));
  min-height:104px;
  border:1px solid #664613;
  border-radius:9px;
  background:linear-gradient(145deg,#171208,#0b0e0e 64%);
  box-shadow:0 26px 90px rgba(0,0,0,.62),0 0 0 1px rgba(217,58,65,.04) inset;
  padding:14px 46px 14px 14px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:11px;
  align-items:start;
  animation:socialToastIn .22s ease-out;
}
.social-live-toast[hidden]{display:none!important}
@keyframes socialToastIn{
  from{opacity:0;transform:translateY(14px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
.social-live-icon{
  width:40px;
  height:40px;
  border:1px solid #765013;
  background:#211607;
  color:var(--orange);
  border-radius:7px;
  display:grid;
  place-items:center;
  font-size:13px;
  font-weight:950;
}
.social-live-copy{display:flex;flex-direction:column;min-width:0}
.social-live-copy>b{font-size:12px;line-height:1.35;margin-top:4px}
.social-live-copy>small{font-size:9px;color:#8f9893;line-height:1.4;margin-top:5px}
.social-live-actions{
  grid-column:2;
  display:flex;
  gap:7px;
  margin-top:4px;
}
.social-live-actions button{
  height:30px;
  padding:0 12px;
  border-radius:5px;
  font-size:8px;
  font-weight:950;
}
.social-live-actions .decline{
  border:1px solid #353b39;
  background:#111514;
  color:#969f9a;
}
.social-live-actions .accept{
  border:1px solid #765013;
  background:#201607;
  color:var(--orange);
}
.social-live-close{
  position:absolute;
  right:10px;
  top:10px;
  width:26px;
  height:26px;
  border:0;
  background:transparent;
  color:#7f8883;
  font-size:19px;
  line-height:1;
}
.social-live-close:hover{color:#d6dcd9}
@media(max-width:620px){
  .social-live-toast{right:14px;bottom:14px}
}


/* v0.42.2 — actual party join + clearer profile invite */
.profile-actions{
  flex-wrap:wrap;
}
.profile-actions .profile-main-invite{
  min-width:142px;
  height:36px;
}
.profile-actions #profileFriendAction{
  min-width:124px;
}
.profile-actions button[hidden]{
  display:none!important;
}
.slot.party-member.external-leader{
  border-color:#765013;
  background:linear-gradient(145deg,#1d1407,#0a0d0d 48%);
}
.slot.party-member.self-member{
  border-color:#38413d;
}
.party-owner-note{
  position:absolute;
  right:8px;
  top:8px;
  color:#9ba39f;
  font-size:8px;
  font-weight:900;
  letter-spacing:.04em;
}


/* v0.42.3 — profiles never invite directly to party/lobby */
.profile-actions #profileFriendAction{
  min-width:136px;
}


/* v0.43 — final frontend QA safety layer */
.icon-btn{overflow:visible}
.top-actions,.toolbar,.profile-actions,.summary-actions,.match-details-actions{min-width:0}
.top-popover,.party-modal-card,.social-modal-card,.report-modal-card{max-width:calc(100vw - 28px)}
.social-friend-copy,.request-copy,.conversation-row>div,.notification-center-row>div:nth-child(2){min-width:0}
.social-friend-copy b,.social-friend-copy small,.social-friend-copy span,
.request-copy b,.request-copy span,.request-copy small,
.conversation-row b,.conversation-row span,
.notification-center-row b,.notification-center-row span{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
@media(max-width:1366px){
  .secondary-shell{padding-left:16px;padding-right:16px}
  .match-details-shell{padding-left:16px;padding-right:16px}
}


/* v0.44 — profile achievements / badges */
.profile-achievements{
  margin-top:12px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:stretch;
}
.achievement-badge{
  min-width:170px;
  height:50px;
  padding:0 11px;
  border:1px solid #564019;
  border-radius:7px;
  background:linear-gradient(145deg,#171208,#0b0e0e 68%);
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:9px;
  align-items:center;
}
.achievement-icon{
  width:30px;
  height:30px;
  border:1px solid #7a5416;
  border-radius:6px;
  background:#241807;
  color:var(--orange);
  display:grid;
  place-items:center;
  font-size:16px;
  font-weight:950;
}
.achievement-badge>div{
  min-width:0;
  display:flex;
  flex-direction:column;
}
.achievement-badge b{
  font-size:9px;
  letter-spacing:.06em;
  color:#e4e8e6;
}
.achievement-badge small{
  margin-top:3px;
  font-size:7.5px;
  color:#89918d;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.achievement-slot{
  width:58px;
  height:50px;
  border:1px dashed #343b38;
  border-radius:7px;
  background:#0b0e0e;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  color:#555e59;
}
.achievement-slot>span{
  font-size:15px;
  line-height:1;
}
.achievement-slot>small{
  margin-top:4px;
  font-size:6px;
  font-weight:900;
  letter-spacing:.05em;
}
@media(max-width:700px){
  .achievement-badge{min-width:150px}
}


/* v0.44.1 — top profile menu + logout */
.top-actions{position:relative}
.profile-chip{
  min-width:126px;
  justify-content:flex-start;
}
.profile-copy{
  min-width:52px;
}
.profile-dropdown{
  position:absolute;
  right:0;
  top:52px;
  width:170px;
  padding:6px;
  z-index:140;
  box-shadow:0 24px 70px rgba(0,0,0,.58);
}
.profile-dropdown[hidden]{
  display:none!important;
}
.profile-dropdown-item{
  width:100%;
  height:40px;
  border:0;
  background:#0e1111;
  color:#d9dfdc;
  border-radius:7px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 10px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.04em;
  text-align:left;
}
.profile-dropdown-item + .profile-dropdown-item{
  margin-top:4px;
}
.profile-dropdown-item:hover{
  background:#151919;
}
.profile-dropdown-item.danger{
  color:#ff9a86;
}
.profile-dropdown-icon{
  width:22px;
  height:22px;
  border-radius:6px;
  border:1px solid #313735;
  background:#121515;
  display:grid;
  place-items:center;
  font-size:12px;
}
.profile-dropdown-item.danger .profile-dropdown-icon{
  border-color:#51322c;
  background:#171110;
  color:#ff9a86;
}
body.lang-en .profile-chip{
  min-width:136px;
}


/* v0.44.2 — professional profile header */
.profile-hero{
  max-width:1612px;
  margin:14px auto;
  min-height:248px;
  padding:24px 26px;
  display:grid;
  grid-template-columns:minmax(460px,1.15fr) minmax(300px,.78fr) minmax(315px,.72fr);
  gap:22px;
  align-items:stretch;
  background:
    radial-gradient(circle at 82% 30%,rgba(217,58,65,.055),transparent 25%),
    linear-gradient(135deg,#0f1211,#0a0d0d 68%);
}
.profile-hero-identity{
  min-width:0;
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:22px;
  align-items:center;
}
.profile-avatar-large{
  width:108px!important;
  height:108px!important;
  border-radius:11px!important;
  font-size:36px!important;
  align-self:start;
  margin-top:24px;
  box-shadow:0 10px 34px rgba(0,0,0,.24);
}
.profile-identity-copy{min-width:0}
.profile-identity-copy h1{
  font-size:34px!important;
  margin:7px 0 9px!important;
  letter-spacing:-.025em;
}
.profile-identity-copy p{
  font-size:10px!important;
  color:#8d9691;
}
.profile-badges{
  margin-top:12px;
  flex-wrap:wrap;
}
.profile-achievements{
  margin-top:13px!important;
  flex-wrap:nowrap!important;
  overflow:hidden;
}
.achievement-badge{
  height:52px!important;
  min-width:184px!important;
}
.achievement-slot{
  width:54px!important;
  min-width:54px;
  height:52px!important;
}
.profile-actions{
  margin-top:12px!important;
}

.profile-hero-summary{
  min-width:0;
  border-left:1px solid var(--line-soft);
  border-right:1px solid var(--line-soft);
  padding:8px 22px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.profile-summary-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.profile-summary-head small{
  font-size:8px;
  color:#69726d;
  font-weight:900;
  letter-spacing:.05em;
}
.profile-quick-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.profile-quick-stat{
  height:72px;
  padding:12px 13px;
  border:1px solid #252c29;
  border-radius:7px;
  background:linear-gradient(155deg,#101413,#0b0e0e);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.profile-quick-stat span{
  font-size:8px;
  color:#7e8782;
  font-weight:900;
  letter-spacing:.08em;
}
.profile-quick-stat b{
  margin-top:6px;
  font-size:20px;
  line-height:1;
  color:#eef2f0;
}
.profile-quick-stat:first-child{
  border-color:#533a12;
  background:linear-gradient(155deg,#171208,#0b0e0e);
}
.profile-quick-stat:first-child b{color:var(--orange)}

.profile-rank-card{
  min-width:0;
  padding:14px 16px!important;
  border:1px solid #352d1d;
  border-radius:9px;
  background:linear-gradient(145deg,rgba(29,20,7,.76),rgba(10,13,13,.93) 64%);
  justify-content:center;
  gap:18px!important;
}
.profile-rank-card img{
  width:112px!important;
  height:112px!important;
  flex:none;
}
.profile-rank-copy{
  min-width:0;
  flex:1;
}
.profile-rank-card h2{
  font-size:22px!important;
  margin:6px 0 2px!important;
}
.profile-rank-card strong{
  font-size:15px!important;
}
.profile-rank-progress{
  margin-top:13px;
  width:100%;
}
.profile-rank-progress-meta{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:7px;
  font-size:7px;
  color:#69716d;
}
.profile-rank-progress-meta b{
  text-align:center;
  font-size:7px;
  color:#a2aaa6;
}
.profile-rank-progress-bar{
  height:5px;
  margin-top:6px;
  border-radius:99px;
  overflow:hidden;
  background:#252a28;
}
.profile-rank-progress-bar i{
  display:block;
  height:100%;
  background:linear-gradient(90deg,#df8505,#ffb32b);
  border-radius:99px;
}
.profile-rank-card>div>small{
  display:block;
  margin-top:8px!important;
  color:#89928d!important;
}

@media(max-width:1380px){
  .profile-hero{
    grid-template-columns:minmax(420px,1fr) minmax(270px,.7fr) minmax(290px,.68fr);
    gap:15px;
    padding-left:20px;
    padding-right:20px;
  }
  .profile-hero-summary{padding:8px 15px}
  .profile-avatar-large{width:96px!important;height:96px!important;font-size:32px!important}
  .profile-hero-identity{grid-template-columns:100px minmax(0,1fr);gap:17px}
  .achievement-badge{min-width:166px!important}
}
@media(max-width:1120px){
  .profile-hero{
    grid-template-columns:minmax(0,1fr) minmax(290px,.65fr);
  }
  .profile-hero-summary{
    grid-column:1/-1;
    grid-row:2;
    border-left:0;
    border-right:0;
    border-top:1px solid var(--line-soft);
    padding:15px 0 0;
  }
  .profile-quick-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:760px){
  .profile-hero{grid-template-columns:1fr}
  .profile-hero-identity{grid-template-columns:84px minmax(0,1fr)}
  .profile-avatar-large{width:80px!important;height:80px!important;font-size:27px!important;margin-top:18px}
  .profile-rank-card{grid-row:auto}
  .profile-quick-grid{grid-template-columns:1fr 1fr}
  .profile-hero-summary{grid-column:auto;grid-row:auto}
}


/* v0.44.3 — remove duplicated profile metrics */
.profile-stats-row{
  grid-template-columns:repeat(4,1fr)!important;
}
.profile-stats-row .metric strong{
  font-size:28px;
}
.profile-stats-row .metric small{
  font-size:8px;
}
@media(max-width:1180px){
  .profile-stats-row{
    grid-template-columns:repeat(2,1fr)!important;
  }
}
@media(max-width:680px){
  .profile-stats-row{
    grid-template-columns:1fr!important;
  }
}


/* v0.44.4 — premium compact lobby player cards */
.party-lobby-card{height:382px}
.party-lobby-card .slots{
  height:140px;
  gap:8px;
}
.slot.party-member{
  height:140px;
  padding:13px 13px 11px;
  display:grid;
  grid-template-rows:1fr auto;
  align-items:stretch;
  border:1px solid #2b312f;
  border-radius:8px;
  background:linear-gradient(160deg,#0e1211,#090c0c 72%);
  overflow:hidden;
  transition:border-color .16s ease,background .16s ease,transform .16s ease;
}
.slot.party-member:hover{
  border-color:#4b4432;
  background:linear-gradient(160deg,#121611,#0a0d0d 72%);
  transform:translateY(-1px);
}
.slot.party-member.leader{
  padding:13px 13px 11px;
  border-color:#6f4a11;
  background:linear-gradient(160deg,#181207,#0a0d0d 66%);
  box-shadow:inset 0 2px 0 rgba(217,58,65,.72);
}
.party-player-main{
  min-width:0;
  display:flex;
  align-items:center;
  gap:11px;
  padding-top:15px;
}
.slot.party-member .avatar{
  width:48px;
  height:48px;
  margin:0;
  flex:none;
  font-size:17px;
  border-radius:8px;
}
.party-slot-copy{
  min-width:0;
  width:auto;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.party-slot-copy b{
  font-size:12px;
  line-height:1.1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.party-slot-copy small{
  margin-top:5px;
  font-size:9px;
  color:#8a938e;
  font-weight:750;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.party-player-footer{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding-top:9px;
  border-top:1px solid #202624;
}
.party-player-footer .mini-rank{
  min-width:64px;
  height:20px;
  padding:0 8px;
  font-size:7px!important;
  justify-content:center;
}
.party-online{
  display:flex;
  align-items:center;
  gap:5px;
  font-size:7px;
  color:#747d78;
  font-weight:900;
  letter-spacing:.05em;
}
.party-online i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#35df7d;
}
.party-card-role{
  position:absolute;
  left:12px;
  top:9px;
  font-size:7px;
  font-weight:950;
  letter-spacing:.08em;
}
.party-card-role.leader-role{color:var(--orange)}
.party-card-role.self-role{color:#87908b}
.party-remove{
  right:8px;
  top:8px;
  width:22px;
  height:22px;
  border-radius:6px;
  font-size:13px;
  background:#0d1110;
  border-color:#2e3532;
  opacity:.72;
}
.party-remove:hover{opacity:1;background:#17110f;color:#ff9b88;border-color:#5a3630}
.party-invite-slot{
  height:140px;
  border:1px dashed #313835;
  border-radius:8px;
  background:linear-gradient(160deg,#0d1010,#090c0c);
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#858e89;
}
.party-invite-slot:hover{
  border-color:#664613;
  background:linear-gradient(160deg,#141109,#0a0d0d);
}
.party-invite-slot .plus{
  width:35px;
  height:35px;
  margin:0;
  flex:none;
  border-color:#434a47;
  background:#0d1110;
  font-size:18px;
}
.party-invite-slot>div{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
}
.party-invite-slot b{font-size:9px;color:#b4bbb7}
.party-invite-slot small{font-size:7px;color:#68716d;font-weight:900;letter-spacing:.05em}
.party-invite-slot.locked{opacity:.38}
.party-tools.party-tools-chat-only{margin-top:9px;height:143px}
@media(max-width:1180px){
  .party-lobby-card{height:405px}
  .party-lobby-card .slots{height:150px}
  .slot.party-member,.party-invite-slot{height:150px}
}
@media(max-width:760px){
  .party-lobby-card .slots{grid-template-columns:1fr!important;height:auto}
  .slot.party-member,.party-invite-slot{height:118px}
  .party-lobby-card{height:auto;min-height:560px}
}


/* v0.44.6 — profile meta card + last 30 matches */
.profile-meta-card{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  min-height:27px;
  margin:0!important;
  padding:0 9px;
  border:1px solid #2c3330;
  border-radius:6px;
  background:rgba(15,19,18,.72);
  color:#9ba49f!important;
  font-size:9px!important;
  line-height:1;
  white-space:nowrap;
}
body.lang-en .profile-meta-card{
  white-space:normal;
  line-height:1.3;
  padding-top:6px;
  padding-bottom:6px;
}


/* v0.44.8 — previous profile rank layout, without tiny ELO scale numbers */
.profile-rank-progress{
  margin-top:13px;
}
.profile-rank-progress-bar{
  margin-top:0;
}


/* =========================================================
   v0.45.0 — Steam login / authentication entry screen
   ========================================================= */
.auth-screen{display:none}
body.auth-locked{
  min-height:100vh;
  overflow-x:hidden;
  background:#070909;
}
body.auth-locked>.topbar,
body.auth-locked>.top-popover,
body.auth-locked>.concept-bar,
body.auth-locked>#appViews,
body.auth-locked>.social-live-toast,
body.auth-locked>.ui-toast,
body.auth-locked>footer:not(.auth-footer){
  display:none!important;
}
body.auth-locked .auth-screen{
  min-height:100vh;
  display:grid;
  grid-template-rows:76px 1fr 58px;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 72% 36%,rgba(217,58,65,.055),transparent 26%),
    radial-gradient(circle at 20% 72%,rgba(217,58,65,.025),transparent 24%),
    #070909;
}
.auth-grid-bg{
  position:absolute;
  inset:0;
  z-index:-2;
  opacity:.27;
  background-image:
    linear-gradient(rgba(255,255,255,.027) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.027) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 88%);
}
.auth-grid-bg:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,#070909 0%,transparent 18%,transparent 82%,#070909 100%);
}
.auth-topbar{
  width:min(1460px,calc(100% - 56px));
  height:76px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #191e1c;
}
.auth-brand img{
  display:block;
  width:132px;
  height:auto;
  object-fit:contain;
}
.auth-lang-switch{
  position:static!important;
}
.auth-main{
  width:min(1180px,calc(100% - 56px));
  margin:auto;
  display:grid;
  grid-template-columns:minmax(520px,650px) minmax(280px,1fr);
  gap:92px;
  align-items:center;
  padding:54px 0 64px;
}
.auth-card{
  position:relative;
  padding:34px;
  border-color:#2b302e;
  border-radius:10px;
  overflow:visible;
  box-shadow:0 26px 80px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.02);
}
.auth-accent{
  position:absolute;
  top:-1px;
  left:30px;
  width:92px;
  height:2px;
  border-radius:99px;
  background:var(--orange);
  box-shadow:0 0 18px rgba(217,58,65,.28);
}
.auth-card-head{
  max-width:510px;
}
.auth-kicker{
  display:flex;
  align-items:center;
  gap:8px;
  color:#8e9792;
  font-size:9px;
  font-weight:950;
  letter-spacing:.12em;
}
.auth-kicker i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--orange);
  box-shadow:0 0 10px rgba(217,58,65,.5);
}
.auth-card-head h1{
  margin:12px 0 8px;
  font-size:33px;
  line-height:1.06;
  letter-spacing:-.025em;
}
.auth-card-head p{
  margin:0;
  max-width:440px;
  color:#929b96;
  font-size:11px;
  line-height:1.55;
}
.steam-login-button{
  width:100%;
  min-height:76px;
  margin-top:29px;
  padding:0 18px;
  border:1px solid #4a4f4c;
  border-radius:8px;
  background:linear-gradient(145deg,#1a1e1d,#111514);
  color:#f3f5f4;
  display:grid;
  grid-template-columns:43px minmax(0,1fr) 20px;
  gap:13px;
  align-items:center;
  text-align:left;
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.steam-login-button:hover{
  transform:translateY(-1px);
  border-color:#787f7b;
  background:linear-gradient(145deg,#202524,#131817);
}
.steam-login-button:disabled{
  cursor:wait;
  opacity:.72;
  transform:none;
}
.steam-mark{
  width:41px;
  height:41px;
  border-radius:7px;
  display:grid;
  place-items:center;
  background:#0c0f0f;
  border:1px solid #313735;
}
.steam-mark svg{
  width:26px;
  height:26px;
  overflow:visible;
}
.steam-mark svg circle,
.steam-mark svg path{
  fill:none;
  stroke:#e9edeb;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.steam-login-button>span:nth-child(2){
  min-width:0;
  display:flex;
  flex-direction:column;
}
.steam-login-button b{
  font-size:11px;
  letter-spacing:.055em;
}
.steam-login-button small{
  margin-top:5px;
  color:#89928d;
  font-size:8px;
  font-weight:700;
}
.auth-arrow{
  color:#aeb5b1;
  font-size:24px;
  font-style:normal;
}
.auth-security{
  min-height:60px;
  margin-top:12px;
  padding:12px 13px;
  display:flex;
  align-items:center;
  gap:11px;
  border:1px solid #222826;
  border-radius:7px;
  background:#0c100f;
}
.auth-shield{
  width:27px;
  height:27px;
  flex:none;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#11251a;
  color:#58dc91;
  font-size:10px;
  font-weight:950;
}
.auth-security p{
  margin:0;
  display:flex;
  flex-direction:column;
}
.auth-security b{
  color:#cfd5d2;
  font-size:8px;
}
.auth-security small{
  margin-top:3px;
  color:#737c77;
  font-size:7.5px;
  line-height:1.45;
}
.auth-divider{
  height:1px;
  margin:24px 0 17px;
  position:relative;
  background:#202523;
}
.auth-divider span{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  padding:0 10px;
  background:#0f1312;
  color:#5f6863;
  font-size:7px;
  font-weight:950;
  letter-spacing:.12em;
  white-space:nowrap;
}
.auth-benefits{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
}
.auth-benefits>div{
  min-height:67px;
  padding:11px;
  display:flex;
  gap:9px;
  border:1px solid #222826;
  border-radius:7px;
  background:#0c100f;
}
.auth-benefits>div>span{
  color:var(--orange);
  font-size:8px;
  font-weight:950;
}
.auth-benefits p{
  margin:0;
  display:flex;
  flex-direction:column;
}
.auth-benefits b{
  color:#bdc4c0;
  font-size:7.5px;
  letter-spacing:.05em;
}
.auth-benefits small{
  margin-top:4px;
  color:#68716c;
  font-size:7px;
  line-height:1.35;
}
.auth-prototype-note{
  margin:17px 0 0;
  color:#606965;
  text-align:center;
  font-size:7px;
  line-height:1.4;
}
.auth-side{
  max-width:360px;
}
.auth-side h2{
  margin:11px 0 13px;
  font-size:31px;
  line-height:1.08;
  letter-spacing:-.025em;
}
.auth-side>p{
  margin:0;
  color:#7f8984;
  font-size:10px;
  line-height:1.65;
}
.auth-side-stat{
  width:150px;
  margin-top:31px;
  padding:15px 0 13px;
  border-top:1px solid #2c322f;
  border-bottom:1px solid #2c322f;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:end;
}
.auth-side-stat span{
  color:#727b76;
  font-size:7px;
  font-weight:900;
  letter-spacing:.1em;
}
.auth-side-stat b{
  grid-row:1/3;
  grid-column:2;
  padding-left:14px;
  color:var(--orange);
  font-size:30px;
  line-height:1;
}
.auth-side-stat small{
  margin-top:4px;
  color:#59625e;
  font-size:7px;
}
.auth-side-lines{
  margin-top:26px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.auth-side-lines span{
  display:flex;
  align-items:center;
  gap:9px;
  color:#8d9691;
  font-size:8px;
  font-weight:800;
}
.auth-side-lines i{
  width:17px;
  height:1px;
  background:#55431f;
}
.auth-footer{
  width:min(1460px,calc(100% - 56px));
  height:58px;
  margin:0 auto;
  border-top:1px solid #191e1c;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#5f6863;
  font-size:7.5px;
}
.auth-footer>div{
  display:flex;
  align-items:center;
  gap:18px;
}
.auth-footer a{
  color:#747d78;
  text-decoration:none;
}
.auth-footer a:hover{color:#c1c7c4}
.auth-system{
  display:flex;
  align-items:center;
  gap:6px;
}
.auth-system i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#3bd779;
}
@media(max-width:960px){
  .auth-main{
    grid-template-columns:1fr;
    width:min(650px,calc(100% - 36px));
    gap:34px;
    padding:36px 0 48px;
  }
  .auth-side{
    display:none;
  }
  .auth-topbar,.auth-footer{
    width:calc(100% - 36px);
  }
}
@media(max-width:600px){
  body.auth-locked .auth-screen{grid-template-rows:68px 1fr auto}
  .auth-topbar{height:68px}
  .auth-card{padding:25px 20px}
  .auth-card-head h1{font-size:27px}
  .auth-benefits{grid-template-columns:1fr}
  .auth-benefits>div{min-height:55px}
  .steam-login-button{grid-template-columns:40px minmax(0,1fr) 14px}
  .steam-login-button small{font-size:7px}
  .auth-footer{
    min-height:64px;
    height:auto;
    padding:13px 0;
  }
  .auth-footer>div{gap:10px;flex-wrap:wrap}
  .auth-system{display:none}
}


/* =========================================================
   v0.46.0 — Settings
   ========================================================= */
.settings-shell{padding-bottom:34px}
.settings-hero{align-items:center}
.settings-save-state{
  min-width:136px;
  height:34px;
  padding:0 11px;
  border:1px solid #26302b;
  border-radius:6px;
  background:#0d1210;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:#7f8984;
  font-size:8px;
  font-weight:850;
}
.settings-save-state i{
  width:6px;height:6px;border-radius:50%;background:#46d982;
}
.settings-save-state.saving i{background:var(--orange)}
.settings-layout{
  max-width:1612px;
  margin:0 auto;
  padding:0 30px;
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  gap:14px;
  align-items:start;
}
.settings-nav-card{
  padding:7px;
  position:sticky;
  top:88px;
}
.settings-tab{
  width:100%;
  min-height:61px;
  padding:0 11px;
  border:1px solid transparent;
  border-radius:6px;
  background:transparent;
  color:#8d9691;
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:8px;
  align-items:center;
  text-align:left;
  cursor:pointer;
}
.settings-tab:hover{background:#101413;color:#c1c7c4}
.settings-tab.active{
  border-color:#44361c;
  background:linear-gradient(90deg,rgba(217,58,65,.10),rgba(217,58,65,.015));
  color:#edf0ee;
}
.settings-tab>span{
  color:#5f6964;
  font-size:8px;
  font-weight:950;
}
.settings-tab.active>span{color:var(--orange)}
.settings-tab>div{display:flex;flex-direction:column}
.settings-tab b{font-size:8.5px;letter-spacing:.06em}
.settings-tab small{margin-top:4px;color:#69726e;font-size:7px}
.settings-content{min-width:0}
.settings-panel{display:none;gap:14px}
.settings-panel.active{display:grid}
.settings-section{padding:19px 20px}
.settings-section-head{
  min-height:45px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  border-bottom:1px solid var(--line-soft);
  padding-bottom:14px;
}
.settings-section-head h2{margin:5px 0 0;font-size:15px}
.steam-account-row{
  min-height:91px;
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto;
  gap:13px;
  align-items:center;
}
.settings-avatar{width:48px!important;height:48px!important;font-size:15px!important}
.steam-account-copy{min-width:0;display:flex;flex-direction:column}
.steam-account-copy b{font-size:11px}
.steam-account-copy span{margin-top:4px;color:#919a95;font-size:8px}
.steam-account-copy small{margin-top:5px;color:#68716c;font-size:7.5px}
.settings-disabled-action{opacity:.38;cursor:not-allowed}
.settings-info-note{
  margin:0;
  min-height:45px;
  padding:9px 11px;
  border:1px solid #242a28;
  border-radius:6px;
  background:#0c100f;
  display:flex;
  align-items:center;
  gap:9px;
  color:#737c77;
  font-size:7.5px;
  line-height:1.45;
}
.settings-info-note i{
  width:20px;height:20px;flex:none;border-radius:50%;
  display:grid;place-items:center;background:#151b18;color:#949d98;font-style:normal;font-weight:900;
}
.settings-language-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  padding-top:16px;
}
.settings-language{
  min-height:76px;
  padding:0 14px;
  border:1px solid #2a302e;
  border-radius:7px;
  background:#0c100f;
  color:#b8bfbb;
  display:grid;
  grid-template-columns:36px minmax(0,1fr) 20px;
  align-items:center;
  gap:11px;
  text-align:left;
  cursor:pointer;
}
.settings-language:hover{border-color:#444b48}
.settings-language.active{
  border-color:#6b4912;
  background:linear-gradient(145deg,#171208,#0c100f);
}
.settings-language>span{
  width:35px;height:35px;border-radius:6px;border:1px solid #303734;
  display:grid;place-items:center;font-size:9px;font-weight:950;color:#8e9792;
}
.settings-language.active>span{color:var(--orange);border-color:#5d4215}
.settings-language>div{display:flex;flex-direction:column}
.settings-language b{font-size:10px}
.settings-language small{margin-top:4px;color:#68716d;font-size:7px}
.settings-language>i{font-style:normal;color:#4f5853;opacity:0}
.settings-language.active>i{color:var(--orange);opacity:1}
.settings-list{padding-top:2px}
.setting-row{
  min-height:78px;
  border-bottom:1px solid var(--line-soft);
  display:grid;
  grid-template-columns:minmax(0,1fr) 42px;
  align-items:center;
  gap:18px;
  cursor:pointer;
  position:relative;
}
.setting-row:last-child{border-bottom:0}
.setting-row>div{display:flex;flex-direction:column}
.setting-row b{font-size:10px}
.setting-row small{margin-top:5px;color:#747d78;font-size:8px;line-height:1.4}
.setting-toggle-input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.setting-switch{
  width:40px;height:22px;border-radius:99px;background:#242a28;border:1px solid #353c39;
  position:relative;justify-self:end;transition:.16s ease;
}
.setting-switch:before{
  content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;
  background:#777f7b;transition:.16s ease;
}
.setting-toggle-input:checked+.setting-switch{
  border-color:#684913;background:#1a160c;
}
.setting-toggle-input:checked+.setting-switch:before{
  left:21px;background:var(--orange);
}
.settings-count{
  min-width:28px;height:24px;padding:0 7px;border:1px solid #2d3431;border-radius:5px;
  display:grid;place-items:center;color:#7d8681;font-size:8px;font-weight:900;
}
.settings-empty-state{
  min-height:260px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#7b847f;
}
.settings-empty-icon{
  width:44px;height:44px;border:1px solid #2c3330;border-radius:50%;
  display:grid;place-items:center;color:#66706b;font-size:18px;margin-bottom:12px;
}
.settings-empty-state b{font-size:10px;color:#aab2ae}
.settings-empty-state small{max-width:390px;margin-top:6px;font-size:8px;line-height:1.5}
@media(max-width:1180px){
  .settings-layout{padding-left:18px;padding-right:18px;grid-template-columns:220px minmax(0,1fr)}
}
@media(max-width:820px){
  .settings-layout{grid-template-columns:1fr}
  .settings-nav-card{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:5px}
  .settings-language-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .settings-nav-card{grid-template-columns:1fr}
  .steam-account-row{grid-template-columns:48px 1fr}
  .steam-account-row .filter{grid-column:1/-1}
}


/* =========================================================
   v0.46.1 — Settings readability pass
   ========================================================= */
.settings-shell .page-hero h1{
  font-size:34px!important;
}
.settings-shell .page-hero p{
  max-width:720px;
  font-size:13px!important;
  line-height:1.55;
}
.settings-shell .eyebrow{
  font-size:10px!important;
  letter-spacing:.09em;
}
.settings-save-state{
  min-width:158px;
  height:39px;
  padding:0 14px;
  font-size:10px;
}
.settings-save-state i{
  width:7px;
  height:7px;
}

.settings-layout{
  grid-template-columns:285px minmax(0,1fr);
  gap:16px;
}
.settings-nav-card{
  padding:9px;
}
.settings-tab{
  min-height:76px;
  padding:0 14px;
  grid-template-columns:34px minmax(0,1fr);
  gap:10px;
}
.settings-tab>span{
  font-size:10px;
}
.settings-tab b{
  font-size:12px;
  letter-spacing:.045em;
}
.settings-tab small{
  margin-top:5px;
  font-size:9px;
  line-height:1.35;
}

.settings-panel{
  gap:16px;
}
.settings-section{
  padding:24px 26px;
}
.settings-section-head{
  min-height:56px;
  padding-bottom:17px;
}
.settings-section-head h2{
  margin-top:6px;
  font-size:20px;
}
.settings-section-head .status-chip{
  min-height:28px;
  padding:0 10px;
  font-size:9px;
}

.steam-account-row{
  min-height:118px;
  grid-template-columns:62px minmax(0,1fr) auto;
  gap:16px;
}
.settings-avatar{
  width:56px!important;
  height:56px!important;
  font-size:18px!important;
}
.steam-account-copy b{
  font-size:15px;
}
.steam-account-copy span{
  margin-top:5px;
  font-size:11px;
}
.steam-account-copy small{
  margin-top:7px;
  font-size:10px;
  line-height:1.45;
}
.settings-section .filter{
  min-height:34px;
  padding:0 12px;
  font-size:9px;
}
.settings-info-note{
  min-height:58px;
  padding:12px 14px;
  gap:11px;
  font-size:10px;
  line-height:1.5;
}
.settings-info-note i{
  width:25px;
  height:25px;
  font-size:10px;
}

.settings-language-grid{
  gap:12px;
  padding-top:19px;
}
.settings-language{
  min-height:92px;
  padding:0 17px;
  grid-template-columns:44px minmax(0,1fr) 22px;
  gap:13px;
}
.settings-language>span{
  width:42px;
  height:42px;
  font-size:11px;
}
.settings-language b{
  font-size:13px;
}
.settings-language small{
  margin-top:5px;
  font-size:9px;
}
.settings-language>i{
  font-size:12px;
}

.settings-list{
  padding-top:4px;
}
.setting-row{
  min-height:94px;
  grid-template-columns:minmax(0,1fr) 48px;
  gap:22px;
}
.setting-row b{
  font-size:13px;
}
.setting-row small{
  margin-top:6px;
  max-width:760px;
  font-size:10px;
  line-height:1.5;
}
.setting-switch{
  width:46px;
  height:26px;
}
.setting-switch:before{
  left:3px;
  top:3px;
  width:18px;
  height:18px;
}
.setting-toggle-input:checked+.setting-switch:before{
  left:23px;
}

.settings-count{
  min-width:33px;
  height:28px;
  padding:0 8px;
  font-size:10px;
}
.settings-empty-state{
  min-height:310px;
}
.settings-empty-icon{
  width:52px;
  height:52px;
  font-size:21px;
  margin-bottom:15px;
}
.settings-empty-state b{
  font-size:14px;
}
.settings-empty-state small{
  max-width:520px;
  margin-top:8px;
  font-size:10px;
  line-height:1.55;
}

@media(max-width:1180px){
  .settings-layout{
    grid-template-columns:255px minmax(0,1fr);
  }
  .settings-tab{
    min-height:70px;
  }
}
@media(max-width:820px){
  .settings-layout{
    grid-template-columns:1fr;
  }
  .settings-tab b{font-size:11px}
  .settings-tab small{font-size:8.5px}
}


/* =========================================================
   v0.48.1 — Veto roster readability polish
   ========================================================= */
.compact-team-card .team-person{
  height:60px;
  grid-template-columns:40px minmax(0,1fr) auto;
  gap:11px;
  padding:0 13px;
}
.compact-team-card .team-person .avatar{
  width:36px;
  height:36px;
  font-size:12px;
  font-weight:950;
}
.compact-team-card .veto-player-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:7px;
}
.compact-team-card .player-line{
  min-width:0;
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:nowrap;
}
.compact-team-card .player-line>b{
  min-width:0;
  max-width:128px;
  font-size:13px!important;
  line-height:1;
  font-weight:950!important;
  color:#f1f3f2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.compact-team-card .player-line .mini-rank{
  min-width:0;
  height:20px;
  padding:0 9px;
  font-size:7.5px!important;
  flex:none;
}
.compact-team-card .veto-player-stats{
  min-width:0;
  display:flex;
  align-items:center;
  gap:0;
  white-space:nowrap;
  overflow:hidden;
}
.compact-team-card .veto-player-stats strong,
.compact-team-card .veto-player-stats span{
  display:inline-flex;
  align-items:center;
  height:12px;
  font-size:9.2px!important;
  line-height:1;
  letter-spacing:.005em;
}
.compact-team-card .veto-player-stats strong{
  color:#bfc6c2;
  font-weight:850;
  padding-right:9px;
}
.compact-team-card .veto-player-stats span{
  color:#8e9892;
  font-weight:720;
  padding:0 9px;
  border-left:1px solid #303633;
}
.compact-team-card .veto-player-stats span:last-child{
  padding-right:0;
}
.compact-team-card .team-person>em{
  align-self:center;
  font-size:8.5px!important;
  letter-spacing:.04em;
}
.compact-team-card .team-person.me{
  background:linear-gradient(90deg,rgba(217,58,65,.065),rgba(217,58,65,.012));
}


/* =========================================================
   v0.48.2 — 15 second veto turn timer
   ========================================================= */
.veto-footer{
  min-height:54px;
}
.veto-turn-meta{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:14px;
  min-width:205px;
}
.veto-turn-meta>b{
  min-width:94px;
  text-align:right;
}
.veto-timer{
  min-width:94px;
  height:31px;
  padding:0 9px;
  border:1px solid #343a37;
  border-radius:5px;
  background:#0c100f;
  display:grid;
  grid-template-columns:1fr auto auto;
  align-items:center;
  column-gap:3px;
}
.veto-timer small{
  color:#6f7873;
  font-size:6.8px;
  font-weight:900;
  letter-spacing:.055em;
  white-space:nowrap;
}
.veto-timer strong{
  color:#f1f3f2;
  font-size:13px;
  line-height:1;
  font-weight:950;
  font-variant-numeric:tabular-nums;
}
.veto-timer i{
  color:#818a85;
  font-size:7px;
  font-style:normal;
  font-weight:800;
}
.veto-timer.warning{
  border-color:#714f17;
  background:#171207;
}
.veto-timer.warning strong{
  color:var(--orange);
}
.veto-timer.danger{
  border-color:#773c2a;
  background:#1a0d09;
}
.veto-timer.danger strong{
  color:#ff765f;
}


/* =========================================================
   v0.48.3 — Veto player image avatars
   ========================================================= */
.compact-team-card .veto-player-avatar{
  width:38px;
  height:38px;
  display:block;
  object-fit:cover;
  border-radius:7px;
  border:1px solid #3a423e;
  background:#111514;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
.compact-team-card .team-person.me .veto-player-avatar{
  border-color:#7a5415;
  box-shadow:0 0 0 1px rgba(217,58,65,.09);
}
.compact-team-card .team-person:hover .veto-player-avatar{
  border-color:#555e59;
}


/* =========================================================
   v0.48.5 — Lobby cards polish
   ========================================================= */
#partySlots{
  gap:12px;
}
.slot.party-member{
  position:relative;
  min-height:154px;
  padding:14px 12px 12px !important;
  border:1px solid #2a302e;
  border-radius:10px;
  background:linear-gradient(165deg,#0d1110,#080b0b 76%);
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:space-between !important;
  overflow:hidden;
}
.slot.party-member.leader{
  border-color:#7b5313;
  background:linear-gradient(165deg,rgba(217,58,65,.10),#0a0d0d 62%);
  box-shadow:inset 0 0 0 1px rgba(217,58,65,.04);
}
.slot.party-member.self-member:not(.leader){
  border-color:#38413d;
}
.slot.party-member:hover{
  transform:translateY(-1px);
  border-color:#434a47;
}
.slot.party-member .avatar{
  width:48px !important;
  height:48px !important;
  margin:0 !important;
  font-size:19px !important;
  border-radius:9px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}
.party-card-main{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:94px;
  padding-top:8px;
}
.party-slot-copy{
  min-width:0;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:4px;
}
.party-slot-copy b{
  display:block;
  width:100%;
  font-size:14px !important;
  line-height:1.05;
  font-weight:950;
  color:#f4f6f5;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.party-slot-copy small{
  display:block;
  width:100%;
  margin:0 !important;
  font-size:11px !important;
  line-height:1;
  color:#d1d8d4;
  font-weight:820;
  letter-spacing:.01em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.party-card-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding-top:10px;
  border-top:1px solid #202725;
}
.party-card-presence{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:8.5px;
  line-height:1;
  font-weight:900;
  letter-spacing:.05em;
  color:#92a19a;
  white-space:nowrap;
}
.party-card-presence i{
  width:7px;
  height:7px;
  border-radius:999px;
  background:#54e69c;
  box-shadow:0 0 0 2px rgba(84,230,156,.12);
  flex:none;
}
.party-card-presence.online{color:#8fe1b7}
.party-card-presence.online i{background:#36e18d}
.party-card-presence.lobby{color:#9be6c0}
.party-card-presence.lobby i{background:#2fe48c}
.party-card-presence.match{color:#ffb563}
.party-card-presence.match i{background:#d93a41}
.party-card-presence.offline{color:#76807b}
.party-card-presence.offline i{background:#5b6460; box-shadow:none}
.party-leader-tag{
  position:absolute;
  left:12px;
  top:10px;
  padding:0;
  border:none;
  background:none;
  color:var(--orange);
  font-size:9px;
  line-height:1;
  font-weight:950;
  letter-spacing:.06em;
}
.party-remove{
  position:absolute;
  right:8px;
  top:8px;
  width:22px;
  height:22px;
  border-radius:6px;
  border:1px solid #313835;
  background:#0d1110;
  color:#a6afaa;
  font-size:14px;
  line-height:1;
}
.party-remove:hover{
  border-color:#565e59;
  color:#f3f4f4;
}
.party-invite-slot{
  min-height:154px;
  border:1px dashed #2a302f !important;
  border-radius:10px;
  background:linear-gradient(165deg,#0c100f,#090c0c 76%);
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
}
.party-invite-slot:hover{
  border-color:#57503d !important;
  background:linear-gradient(165deg,#111410,#090c0c 76%);
}
.party-invite-slot .plus{
  width:38px;
  height:38px;
  border-radius:999px;
  border:1px solid #38403d;
  display:grid;
  place-items:center;
  font-size:24px;
  line-height:1;
  color:#d8dddb;
}
.party-invite-slot .invite-copy{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
}
.party-invite-slot b{
  font-size:12px !important;
  line-height:1;
  color:#eef1ef;
}
.party-invite-slot small{
  font-size:9px !important;
  line-height:1;
  color:#7e8782;
  font-weight:850;
  letter-spacing:.05em;
}
.party-invite-slot.locked{
  opacity:.42;
  cursor:not-allowed;
}


/* =========================================================
   v0.48.6 — Summary right-card rank polish
   ========================================================= */
.summary-actions-card .summary-rank-card{
  padding-top:18px!important;
  align-items:center;
  text-align:center;
  gap:5px;
}
.summary-rank-card .eyebrow{
  margin-bottom:2px;
}
.summary-rank-card .summary-rank-name{
  font-size:12px;
  line-height:1;
  font-weight:950;
  letter-spacing:.05em;
  color:#f3f5f4;
}
.summary-actions-card .summary-rank-card strong{
  margin:4px 0 1px!important;
  font-size:34px!important;
  line-height:1;
}
.summary-rank-card small{
  font-size:10px!important;
  color:#9da6a1!important;
  font-weight:820;
  line-height:1.2;
}
.summary-rank-progress{
  width:100%;
  max-width:170px;
  height:7px;
  border-radius:999px;
  background:#202625;
  overflow:hidden;
  margin-top:7px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}
.summary-rank-progress span{
  display:block;
  height:100%;
  width:69%;
  border-radius:999px;
  background:linear-gradient(90deg,#f2a014,#ffbf53);
}
.summary-rank-card em{
  margin-top:2px;
  font-size:9px;
  line-height:1;
  font-style:normal;
  color:#6f7974;
  font-weight:800;
  letter-spacing:.04em;
}


/* =========================================================
   v0.48.7 — Lobby card cleanup
   ========================================================= */
.party-slot-copy b{
  font-size:13px !important;
  line-height:1.08 !important;
  font-weight:900 !important;
  font-family:inherit !important;
  letter-spacing:-0.01em !important;
  text-transform:none !important;
  color:#f2f4f3 !important;
}
.party-slot-copy small{
  font-size:10px !important;
  font-weight:800 !important;
  color:#d7ddda !important;
  letter-spacing:0 !important;
}
.party-card-footer{
  justify-content:space-between;
  gap:10px;
}
.party-card-state{
  width:16px;
  height:16px;
  display:inline-grid;
  place-items:center;
  flex:none;
}
.party-card-state i{
  width:8px;
  height:8px;
  border-radius:999px;
  background:#36e18d;
  box-shadow:0 0 0 2px rgba(54,225,141,.12);
  display:block;
}
.party-card-state.lobby i{background:#2fe48c;box-shadow:0 0 0 2px rgba(47,228,140,.12)}
.party-card-state.match i{background:#d93a41;box-shadow:0 0 0 2px rgba(217,58,65,.13)}
.party-card-state.offline i{background:#5b6460;box-shadow:none}
.party-card-presence{display:none !important}


/* =========================================================
   v0.48.8 — Lobby rank glow restore
   ========================================================= */
.party-card-footer .mini-rank{
  border-width:1px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);
}
.party-card-footer .mini-rank.master{
  border-color:#8c5d10;
  background:linear-gradient(180deg,#211707,#15100a);
  color:#ff6b74;
  box-shadow:0 0 12px rgba(217,58,65,.14), inset 0 0 0 1px rgba(255,196,92,.04);
}
.party-card-footer .mini-rank.diamond{
  border-color:#2f88a9;
  background:linear-gradient(180deg,#0d1920,#0b1217);
  color:#7ed7ff;
  box-shadow:0 0 12px rgba(56,175,255,.11), inset 0 0 0 1px rgba(126,215,255,.05);
}
.party-card-footer .mini-rank.elite{
  border-color:#7f67b2;
  background:linear-gradient(180deg,#181223,#120f1b);
  color:#e4d7ff;
  box-shadow:0 0 12px rgba(156,122,255,.12), inset 0 0 0 1px rgba(228,215,255,.04);
}
.party-card-footer .mini-rank.legend{
  border-color:#b07aff;
  background:linear-gradient(180deg,#22152f,#170f22);
  color:#f0e2ff;
  box-shadow:0 0 14px rgba(176,122,255,.15), inset 0 0 0 1px rgba(240,226,255,.05);
}
.party-card-footer .mini-rank.platinum{
  border-color:#4f93a6;
  background:linear-gradient(180deg,#111d21,#0d1417);
  color:#9fe8ff;
  box-shadow:0 0 12px rgba(90,208,255,.1), inset 0 0 0 1px rgba(159,232,255,.04);
}
.party-card-footer .mini-rank.gold{
  border-color:#987117;
  background:linear-gradient(180deg,#241b08,#171208);
  color:#ffc94f;
  box-shadow:0 0 12px rgba(255,194,67,.12), inset 0 0 0 1px rgba(255,207,90,.04);
}
.party-card-footer .mini-rank.silver{
  border-color:#6e7a84;
  background:linear-gradient(180deg,#14181b,#101214);
  color:#dbe6ed;
  box-shadow:0 0 10px rgba(182,201,214,.08), inset 0 0 0 1px rgba(219,230,237,.04);
}
.party-card-footer .mini-rank.bronze{
  border-color:#805437;
  background:linear-gradient(180deg,#1b120d,#130f0d);
  color:#dca07a;
  box-shadow:0 0 10px rgba(190,126,88,.08), inset 0 0 0 1px rgba(220,160,122,.04);
}


/* =========================================================
   v0.48.9 — Nick readability polish
   ========================================================= */
.summary-team-panel .summary-player{
  min-height:66px;
}
.summary-team-panel .summary-player>div{
  gap:11px;
}
.summary-team-panel .summary-player .avatar{
  width:34px;
  height:34px;
  font-size:10px;
}
.summary-player-meta{
  gap:5px;
}
.summary-player-meta b{
  font-size:11.5px !important;
  line-height:1.05;
  font-weight:900;
  color:#f3f5f4;
  letter-spacing:-0.01em;
}
.summary-player-meta small{
  align-items:center;
}
.summary-player-meta .mini-rank{
  transform:scale(1.02);
  transform-origin:left center;
}

.leaderboard-final .leader-row{
  min-height:64px;
}
.leaderboard-final .leader-user{
  gap:10px;
}
.leaderboard-final .leader-user .avatar{
  width:36px;
  height:36px;
  font-size:11px;
}
.leaderboard-final .leader-user b{
  font-size:12.5px;
  line-height:1.05;
  font-weight:900;
  color:#f3f5f4;
  letter-spacing:-0.01em;
}
.leaderboard-final .leader-user small{
  font-size:9px;
  margin-top:3px;
}


/* =========================================================
   v0.49.0 — Global readability pass (non-play pages too)
   ========================================================= */
/* generic section polish */
.secondary-shell .eyebrow{font-size:10px}
.secondary-shell .filter{font-size:9px}
.secondary-shell .wide-ghost{font-size:9px}
.secondary-shell .toolbar h2{font-size:20px}

/* ranking */
.ranking-season-wrap>span{font-size:8px}
.ranking-season-wrap select{font:850 11.5px/1 Geist,system-ui,sans-serif}
.ranking-result-line{font-size:9px}
.ranking-layout-final{grid-template-columns:300px minmax(0,1fr) 300px}
.self-rank-final{padding:20px}
.self-rank-final .self-rank-main img{width:94px;height:94px}
.self-rank-final .self-rank-main strong{font-size:34px}
.self-rank-peaks span{font-size:8.5px}
.self-rank-peaks b{font-size:15px}
.leaderboard-grid-final{grid-template-columns:46px minmax(190px,1fr) minmax(112px,128px) 72px 68px 88px 88px;gap:8px}
.leaderboard-final .table-head{font-size:9px}
.leaderboard-final .leader-row{min-height:68px;font-size:11px}
.leaderboard-final .leader-user{gap:10px}
.leaderboard-final .leader-user .avatar{width:38px;height:38px;font-size:11px}
.leaderboard-final .leader-user b{font-size:13.5px;line-height:1.05;font-weight:900}
.leaderboard-final .leader-user small{font-size:9.5px;margin-top:4px}
.leaderboard-final .rank-pill{font-size:10px}
.leaderboard-final .peak-elo,.leaderboard-final .current-elo{font-size:12px}
.season-card-final strong{font-size:42px}
.peak-card h3{font-size:18px}
.peak-card p{font-size:10px}

/* news + info */
.tile-image span{font-size:8px}
.news-tile time{font-size:8px}
.news-tile h3{font-size:17px}
.news-tile p{font-size:10px}
.info-step>span{font-size:10px}
.info-step h3{font-size:16px}
.info-step p{font-size:10px}
.muted-note{font-size:9px}
.rank-table b{font-size:12.5px}
.rank-table span{font-size:9px}
.faq-card summary{font-size:11px}
.faq-card p{font-size:10px;line-height:1.6}

/* profile */
.profile-meta-card{font-size:10px!important;padding:0 10px}
.profile-summary-head small{font-size:9px}
.profile-quick-stat span{font-size:8.5px}
.profile-quick-stat b{font-size:22px}
.profile-rank-progress-meta{font-size:8px}
.profile-rank-progress-meta b{font-size:8px}
.profile-rank-card>div>small{font-size:9.5px}
.profile-stats-row .metric strong{font-size:30px}
.profile-stats-row .metric small{font-size:9px}
.role-map p{font-size:9px}
.role-mini b{font-size:12px}
.role-mini small{font-size:8px}
.mini-match-list>div{font-size:10.5px}

/* settings */
.settings-save-state{font-size:9px}
.settings-tab>span{font-size:9px}
.settings-tab b{font-size:10.5px}
.settings-tab small{font-size:8.5px}
.settings-section-head h2{font-size:18px}
.steam-account-copy b{font-size:12.5px}
.steam-account-copy span{font-size:9px}
.steam-account-copy small{font-size:8.5px}
.settings-info-note{font-size:8.5px}
.settings-shell input,.settings-shell select,.settings-shell textarea{font-size:10px}
.settings-shell ::placeholder{font-size:10px}

/* teams */
.my-team-card h2{font-size:22px}
.team-tag{font-size:10px}
.mini-stats b{font-size:14px}
.mini-stats span{font-size:8px}
.team-quick-card h3{font-size:16px}
.team-quick-card p{font-size:10px}
.text-action{font-size:10px}
.roster-player h3{font-size:14px}
.roster-player p{font-size:9.5px}
.roster-player>div:last-child{font-size:9px}
.team-form-card h3{font-size:13px}
.tiny-team strong{font-size:11px}
.tiny-team small{font-size:8.5px}
.invite-card p{font-size:10px}

/* social / friends / notifications */
.request-copy b{font-size:13px}
.request-copy span{font-size:9.5px}
.request-copy small{font-size:8.5px}
.request-actions button{font-size:9px}
.request-empty{font-size:11px}

/* match details + summary readability */
.summary-rating span{font-size:8px}
.summary-player{font-size:10px}
.summary-player .avatar{width:32px;height:32px}
.summary-player>div>b{font-size:12px;line-height:1.05}
.summary-head{font-size:8px}
.detail-team-title>div span{font-size:8.5px}
.detail-team-title>div b{font-size:13px}
.detail-player-row{font-size:10.5px}
.detail-player-identity .avatar{width:36px;height:36px;font-size:10.5px}
.detail-player-identity b{font-size:12.5px}
.detail-player-identity small{font-size:9px}
.detail-highlight>span{font-size:8.5px}
.detail-highlight>small{font-size:9.5px}
.detail-demo-card p{font-size:10.5px}

/* responsive safety */
@media(max-width:1450px){
  .ranking-layout-final{grid-template-columns:270px minmax(0,1fr) 270px}
  .leaderboard-grid-final{grid-template-columns:40px minmax(165px,1fr) 106px 64px 60px 78px 80px;gap:6px}
}
@media(max-width:1180px){
  .ranking-layout-final{grid-template-columns:250px minmax(0,1fr)}
}
@media(max-width:900px){
  .leaderboard-grid-final{grid-template-columns:38px minmax(150px,1fr) 96px 54px 54px 70px 72px}
}


/* =========================================================
   v0.49.1 — Ranking refresh
   ========================================================= */
.ranking-hero-final{min-height:132px;align-items:center}
.ranking-hero-final h1{font-size:34px!important;margin-bottom:10px!important}
.ranking-hero-final p{font-size:13px!important;line-height:1.58;max-width:760px;color:#9ba49f}
.ranking-hero-controls{gap:12px}
.ranking-season-wrap{min-width:150px;height:46px;border-color:#343b38;background:linear-gradient(180deg,#0e1212,#0a0d0d)}
.ranking-season-wrap>span{font-size:8px;color:#808984;margin-bottom:3px}
.ranking-season-wrap select{font-size:11px}
.ranking-mode-tabs{height:46px}
.ranking-mode-tabs .seg{height:38px;min-width:60px;font-size:10px}

.ranking-layout-final{grid-template-columns:290px minmax(0,1fr) 280px}
.self-rank-final{padding:20px;border-color:#2c332f;background:linear-gradient(180deg,#101413,#0b0e0e)}
.self-rank-final .eyebrow{font-size:10px}
.self-rank-main{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;align-items:center;margin-top:10px}
.self-rank-main img{width:92px;height:92px}
.self-rank-main strong{font-size:34px;line-height:1}
.self-rank-main b{display:block;margin-top:6px;font-size:15px;line-height:1.1;font-weight:900}
.self-rank-main small{display:block;margin-top:6px;font-size:10.5px;color:#98a09b;font-weight:800}
.self-rank-peaks{gap:10px;margin-top:16px}
.self-rank-peaks>div{min-height:62px;padding:12px 12px}
.self-rank-peaks span{font-size:8.5px}
.self-rank-peaks b{font-size:18px}
.rank-delta{margin-top:16px;padding-top:12px;border-top:1px solid var(--line-soft)}
.rank-delta span{font-size:13px}
.rank-delta small{font-size:9.5px}
.rank-ladder-card .section-title-row b{font-size:10px}

.leaderboard-final{min-height:690px;border-color:#2b322f;background:linear-gradient(180deg,#0f1212,#090c0c)}
.ranking-toolbar{height:84px;padding:0 18px}
.ranking-toolbar .eyebrow{font-size:10px}
.ranking-toolbar h2{font-size:26px;margin-top:6px}
.ranking-filters{gap:10px}
.region-toggle .filter{height:34px;padding:0 13px;font-size:9px}
.ranking-search{width:205px;min-width:170px;height:34px}
.ranking-search input{font-size:10px}
.ranking-result-line{height:40px;padding:0 18px;font-size:10px;border-top:1px solid var(--line-soft);background:rgba(255,255,255,.01)}
.ranking-result-line span:first-child{color:#d5dcda;font-weight:900}
.ranking-result-line span:last-child{color:#adb5b1;font-weight:800}
.leaderboard-grid-final{grid-template-columns:48px minmax(260px,1.85fr) minmax(122px,136px) 82px 74px 96px;gap:10px}
.leaderboard-final .table-head{height:48px;padding:0 18px;font-size:10px;letter-spacing:.08em;color:#90b0d8;border-bottom:1px solid var(--line-soft)}
.leaderboard-final .leader-row{min-height:74px;padding:0 18px;font-size:12px;border-bottom:1px solid rgba(255,255,255,.045);font-variant-numeric:tabular-nums}
.leaderboard-final #leaderboardRows>.leader-row:nth-child(even){background:rgba(255,255,255,.012)}
.leaderboard-final .leader-row:hover{background:rgba(217,58,65,.05)}
.leaderboard-final .leader-row.me{background:linear-gradient(90deg,rgba(217,58,65,.14),rgba(217,58,65,.03))}
.leaderboard-final .leader-row.me:hover{background:linear-gradient(90deg,rgba(217,58,65,.17),rgba(217,58,65,.05))}
.leaderboard-final .position{font-size:13px;font-weight:900;color:#c3cbca}
.leaderboard-final .leader-user{gap:12px}
.leaderboard-final .leader-user .avatar{width:40px;height:40px;font-size:12px;border-radius:8px}
.leaderboard-final .leader-user b{font-size:15px;line-height:1.05;font-weight:900;letter-spacing:-.01em}
.leaderboard-final .leader-user small{font-size:10px;color:#8d9691;margin-top:4px;font-weight:700}
.leaderboard-final .rank-pill{height:28px;padding:0 12px;font-size:10px;font-weight:900;border-width:1px;justify-self:start}
.leaderboard-final .rank-dot{width:8px;height:8px;box-shadow:0 0 10px currentColor}
.leaderboard-final .leader-matches,.leaderboard-final .leader-win{font-size:12.5px;font-weight:850;color:#d8dfdc}
.leaderboard-final .current-elo{font-size:13.5px;font-weight:950;text-align:right;color:#fff}
.leaderboard-final .leader-row.me .current-elo{color:var(--orange)}
.leaderboard-empty{height:180px;font-size:12px}

.season-card-final{min-height:200px;padding:18px}
.season-card-final .eyebrow{font-size:10px}
.season-card-final strong{font-size:44px}
.season-card-final p{font-size:12px}
.season-card-final small{font-size:10px}
.peak-card{padding:18px;gap:14px}
.peak-icon{width:46px;height:46px;font-size:17px}
.peak-card .eyebrow{font-size:10px}
.peak-card h3{font-size:22px;margin:4px 0 3px;color:#f5f7f6}
.peak-card p{font-size:10.5px;line-height:1.45}
.pulse-card h3{font-size:18px}
.pulse-card p{font-size:10px}

@media(max-width:1450px){
  .ranking-layout-final{grid-template-columns:270px minmax(0,1fr) 255px}
  .leaderboard-grid-final{grid-template-columns:42px minmax(210px,1fr) 114px 72px 66px 88px;gap:8px}
  .leaderboard-final .leader-row,.leaderboard-final .table-head{padding-left:15px;padding-right:15px}
}
@media(max-width:1180px){
  .ranking-layout-final{grid-template-columns:255px minmax(0,1fr)}
  .leaderboard-grid-final{grid-template-columns:40px minmax(195px,1fr) 108px 70px 64px 84px}
}
@media(max-width:900px){
  .ranking-layout-final>.secondary-left{grid-template-columns:1fr 1fr}
  .leaderboard-grid-final{grid-template-columns:38px minmax(170px,1fr) 102px 64px 60px 78px}
  .leaderboard-final .leader-user b{font-size:14px}
}
@media(max-width:720px){
  .ranking-layout-final>.secondary-left{grid-template-columns:1fr}
  .ranking-toolbar h2{font-size:22px}
  .ranking-filters{align-items:flex-end;flex-direction:column}
  .leaderboard-grid-final{grid-template-columns:34px minmax(140px,1fr) 90px 60px 74px}
  .leaderboard-grid-final>*:nth-child(4){display:none}
  .leaderboard-final .table-head,.leaderboard-final .leader-row{padding-left:12px;padding-right:12px}
}


/* =========================================================
   v0.49.2 — profile beta badge icon bigger
   ========================================================= */
.achievement-badge.beta{
  min-width:182px;
  height:56px;
  grid-template-columns:40px minmax(0,1fr);
  gap:10px;
  padding:0 12px;
}
.achievement-badge.beta .achievement-icon{
  width:36px;
  height:36px;
  border-radius:8px;
  font-size:22px;
  font-weight:950;
  box-shadow:0 0 14px rgba(217,58,65,.09);
}
.achievement-badge.beta b{
  font-size:10px;
  letter-spacing:.07em;
}


/* =========================================================
   v0.49.3 — profile beta tooltip + server ready roster cleanup
   ========================================================= */
.achievement-badge.beta .achievement-icon{
  position:relative;
  cursor:default;
}
.achievement-badge.beta .achievement-icon::after{
  content:attr(data-tooltip);
  position:absolute;
  left:50%;
  bottom:calc(100% + 10px);
  transform:translateX(-50%) translateY(4px);
  height:26px;
  padding:0 10px;
  border:1px solid #5a4317;
  border-radius:6px;
  background:linear-gradient(180deg,#17130b,#0d0f0f);
  color:#f3d18a;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  white-space:nowrap;
  display:flex;
  align-items:center;
  opacity:0;
  pointer-events:none;
  box-shadow:0 8px 24px rgba(0,0,0,.35);
  transition:opacity .16s ease, transform .16s ease;
  z-index:12;
}
.achievement-badge.beta .achievement-icon::before{
  content:'';
  position:absolute;
  left:50%;
  bottom:calc(100% + 4px);
  transform:translateX(-50%) translateY(4px);
  border:6px solid transparent;
  border-top-color:#17130b;
  opacity:0;
  transition:opacity .16s ease, transform .16s ease;
  pointer-events:none;
  z-index:11;
}
.achievement-badge.beta .achievement-icon:hover::after,
.achievement-badge.beta .achievement-icon:hover::before{
  opacity:1;
  transform:translateX(-50%) translateY(0);
}

.room-team-card{min-height:262px}
.room-roster{height:192px}
.room-roster>div{
  padding:18px 10px 14px;
  justify-content:flex-start;
  gap:10px;
}
.room-roster .avatar{
  width:52px;
  height:52px;
  margin-bottom:0;
  font-size:16px;
  border-radius:10px;
}
.room-roster b{
  font-size:15px;
  line-height:1.05;
  font-weight:900;
  letter-spacing:-.01em;
  color:#f0f2f1;
}
.room-roster small{
  display:none;
}
.room-roster .mini-rank{
  margin-top:2px;
  transform:scale(1.04);
  transform-origin:center;
}
@media(max-width:1380px){
  .room-roster .avatar{width:48px;height:48px;font-size:15px}
  .room-roster b{font-size:13px}
}


/* =========================================================
   v0.49.4 — Match room polish
   ========================================================= */
.achievement-badge.beta{position:relative;cursor:default}
.achievement-badge.beta::after{
  content:attr(data-tooltip);
  position:absolute;
  left:18px;
  top:calc(100% + 10px);
  height:26px;
  padding:0 10px;
  border:1px solid #5a4317;
  border-radius:6px;
  background:linear-gradient(180deg,#17130b,#0d0f0f);
  color:#f3d18a;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  white-space:nowrap;
  display:flex;
  align-items:center;
  opacity:0;
  pointer-events:none;
  box-shadow:0 8px 24px rgba(0,0,0,.35);
  transition:opacity .16s ease, transform .16s ease;
  transform:translateY(4px);
  z-index:20;
}
.achievement-badge.beta::before{
  content:'';
  position:absolute;
  left:30px;
  top:calc(100% + 4px);
  border:6px solid transparent;
  border-bottom:none;
  border-top-color:#17130b;
  opacity:0;
  transition:opacity .16s ease, transform .16s ease;
  transform:translateY(4px);
  pointer-events:none;
  z-index:19;
}
.achievement-badge.beta:hover::after,.achievement-badge.beta:hover::before{opacity:1;transform:translateY(0)}

.room-map-card{height:342px}
.room-server-status{height:62px;padding:0 15px;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.22)}
.room-server-status b{font-size:14px;letter-spacing:.01em}
.room-server-status small{font-size:10px}
.room-details-card{height:342px}
.room-detail-grid>div{height:84px;padding:16px 15px;background:linear-gradient(180deg,#0d1111,#0a0d0d)}
.room-detail-grid span{font-size:9px;color:#7f8a84}
.room-detail-grid b{font-size:14px;line-height:1.1;color:#f3f5f4}
.room-detail-grid small{font-size:9px;color:#7d8782}
.room-actions{height:68px;padding:12px 12px 10px;gap:10px}
.connect-btn,.room-actions .wide-ghost{height:46px;font-size:11px}
.connect-line{height:48px;padding:0 14px}
.connect-line code{font-size:10px;letter-spacing:.18em}
.connect-line span{font-size:9px}

.room-team-card{min-height:274px;background:linear-gradient(180deg,#0e1111,#0a0d0d)}
.room-team-card .team-list-head{height:46px;padding:0 14px;border-bottom:1px solid var(--line-soft)}
.room-team-card .team-list-head .eyebrow{font-size:10px;color:#8cabd5}
.room-team-card .team-list-head b{font-size:13px;color:#d7dddb}
.room-roster-rich{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:14px}
.room-roster-rich>div{
  min-height:164px;
  border:1px solid #2a302e;
  border-radius:10px;
  background:linear-gradient(180deg,#0c1010,#0a0d0d);
  padding:18px 12px 14px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  transition:border-color .16s ease, transform .16s ease, background .16s ease;
}
.room-roster-rich>div:hover{
  border-color:#3e4743;
  background:linear-gradient(180deg,#101414,#0b0f0f);
  transform:translateY(-1px);
}
.room-roster-rich .avatar{
  width:60px;
  height:60px;
  font-size:18px;
  border-radius:12px;
  box-shadow:0 8px 22px rgba(0,0,0,.22);
}
.room-roster-rich>div>div{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:0;
  gap:0;
}
.room-roster-rich>div>div b{
  font-size:16px;
  line-height:1.06;
  font-weight:900;
  color:#f3f5f4;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:100%;
  letter-spacing:-.01em;
}
.room-roster-rich>div>div small{display:none!important}
.room-roster-rich>div .mini-rank{
  min-width:0;
  height:22px;
  padding:0 10px;
  font-size:7.5px;
  letter-spacing:.07em;
  justify-self:center;
}
.room-demo-bar{min-height:88px;padding:15px 18px}
.room-demo-bar>div>b{font-size:15px}
.room-demo-bar>div>small{font-size:10px;line-height:1.45}

@media(max-width:1480px){
  .room-roster-rich>div{min-height:154px;padding:16px 10px 13px}
  .room-roster-rich .avatar{width:56px;height:56px;font-size:17px}
  .room-roster-rich>div>div b{font-size:15px}
}
@media(max-width:1280px){
  .room-roster-rich{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:920px){
  .room-roster-rich{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .room-roster-rich{grid-template-columns:1fr}
}


/* =========================================================
   v0.49.5 — Profile polish
   ========================================================= */
.profile-hero{
  min-height:272px;
  padding:28px 28px;
  grid-template-columns:minmax(500px,1.22fr) minmax(320px,.82fr) minmax(320px,.76fr);
  gap:24px;
  border-color:#2b322f;
  box-shadow:0 18px 48px rgba(0,0,0,.14);
}
.profile-hero-identity{
  grid-template-columns:126px minmax(0,1fr);
  gap:24px;
  align-items:start;
}
.profile-avatar-large{
  width:118px!important;
  height:118px!important;
  border-radius:14px!important;
  font-size:40px!important;
  margin-top:18px;
  box-shadow:0 14px 40px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.05) inset;
}
.online-label{
  font-size:9px;
  letter-spacing:.08em;
  display:inline-block;
  margin-top:2px;
}
.profile-identity-copy h1{
  font-size:38px!important;
  margin:10px 0 10px!important;
}
.profile-meta-card{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px!important;
  border:1px solid #2d3331;
  border-radius:8px;
  background:linear-gradient(180deg,#101413,#0c0f0f);
  font-size:11px!important;
  color:#bcc4c0!important;
  margin-top:2px!important;
}
.profile-badges{
  gap:8px;
  margin-top:14px;
}
.profile-badges span{
  height:30px!important;
  padding:0 12px!important;
  border-radius:7px!important;
  font-size:9px!important;
  letter-spacing:.04em;
  color:#d9dfdd;
  background:linear-gradient(180deg,#121615,#0d1010);
}
.profile-achievements{
  gap:8px;
  margin-top:16px!important;
}
.achievement-badge{
  min-width:196px!important;
  height:58px!important;
  border-radius:10px!important;
  padding:0 14px!important;
  border-color:#6a4611!important;
  background:linear-gradient(180deg,rgba(30,22,8,.92),rgba(13,16,16,.94))!important;
  box-shadow:0 10px 26px rgba(0,0,0,.18);
}
.achievement-badge .achievement-icon{
  width:38px!important;
  height:38px!important;
  border-radius:9px!important;
  font-size:23px!important;
}
.achievement-badge b{
  font-size:10px!important;
  letter-spacing:.08em;
}
.achievement-badge small{
  font-size:9px!important;
  color:#8d958f!important;
}
.achievement-slot{
  width:58px!important;
  min-width:58px!important;
  height:58px!important;
  border-radius:10px!important;
  border-color:#29302d!important;
  background:linear-gradient(180deg,#0d1010,#090c0c)!important;
}
.achievement-slot span{
  font-size:20px!important;
  color:#717976!important;
}
.achievement-slot small{
  font-size:7px!important;
  color:#66706c!important;
}
.profile-actions{
  margin-top:16px!important;
}
.profile-actions .primary-action{
  height:40px;
  padding:0 18px;
  font-size:10px;
}

.profile-hero-summary{
  padding:10px 22px;
}
.profile-summary-head{
  margin-bottom:14px;
}
.profile-summary-head small{
  font-size:9px;
}
.profile-quick-grid{
  gap:10px;
}
.profile-quick-stat{
  height:78px;
  padding:13px 14px;
  border-radius:8px;
}
.profile-quick-stat span{
  font-size:8.5px;
}
.profile-quick-stat b{
  font-size:24px;
  margin-top:7px;
}

.profile-rank-card{
  padding:18px 18px!important;
  border-radius:10px;
  gap:20px!important;
}
.profile-rank-card img{
  width:118px!important;
  height:118px!important;
}
.profile-rank-card .eyebrow{
  font-size:10px;
}
.profile-rank-card h2{
  font-size:24px!important;
  margin:8px 0 4px!important;
}
.profile-rank-card strong{
  font-size:17px!important;
}
.profile-rank-progress{
  margin-top:14px;
}
.profile-rank-progress-bar{
  height:6px;
}
.profile-rank-card>div>small{
  font-size:10px!important;
  margin-top:10px!important;
}

.profile-stats-row{
  gap:14px;
}
.profile-stats-row .metric{
  height:112px;
  padding:17px 18px;
}
.profile-stats-row .metric .eyebrow{
  font-size:9px;
}
.profile-stats-row .metric strong{
  font-size:32px;
  margin:7px 0 3px;
}
.profile-stats-row .metric small{
  font-size:9px;
}

.elo-chart-card{
  min-height:318px;
}
.elo-chart-card .toolbar h2,
.profile-history-wide .toolbar h2{
  font-size:20px;
}
.gain-pill{
  font-size:9px;
  padding:7px 10px;
}
.elo-chart{
  height:240px;
}
.chart-min,.chart-max{
  font-size:9px;
}
.role-card{
  min-height:318px;
  padding:18px;
}
.role-card .eyebrow{
  font-size:10px;
}
.role-map{
  height:166px;
  border-radius:8px;
}
.role-map h3{
  font-size:19px;
}
.role-map p{
  font-size:10px;
}
.role-mini{
  margin-top:15px;
}
.role-mini b{
  font-size:13px;
}
.role-mini small{
  font-size:8px;
}

.profile-history-wide{
  min-height:280px;
}
.profile-history-wide .toolbar .filter{
  font-size:9px;
  height:34px;
}
.mini-match-list>div{
  height:52px;
  grid-template-columns:30px 1fr 82px 78px 68px;
  gap:12px;
  padding:0 18px;
  font-size:11px;
}
.mini-match-list>div strong,
.mini-match-list>div b{
  font-size:11px;
}
.mini-match-list>div small{
  font-size:9px;
}

@media(max-width:1380px){
  .profile-hero{
    grid-template-columns:minmax(430px,1fr) minmax(280px,.76fr) minmax(290px,.72fr);
    padding-left:22px;
    padding-right:22px;
  }
  .profile-avatar-large{width:104px!important;height:104px!important;font-size:35px!important}
  .profile-hero-identity{grid-template-columns:112px minmax(0,1fr)}
  .profile-identity-copy h1{font-size:34px!important}
}
@media(max-width:1120px){
  .profile-hero{grid-template-columns:minmax(0,1fr) minmax(300px,.68fr)}
  .profile-hero-summary{grid-column:1/-1;padding-top:16px}
  .profile-quick-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:760px){
  .profile-hero{grid-template-columns:1fr;padding:20px 18px}
  .profile-hero-identity{grid-template-columns:88px minmax(0,1fr);gap:16px}
  .profile-avatar-large{width:84px!important;height:84px!important;font-size:29px!important}
  .profile-identity-copy h1{font-size:30px!important}
  .profile-quick-grid{grid-template-columns:1fr 1fr}
  .achievement-badge{min-width:172px!important}
  .mini-match-list>div{grid-template-columns:26px 1fr 70px 64px 60px;padding:0 12px;font-size:10px}
}


/* =========================================================
   v0.49.6 — Teams roster cards without stats, rank only
   ========================================================= */
.roster-grid{
  gap:12px;
  padding:16px;
}
.roster-player{
  height:238px;
  border-radius:10px;
  border-color:#2c322f;
  background:linear-gradient(180deg,#0e1111,#0a0d0d);
  padding:16px 14px;
  justify-content:flex-start;
  gap:10px;
}
.roster-player.captain{
  border-color:#6c470f;
  background:linear-gradient(155deg,#1b1408,#0b0e0e 52%);
}
.role{
  left:12px;
  top:12px;
  font-size:8px;
}
.big-avatar{
  width:68px!important;
  height:68px!important;
  font-size:23px!important;
  margin:28px 0 6px!important;
  border-radius:12px!important;
  box-shadow:0 10px 26px rgba(0,0,0,.22);
}
.roster-player h3{
  font-size:16px;
  line-height:1.05;
  margin:0;
  font-weight:900;
  letter-spacing:-.01em;
  color:#f2f4f3;
}
.roster-meta.rank-only{
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:6px;
}
.roster-meta.rank-only .mini-rank{
  height:24px;
  padding:0 12px;
  font-size:8px;
  letter-spacing:.08em;
  box-shadow:0 0 12px rgba(0,0,0,.16);
}
.roster-player .roster-elo,
.roster-player .roster-metrics{
  display:none!important;
}
.empty-roster{
  justify-content:center;
}
.empty-roster h3{
  font-size:15px;
}
.empty-roster p{
  font-size:9px;
}
@media(max-width:1380px){
  .roster-player{height:226px}
  .big-avatar{width:62px!important;height:62px!important;font-size:21px!important}
  .roster-player h3{font-size:15px}
}


/* =========================================================
   v0.49.7 — Match room roster bugfix
   ========================================================= */
.room-team-card{
  min-height:248px!important;
  overflow:hidden;
}
.room-team-card .team-list-head{
  height:48px!important;
  padding:0 14px!important;
}
.room-team-card .team-list-head .eyebrow{
  font-size:10px!important;
}
.room-team-card .team-list-head b{
  font-size:14px!important;
}
.room-roster-rich{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
  padding:12px 12px 14px!important;
  align-items:stretch!important;
}
.room-roster-rich>div{
  min-height:142px!important;
  height:142px!important;
  padding:14px 10px 12px!important;
  border-radius:10px!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
}
.room-roster-rich .avatar{
  width:56px!important;
  height:56px!important;
  font-size:17px!important;
  margin:0!important;
}
.room-roster-rich>div>div{
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
}
.room-roster-rich>div>div b{
  font-size:15px!important;
  line-height:1.08!important;
  text-align:center!important;
}
.room-roster-rich>div .mini-rank{
  height:22px!important;
  padding:0 10px!important;
  font-size:7.5px!important;
  margin-top:2px!important;
}
@media(max-width:1480px){
  .room-team-card{min-height:236px!important}
  .room-roster-rich>div{min-height:134px!important;height:134px!important}
  .room-roster-rich .avatar{width:52px!important;height:52px!important;font-size:16px!important}
  .room-roster-rich>div>div b{font-size:14px!important}
}
@media(max-width:1280px){
  .room-roster-rich{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:920px){
  .room-roster-rich{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .room-roster-rich{grid-template-columns:1fr!important}
}


/* v0.49.8 */
.muted-text{color:#c7d0cc!important}


/* =========================================================
   v0.49.9 — Lobby cards: rank under nick, no ELO
   ========================================================= */
.slot.party-member{
  padding:14px 12px!important;
  justify-content:space-between!important;
}
.party-card-main{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  width:100%;
  min-width:0;
}
.slot.party-member .avatar{
  width:48px;
  height:48px;
  font-size:17px;
  margin-bottom:10px;
}
.party-slot-copy.rank-under-name{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  width:100%;
}
.party-slot-copy.rank-under-name b{
  font-size:12px!important;
  line-height:1.05;
  letter-spacing:-.01em;
  color:#f3f5f4;
}
.party-slot-copy.rank-under-name small{display:none!important}
.party-slot-copy.rank-under-name .mini-rank{
  min-width:72px;
  height:22px;
  padding:0 10px;
  font-size:7px!important;
  justify-content:center;
  box-shadow:0 0 14px rgba(0,0,0,.14);
}
.party-card-footer.compact-footer{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  padding-top:8px;
  border-top:1px solid #202624;
}
.party-card-footer.compact-footer .mini-rank{display:none!important}
.party-card-state{
  width:10px;
  height:10px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.party-card-state i{
  width:8px;
  height:8px;
  border-radius:50%;
  display:block;
  background:#35df7d;
  box-shadow:0 0 0 1px #10261a;
}
.party-card-state.offline i{background:#67706c;box-shadow:0 0 0 1px #1b2220}
.party-card-state.match i{background:#eb5555;box-shadow:0 0 0 1px #2b1111}
.party-card-state.lobby i{background:#ff616b;box-shadow:0 0 0 1px #2a2111}
.party-card-state.online i{background:#35df7d;box-shadow:0 0 0 1px #10261a}


/* =========================================================
   v0.50.1 — Find match button cleanup
   ========================================================= */
.find-match.find-match-simple{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  text-align:center;
}
.find-match.find-match-simple>b{
  font-size:16px;
  line-height:1;
  font-weight:950;
  letter-spacing:.015em;
}
.find-match.find-match-simple .play-triangle{
  margin:0;
  transform:translateY(-1px);
}


/* =========================================================
   v0.50.2 — Lobby cards polish fix
   ========================================================= */
.slot.party-member{
  padding:14px 12px 12px!important;
  align-items:stretch!important;
  justify-content:space-between!important;
}
.party-card-main{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  text-align:center!important;
}
.slot.party-member .avatar{
  width:50px!important;
  height:50px!important;
  font-size:18px!important;
  margin:6px auto 10px!important;
}
.party-slot-copy.rank-under-name{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  gap:7px!important;
}
.party-slot-copy.rank-under-name b{
  width:100%;
  text-align:center!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
  line-height:1.05!important;
}
.party-slot-copy.rank-under-name .mini-rank{
  min-width:76px!important;
  height:22px!important;
  margin:0 auto!important;
  padding:0 11px!important;
  font-size:7.2px!important;
}
.party-card-footer.compact-footer{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  padding-top:8px!important;
  border-top:1px solid #1e2422!important;
}
.party-leader-tag{
  top:10px!important;
  left:10px!important;
}


/* =========================================================
   v0.50.3 — Lobby rank colors + no crossing line
   ========================================================= */
.party-slot-copy.rank-under-name .mini-rank{
  border-width:1px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)!important;
}
.party-slot-copy.rank-under-name .mini-rank.master{
  border-color:#8c5d10!important;
  background:linear-gradient(180deg,#211707,#15100a)!important;
  color:#ff6b74!important;
  box-shadow:0 0 12px rgba(217,58,65,.14), inset 0 0 0 1px rgba(255,196,92,.04)!important;
}
.party-slot-copy.rank-under-name .mini-rank.diamond{
  border-color:#2f88a9!important;
  background:linear-gradient(180deg,#0d1920,#0b1217)!important;
  color:#7ed7ff!important;
  box-shadow:0 0 12px rgba(56,175,255,.11), inset 0 0 0 1px rgba(126,215,255,.05)!important;
}
.party-slot-copy.rank-under-name .mini-rank.elite{
  border-color:#7f67b2!important;
  background:linear-gradient(180deg,#181223,#120f1b)!important;
  color:#e4d7ff!important;
  box-shadow:0 0 12px rgba(156,122,255,.12), inset 0 0 0 1px rgba(228,215,255,.04)!important;
}
.party-slot-copy.rank-under-name .mini-rank.legend{
  border-color:#b07aff!important;
  background:linear-gradient(180deg,#22152f,#170f22)!important;
  color:#f0e2ff!important;
  box-shadow:0 0 14px rgba(176,122,255,.15), inset 0 0 0 1px rgba(240,226,255,.05)!important;
}
.party-slot-copy.rank-under-name .mini-rank.platinum{
  border-color:#2f8f8d!important;
  background:linear-gradient(180deg,#0d1a1a,#091212)!important;
  color:#7dd6d3!important;
  box-shadow:0 0 12px rgba(84,167,166,.11), inset 0 0 0 1px rgba(125,214,211,.05)!important;
}
.party-slot-copy.rank-under-name .mini-rank.gold{
  border-color:#956f17!important;
  background:linear-gradient(180deg,#21190a,#161007)!important;
  color:#f1bd49!important;
  box-shadow:0 0 12px rgba(201,154,49,.11), inset 0 0 0 1px rgba(241,189,73,.05)!important;
}
.party-slot-copy.rank-under-name .mini-rank.silver{
  border-color:#768086!important;
  background:linear-gradient(180deg,#14181a,#0f1214)!important;
  color:#d9e0e4!important;
  box-shadow:0 0 12px rgba(156,164,168,.11), inset 0 0 0 1px rgba(217,224,228,.05)!important;
}
.party-slot-copy.rank-under-name .mini-rank.bronze{
  border-color:#7b583f!important;
  background:linear-gradient(180deg,#1b1410,#140f0c)!important;
  color:#d5a684!important;
  box-shadow:0 0 12px rgba(143,104,74,.10), inset 0 0 0 1px rgba(213,166,132,.04)!important;
}
.party-card-footer.compact-footer{
  border-top:none!important;
  padding-top:0!important;
  margin-top:auto!important;
  min-height:12px!important;
}


/* =========================================================
   v0.50.4 — Match Room cleanup
   ========================================================= */
.room-details-card{
  height:auto!important;
  min-height:294px;
}
.room-actions{
  border-bottom:0!important;
}
.connect-line.server-secret-line{
  display:none!important;
}
.room-roster-rich>div{
  min-height:138px!important;
  height:138px!important;
  padding:14px 10px 12px!important;
  gap:9px!important;
}
.room-player-avatar{
  width:52px;
  height:52px;
  display:block;
  object-fit:cover;
  border-radius:10px;
  border:1px solid #3a423e;
  background:#111514;
  box-shadow:0 8px 22px rgba(0,0,0,.22);
  flex:none;
}
.room-roster-rich>div>div b{
  font-size:14px!important;
  line-height:1.05!important;
}
.room-roster-rich>div .mini-rank{
  height:21px!important;
  padding:0 9px!important;
  font-size:7.2px!important;
}
@media(max-width:1480px){
  .room-player-avatar{width:48px;height:48px}
  .room-roster-rich>div{min-height:132px!important;height:132px!important}
}


/* =========================================================
   v0.50.5 — Match room roster polish
   ========================================================= */
.room-roster-rich{
  align-items:stretch!important;
}
.room-roster-rich>div{
  min-height:126px!important;
  height:126px!important;
  padding:16px 8px 12px!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:10px!important;
}
.room-player-avatar{
  width:60px!important;
  height:60px!important;
  border-radius:12px!important;
  border:1px solid #414b46!important;
  box-shadow:0 10px 24px rgba(0,0,0,.24)!important;
}
.room-player-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  min-height:auto!important;
}
.room-player-copy b{
  font-size:15px!important;
  line-height:1.05!important;
  text-align:center!important;
  letter-spacing:-.01em!important;
}
.room-roster-rich>div .mini-rank{
  margin-top:2px!important;
  height:22px!important;
  padding:0 10px!important;
  font-size:7.5px!important;
}
@media(max-width:1480px){
  .room-roster-rich>div{min-height:122px!important;height:122px!important}
  .room-player-avatar{width:56px!important;height:56px!important}
  .room-player-copy b{font-size:14px!important}
}

/* =========================================================
   v0.50.7 — Profile global/country ranking quick stats
   ========================================================= */
.profile-hero-stats small,
.profile-quick-grid small,
.profile-quick-card small{
  display:block;
  margin-top:5px;
  font-size:8px;
  color:#707a75;
  font-weight:750;
}


/* =========================================================
   v0.50.8 — Mode visibility hard fix
   ========================================================= */
.mode-hidden{display:none!important}
.ready-player.mode-hidden,
.veto-map.mode-hidden,
.team-chat-card.mode-hidden{display:none!important}
#readyGrid[data-mode="2v2"]{grid-template-columns:repeat(4,minmax(0,1fr))!important}
#readyGrid[data-mode="1v1"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#vetoMaps[data-mode="2v2"]{grid-template-columns:repeat(5,minmax(0,1fr))!important}
#vetoMaps[data-mode="1v1"]{grid-template-columns:repeat(5,minmax(0,1fr))!important}
body[data-match-mode="2v2"] .veto-side .compact-team-card{min-height:174px!important}
body[data-match-mode="1v1"] .veto-side .compact-team-card{min-height:120px!important}


/* =========================================================
   v0.51.2 — Wider, clearer top navigation
   ========================================================= */
.topbar{
  grid-template-columns:190px minmax(0,1fr) auto!important;
  padding:0 20px!important;
}
.main-nav{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(8,minmax(86px,1fr))!important;
  align-items:stretch!important;
  gap:0!important;
  max-width:none!important;
}
.nav-link{
  min-width:0!important;
  padding:0 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:14px!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
}
.nav-link.active:after{
  left:14px!important;
  right:14px!important;
  height:3px!important;
}
@media(max-width:1450px){
  .topbar{grid-template-columns:175px minmax(0,1fr) auto!important;padding:0 16px!important}
  .main-nav{grid-template-columns:repeat(8,minmax(72px,1fr))!important}
  .nav-link{padding:0 10px!important;font-size:13px!important}
}


/* =========================================================
   v0.51.4 — Complete crimson UI pass
   Base/layout/logic remain exactly from v0.51.3.
   ========================================================= */
:root{
  --orange:#d93a41;
  --orange2:#ff5d68;
  --orange-dim:#561116;
}

/* Primary interaction surfaces */
.find-match,
.find-match.searching,
.primary-action,
.mini-primary,
.mode-tabs button.active,
.seg.active{
  background:linear-gradient(135deg,#ed5059,#bd252d)!important;
  border-color:#7e2026!important;
  color:#fff!important;
  box-shadow:0 0 0 1px rgba(255,126,134,.10) inset,0 7px 22px rgba(151,25,33,.16)!important;
}
.find-match:hover,
.primary-action:hover,
.mini-primary:hover,
.mode-tabs button.active:hover,
.seg.active:hover{
  background:linear-gradient(135deg,#f45b64,#c92b33)!important;
}

/* Small brand UI chips / active controls */
.counter,
.news-meta b,
.orange-chip,
.live-chip.orange-chip,
.map.selected i,
.onboarding-steps b,
.landing-tournament-card>div:first-child>span{
  background:#d93a41!important;
  border-color:#7e2026!important;
  color:#fff!important;
}

.filter.active,
.status-chip.open,
.party-card-role.leader-role,
.party-leader-tag,
.leader-tag{
  border-color:#7e2026!important;
  color:#ff6972!important;
}
.filter.active{
  background:#1c0c0e!important;
}

/* Lobby / selectable surfaces */
.slot.party-member.leader,
.slot.leader{
  border-color:#6f2429!important;
  background:linear-gradient(145deg,#190d0f,#0a0d0d 48%)!important;
}
.party-invite-slot:hover,
.invite:hover{
  border-color:#6f2429!important;
  background:linear-gradient(160deg,#160d0f,#0a0d0d)!important;
}
.map.selected{
  border-color:#d93a41!important;
  box-shadow:0 0 0 1px rgba(217,58,65,.17) inset!important;
}

/* Match flow brand accents (not rank colors / win-loss colors) */
.accept-card{
  border-color:#582226!important;
}
.veto-map:not(.banned):hover{
  border-color:#76252b!important;
}
.veto-map.final{
  border-color:#a12e35!important;
  box-shadow:0 0 0 1px rgba(217,58,65,.18) inset!important;
}
.veto-map.final:before,
.veto-footer>b,
.veto-pips i.done,
.summary-team-panel.winner .summary-team-title>strong,
.summary-team-panel.winner .summary-team-title>div>b,
.result-score-main div:first-child strong,
.summary-rating b{
  color:#ff6972!important;
}
.veto-pips i.done{
  background:#d93a41!important;
}

/* Active nav remains the v0.51.3 wide layout; only brand color changes. */
.nav-link.active:after{
  background:#d93a41!important;
  box-shadow:0 0 12px rgba(217,58,65,.24)!important;
}

/* Focus / form accents */
.account-form input:focus,
.party-chat-mini input:focus,
.search-box:focus-within{
  border-color:#7e2026!important;
}
.account-check input{
  accent-color:#d93a41!important;
}


/* =========================================================
   v0.51.5 — Profile visual polish (no external stats yet)
   ========================================================= */
.page-view[data-page="profile"] .secondary-shell{
  max-width:1580px;
  padding-top:20px;
}
.page-view[data-page="profile"] .profile-hero{
  min-height:300px!important;
  display:grid!important;
  grid-template-columns:minmax(470px,1.08fr) minmax(360px,.78fr) minmax(330px,.72fr)!important;
  align-items:stretch!important;
  gap:0!important;
  padding:26px 28px!important;
  background:
    radial-gradient(circle at 12% 20%,rgba(217,58,65,.075),transparent 29%),
    linear-gradient(145deg,#0f1312,#090c0c 72%)!important;
  border-color:#29302e!important;
  box-shadow:0 20px 60px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.018)!important;
}
.profile-hero-identity{
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  align-items:center!important;
  gap:24px!important;
  padding-right:28px!important;
  border-right:1px solid #202725!important;
}
.profile-avatar-large{
  width:108px!important;
  height:108px!important;
  border-radius:16px!important;
  font-size:36px!important;
  box-shadow:0 18px 42px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.04) inset!important;
}
.profile-avatar-large.orange{
  background:linear-gradient(145deg,#ef4b56,#b92431)!important;
  color:#fff!important;
}
.profile-identity-copy{min-width:0!important}
.profile-identity-copy .online-label{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  background:rgba(54,229,139,.075)!important;
  font-size:8px!important;
  letter-spacing:.08em!important;
}
.profile-identity-copy h1{
  margin:8px 0 12px!important;
  font-size:34px!important;
  letter-spacing:-.035em!important;
}
.profile-meta-card{
  display:inline-flex!important;
  align-items:center!important;
  min-height:34px!important;
  margin:0!important;
  padding:0 11px!important;
  border:1px solid #303735!important;
  border-radius:7px!important;
  background:#0c100f!important;
  color:#aeb6b2!important;
  font-size:9px!important;
}
.profile-badges{margin-top:12px!important;gap:7px!important;flex-wrap:wrap!important}
.profile-badges span{
  height:27px!important;
  padding:0 10px!important;
  border-color:#303735!important;
  background:#0c100f!important;
  color:#d5dad7!important;
  font-size:7.5px!important;
}
.profile-achievements{
  margin-top:14px!important;
  gap:7px!important;
}
.profile-achievements .achievement-badge,
.profile-achievements .achievement-slot{
  min-height:49px!important;
  border-radius:7px!important;
}
.profile-achievements .achievement-badge.beta{
  border-color:rgba(217,58,65,.48)!important;
  background:linear-gradient(135deg,rgba(217,58,65,.14),rgba(11,14,14,.94))!important;
}
.profile-achievements .achievement-icon{
  background:rgba(217,58,65,.14)!important;
  border-color:rgba(255,93,104,.38)!important;
  color:#ff6671!important;
}
.profile-actions{margin-top:14px!important}
.profile-actions .small-primary{
  min-width:150px!important;
  height:38px!important;
  background:linear-gradient(135deg,#ef4b56,#c82d3a)!important;
  color:#fff!important;
  box-shadow:0 0 0 1px rgba(255,104,113,.28) inset!important;
}
.profile-hero-summary{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:4px 28px!important;
  border-right:1px solid #202725!important;
}
.profile-summary-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin-bottom:14px!important;
}
.profile-summary-head small{
  color:#646d69!important;
  font-size:7.5px!important;
  font-weight:850!important;
  letter-spacing:.07em!important;
}
.profile-quick-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
.profile-quick-stat{
  min-height:82px!important;
  padding:14px 14px 12px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  border:1px solid #29312e!important;
  border-radius:8px!important;
  background:linear-gradient(145deg,#0d1110,#0a0d0d)!important;
}
.profile-quick-stat.featured{
  border-color:rgba(217,58,65,.48)!important;
  background:linear-gradient(145deg,rgba(217,58,65,.075),#0a0d0d 62%)!important;
}
.profile-quick-stat>span{
  color:#7f8984!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
}
.profile-quick-stat>b{
  margin-top:6px!important;
  font-size:26px!important;
  line-height:1!important;
  letter-spacing:-.025em!important;
}
.profile-quick-stat.featured>b{color:#ff5965!important}
.profile-quick-stat>small{
  margin-top:6px!important;
  color:#66706b!important;
  font-size:7px!important;
  font-weight:700!important;
}
.profile-rank-card{
  margin-left:26px!important;
  padding:24px 22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:20px!important;
  border:1px solid #3b3023!important;
  border-radius:10px!important;
  background:
    radial-gradient(circle at 25% 40%,rgba(241,164,25,.08),transparent 32%),
    linear-gradient(145deg,#12120f,#0b0e0d)!important;
}
.profile-rank-side img{
  width:114px!important;
  height:114px!important;
  filter:drop-shadow(0 8px 20px rgba(240,160,20,.13))!important;
}
.profile-rank-copy h2{font-size:23px!important;margin:7px 0 3px!important}
.profile-rank-copy strong{font-size:16px!important}
.profile-rank-progress-bar{
  width:100%!important;
  min-width:180px!important;
  height:7px!important;
  margin-top:14px!important;
  border-radius:999px!important;
  background:#262d2a!important;
  overflow:hidden!important;
}
.profile-rank-progress-bar i{
  display:block!important;
  height:100%!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,#e39811,#ffbf38)!important;
}
.profile-rank-copy small{margin-top:8px!important;color:#8b948f!important}
.profile-section-label{
  max-width:1520px;
  margin:0 auto 8px;
  padding:0 30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.profile-section-label small{
  color:#626b67;
  font-size:8px;
  font-weight:800;
}
.page-view[data-page="profile"] .profile-stats-row{
  max-width:1580px!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:12px!important;
  margin-bottom:12px!important;
}
.page-view[data-page="profile"] .metric{
  height:112px!important;
  padding:17px 18px!important;
  justify-content:center!important;
  background:linear-gradient(145deg,#0e1211,#090c0c)!important;
}
.page-view[data-page="profile"] .metric strong{
  margin:7px 0 5px!important;
  font-size:29px!important;
  letter-spacing:-.03em!important;
}
.page-view[data-page="profile"] .profile-grid{
  max-width:1580px!important;
  grid-template-columns:minmax(0,1fr) 330px!important;
  gap:12px!important;
}
.page-view[data-page="profile"] .elo-chart-card,
.page-view[data-page="profile"] .role-card{height:320px!important}
.page-view[data-page="profile"] .elo-chart{height:249px!important}
.page-view[data-page="profile"] .toolbar{height:72px!important}
.page-view[data-page="profile"] .toolbar h2{font-size:20px!important}
.page-view[data-page="profile"] .role-card{padding:17px!important}
.page-view[data-page="profile"] .role-map{height:176px!important;border-radius:8px!important}
.page-view[data-page="profile"] .role-map img{filter:saturate(.76) brightness(.68)!important}
.page-view[data-page="profile"] .role-map h3{font-size:20px!important}
.page-view[data-page="profile"] .role-mini{margin-top:15px!important}
.page-view[data-page="profile"] .role-mini b{font-size:13px!important}
.page-view[data-page="profile"] .profile-history-wide{margin-top:2px!important}
.page-view[data-page="profile"] .mini-match-list>div{
  min-height:49px!important;
  font-size:10px!important;
  transition:background .15s ease!important;
}
.page-view[data-page="profile"] .mini-match-list>div:hover{background:#0f1312!important}

@media(max-width:1320px){
  .page-view[data-page="profile"] .profile-hero{
    grid-template-columns:minmax(430px,1fr) minmax(330px,.78fr)!important;
  }
  .profile-rank-card{grid-column:1/-1!important;margin:18px 0 0!important;min-height:160px!important}
  .profile-hero-summary{border-right:0!important}
}
@media(max-width:900px){
  .page-view[data-page="profile"] .profile-hero{grid-template-columns:1fr!important}
  .profile-hero-identity{border-right:0!important;border-bottom:1px solid #202725!important;padding:0 0 22px!important}
  .profile-hero-summary{padding:22px 0 0!important}
  .profile-rank-card{grid-column:auto!important}
  .page-view[data-page="profile"] .profile-stats-row{grid-template-columns:1fr 1fr!important}
  .page-view[data-page="profile"] .profile-grid{grid-template-columns:1fr!important}
}


/* =========================================================
   v0.52.0 — VISUAL SYSTEM REFRESH
   Visual-only pass. Existing app logic/routing is untouched.
   ========================================================= */
:root{
  --brand:#d93a41;
  --brand-2:#ff5965;
  --brand-soft:rgba(217,58,65,.13);
  --surface:#0b0f0e;
  --surface-2:#0f1412;
  --surface-3:#131917;
  --stroke:#29312f;
  --stroke-hi:#39423f;
}

/* Global rhythm / contrast */
body{
  background-color:#060908!important;
  background-image:
    linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px),
    radial-gradient(circle at 48% -10%,rgba(217,58,65,.055),transparent 38%)!important;
  background-size:48px 48px,48px 48px,100% 100%!important;
}
.card{
  border-color:var(--stroke)!important;
  border-radius:10px!important;
  background:linear-gradient(145deg,rgba(16,21,19,.985),rgba(8,12,11,.985))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.018),0 16px 44px rgba(0,0,0,.23)!important;
}
.card:hover{border-color:#323b38}
.eyebrow,.section-top,.mini-title{letter-spacing:.12em!important}

/* Header — clearer and more platform-like */
.topbar{
  height:68px!important;
  grid-template-columns:200px minmax(720px,1fr) auto!important;
  padding:0 24px!important;
  border-bottom-color:#242b29!important;
  box-shadow:0 8px 28px rgba(0,0,0,.18)!important;
}
.brand{height:54px!important}.brand img{width:165px!important}
.main-nav{
  width:100%!important;
  max-width:1050px!important;
  margin:0 auto!important;
  justify-content:space-between!important;
  gap:6px!important;
}
.nav-link{
  min-width:74px!important;
  padding:0 12px!important;
  font-size:13.5px!important;
  font-weight:790!important;
  color:#aeb7b3!important;
  letter-spacing:-.01em!important;
}
.nav-link:hover,.nav-link.active{color:#f5f7f6!important}
.nav-link.active:after{
  left:12px!important;right:12px!important;height:3px!important;
  background:linear-gradient(90deg,var(--brand),var(--brand-2))!important;
  box-shadow:0 -3px 16px rgba(217,58,65,.24)!important;
}
.profile-chip,.icon-btn{
  background:#0b100e!important;border-color:#29312f!important;
}
.profile-chip:hover,.icon-btn:hover{border-color:#3a4641!important;background:#101613!important}
.counter{background:var(--brand)!important;color:#fff!important}
.concept-bar{
  height:34px!important;
  border-bottom-color:#281d1f!important;
  background:linear-gradient(90deg,rgba(217,58,65,.075),rgba(217,58,65,.016) 55%,rgba(217,58,65,.035))!important;
}
.concept-bar b{color:#ea5962!important}

/* Brand controls — crimson is the platform accent */
.primary-action,.accept-btn,.find-match,.find-match-simple{
  background:linear-gradient(135deg,#ee4b56,#c92531)!important;
  color:#fff!important;
  border-color:#f05b65!important;
  box-shadow:0 10px 24px rgba(151,21,31,.20),inset 0 1px rgba(255,255,255,.13)!important;
}
.primary-action:hover,.accept-btn:hover,.find-match:hover,.find-match-simple:hover{
  background:linear-gradient(135deg,#ff5c68,#d52e39)!important;
  transform:translateY(-1px);
}
.mode-tabs button.active,.seg.active,.filter.active,.hero-actions button.active,.toolbar-actions button.active{
  background:linear-gradient(180deg,#e84751,#bc2630)!important;
  border-color:#ee5962!important;
  color:#fff!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.05) inset!important;
}
.wide-ghost,.filter,.seg{
  border-color:#303936!important;background:#0c110f!important;color:#bec6c2!important;
}
.wide-ghost:hover,.filter:hover,.seg:hover{border-color:#4a5752!important;background:#111815!important;color:#fff!important}
input,select,textarea,.search-box{
  border-color:#303936!important;background:#090e0c!important;color:#eef2f0!important;
}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:#9f343a!important;box-shadow:0 0 0 3px rgba(217,58,65,.08)!important}

/* PLAY dashboard */
.dashboard{max-width:1720px!important;gap:16px!important;padding:16px 28px 22px!important}
.left-col,.center-col,.right-col{gap:16px!important}
.stats-row{gap:16px!important}
.stat-card{height:108px!important;padding:17px 18px!important}
.stat-card strong{font-size:30px!important;letter-spacing:-.025em!important}
.stat-card svg{opacity:.7!important;fill:#6e1d22!important;stroke:#6e1d22!important}
.lobby-card{border-color:#323b38!important}
.lobby-head h2,.maps-head h2,.history-head h2{font-size:20px!important;letter-spacing:-.02em!important}
.party-card,.slot{background:linear-gradient(180deg,#0e1311,#090d0c)!important}
.party-card:hover,.slot:hover{border-color:#46514d!important}
.map{border-radius:7px!important}.map.selected{border-color:var(--brand)!important;box-shadow:0 0 0 1px rgba(217,58,65,.24) inset,0 0 18px rgba(217,58,65,.08)!important}
.map.selected i{background:var(--brand)!important;color:#fff!important}
.find-match{height:78px!important}
.find-match b{font-size:18px!important}
.queue-card{border-color:#352c2d!important}
.friends-card .friend:hover,.match-row:hover{background:#0e1412!important}

/* Secondary pages */
.secondary-shell,.match-details-shell,.settings-shell{
  max-width:1580px!important;
  margin:0 auto!important;
  padding:22px 28px 34px!important;
}
.page-hero{
  min-height:150px!important;
  padding:27px 30px!important;
  border:1px solid #303936!important;
  border-radius:12px!important;
  background:
    radial-gradient(circle at 92% 20%,rgba(217,58,65,.11),transparent 32%),
    linear-gradient(135deg,#111715,#090d0c)!important;
  position:relative!important;
  overflow:hidden!important;
}
.page-hero:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,#ff5c67,#9d222a);
}
.page-hero h1{font-size:30px!important;letter-spacing:-.035em!important;margin:6px 0 8px!important}
.page-hero p{max-width:720px!important;font-size:12px!important;line-height:1.55!important;color:#929d98!important}
.secondary-grid{gap:16px!important;margin-top:16px!important}
.toolbar{border-bottom-color:#222a27!important}
.toolbar h2{font-size:20px!important;letter-spacing:-.025em!important}

/* Ranking */
.ranking-layout-final{grid-template-columns:310px minmax(0,1fr)!important}
.self-rank-card{border-color:#3a3031!important}
.self-rank-main strong{font-size:33px!important}
.leaderboard-card{overflow:hidden!important}
.ranking-result-line{padding:12px 18px!important;border-bottom:1px solid #232b28!important;color:#76827c!important}
.ranking-row,.leaderboard-row{transition:background .15s,border-color .15s!important}
.ranking-row:hover,.leaderboard-row:hover{background:#101613!important}
.ranking-row.me,.leaderboard-row.me{background:linear-gradient(90deg,rgba(217,58,65,.10),rgba(217,58,65,.025))!important}

/* Teams */
.teams-layout{gap:16px!important}
.team-hero,.my-team-card,.team-quick-card,.top-teams-card{border-color:#2d3733!important}
.roster-player{
  background:linear-gradient(180deg,#0e1411,#090d0c)!important;
  border-color:#2d3733!important;
  border-radius:9px!important;
}
.roster-player:hover{border-color:#45534d!important;transform:translateY(-1px)!important}
.team-tag,.role{letter-spacing:.1em!important}

/* Tournaments */
.tournament-grid{gap:16px!important}
.featured-tournament,.tournament-list-card,.tournament-side{border-color:#2d3733!important}
.tournament-row{transition:background .15s!important}
.tournament-row:hover{background:#111714!important}
.tournament-map{filter:saturate(.74) contrast(1.02)!important}

/* News */
.news-grid-full{gap:16px!important}
.news-feature,.news-tile{border-color:#2d3733!important;border-radius:10px!important}
.news-feature img,.news-tile img{filter:saturate(.72) contrast(1.03)!important}
.news-tile:hover{border-color:#45534d!important;transform:translateY(-1px)!important}
.news-feature-copy h2{letter-spacing:-.025em!important}

/* Info */
.info-grid,.info-bottom-grid{gap:16px!important}
.info-step{background:linear-gradient(145deg,#101613,#090d0c)!important;border-color:#2d3733!important;border-radius:9px!important}
.info-step:hover{border-color:#45534d!important}

/* AC */
.ac-v040-grid,.ac-flow-wide{gap:16px!important}
.ac-hero,.ac-policy-card,.case-review-card,.case-queue-card{border-color:#2d3733!important}
.ac-big-shield{filter:drop-shadow(0 12px 26px rgba(27,132,84,.16))!important}
.case-queue-row:hover{background:#101613!important}
.case-queue-row.active{background:linear-gradient(90deg,rgba(217,58,65,.10),rgba(217,58,65,.02))!important;border-left-color:var(--brand)!important}

/* Matches / details */
.match-history-full,.match-details-hero,.match-detail-card{border-color:#2d3733!important}
.full-match-row{transition:background .15s!important}
.full-match-row:hover{background:#101613!important}
.match-details-hero{border-radius:12px!important;overflow:hidden!important}
.match-details-shade{background:linear-gradient(90deg,rgba(5,8,7,.92),rgba(5,8,7,.55) 58%,rgba(217,58,65,.08))!important}
.detail-player-row:hover{background:#101613!important}

/* Match flow */
.match-flow .card{border-color:#303936!important}
.match-flow.accept-modal-mode .accept-card{border-color:#643137!important;box-shadow:0 32px 100px rgba(0,0,0,.62),0 0 0 1px rgba(217,58,65,.08) inset!important}
.ready-player.you{border-color:#93343a!important;background:linear-gradient(180deg,rgba(217,58,65,.11),#0a0e0d)!important}
.ready-player.ready{border-color:#216443!important;background:#0c2117!important}
.veto-map:not(.banned):hover{border-color:#8f373d!important}
.veto-footer>b,.summary-rating b{color:var(--brand-2)!important}
.veto-pips i.done{background:var(--brand)!important}

/* Profile — preserve rank identity but improve overall hierarchy */
.page-view[data-page="profile"] .profile-hero{
  border-color:#303936!important;
  box-shadow:0 18px 50px rgba(0,0,0,.25)!important;
}
.profile-hero-identity{background:radial-gradient(circle at 15% 20%,rgba(217,58,65,.055),transparent 40%)!important}
.profile-stat-box,.metric{border-color:#2c3632!important}
.profile-stat-box:hover,.metric:hover{border-color:#414d48!important}
.profile-achievements .achievement-badge{border-color:#3c3233!important}
.profile-achievements .achievement-badge.beta{background:linear-gradient(145deg,rgba(217,58,65,.07),#0b0f0e)!important}
.page-view[data-page="profile"] .elo-chart-card,.page-view[data-page="profile"] .role-card{border-color:#2d3733!important}

/* Settings */
.settings-layout{gap:16px!important}
.settings-nav-card,.settings-panel{border-color:#2d3733!important}
.settings-tab.active{background:rgba(217,58,65,.10)!important;color:#fff!important;border-left-color:var(--brand)!important}
.settings-section{border-color:#28322e!important}

/* Small consistency fixes */
.status-chip.open,.live-chip{border-radius:999px!important}
.plus-elo{color:#4ee69a!important}.minus-elo{color:#ff6a70!important}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#070a09}
::-webkit-scrollbar-thumb{background:#28312e;border:2px solid #070a09;border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:#3a4641}

@media(max-width:1350px){
  .topbar{grid-template-columns:180px minmax(600px,1fr) auto!important;padding:0 18px!important}
  .nav-link{min-width:62px!important;padding:0 8px!important;font-size:12px!important}
  .dashboard{padding-left:18px!important;padding-right:18px!important}
}


/* =========================================================
   v0.52.1 — Veto player-first layout
   Teams are the hero. Map cards are compact and secondary.
   ========================================================= */
.veto-duel-layout{
  display:grid;
  grid-template-columns:minmax(290px,.9fr) minmax(300px,.72fr) minmax(290px,.9fr);
  grid-template-areas:
    "left center right"
    "maps maps maps"
    "chat chat chat";
  gap:14px;
  align-items:start;
}
.veto-team-left{grid-area:left}.veto-team-right{grid-area:right}
.veto-center-stage{
  grid-area:center;
  min-height:366px;
  border:1px solid var(--line);
  border-radius:10px;
  background:linear-gradient(180deg,rgba(18,22,22,.98),rgba(10,13,13,.98));
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:28px 24px;
  box-shadow:inset 0 1px rgba(255,255,255,.018),var(--shadow);
}
.veto-center-stage h2{font-size:27px;line-height:1.05;margin:10px 0 8px;letter-spacing:-.025em}
.veto-center-stage>p{margin:0;color:#858e89;font-size:11px;min-height:17px}
.veto-versus{margin:28px 0 24px;width:100%;display:grid;grid-template-columns:1fr 42px 1fr;align-items:center;gap:8px}
.veto-versus span{font-size:11px;font-weight:900;letter-spacing:.055em;color:#d9dddb}
.veto-versus b{color:var(--orange);font-size:12px}
.veto-turn-focus{display:flex;align-items:center;justify-content:center;gap:14px}
.veto-turn-focus .veto-timer{position:static;width:72px;height:64px;border:1px solid #4c2a2d;border-radius:7px;background:#120d0e;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;align-items:end;padding:8px 9px}
.veto-turn-focus .veto-timer small{grid-column:1/-1;font-size:6px;color:#777f7b;font-weight:900;letter-spacing:.08em}
.veto-turn-focus .veto-timer strong{font-size:26px;line-height:1;color:var(--orange)}
.veto-turn-focus .veto-timer>i{font-size:8px;font-style:normal;color:#858c88;padding-bottom:2px}
.veto-turn-focus>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left}
.veto-turn-focus>div:last-child small{font-size:8px;color:#707975;font-weight:900;letter-spacing:.08em}
.veto-turn-focus>div:last-child b{font-size:11px;color:var(--orange);letter-spacing:.05em}

.veto-team-card{min-height:366px!important;overflow:hidden}
.veto-team-card .team-list-head{height:50px!important;padding:0 15px!important;background:rgba(255,255,255,.012)}
.veto-team-card .team-list-head .eyebrow{font-size:10px!important}
.veto-team-card .team-list-head b{font-size:11px!important}
.veto-team-card .team-person{height:63px!important;padding:0 13px!important;grid-template-columns:40px minmax(0,1fr) auto!important;gap:10px!important}
.veto-team-card .veto-player-avatar{width:36px!important;height:36px!important;border-radius:8px!important}
.veto-team-card .player-line>b{font-size:12px!important}
.veto-team-card .player-line .mini-rank{height:19px!important;font-size:7px!important}
.veto-team-card .veto-player-stats strong,.veto-team-card .veto-player-stats span{font-size:7.6px!important}
.veto-team-card .team-person>em{font-size:8px!important}

.veto-map-panel{grid-area:maps;padding:0 16px 14px;overflow:visible}
.veto-map-panel-head{height:58px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-soft)}
.veto-map-panel-head h3{margin:5px 0 0;font-size:16px}
.veto-map-panel .veto-map-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:14px 0 0}
.veto-map-panel .veto-map{height:88px!important;border-radius:6px!important}
.veto-map-panel .veto-map span{left:9px!important;bottom:8px!important;font-size:10px!important}
.veto-map-panel .veto-map i{right:7px!important;top:7px!important;font-size:7px!important;padding:4px 6px!important}
.veto-map-panel .veto-map.banned:before,.veto-map-panel .veto-map.final:before{font-size:8px!important}
.veto-map-panel .veto-pips{gap:5px}
.veto-map-panel .veto-pips i{width:25px;height:3px}
.veto-chat-wide{grid-area:chat;min-height:136px!important}
.veto-chat-wide .team-chat-messages{min-height:44px;max-height:64px}

body[data-match-mode="2v2"] .veto-team-card{min-height:178px!important}
body[data-match-mode="1v1"] .veto-team-card{min-height:116px!important}
body[data-match-mode="2v2"] .veto-center-stage,body[data-match-mode="1v1"] .veto-center-stage{min-height:178px}
body[data-match-mode="1v1"] .veto-chat-wide{display:none!important}
body[data-match-mode="2v2"] .veto-map-panel .veto-map-grid,body[data-match-mode="1v1"] .veto-map-panel .veto-map-grid{grid-template-columns:repeat(5,minmax(0,1fr))}

@media(max-width:1250px){
  .veto-duel-layout{grid-template-columns:1fr 1fr;grid-template-areas:"left right" "center center" "maps maps" "chat chat"}
  .veto-center-stage{min-height:210px}
  .veto-versus{max-width:520px;margin:20px 0 18px}
  .veto-map-panel .veto-map-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:760px){
  .veto-duel-layout{grid-template-columns:1fr;grid-template-areas:"center" "left" "right" "maps" "chat"}
  .veto-map-panel .veto-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* =========================================================
   v0.52.2 — Datacenter veto
   Second veto stage after the final map is resolved.
   ========================================================= */
.veto-duel-layout{
  grid-template-areas:
    "left center right"
    "maps maps maps"
    "dc dc dc"
    "chat chat chat";
}
.dc-veto-panel{grid-area:dc;padding:0 16px 15px;overflow:visible}
.dc-veto-panel[hidden]{display:none!important}
.dc-veto-head{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line-soft);padding:10px 0}
.dc-veto-head h3{margin:5px 0 3px;font-size:16px}
.dc-veto-head p{margin:0;color:#747d78;font-size:9px}
.dc-veto-progress{display:flex;gap:5px;flex:none}
.dc-veto-progress i{display:block;width:28px;height:3px;border-radius:9px;background:#2b312f}
.dc-veto-progress i.done{background:var(--orange)}
.dc-veto-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding-top:14px}
.dc-veto-card{
  min-height:82px;border:1px solid #2d3532;border-radius:7px;background:linear-gradient(180deg,#0e1211,#0a0d0d);
  display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:11px 12px;text-align:left;position:relative;overflow:hidden
}
.dc-veto-card:hover{border-color:#744047;background:linear-gradient(180deg,#141011,#0d0d0d)}
.dc-veto-card .dc-flag{font-size:27px;line-height:1;filter:saturate(.85)}
.dc-veto-card>div{display:flex;flex-direction:column;min-width:0}
.dc-veto-card small{font-size:7px;color:#7e8782;font-weight:900;letter-spacing:.08em}
.dc-veto-card b{font-size:13px;margin:4px 0 3px}
.dc-veto-card em{font-size:8px;font-style:normal;color:#9aa29e}
.dc-veto-card>i{font-size:7px;font-style:normal;font-weight:900;color:var(--orange);border:1px solid #613138;background:#150c0e;padding:5px 7px;border-radius:4px}
.dc-veto-card.banned{pointer-events:none;border-color:#382427;opacity:.52}
.dc-veto-card.banned:after{
  content:"BANNED";position:absolute;inset:0;display:grid;place-items:center;background:rgba(18,6,8,.54);
  color:#ff6a74;font-size:9px;font-weight:950;letter-spacing:.11em
}
.dc-veto-card.final{pointer-events:none;border-color:#2f8a61;opacity:1;box-shadow:0 0 0 1px rgba(68,218,145,.18) inset,0 0 18px rgba(38,150,98,.08);background:linear-gradient(180deg,#0d1813,#0a0f0d)}
.dc-veto-card.final>i{color:#63e6a5;border-color:#285f47;background:#0a1d15}
.dc-veto-card.final:after{
  content:"FINAL SERVER";position:absolute;right:10px;top:9px;color:#63e6a5;font-size:7px;font-weight:950;letter-spacing:.09em
}
.veto-map-panel.veto-complete{opacity:.72}
.veto-map-panel.veto-complete .veto-map:not(.final){filter:saturate(.45)}
@media(max-width:1250px){
  .veto-duel-layout{grid-template-areas:"left right" "center center" "maps maps" "dc dc" "chat chat"}
  .dc-veto-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .veto-duel-layout{grid-template-areas:"center" "left" "right" "maps" "dc" "chat"}
  .dc-veto-grid{grid-template-columns:1fr}
}


/* =========================================================
   v0.52.3 — Framed navbar + crimson hover
   ========================================================= */
.main-nav{
  gap:10px!important;
  align-items:center!important;
}
.nav-link{
  height:38px!important;
  padding:0 16px!important;
  border:1px solid #252b2a!important;
  border-radius:7px!important;
  background:rgba(12,15,15,.72)!important;
  color:#b8c0bc!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transition:
    border-color .16s ease,
    background .16s ease,
    color .16s ease,
    box-shadow .16s ease,
    transform .16s ease!important;
}
.nav-link:hover{
  color:#fff!important;
  border-color:#9c343c!important;
  background:linear-gradient(180deg,rgba(217,58,65,.13),rgba(217,58,65,.05))!important;
  box-shadow:
    0 0 0 1px rgba(217,58,65,.08) inset,
    0 0 18px rgba(217,58,65,.10)!important;
  transform:translateY(-1px)!important;
}
.nav-link.active{
  color:#f4f6f5!important;
  border-color:#4a2b2f!important;
  background:rgba(15,17,17,.92)!important;
  box-shadow:none!important;
}
.nav-link.active:hover{
  border-color:#b63c45!important;
  background:linear-gradient(180deg,rgba(217,58,65,.16),rgba(217,58,65,.06))!important;
  box-shadow:
    0 0 0 1px rgba(217,58,65,.10) inset,
    0 0 20px rgba(217,58,65,.12)!important;
}
.nav-link.active:after{
  left:16px!important;
  right:16px!important;
  bottom:3px!important;
  height:2px!important;
  border-radius:9px!important;
  background:var(--orange)!important;
  opacity:.82!important;
}
@media(max-width:1350px){
  .main-nav{gap:7px!important}
  .nav-link{padding:0 12px!important;font-size:12px!important}
}


/* =========================================================
   v0.52.4 — Datacenter veto uses visible flag assets
   ========================================================= */
.dc-veto-card .dc-flag{
  width:36px!important;
  height:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:5px!important;
  overflow:hidden!important;
  border:1px solid #343c39!important;
  background:#101414!important;
  box-shadow:0 6px 16px rgba(0,0,0,.22)!important;
  filter:none!important;
}
.dc-veto-card .dc-flag img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}


/* =========================================================
   v0.52.5 — Profile team identity chip
   ========================================================= */
.profile-team-chip{
  margin-top:10px;
  width:fit-content;
  max-width:100%;
  min-height:52px;
  padding:9px 12px 9px 10px;
  border-radius:10px;
  border:1px solid #2c3431;
  background:linear-gradient(180deg,rgba(14,18,18,.96),rgba(11,14,14,.96));
  display:flex;
  align-items:center;
  gap:11px;
  text-align:left;
  cursor:pointer;
  transition:border-color .16s ease, box-shadow .16s ease, transform .16s ease, background .16s ease;
}
.profile-team-chip[hidden]{display:none!important}
.profile-team-chip:hover{
  border-color:#9f3640;
  box-shadow:0 0 0 1px rgba(217,58,65,.08) inset, 0 10px 28px rgba(217,58,65,.08);
  background:linear-gradient(180deg,rgba(217,58,65,.10),rgba(12,14,14,.96));
  transform:translateY(-1px);
}
.profile-team-logo{
  width:34px;height:34px;flex:none;
  border-radius:9px;
  display:grid;place-items:center;
  font-size:13px;font-weight:900;letter-spacing:.08em;
  color:#fff;
  border:1px solid #8f3038;
  background:radial-gradient(circle at 30% 20%,#f46a74 0%,#d93a41 38%,#701920 100%);
  box-shadow:0 8px 18px rgba(0,0,0,.22);
}
.profile-team-copy{display:flex;flex-direction:column;min-width:0}
.profile-team-copy small{color:#ff8089;font-size:8px;font-weight:900;letter-spacing:.12em;margin-bottom:4px}
.profile-team-copy b{color:#f3f6f5;font-size:13px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-team-copy em{margin-top:4px;color:#7b8480;font-size:8px;font-style:normal;font-weight:800;letter-spacing:.08em}
.profile-team-arrow{margin-left:2px;flex:none;color:#d86670;font-size:18px;line-height:1;font-weight:900}




/* =========================================================
   v0.52.7 — Safe profile hotfix
   Restores stable profile structure; badges remain in hero.
   ========================================================= */
.secondary-shell:has(.profile-hero){max-width:1580px!important}
.profile-hero{
  padding:18px 20px!important;
  gap:18px!important;
  min-height:0!important;
  align-items:center!important;
}
.profile-hero-identity{
  gap:16px!important;
  align-items:flex-start!important;
}
.profile-avatar-large{
  width:92px!important;
  height:92px!important;
  min-width:92px!important;
  font-size:32px!important;
}
.profile-identity-copy h1{
  margin:2px 0 5px!important;
  font-size:28px!important;
}
.profile-meta-card{margin:0 0 8px!important}
.profile-badges{gap:6px!important;margin:0!important}
.profile-badges span{padding:5px 7px!important;font-size:8px!important}
.profile-team-chip{
  margin-top:8px!important;
  min-height:42px!important;
  padding:6px 9px 6px 7px!important;
}
.profile-team-logo{width:29px!important;height:29px!important}
.profile-team-copy em{display:none!important}
.profile-team-copy b{font-size:11px!important}
.profile-team-copy small{font-size:7px!important}
.profile-achievements{
  margin-top:9px!important;
  gap:6px!important;
}
.profile-achievements .achievement-badge,
.profile-achievements .achievement-slot{
  min-height:45px!important;
  padding:6px 8px!important;
}
.profile-achievements .achievement-icon{
  width:27px!important;
  height:27px!important;
  min-width:27px!important;
}
.profile-actions{margin-top:8px!important}

.profile-hero-summary{
  min-width:360px!important;
}
.profile-summary-head{margin-bottom:7px!important}
.profile-quick-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}
.profile-quick-stat{
  min-height:68px!important;
  padding:9px 11px!important;
}
.profile-quick-stat b{font-size:21px!important}
.profile-quick-stat small{font-size:7px!important}

.profile-rank-side{
  min-width:285px!important;
  padding:14px 16px!important;
}
.profile-rank-side img{
  width:68px!important;
  height:68px!important;
}
.profile-rank-copy h2{font-size:23px!important;margin:2px 0!important}
.profile-rank-copy strong{font-size:13px!important}
.profile-rank-progress{margin:8px 0 4px!important}

.profile-section-label{margin:12px 0 7px!important}
.profile-stats-row{
  gap:8px!important;
  margin-bottom:10px!important;
}
.profile-stats-row .metric{
  min-height:84px!important;
  padding:12px 14px!important;
}
.profile-stats-row .metric strong{font-size:22px!important}

.profile-grid{
  gap:10px!important;
}
.elo-chart-card{
  min-height:300px!important;
}
.elo-chart{height:205px!important}
.role-card{
  min-height:0!important;
}
.profile-history-wide{
  margin-top:0!important;
}
.mini-match-list>div{
  min-height:46px!important;
}

/* =========================================================
   v0.52.7 — Team profile styles retained from v0.52.6
   ========================================================= */
.team-profile-shell{max-width:1580px}
.team-profile-hero{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.team-profile-identity{display:flex;align-items:center;gap:16px}
.team-profile-logo{width:66px;height:66px;border-radius:14px;display:grid;place-items:center;font-size:21px;font-weight:950;letter-spacing:.07em;border:1px solid #9e343d;background:radial-gradient(circle at 30% 20%,#f36b75 0%,#d93a41 38%,#68191f 100%);box-shadow:0 10px 30px rgba(217,58,65,.14)}
.team-title-line{display:flex;align-items:center;gap:12px;margin-top:4px}
.team-title-line h1{margin:0;font-size:28px}
.team-tag-pill{border:1px solid #643137;background:#160d0f;color:#ff7c85;border-radius:6px;padding:5px 8px;font-size:9px;font-weight:900}
.team-profile-identity p{margin:6px 0 0;color:#7d8682;font-size:10px}
.team-profile-actions{display:flex;gap:8px}
.team-stat-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:12px 0}
.team-stat-mini{padding:14px 16px;min-height:84px;display:flex;flex-direction:column;justify-content:center}
.team-stat-mini span{font-size:8px;color:#7a837f;font-weight:900;letter-spacing:.09em}
.team-stat-mini b{font-size:21px;margin:5px 0 1px}
.team-stat-mini small{font-size:8px;color:#69716d}
.team-profile-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:12px}
.team-main-column,.team-side-column{display:flex;flex-direction:column;gap:12px}
.team-roster-profile{padding-bottom:16px}
.team-match-history{padding:0 16px 10px}
.team-match-row{display:grid;grid-template-columns:34px minmax(130px,1fr) 70px 1fr 55px;align-items:center;gap:12px;min-height:58px;border-top:1px solid var(--line-soft)}
.team-match-row>div{display:flex;flex-direction:column}
.team-match-row small{font-size:8px;color:#6f7773;margin-top:3px}
.team-match-row strong{font-size:14px}
.team-match-row>span:not(.result){font-size:10px;color:#a0a7a3}
.team-captain-card,.team-form-profile,.team-info-card{padding:16px}
.team-captain-user{display:flex;align-items:center;gap:12px;margin-top:12px;cursor:pointer}
.team-captain-user h3{margin:0 0 4px}
.team-captain-user p{margin:0;color:#707974;font-size:9px}
.team-info-card>div{display:flex;align-items:center;justify-content:space-between;min-height:38px;border-top:1px solid var(--line-soft)}
.team-info-card>div:first-of-type{margin-top:10px}
.team-info-card>div span{font-size:8px;color:#757e79;font-weight:900}
.team-info-card>div b{font-size:10px}

@media(max-width:1200px){
  .profile-hero{grid-template-columns:1fr!important}
  .profile-hero-summary,.profile-rank-side{min-width:0!important;width:100%!important}
  .profile-quick-grid{grid-template-columns:repeat(4,1fr)!important}
  .team-stat-strip{grid-template-columns:repeat(3,1fr)}
  .team-profile-grid{grid-template-columns:1fr}
  .team-side-column{display:grid;grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .profile-quick-grid{grid-template-columns:repeat(2,1fr)!important}
  .profile-stats-row{grid-template-columns:repeat(2,1fr)!important}
  .team-profile-hero{align-items:flex-start;flex-direction:column}
  .team-profile-actions{width:100%}
  .team-profile-actions>*{flex:1}
  .team-stat-strip{grid-template-columns:repeat(2,1fr)}
  .team-side-column{display:flex}
  .team-match-row{grid-template-columns:30px 1fr 56px}
  .team-match-row>span:not(.result),.team-match-row>b:last-child{display:none}
}


/* =========================================================
   v0.52.9 — Profile nick directly below avatar
   ========================================================= */
.profile-avatar-stack{
  width:108px;
  flex:0 0 108px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:9px;
}
.profile-avatar-stack .profile-avatar-large{
  margin:0!important;
}
.profile-avatar-stack #profileName{
  margin:0!important;
  max-width:108px;
  font-size:18px!important;
  line-height:1.05;
  color:#f4f6f5;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.profile-hero-identity{
  align-items:flex-start!important;
}
.profile-identity-copy{
  padding-top:2px;
}
@media(max-width:760px){
  .profile-avatar-stack{
    width:92px;
    flex-basis:92px;
  }
  .profile-avatar-stack #profileName{
    max-width:92px;
    font-size:16px!important;
  }
}


/* =========================================================
   v0.53.0 — Profile rank card: remove legacy orange/gold
   ========================================================= */
.page-view[data-page="profile"] .profile-rank-card{
  border-color:rgba(217,58,65,.34)!important;
  background:
    radial-gradient(circle at 25% 40%,rgba(217,58,65,.10),transparent 34%),
    linear-gradient(145deg,#121011,#0b0e0d)!important;
  box-shadow:
    0 0 0 1px rgba(217,58,65,.035) inset,
    0 14px 34px rgba(0,0,0,.16)!important;
}
.page-view[data-page="profile"] .profile-rank-side img{
  filter:drop-shadow(0 8px 20px rgba(217,58,65,.16))!important;
}
.page-view[data-page="profile"] .profile-rank-progress-bar i{
  background:linear-gradient(90deg,#b92431,#ff5965)!important;
}
.page-view[data-page="profile"] .profile-rank-copy .eyebrow{
  color:#ff6d77!important;
}


/* =========================================================
   v0.53.1 — Nick centered exactly to avatar width
   ========================================================= */
.profile-avatar-stack{
  width:92px!important;
  flex:0 0 92px!important;
  align-items:center!important;
}
.profile-avatar-stack .profile-avatar-large{
  width:92px!important;
  height:92px!important;
  min-width:92px!important;
}
.profile-avatar-stack #profileName{
  width:92px!important;
  max-width:92px!important;
  margin:7px 0 0!important;
  padding:0!important;
  text-align:center!important;
  align-self:center!important;
  font-size:17px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}


/* =========================================================
   v0.53.3 — Profile ranking form chart uses crimson brand
   ========================================================= */
.page-view[data-page="profile"] .elo-chart svg polyline{
  stroke:#d93a41!important;
}
.page-view[data-page="profile"] .elo-chart .chart-line>i{
  background:#d93a41!important;
  border-color:#ff6973!important;
  box-shadow:0 0 0 3px rgba(217,58,65,.10),0 0 12px rgba(217,58,65,.18)!important;
}
.page-view[data-page="profile"] .gain-pill{
  border-color:rgba(217,58,65,.34)!important;
  background:rgba(217,58,65,.08)!important;
  color:#ff6d77!important;
}


/* =========================================================
   v0.53.4 — Global crimson cleanup
   Replaces remaining legacy orange brand accents while
   preserving semantic rank/status colors.
   ========================================================= */

/* Generic brand chips / selected controls */
.orange-chip,
.status-chip.open,
.filter.active,
.seg.active,
.mode-tab.active,
.queue-tab.active,
.toolbar .filter.active{
  border-color:rgba(217,58,65,.38)!important;
  background:linear-gradient(180deg,rgba(217,58,65,.14),rgba(217,58,65,.07))!important;
  color:#ff6d77!important;
  box-shadow:none!important;
}

/* Brand text actions / links */
.text-action:hover,
.section-title-row button:hover,
.toolbar button:hover:not(.primary-action),
.tiny-link:hover{
  color:#ff6671!important;
}

/* Main selected / focused UI */
input:focus,
textarea:focus,
select:focus,
.search-input:focus-within{
  border-color:#9f343d!important;
  box-shadow:0 0 0 2px rgba(217,58,65,.08)!important;
}

/* Generic progress bars that belong to product UI, not rank identity */
.queue-progress i,
.match-accept-progress i,
.settings-meter i,
.ac-progress i,
.tourney-progress i,
.server-progress i{
  background:linear-gradient(90deg,#b92431,#ff5965)!important;
}

/* Match flow / veto brand states */
.veto-map:hover,
.veto-map.selected,
.veto-map.active,
.veto-map.final{
  border-color:#a43640!important;
  box-shadow:0 0 0 1px rgba(217,58,65,.10) inset,0 10px 24px rgba(217,58,65,.08)!important;
}
.veto-map .ban-action,
.veto-step-active,
.veto-turn-chip,
.veto-timer.warning{
  color:#ff6a74!important;
  border-color:rgba(217,58,65,.38)!important;
  background:rgba(217,58,65,.08)!important;
}

/* Match room / summary accents */
.room-status-chip,
.match-id-chip,
.summary-result-chip,
.detail-result-chip{
  border-color:rgba(217,58,65,.34)!important;
}
.room-status-chip:not(.success),
.match-id-chip{
  color:#ff6973!important;
  background:rgba(217,58,65,.07)!important;
}

/* Ranking / tables */
.leader-row.me,
.ranking-row.me,
.detail-player-row.me{
  background:linear-gradient(90deg,rgba(217,58,65,.08),rgba(217,58,65,.015))!important;
  box-shadow:inset 2px 0 #d93a41!important;
}
.position.featured,
.ranking-position.featured{
  color:#ff6973!important;
}

/* Teams / tournaments / news */
.team-tag,
.team-tag-pill,
.team-streak,
.invite-card .mini-primary,
.live-chip.orange-chip{
  color:#ff6f79!important;
}
.featured-tournament .primary-action,
.news-feature .primary-action{
  box-shadow:0 8px 24px rgba(217,58,65,.12)!important;
}

/* Info / AC generic brand decorations */
.page-hero:before,
.compact-hero:before,
.info-section-title:before,
.ac-section-title:before{
  background:#d93a41!important;
}
.ac-case-card:hover,
.info-card:hover,
.news-tile:hover,
.tournament-row:hover{
  border-color:rgba(217,58,65,.34)!important;
}

/* Settings toggles */
.toggle input:checked + span,
.switch input:checked + span{
  background:#d93a41!important;
  border-color:#b72e38!important;
}

/* Scrollbar accent */
*{
  scrollbar-color:#5a252b #111515;
}

/* Explicitly preserve rank identity colors. */
.rank-bronze,
.rank-silver,
.rank-gold,
.rank-platinum,
.rank-diamond,
.rank-master,
.rank-elite,
.rank-legend,
.mini-rank.rank-bronze,
.mini-rank.rank-silver,
.mini-rank.rank-gold,
.mini-rank.rank-platinum,
.mini-rank.rank-diamond,
.mini-rank.rank-master,
.mini-rank.rank-elite,
.mini-rank.rank-legend{
  /* intentional: rank colors remain defined by the original rank system */
}


/* =========================================================
   v0.53.5 — Match Flow Polish
   Accept → veto → datacenter → room → summary
   Visual-only pass: no matchmaking logic changes.
   ========================================================= */

/* Shared flow shell */
.match-flow{
  background:
    radial-gradient(circle at 50% -15%,rgba(217,58,65,.10),transparent 34%),
    linear-gradient(180deg,#090c0c,#080a0a)!important;
}
.flow-shell{
  max-width:1580px!important;
  padding:18px 24px 28px!important;
}
.flow-topline{
  min-height:58px!important;
  margin-bottom:12px!important;
  padding:0 2px!important;
  border-bottom:1px solid rgba(255,255,255,.045);
}
.flow-topline h1{
  margin-top:3px!important;
  font-size:22px!important;
  letter-spacing:-.02em;
}
.flow-exit{
  height:34px!important;
  padding:0 12px!important;
  border-radius:7px!important;
  border-color:#2a302e!important;
  color:#8c9590!important;
  background:#0c1010!important;
}
.flow-exit:hover{
  color:#fff!important;
  border-color:#813239!important;
  background:rgba(217,58,65,.07)!important;
}

/* Match found / accept */
.accept-layout{
  grid-template-columns:minmax(0,1fr) 280px!important;
  gap:12px!important;
  align-items:start!important;
}
.accept-card{
  padding:0!important;
  overflow:hidden!important;
  border-color:#343b38!important;
  background:linear-gradient(180deg,#101414,#0b0e0e)!important;
}
.accept-head{
  min-height:88px!important;
  padding:17px 20px!important;
  border-bottom:1px solid var(--line-soft)!important;
  background:linear-gradient(90deg,rgba(217,58,65,.055),transparent 55%)!important;
}
.accept-head h2{font-size:24px!important;margin:7px 0 3px!important}
.accept-head p{margin:0!important;color:#727b77!important}
.accept-head-right{gap:14px!important}
.accept-meta{
  min-width:112px!important;
  padding:8px 10px!important;
  border:1px solid #28302d!important;
  border-radius:7px!important;
  background:#0a0d0d!important;
}
.ready-grid{
  gap:8px!important;
  padding:16px 18px!important;
}
.ready-player{
  min-height:88px!important;
  border-radius:8px!important;
  border:1px solid #29302e!important;
  background:linear-gradient(180deg,#0e1211,#0a0d0d)!important;
}
.ready-player>span{
  width:34px!important;height:34px!important;
  border-radius:50%!important;
  border:1px solid #343d39!important;
  background:#121716!important;
}
.ready-player.you{
  border-color:rgba(217,58,65,.48)!important;
  background:linear-gradient(180deg,rgba(217,58,65,.10),#0b0e0e)!important;
}
.ready-player.accepted{
  border-color:rgba(67,171,105,.38)!important;
}
.accept-action{
  min-height:86px!important;
  padding:14px 18px 16px!important;
  border-top:1px solid var(--line-soft)!important;
  display:grid!important;
  grid-template-columns:75px minmax(210px,360px) minmax(0,1fr)!important;
  align-items:center!important;
  gap:14px!important;
  background:#0a0d0d!important;
}
.accept-timer{
  min-width:0!important;
  padding:7px 10px!important;
  border:1px solid #2c3431!important;
  border-radius:7px!important;
  background:#0e1211!important;
}
.accept-timer strong{font-size:25px!important;color:#f4f6f5!important}
.accept-btn{height:48px!important;border-radius:7px!important}
.accept-action p{
  margin:0!important;
  max-width:none!important;
  text-align:left!important;
  color:#69716d!important;
  line-height:1.45!important;
}
.accept-side{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}
.flow-info-card,.flow-note{
  border-color:#2c3331!important;
  background:linear-gradient(180deg,#0e1211,#0a0d0d)!important;
}
.flow-info-card{padding:16px!important}
.flow-info-card h3{margin:6px 0 12px!important}
.flow-info-card>div{min-height:38px!important}
.flow-note{padding:14px!important}

/* Veto: players stay visually dominant; maps become supporting controls */
.veto-duel-layout{
  gap:10px!important;
  grid-template-columns:minmax(285px,.92fr) minmax(300px,.86fr) minmax(285px,.92fr)!important;
}
.veto-team-card{
  border-color:#313936!important;
  background:linear-gradient(180deg,#0f1312,#0a0d0d)!important;
  overflow:hidden!important;
}
.veto-team-card .team-list-head{
  min-height:42px!important;
  padding:0 12px!important;
  background:#0b0f0e!important;
}
.veto-team-card .team-person{
  min-height:67px!important;
  padding:8px 10px!important;
  border-top-color:#202624!important;
}
.veto-player-avatar{
  width:43px!important;height:43px!important;
  border-radius:8px!important;
}
.veto-player-copy .player-line b{font-size:12px!important}
.veto-player-stats{gap:8px!important}
.veto-player-stats strong,.veto-player-stats span{font-size:8px!important}
.veto-center-stage{
  min-height:250px!important;
  padding:21px 18px!important;
  border:1px solid #303734!important;
  border-radius:10px!important;
  background:
    radial-gradient(circle at 50% 20%,rgba(217,58,65,.10),transparent 44%),
    linear-gradient(180deg,#0f1312,#0a0d0d)!important;
}
.veto-center-stage h2{font-size:22px!important;margin:8px 0 4px!important}
.veto-center-stage>p{font-size:10px!important;color:#7b847f!important}
.veto-versus{
  margin:17px 0 13px!important;
  padding:10px 11px!important;
  border:1px solid #2b3330!important;
  border-radius:7px!important;
  background:#0a0e0d!important;
}
.veto-versus b{color:#ff6570!important}
.veto-turn-focus{
  padding:11px 12px!important;
  border-radius:8px!important;
  border:1px solid rgba(217,58,65,.26)!important;
  background:rgba(217,58,65,.055)!important;
}
.veto-timer strong{font-size:27px!important}

.veto-map-panel{
  padding:0 13px 13px!important;
  border-color:#2d3432!important;
}
.veto-map-panel-head{
  min-height:50px!important;
}
.veto-map-panel-head h3{font-size:14px!important;margin-top:3px!important}
.veto-map-grid{
  gap:7px!important;
}
.veto-map{
  height:84px!important;
  min-height:84px!important;
  border-radius:7px!important;
}
.veto-map img{height:100%!important}
.veto-map span{
  left:8px!important;bottom:8px!important;
  font-size:10px!important;
  text-shadow:0 2px 6px #000!important;
}
.veto-map>i{
  top:7px!important;right:7px!important;
  font-size:7px!important;
  padding:4px 6px!important;
}
.veto-pips i{height:3px!important}

.dc-veto-panel{
  border-color:#2f3634!important;
  background:linear-gradient(180deg,#0f1312,#0a0d0d)!important;
}
.dc-veto-card{
  min-height:74px!important;
  border-radius:7px!important;
}
.dc-veto-card .dc-flag{
  width:40px!important;height:30px!important;
}
.dc-veto-card b{font-size:12px!important}

.team-chat-card{
  border-color:#2c3331!important;
}
.team-chat-head{
  min-height:42px!important;
  padding:0 12px!important;
}
.team-chat-messages{
  min-height:54px!important;
  max-height:90px!important;
  padding:10px 12px!important;
}
.team-chat-form{
  height:42px!important;
}

/* Match room: map/server first, rosters compact and aligned */
.room-grid{
  gap:10px!important;
}
.room-map-card,.room-details-card{
  height:310px!important;
  border-color:#303735!important;
}
.room-map-copy{
  padding:20px!important;
}
.room-map-copy h2{font-size:31px!important;margin:8px 0 4px!important}
.room-map-copy p{font-size:11px!important;color:#c4cbc8!important}
.room-server-status{
  left:16px!important;right:16px!important;bottom:15px!important;
  height:56px!important;
  border:1px solid rgba(217,58,65,.26)!important;
  background:rgba(8,11,11,.88)!important;
  backdrop-filter:blur(7px);
}
.room-details-card .toolbar{
  min-height:62px!important;
  padding:0 16px!important;
  border-bottom:1px solid var(--line-soft)!important;
}
.room-details-card .toolbar h2{font-size:22px!important}
.room-detail-grid>div{
  height:72px!important;
  padding:12px 14px!important;
}
.room-detail-grid b{font-size:12px!important}
.room-actions{
  height:60px!important;
  padding:8px 10px!important;
}
.connect-btn,.room-actions .wide-ghost{
  height:43px!important;
}
.room-team-card{
  min-height:225px!important;
  border-color:#2d3432!important;
}
.room-roster-rich{
  gap:8px!important;
  padding:11px!important;
}
.room-roster-rich>div{
  min-height:119px!important;
  height:119px!important;
  padding:11px 8px 9px!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,#0f1312,#0a0d0d)!important;
}
.room-player-avatar{
  width:50px!important;height:50px!important;
}
.room-player-copy b{font-size:13px!important}
.room-demo-bar{
  min-height:70px!important;
  padding:11px 15px!important;
  border-color:#292f2d!important;
}

/* Summary: less "hero", more useful scoreboard */
.summary-shell{
  gap:10px!important;
}
.result-hero{
  height:172px!important;
  min-height:172px!important;
  border-color:#343b38!important;
}
.result-top{
  padding:13px 16px!important;
}
.result-score-main{
  margin-top:2px!important;
}
.result-score-main strong{font-size:42px!important}
.result-score-main>div>span{font-size:9px!important}
.result-bottom{
  min-height:36px!important;
  padding:0 16px!important;
}
.summary-table-card{
  border-color:#303735!important;
}
.summary-table-card>.toolbar{
  min-height:58px!important;
  padding:0 15px!important;
}
.summary-teams-grid{
  gap:8px!important;
  padding:0 10px 10px!important;
}
.summary-team-panel{
  border-radius:8px!important;
  border:1px solid #282f2d!important;
  overflow:hidden!important;
  background:#0b0f0e!important;
}
.summary-team-title{
  min-height:49px!important;
  padding:0 12px!important;
}
.summary-team-title>strong{font-size:25px!important}
.summary-head{
  min-height:29px!important;
  padding:0 10px!important;
  background:#090c0c!important;
}
.summary-player{
  min-height:47px!important;
  padding:5px 10px!important;
}
.summary-player.me{
  background:linear-gradient(90deg,rgba(217,58,65,.10),rgba(217,58,65,.02))!important;
  box-shadow:inset 2px 0 #d93a41!important;
}
.summary-player .avatar{width:29px!important;height:29px!important}
.summary-player-meta b{font-size:10px!important}
.summary-actions-card{
  padding:12px!important;
  gap:10px!important;
  border-color:#2f3634!important;
}
.summary-rank-card,.match-mvp,.match-highlights{
  border-color:#2b3230!important;
  background:#0b0f0e!important;
}
.summary-actions{
  gap:7px!important;
}
.summary-actions button{
  min-height:40px!important;
  border-radius:7px!important;
}

/* Responsive flow cleanup */
@media(max-width:1200px){
  .accept-layout{grid-template-columns:1fr!important}
  .accept-side{display:grid!important;grid-template-columns:1fr 1fr!important}
  .veto-duel-layout{
    grid-template-columns:1fr 1fr!important;
    grid-template-areas:"left right" "center center" "maps maps" "dc dc" "chat chat"!important;
  }
}
@media(max-width:800px){
  .flow-shell{padding:12px 12px 20px!important}
  .accept-action{grid-template-columns:70px 1fr!important}
  .accept-action p{grid-column:1/-1!important}
  .accept-side{display:flex!important}
  .veto-duel-layout{
    grid-template-columns:1fr!important;
    grid-template-areas:"center" "left" "right" "maps" "dc" "chat"!important;
  }
  .veto-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .room-grid{grid-template-columns:1fr!important}
  .room-map-card,.room-details-card{height:auto!important;min-height:290px!important}
  .summary-teams-grid{grid-template-columns:1fr!important}
}


/* =========================================================
   v0.53.6 — Ranking & Teams polish
   Visual-only cleanup. No ranking/team logic changes.
   ========================================================= */

/* ---------- Ranking ---------- */
.page-view[data-page="ranking"] .secondary-shell{
  max-width:1580px!important;
}
.page-view[data-page="ranking"] .page-hero{
  padding:21px 24px!important;
  min-height:126px!important;
  border-color:#303735!important;
  background:
    radial-gradient(circle at 12% 20%,rgba(217,58,65,.08),transparent 34%),
    linear-gradient(180deg,#101414,#0b0e0e)!important;
}
.page-view[data-page="ranking"] .page-hero h1{
  margin:5px 0 5px!important;
  font-size:27px!important;
}
.page-view[data-page="ranking"] .page-hero p{
  max-width:720px!important;
  margin:0!important;
  color:#77807b!important;
  line-height:1.45!important;
}
.page-view[data-page="ranking"] .leaderboard-card,
.page-view[data-page="ranking"] .ranking-card{
  border-color:#303735!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#0f1312,#0a0d0d)!important;
}
.page-view[data-page="ranking"] .toolbar{
  min-height:61px!important;
  padding:0 16px!important;
  border-bottom:1px solid var(--line-soft)!important;
}
.page-view[data-page="ranking"] .toolbar h2{
  margin-top:4px!important;
  font-size:19px!important;
}
.page-view[data-page="ranking"] .leaderboard-head,
.page-view[data-page="ranking"] .ranking-head{
  min-height:37px!important;
  padding:0 12px!important;
  background:#090c0c!important;
  border-bottom:1px solid #222826!important;
  color:#6e7772!important;
}
.page-view[data-page="ranking"] .leader-row,
.page-view[data-page="ranking"] .ranking-row{
  min-height:59px!important;
  padding:5px 12px!important;
  border-bottom:1px solid #202624!important;
  transition:background .14s ease,border-color .14s ease,transform .14s ease!important;
}
.page-view[data-page="ranking"] .leader-row:hover,
.page-view[data-page="ranking"] .ranking-row:hover{
  background:linear-gradient(90deg,rgba(217,58,65,.065),rgba(217,58,65,.012))!important;
}
.page-view[data-page="ranking"] .leader-row.me,
.page-view[data-page="ranking"] .ranking-row.me{
  background:linear-gradient(90deg,rgba(217,58,65,.11),rgba(217,58,65,.025))!important;
  box-shadow:inset 2px 0 #d93a41!important;
}
.page-view[data-page="ranking"] .leader-user{
  gap:10px!important;
}
.page-view[data-page="ranking"] .leader-user .avatar{
  width:34px!important;height:34px!important;
  border-radius:8px!important;
}
.page-view[data-page="ranking"] .leader-user b{
  font-size:11px!important;
}
.page-view[data-page="ranking"] .leader-user small{
  font-size:8px!important;
  color:#737c77!important;
}
.page-view[data-page="ranking"] .position{
  font-size:12px!important;
  font-weight:900!important;
  color:#919995!important;
}
.page-view[data-page="ranking"] .rank-pill{
  min-width:88px!important;
  justify-content:flex-start!important;
  padding:6px 9px!important;
  border-radius:6px!important;
  background:#0b0f0e!important;
  border:1px solid #29302e!important;
}
.page-view[data-page="ranking"] .leader-row>span,
.page-view[data-page="ranking"] .leader-row>b,
.page-view[data-page="ranking"] .ranking-row>span,
.page-view[data-page="ranking"] .ranking-row>b{
  font-size:10px!important;
}
.page-view[data-page="ranking"] .ranking-side,
.page-view[data-page="ranking"] .secondary-right{
  gap:10px!important;
}
.page-view[data-page="ranking"] .ranking-side .card,
.page-view[data-page="ranking"] .secondary-right .card{
  border-color:#2c3331!important;
  background:linear-gradient(180deg,#0e1211,#0a0d0d)!important;
}
.page-view[data-page="ranking"] .filter,
.page-view[data-page="ranking"] .seg{
  height:32px!important;
  padding:0 10px!important;
  border-radius:6px!important;
}

/* ---------- Team profile ---------- */
.page-view[data-page="teams"] .team-profile-shell{
  max-width:1580px!important;
}
.page-view[data-page="teams"] .team-profile-hero{
  min-height:114px!important;
  padding:19px 22px!important;
  border-color:#303735!important;
  background:
    radial-gradient(circle at 8% 30%,rgba(217,58,65,.09),transparent 32%),
    linear-gradient(180deg,#101414,#0b0e0e)!important;
}
.page-view[data-page="teams"] .team-profile-logo{
  width:60px!important;height:60px!important;
  border-radius:12px!important;
  font-size:18px!important;
}
.page-view[data-page="teams"] .team-title-line h1{
  font-size:25px!important;
}
.page-view[data-page="teams"] .team-profile-identity p{
  margin-top:5px!important;
  font-size:9px!important;
}
.page-view[data-page="teams"] .team-profile-actions button{
  min-height:37px!important;
}
.page-view[data-page="teams"] .team-stat-strip{
  gap:8px!important;
  margin:10px 0!important;
}
.page-view[data-page="teams"] .team-stat-mini{
  min-height:76px!important;
  padding:11px 13px!important;
  border-color:#2d3432!important;
}
.page-view[data-page="teams"] .team-stat-mini b{
  font-size:19px!important;
}
.page-view[data-page="teams"] .team-profile-grid{
  gap:10px!important;
  grid-template-columns:minmax(0,1fr) 300px!important;
}
.page-view[data-page="teams"] .team-main-column,
.page-view[data-page="teams"] .team-side-column{
  gap:10px!important;
}
.page-view[data-page="teams"] .team-roster-profile{
  border-color:#303735!important;
  background:linear-gradient(180deg,#0f1312,#0a0d0d)!important;
}
.page-view[data-page="teams"] .team-roster-profile .toolbar{
  min-height:58px!important;
  padding:0 14px!important;
  border-bottom:1px solid var(--line-soft)!important;
}
.page-view[data-page="teams"] .roster-grid{
  gap:8px!important;
  padding:12px!important;
}
.page-view[data-page="teams"] .roster-player{
  min-height:145px!important;
  padding:13px 10px!important;
  border-radius:8px!important;
  border-color:#29302e!important;
  background:linear-gradient(180deg,#0f1312,#0a0d0d)!important;
}
.page-view[data-page="teams"] .roster-player:hover{
  border-color:rgba(217,58,65,.34)!important;
  background:linear-gradient(180deg,rgba(217,58,65,.07),#0a0d0d)!important;
}
.page-view[data-page="teams"] .roster-player .big-avatar{
  width:54px!important;height:54px!important;
  border-radius:10px!important;
  margin:9px auto 9px!important;
}
.page-view[data-page="teams"] .roster-player h3{
  margin:0 0 7px!important;
  font-size:12px!important;
}
.page-view[data-page="teams"] .roster-player .role{
  top:8px!important;left:8px!important;
  font-size:7px!important;
  padding:4px 6px!important;
  border-radius:5px!important;
}
.page-view[data-page="teams"] .roster-player.captain{
  border-color:rgba(217,58,65,.43)!important;
  background:
    radial-gradient(circle at 50% 0,rgba(217,58,65,.08),transparent 44%),
    linear-gradient(180deg,#111313,#0a0d0d)!important;
}
.page-view[data-page="teams"] .team-match-history{
  border-color:#303735!important;
  padding:0 14px 9px!important;
  background:linear-gradient(180deg,#0f1312,#0a0d0d)!important;
}
.page-view[data-page="teams"] .team-match-history .toolbar{
  min-height:56px!important;
  padding:0 2px!important;
}
.page-view[data-page="teams"] .team-match-row{
  min-height:53px!important;
  gap:10px!important;
  border-top-color:#202624!important;
}
.page-view[data-page="teams"] .team-match-row:hover{
  background:rgba(217,58,65,.025)!important;
}
.page-view[data-page="teams"] .team-match-row strong{
  font-size:13px!important;
}
.page-view[data-page="teams"] .team-side-column .card{
  border-color:#2d3432!important;
  background:linear-gradient(180deg,#0e1211,#0a0d0d)!important;
}
.page-view[data-page="teams"] .team-captain-user{
  padding:8px!important;
  margin:9px -3px -3px!important;
  border-radius:7px!important;
  transition:background .14s ease,border-color .14s ease!important;
  border:1px solid transparent!important;
}
.page-view[data-page="teams"] .team-captain-user:hover{
  border-color:rgba(217,58,65,.28)!important;
  background:rgba(217,58,65,.05)!important;
}
.page-view[data-page="teams"] .team-form-profile .large-form{
  gap:5px!important;
  margin-top:12px!important;
}
.page-view[data-page="teams"] .team-form-profile .large-form span{
  width:24px!important;height:24px!important;
  border-radius:5px!important;
  font-size:8px!important;
}
.page-view[data-page="teams"] .team-info-card>div{
  min-height:35px!important;
}

/* Team links from player profiles feel like entity links, not buttons. */
.page-view[data-page="profile"] .profile-team-chip:hover{
  transform:translateY(-1px)!important;
  border-color:#a43841!important;
  box-shadow:0 0 0 1px rgba(217,58,65,.08) inset,0 8px 22px rgba(217,58,65,.08)!important;
}
.page-view[data-page="profile"] .profile-team-arrow{
  transition:transform .14s ease!important;
}
.page-view[data-page="profile"] .profile-team-chip:hover .profile-team-arrow{
  transform:translateX(2px)!important;
}

@media(max-width:1200px){
  .page-view[data-page="teams"] .team-profile-grid{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:760px){
  .page-view[data-page="ranking"] .leader-row,
  .page-view[data-page="ranking"] .ranking-row{
    padding-left:8px!important;
    padding-right:8px!important;
  }
  .page-view[data-page="teams"] .team-stat-strip{
    grid-template-columns:repeat(2,1fr)!important;
  }
}


/* =========================================================
   v0.53.7 — Tournaments, News & Info/AC polish
   Visual-only pass. Existing structure/content preserved.
   ========================================================= */

/* Shared secondary page refinement */
.page-view[data-page="tournaments"] .secondary-shell,
.page-view[data-page="news"] .secondary-shell,
.page-view[data-page="info"] .secondary-shell,
.page-view[data-page="ac"] .secondary-shell{
  max-width:1580px!important;
}
.page-view[data-page="tournaments"] .page-hero,
.page-view[data-page="news"] .page-hero,
.page-view[data-page="info"] .page-hero,
.page-view[data-page="ac"] .page-hero{
  border-color:#303735!important;
  background:
    radial-gradient(circle at 12% 10%,rgba(217,58,65,.08),transparent 34%),
    linear-gradient(180deg,#101414,#0b0e0e)!important;
}

/* ---------- Tournaments ---------- */
.page-view[data-page="tournaments"] .tournament-hero{
  min-height:122px!important;
  padding:20px 23px!important;
}
.page-view[data-page="tournaments"] .tournament-hero h1{
  font-size:27px!important;
  margin:5px 0!important;
}
.page-view[data-page="tournaments"] .tournament-hero p{
  max-width:690px!important;
  margin:0!important;
  color:#78817c!important;
}
.page-view[data-page="tournaments"] .featured-tournament{
  min-height:315px!important;
  border-color:#303735!important;
  border-radius:11px!important;
  overflow:hidden!important;
  box-shadow:0 18px 42px rgba(0,0,0,.18)!important;
}
.page-view[data-page="tournaments"] .featured-tournament:after{
  content:"";
  position:absolute;inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
.page-view[data-page="tournaments"] .featured-copy{
  max-width:760px!important;
  padding:26px 28px!important;
}
.page-view[data-page="tournaments"] .featured-copy h2{
  margin:9px 0 5px!important;
  font-size:30px!important;
  letter-spacing:-.025em!important;
}
.page-view[data-page="tournaments"] .featured-copy p{
  margin:0 0 17px!important;
  color:#b9c0bd!important;
  font-size:11px!important;
}
.page-view[data-page="tournaments"] .tourney-meta{
  gap:8px!important;
  margin:0 0 17px!important;
}
.page-view[data-page="tournaments"] .tourney-meta>div{
  min-width:136px!important;
  padding:10px 12px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:7px!important;
  background:rgba(7,10,10,.62)!important;
  backdrop-filter:blur(7px);
}
.page-view[data-page="tournaments"] .tourney-meta b{font-size:14px!important}
.page-view[data-page="tournaments"] .tourney-meta span{font-size:8px!important;color:#858e89!important}
.page-view[data-page="tournaments"] .tournament-grid{
  gap:10px!important;
  grid-template-columns:minmax(0,1fr) 315px!important;
}
.page-view[data-page="tournaments"] .tournament-list-card,
.page-view[data-page="tournaments"] .bracket-preview,
.page-view[data-page="tournaments"] .rules-mini{
  border-color:#2f3634!important;
  background:linear-gradient(180deg,#0f1312,#0a0d0d)!important;
}
.page-view[data-page="tournaments"] .tournament-list-card .toolbar{
  min-height:58px!important;
  padding:0 14px!important;
  border-bottom:1px solid var(--line-soft)!important;
}
.page-view[data-page="tournaments"] .tournament-row{
  min-height:66px!important;
  padding:7px 11px!important;
  border-bottom-color:#202624!important;
  transition:background .14s ease,border-color .14s ease!important;
}
.page-view[data-page="tournaments"] .tournament-row:hover{
  background:linear-gradient(90deg,rgba(217,58,65,.055),rgba(217,58,65,.01))!important;
}
.page-view[data-page="tournaments"] .tournament-row time{
  width:45px!important;height:45px!important;
  border-radius:7px!important;
  border-color:#2b3230!important;
  background:#0a0d0d!important;
}
.page-view[data-page="tournaments"] .tournament-map{
  width:76px!important;height:43px!important;
  border-radius:6px!important;
}
.page-view[data-page="tournaments"] .tournament-row>div>b{font-size:11px!important}
.page-view[data-page="tournaments"] .tournament-row>div>small{font-size:8px!important;color:#717a75!important}
.page-view[data-page="tournaments"] .status-chip{
  font-size:7px!important;
  padding:5px 7px!important;
  border-radius:5px!important;
}
.page-view[data-page="tournaments"] .bracket-preview,
.page-view[data-page="tournaments"] .rules-mini{padding:15px!important}
.page-view[data-page="tournaments"] .final-score{
  margin:13px 0!important;
  padding:12px!important;
  border:1px solid #29302e!important;
  border-radius:7px!important;
  background:#0a0d0d!important;
}

/* ---------- News ---------- */
.page-view[data-page="news"] .compact-hero{
  min-height:116px!important;
  padding:19px 22px!important;
}
.page-view[data-page="news"] .compact-hero h1{
  margin:5px 0!important;
  font-size:27px!important;
}
.page-view[data-page="news"] .compact-hero p{
  margin:0!important;
  color:#77807b!important;
}
.page-view[data-page="news"] .news-feature{
  min-height:330px!important;
  border-color:#303735!important;
  border-radius:11px!important;
  overflow:hidden!important;
}
.page-view[data-page="news"] .news-feature-copy{
  padding:26px 28px!important;
  max-width:720px!important;
}
.page-view[data-page="news"] .news-feature-copy h2{
  margin:10px 0 7px!important;
  font-size:31px!important;
  letter-spacing:-.025em!important;
}
.page-view[data-page="news"] .news-feature-copy p{
  margin:0 0 18px!important;
  font-size:11px!important;
  line-height:1.5!important;
  color:#c0c7c3!important;
}
.page-view[data-page="news"] .news-grid-full{
  gap:10px!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.page-view[data-page="news"] .news-tile{
  border-color:#2e3533!important;
  border-radius:9px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#0f1312,#0a0d0d)!important;
  transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease!important;
}
.page-view[data-page="news"] .news-tile:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(217,58,65,.34)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.18)!important;
}
.page-view[data-page="news"] .tile-image{
  height:150px!important;
}
.page-view[data-page="news"] .tile-image:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 45%,rgba(5,7,7,.72));
  pointer-events:none;
}
.page-view[data-page="news"] .tile-image>span{
  z-index:2!important;
  left:9px!important;bottom:9px!important;
  padding:5px 7px!important;
  border-radius:5px!important;
  border:1px solid rgba(217,58,65,.34)!important;
  color:#ff727b!important;
  background:rgba(18,8,10,.80)!important;
}
.page-view[data-page="news"] .news-tile>div:last-child{
  padding:14px!important;
}
.page-view[data-page="news"] .news-tile time{
  font-size:8px!important;
  color:#69726d!important;
}
.page-view[data-page="news"] .news-tile h3{
  margin:6px 0 6px!important;
  font-size:14px!important;
}
.page-view[data-page="news"] .news-tile p{
  margin:0!important;
  color:#77807b!important;
  font-size:9px!important;
  line-height:1.5!important;
}

/* ---------- INFO ---------- */
.page-view[data-page="info"] .info-layout,
.page-view[data-page="info"] .info-grid{
  gap:10px!important;
}
.page-view[data-page="info"] .info-card,
.page-view[data-page="info"] .rank-info-card,
.page-view[data-page="info"] .info-section-card{
  border-color:#2e3533!important;
  background:linear-gradient(180deg,#0f1312,#0a0d0d)!important;
}
.page-view[data-page="info"] .info-card,
.page-view[data-page="info"] .info-section-card{
  padding:16px!important;
}
.page-view[data-page="info"] .info-card h2,
.page-view[data-page="info"] .info-card h3,
.page-view[data-page="info"] .info-section-card h2,
.page-view[data-page="info"] .info-section-card h3{
  margin:5px 0 7px!important;
}
.page-view[data-page="info"] .info-card p,
.page-view[data-page="info"] .info-section-card p,
.page-view[data-page="info"] .info-card li{
  color:#7d8681!important;
  line-height:1.55!important;
}
.page-view[data-page="info"] .rank-info-card{
  border-radius:8px!important;
  min-height:78px!important;
  padding:10px 12px!important;
}
.page-view[data-page="info"] .rank-info-card:hover{
  border-color:rgba(217,58,65,.28)!important;
  transform:translateY(-1px)!important;
}

/* ---------- Anti-cheat ---------- */
.page-view[data-page="ac"] .ac-layout,
.page-view[data-page="ac"] .ac-grid{
  gap:10px!important;
}
.page-view[data-page="ac"] .ac-card,
.page-view[data-page="ac"] .ac-info-card,
.page-view[data-page="ac"] .ac-case-card,
.page-view[data-page="ac"] .case-review-card{
  border-color:#2e3533!important;
  background:linear-gradient(180deg,#0f1312,#0a0d0d)!important;
}
.page-view[data-page="ac"] .ac-card,
.page-view[data-page="ac"] .ac-info-card{
  padding:16px!important;
}
.page-view[data-page="ac"] .ac-card h2,
.page-view[data-page="ac"] .ac-card h3,
.page-view[data-page="ac"] .ac-info-card h2,
.page-view[data-page="ac"] .ac-info-card h3{
  margin:5px 0 7px!important;
}
.page-view[data-page="ac"] .ac-card p,
.page-view[data-page="ac"] .ac-info-card p{
  color:#7d8681!important;
  line-height:1.55!important;
}
.page-view[data-page="ac"] .ac-case-card,
.page-view[data-page="ac"] .case-review-card{
  border-radius:8px!important;
  transition:border-color .14s ease,background .14s ease,transform .14s ease!important;
}
.page-view[data-page="ac"] .ac-case-card:hover,
.page-view[data-page="ac"] .case-review-card:hover{
  border-color:rgba(217,58,65,.34)!important;
  background:linear-gradient(180deg,rgba(217,58,65,.05),#0a0d0d)!important;
  transform:translateY(-1px)!important;
}
.page-view[data-page="ac"] .ac-status,
.page-view[data-page="ac"] .case-status{
  border-radius:5px!important;
  font-size:7px!important;
  padding:5px 7px!important;
}

@media(max-width:1200px){
  .page-view[data-page="tournaments"] .tournament-grid{grid-template-columns:1fr!important}
  .page-view[data-page="news"] .news-grid-full{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .page-view[data-page="news"] .news-grid-full{grid-template-columns:1fr!important}
  .page-view[data-page="tournaments"] .tourney-meta{display:grid!important;grid-template-columns:1fr 1fr!important}
  .page-view[data-page="tournaments"] .tourney-meta>div{min-width:0!important}
  .page-view[data-page="tournaments"] .tournament-row{grid-template-columns:auto 1fr auto!important}
  .page-view[data-page="tournaments"] .tournament-map,
  .page-view[data-page="tournaments"] .tournament-row>.status-chip,
  .page-view[data-page="tournaments"] .tournament-row>strong{display:none!important}
}


/* =========================================================
   v0.53.8 — Summary rank progress bar: crimson
   ========================================================= */
.summary-rank-progress span{
  background:linear-gradient(90deg,#b92431,#ff5965)!important;
  box-shadow:0 0 10px rgba(217,58,65,.18)!important;
}


/* =========================================================
   v0.53.9 — Play lobby rank progress bar: crimson
   ========================================================= */
.progress i{
  background:linear-gradient(90deg,#b92431,#ff5965)!important;
  box-shadow:0 0 10px rgba(217,58,65,.18)!important;
}


/* v0.54.0 — remove category labels from news article images */
.news-tile .tile-image span{display:none!important;}


/* v0.54.1 — profile identity section cleanup */
.page-view[data-page="profile"] .profile-hero-identity{
  grid-template-columns:126px minmax(0,1fr)!important;
  gap:24px!important;
  align-items:start!important;
}
.page-view[data-page="profile"] .profile-avatar-stack{
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
}
.page-view[data-page="profile"] .profile-avatar-stack .profile-avatar-large{
  margin:0 auto!important;
}
.page-view[data-page="profile"] .profile-avatar-stack #profileName{
  width:100%!important;
  text-align:center!important;
  font-size:18px!important;
  line-height:1.05!important;
}
.page-view[data-page="profile"] .profile-identity-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:10px!important;
}
.page-view[data-page="profile"] .profile-meta-card{
  margin:0!important;
  width:auto!important;
  max-width:100%!important;
}
.page-view[data-page="profile"] .profile-badges{
  margin:0!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.page-view[data-page="profile"] .profile-badges span{
  min-height:28px!important;
  padding:0 10px!important;
}
.page-view[data-page="profile"] .profile-identity-bottom{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(210px,250px) minmax(0,1fr)!important;
  gap:10px!important;
  align-items:start!important;
}
.page-view[data-page="profile"] .profile-team-chip{
  width:100%!important;
  min-height:58px!important;
  margin:0!important;
  padding:10px 12px!important;
  border-radius:10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.page-view[data-page="profile"] .profile-team-logo{
  width:34px!important;
  height:34px!important;
  font-size:14px!important;
}
.page-view[data-page="profile"] .profile-team-copy small{
  font-size:8px!important;
  margin-bottom:3px!important;
}
.page-view[data-page="profile"] .profile-team-copy b{
  font-size:13px!important;
}
.page-view[data-page="profile"] .profile-team-copy em{
  display:block!important;
  margin-top:3px!important;
  font-size:8px!important;
}
.page-view[data-page="profile"] .profile-achievements{
  margin:0!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  align-items:stretch!important;
}
.page-view[data-page="profile"] .profile-achievements .achievement-badge,
.page-view[data-page="profile"] .profile-achievements .achievement-slot{
  width:100%!important;
  min-width:0!important;
  height:58px!important;
  margin:0!important;
}
.page-view[data-page="profile"] .profile-achievements .achievement-badge{
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:10px!important;
  padding:0 12px!important;
}
.page-view[data-page="profile"] .profile-achievements .achievement-icon{
  width:32px!important;
  height:32px!important;
}
.page-view[data-page="profile"] .profile-achievements .achievement-badge b{
  font-size:10px!important;
}
.page-view[data-page="profile"] .profile-achievements .achievement-slot small{
  font-size:6.5px!important;
}
.page-view[data-page="profile"] .profile-actions{
  margin-top:2px!important;
}
@media(max-width:1280px){
  .page-view[data-page="profile"] .profile-identity-bottom{
    grid-template-columns:1fr!important;
  }
  .page-view[data-page="profile"] .profile-achievements{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:760px){
  .page-view[data-page="profile"] .profile-hero-identity{
    grid-template-columns:1fr!important;
  }
  .page-view[data-page="profile"] .profile-avatar-stack{
    width:100%!important;
  }
  .page-view[data-page="profile"] .profile-identity-copy{
    width:100%!important;
  }
}


/* =========================================================
   v0.54.3 — Profile identity hotfix
   Prevents team/badge section from being squeezed/clipped.
   ========================================================= */
.page-view[data-page="profile"] .profile-hero-identity{
  grid-template-columns:126px minmax(0,1fr)!important;
  gap:24px!important;
  align-items:start!important;
}

.page-view[data-page="profile"] .profile-identity-copy{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:9px!important;
}

.page-view[data-page="profile"] .profile-meta-card{
  margin:0!important;
}

.page-view[data-page="profile"] .profile-badges{
  margin:0!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}

.page-view[data-page="profile"] .profile-identity-bottom{
  width:100%!important;
  max-width:520px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:9px!important;
}

.page-view[data-page="profile"] .profile-team-chip{
  width:100%!important;
  max-width:330px!important;
  min-height:58px!important;
  margin:0!important;
  padding:9px 12px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}

.page-view[data-page="profile"] .profile-team-logo{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
}

.page-view[data-page="profile"] .profile-team-copy{
  flex:1 1 auto!important;
  min-width:0!important;
}

.page-view[data-page="profile"] .profile-team-copy small{
  font-size:7px!important;
  margin-bottom:2px!important;
}

.page-view[data-page="profile"] .profile-team-copy b{
  font-size:11px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.page-view[data-page="profile"] .profile-team-copy em{
  display:block!important;
  margin-top:3px!important;
  font-size:7px!important;
}

.page-view[data-page="profile"] .profile-achievements{
  width:100%!important;
  max-width:430px!important;
  margin:0!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  gap:7px!important;
}

.page-view[data-page="profile"] .profile-achievements .achievement-badge{
  flex:1 1 auto!important;
  min-width:170px!important;
  max-width:220px!important;
  height:52px!important;
  padding:0 10px!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  gap:8px!important;
}

.page-view[data-page="profile"] .profile-achievements .achievement-icon{
  width:28px!important;
  height:28px!important;
}

.page-view[data-page="profile"] .profile-achievements .achievement-badge b{
  font-size:8px!important;
  white-space:nowrap!important;
}

.page-view[data-page="profile"] .profile-achievements .achievement-slot{
  flex:0 0 50px!important;
  width:50px!important;
  min-width:50px!important;
  height:52px!important;
}

.page-view[data-page="profile"] .profile-achievements .achievement-slot small{
  font-size:5.5px!important;
}

@media(max-width:1100px){
  .page-view[data-page="profile"] .profile-identity-bottom{
    max-width:none!important;
  }
  .page-view[data-page="profile"] .profile-achievements{
    max-width:none!important;
    flex-wrap:wrap!important;
  }
}

@media(max-width:760px){
  .page-view[data-page="profile"] .profile-hero-identity{
    grid-template-columns:1fr!important;
  }
  .page-view[data-page="profile"] .profile-avatar-stack{
    width:100%!important;
  }
  .page-view[data-page="profile"] .profile-team-chip{
    max-width:none!important;
  }
}


/* =========================================================
   v0.54.3 — profile badge size + tooltip polish
   Beta tester badge now matches empty badge slots.
   ========================================================= */
.page-view[data-page="profile"] .profile-achievements{
  gap:10px!important;
  align-items:stretch!important;
}
.page-view[data-page="profile"] .profile-achievements .achievement-badge.beta,
.page-view[data-page="profile"] .profile-achievements .achievement-slot{
  flex:0 0 58px!important;
  width:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  height:58px!important;
  min-height:58px!important;
  padding:0!important;
  border-radius:12px!important;
}
.page-view[data-page="profile"] .profile-achievements .achievement-badge.beta{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(217,58,65,.75)!important;
  background:linear-gradient(145deg,rgba(217,58,65,.12),rgba(11,15,14,.98))!important;
  box-shadow:inset 0 0 0 1px rgba(217,58,65,.06),0 0 0 1px rgba(217,58,65,.04)!important;
  position:relative!important;
  cursor:help!important;
  overflow:visible!important;
}
.page-view[data-page="profile"] .profile-achievements .achievement-badge.beta > div{
  display:none!important;
}
.page-view[data-page="profile"] .profile-achievements .achievement-badge.beta .achievement-icon{
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  font-size:30px!important;
  line-height:1!important;
  color:#ee5160!important;
  border:none!important;
  background:transparent!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.page-view[data-page="profile"] .profile-achievements .achievement-slot{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
}
.page-view[data-page="profile"] .profile-achievements .achievement-slot span{
  font-size:21px!important;
  line-height:1!important;
}
.page-view[data-page="profile"] .profile-achievements .achievement-slot small{
  font-size:5.5px!important;
}
.page-view[data-page="profile"] .profile-achievements .achievement-badge.beta::after{
  content:attr(data-tooltip)!important;
  position:absolute!important;
  left:50%!important;
  bottom:calc(100% + 10px)!important;
  transform:translateX(-50%) translateY(6px)!important;
  width:200px!important;
  padding:10px 12px!important;
  border-radius:10px!important;
  background:#0d1214!important;
  border:1px solid rgba(217,58,65,.45)!important;
  color:#f3f6f8!important;
  font-size:11px!important;
  line-height:1.35!important;
  text-align:left!important;
  box-shadow:0 16px 36px rgba(0,0,0,.45)!important;
  opacity:0!important;
  pointer-events:none!important;
  white-space:normal!important;
  z-index:20!important;
}
.page-view[data-page="profile"] .profile-achievements .achievement-badge.beta::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:calc(100% + 4px)!important;
  width:10px!important;
  height:10px!important;
  background:#0d1214!important;
  border-right:1px solid rgba(217,58,65,.45)!important;
  border-bottom:1px solid rgba(217,58,65,.45)!important;
  transform:translateX(-50%) rotate(45deg) translateY(6px)!important;
  opacity:0!important;
  pointer-events:none!important;
  z-index:19!important;
}
.page-view[data-page="profile"] .profile-achievements .achievement-badge.beta:hover::after,
.page-view[data-page="profile"] .profile-achievements .achievement-badge.beta:hover::before{
  opacity:1!important;
  transform:translateX(-50%) translateY(0)!important;
}
.page-view[data-page="profile"] .profile-achievements .achievement-badge.beta:hover::before{
  transform:translateX(-50%) rotate(45deg)!important;
}


/* =========================================================
   v0.54.4 — Beta badge tooltip position fix
   Keep tooltip away from the team chip above it.
   ========================================================= */
.page-view[data-page="profile"] .profile-hero,
.page-view[data-page="profile"] .profile-hero-identity,
.page-view[data-page="profile"] .profile-identity-copy,
.page-view[data-page="profile"] .profile-identity-bottom,
.page-view[data-page="profile"] .profile-achievements{
  overflow:visible!important;
}

.page-view[data-page="profile"] .profile-identity-bottom{
  position:relative!important;
  z-index:5!important;
}

.page-view[data-page="profile"] .profile-team-chip{
  position:relative!important;
  z-index:2!important;
}

.page-view[data-page="profile"] .profile-achievements{
  position:relative!important;
  z-index:10!important;
}

.page-view[data-page="profile"] .profile-achievements .achievement-badge.beta{
  z-index:20!important;
}

.page-view[data-page="profile"] .profile-achievements .achievement-badge.beta:hover{
  z-index:100!important;
}

/* Tooltip now opens to the RIGHT of the badge instead of above it. */
.page-view[data-page="profile"] .profile-achievements .achievement-badge.beta::after{
  left:calc(100% + 12px)!important;
  top:50%!important;
  bottom:auto!important;
  width:220px!important;
  transform:translateY(-50%) translateX(-6px)!important;
  z-index:1000!important;
}

.page-view[data-page="profile"] .profile-achievements .achievement-badge.beta::before{
  left:calc(100% + 5px)!important;
  top:50%!important;
  bottom:auto!important;
  width:10px!important;
  height:10px!important;
  transform:translateY(-50%) rotate(135deg)!important;
  z-index:999!important;
}

.page-view[data-page="profile"] .profile-achievements .achievement-badge.beta:hover::after{
  opacity:1!important;
  transform:translateY(-50%) translateX(0)!important;
}

.page-view[data-page="profile"] .profile-achievements .achievement-badge.beta:hover::before{
  opacity:1!important;
  transform:translateY(-50%) rotate(135deg)!important;
}

@media(max-width:760px){
  /* On narrow screens open it below so it cannot run off-screen. */
  .page-view[data-page="profile"] .profile-achievements .achievement-badge.beta::after{
    left:0!important;
    top:calc(100% + 10px)!important;
    bottom:auto!important;
    transform:translateY(-5px)!important;
    width:min(220px,calc(100vw - 40px))!important;
  }
  .page-view[data-page="profile"] .profile-achievements .achievement-badge.beta::before{
    left:20px!important;
    top:calc(100% + 4px)!important;
    transform:rotate(225deg)!important;
  }
  .page-view[data-page="profile"] .profile-achievements .achievement-badge.beta:hover::after{
    transform:translateY(0)!important;
  }
  .page-view[data-page="profile"] .profile-achievements .achievement-badge.beta:hover::before{
    transform:rotate(225deg)!important;
  }
}


/* =========================================================
   v0.55.0 — PEEK.ME Premium foundation
   ========================================================= */
.main-nav{gap:7px!important}
.main-nav .premium-nav-link span{
  color:#d8bc72;
  transition:color .16s ease;
}
.main-nav .premium-nav-link:hover span{color:#ffe49b}
.main-nav .premium-nav-link:hover{
  border-color:#7b6230!important;
  background:linear-gradient(180deg,rgba(190,151,64,.10),rgba(190,151,64,.035))!important;
  box-shadow:0 0 18px rgba(190,151,64,.07)!important;
}
@media(min-width:1360px){
  .main-nav{grid-template-columns:repeat(9,minmax(68px,1fr))!important}
}

/* Gold frame around premium avatars. It decorates, but does not replace rank colors. */
.avatar.premium-avatar-frame{
  box-shadow:
    0 0 0 2px #d3ad53,
    0 0 0 4px rgba(211,173,83,.13),
    0 6px 18px rgba(0,0,0,.24)!important;
}
.avatar.premium-avatar-frame:before{
  content:"P";
  position:absolute;
  left:-5px;
  top:-6px;
  min-width:15px;
  height:15px;
  padding:0 3px;
  display:grid;
  place-items:center;
  border-radius:5px;
  z-index:5;
  border:1px solid #dfbc67;
  background:linear-gradient(145deg,#f1d58c,#9f7624);
  color:#171107;
  font-size:7px;
  line-height:1;
  font-weight:950;
  box-shadow:0 4px 10px rgba(0,0,0,.30);
}
.room-player-avatar.premium-avatar-image,
.veto-player-avatar.premium-avatar-image{
  border:2px solid #d3ad53!important;
  box-shadow:0 0 0 2px rgba(211,173,83,.12),0 8px 20px rgba(0,0,0,.24)!important;
  border-radius:9px!important;
}

/* Premium achievement uses the same square slot size as beta / empty slots. */
.page-view[data-page="profile"] .profile-achievements .achievement-badge.premium,
.page-view[data-page="profile"] .profile-achievements .achievement-slot.premium-slot-fallback{
  flex:0 0 58px!important;
  width:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  height:58px!important;
  min-height:58px!important;
  padding:0!important;
  border-radius:12px!important;
}
.page-view[data-page="profile"] .profile-achievements .achievement-badge.premium{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  position:relative!important;
}
.page-view[data-page="profile"] .profile-achievements .achievement-badge.premium > div{
  display:none!important;
}
.page-view[data-page="profile"] .profile-achievements .achievement-badge.premium .achievement-icon{
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  font-size:28px!important;
  line-height:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:none!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Premium achievement uses an existing badge slot, not extra capacity. */
.page-view[data-page="profile"] .achievement-badge.premium{
  border-color:#8b6d2f!important;
  background:linear-gradient(145deg,rgba(211,173,83,.13),#0b0f0e 72%)!important;
}
.page-view[data-page="profile"] .achievement-badge.premium .achievement-icon{
  color:#f2d98f!important;
  border-color:#9b7932!important;
  background:#201a0d!important;
}
.page-view[data-page="profile"] .achievement-badge.premium::after{
  border-color:rgba(211,173,83,.48)!important;
}

/* Lobby map preference is a premium entitlement. */
.map.premium-locked{
  cursor:pointer!important;
  border-color:#4b4028!important;
}
.map.premium-locked img{
  filter:saturate(.42) brightness(.52)!important;
}
.map.premium-locked:after{
  background:linear-gradient(180deg,rgba(10,10,8,.18),rgba(7,8,8,.91))!important;
}
.map.premium-locked i{
  background:linear-gradient(145deg,#e2c16c,#8f6921)!important;
  color:#161006!important;
  border:1px solid #e8cb7e!important;
}
.map.premium-locked:hover{
  border-color:#aa8740!important;
  box-shadow:0 0 0 1px rgba(211,173,83,.12) inset,0 8px 20px rgba(211,173,83,.06)!important;
}

/* Premium page */
.premium-shell{max-width:1580px!important}
.premium-hero{
  min-height:270px;
  padding:30px 34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:34px;
  border-color:#4f4228!important;
  background:
    radial-gradient(circle at 78% 40%,rgba(211,173,83,.13),transparent 31%),
    radial-gradient(circle at 14% 15%,rgba(217,58,65,.07),transparent 38%),
    linear-gradient(145deg,#121311,#0a0d0d 72%)!important;
}
.premium-hero-copy{max-width:760px}
.premium-kicker{
  color:#e4c774;
  font-size:9px;
  font-weight:950;
  letter-spacing:.16em;
}
.premium-hero h1{font-size:35px;line-height:1.04;margin:10px 0 12px;letter-spacing:-.03em}
.premium-hero p{max-width:700px;color:#858e89;font-size:12px;line-height:1.55;margin:0}
.premium-hero-actions{display:flex;align-items:center;gap:14px;margin-top:22px}
.premium-main-action{
  background:linear-gradient(135deg,#e4c774,#a67b27)!important;
  color:#151108!important;
  box-shadow:0 0 0 1px #7b5b1b inset!important;
}
.premium-main-action.inactive{
  background:linear-gradient(135deg,#d93a41,#b4232d)!important;
  color:#fff!important;
}
.premium-account-state{display:flex;align-items:center;gap:7px;color:#bac1bd;font-size:9px}
.premium-account-state i{width:7px;height:7px;border-radius:50%;background:#d6b457;box-shadow:0 0 10px rgba(214,180,87,.42)}
.premium-visual{
  min-width:305px;
  min-height:155px;
  border:1px solid #4d4128;
  border-radius:13px;
  background:rgba(10,12,11,.72);
  display:flex;
  align-items:center;
  gap:18px;
  padding:22px;
}
.premium-avatar-demo{position:relative}
.premium-avatar-demo .avatar{width:76px;height:76px;font-size:27px}
.premium-crown{
  position:absolute;right:-5px;top:-8px;
  width:24px;height:24px;border-radius:8px;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#f0d487,#9f7624);
  border:1px solid #f1d98e;
  color:#151006;font-size:10px;font-weight:950;
}
.premium-visual>div:last-child{display:flex;flex-direction:column}
.premium-visual small{color:#747d78;font-size:8px;font-weight:900;letter-spacing:.1em}
.premium-visual strong{font-size:23px;color:#edd285;margin:5px 0 4px}
.premium-visual span{font-size:9px;color:#8a928e}
.premium-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0}
.premium-benefit-card{
  min-height:190px;
  padding:20px;
  display:flex;
  gap:16px;
  border-color:#332f24!important;
}
.premium-benefit-icon{
  flex:0 0 45px;width:45px;height:45px;border-radius:10px;
  display:grid;place-items:center;
  border:1px solid #8d6e2e;
  background:#19160c;
  color:#e2c472;
  font-size:16px;font-weight:950;
}
.premium-benefit-card h2{margin:6px 0 8px;font-size:18px}
.premium-benefit-card p{margin:0;color:#7d8581;font-size:10px;line-height:1.5}
.premium-policy-card{
  padding:20px 22px;
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  gap:24px;
  align-items:center;
  border-color:#303735!important;
}
.premium-policy-card h2{margin:5px 0 0;font-size:18px}
.premium-policy-card p{margin:0;color:#7f8883;font-size:10px;line-height:1.55}

@media(max-width:1000px){
  .premium-hero{flex-direction:column;align-items:flex-start}
  .premium-visual{width:100%}
  .premium-benefit-grid{grid-template-columns:1fr}
  .premium-policy-card{grid-template-columns:1fr}
}


/* v0.55.5 — premium map defaults + visible premium markers in room / veto */
.room-player-avatar-wrap,
.veto-player-avatar-wrap{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.room-player-avatar-wrap.premium,
.veto-player-avatar-wrap.premium{
  filter:drop-shadow(0 4px 10px rgba(201,164,78,.22));
}
.room-player-avatar-wrap.premium .room-player-avatar,
.veto-player-avatar-wrap.premium .veto-player-avatar{
  border:2px solid #d3ad53!important;
  box-shadow:0 0 0 2px rgba(211,173,83,.12),0 10px 24px rgba(0,0,0,.26)!important;
}
.premium-mini-badge{
  position:absolute;
  left:-5px;
  top:-6px;
  min-width:15px;
  height:15px;
  padding:0 3px;
  display:grid;
  place-items:center;
  border-radius:5px;
  z-index:6;
  border:1px solid #dfbc67;
  background:linear-gradient(145deg,#f1d58c,#9f7624);
  color:#171107;
  font-size:7px;
  line-height:1;
  font-style:normal;
  font-weight:950;
  box-shadow:0 4px 10px rgba(0,0,0,.30);
}
.premium-name-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:6px;
  padding:2px 6px;
  border-radius:999px;
  border:1px solid rgba(223,188,103,.35);
  background:rgba(223,188,103,.08);
  color:#edd285;
  font-size:8px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.room-player-copy{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
}
.veto-player-copy .player-line{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}


/* v0.55.6 — cleaner profile badge tooltips + flag presentation */
.country-flag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-right:6px;
  font-size:12px;
  line-height:1;
}
.country-name{display:inline-flex;align-items:center}
.meta-separator{margin:0 6px;color:#55605d}
.page-view[data-page="profile"] #profileMeta,
.page-view[data-page="ranking"] .leader-user small,
.leader-user small{
  display:flex;
  align-items:center;
  gap:0;
  flex-wrap:wrap;
}
.page-view[data-page="profile"] .profile-achievements .achievement-badge.beta::before,
.page-view[data-page="profile"] .profile-achievements .achievement-badge.premium::before{
  display:none!important;
  content:none!important;
}
.page-view[data-page="profile"] .profile-achievements .achievement-badge.beta::after,
.page-view[data-page="profile"] .profile-achievements .achievement-badge.premium::after{
  content:attr(data-tooltip)!important;
  position:absolute!important;
  left:calc(100% + 10px)!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:210px!important;
  padding:9px 11px!important;
  border-radius:10px!important;
  border:1px solid rgba(217,58,65,.34)!important;
  background:linear-gradient(180deg,rgba(16,18,19,.98),rgba(9,11,12,.98))!important;
  color:#d6ddda!important;
  font-size:10px!important;
  line-height:1.45!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
  white-space:normal!important;
  text-transform:none!important;
  box-shadow:0 10px 26px rgba(0,0,0,.28)!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:translateY(-50%) translateX(-6px)!important;
  z-index:1200!important;
}
.page-view[data-page="profile"] .profile-achievements .achievement-badge.premium::after{
  border-color:rgba(211,173,83,.38)!important;
  color:#e2d7b7!important;
}
.page-view[data-page="profile"] .profile-achievements .achievement-badge.beta:hover::after,
.page-view[data-page="profile"] .profile-achievements .achievement-badge.premium:hover::after{
  opacity:1!important;
  transform:translateY(-50%) translateX(0)!important;
}
@media(max-width:760px){
  .page-view[data-page="profile"] .profile-achievements .achievement-badge.beta::after,
  .page-view[data-page="profile"] .profile-achievements .achievement-badge.premium::after{
    left:0!important;
    top:calc(100% + 8px)!important;
    width:min(210px,calc(100vw - 42px))!important;
    transform:translateY(-4px)!important;
  }
  .page-view[data-page="profile"] .profile-achievements .achievement-badge.beta:hover::after,
  .page-view[data-page="profile"] .profile-achievements .achievement-badge.premium:hover::after{
    transform:translateY(0)!important;
  }
}


/* v0.55.7 — veto readability + premium order */
.veto-team-card .team-person{
  min-height:74px!important;
  padding:10px 12px!important;
  grid-template-columns:46px minmax(0,1fr) auto!important;
  gap:12px!important;
}
.veto-team-card .veto-player-avatar{
  width:42px!important;
  height:42px!important;
  border-radius:9px!important;
}
.veto-team-card .veto-player-copy{
  gap:8px!important;
}
.veto-team-card .player-line{
  gap:8px!important;
  align-items:center!important;
  flex-wrap:wrap!important;
}
.veto-team-card .player-line>b,
.veto-player-copy .player-line b{
  font-size:15px!important;
  line-height:1!important;
  font-weight:950!important;
  color:#f5f7f6!important;
}
.veto-team-card .player-line .mini-rank{
  height:20px!important;
  padding:0 9px!important;
  font-size:7.7px!important;
  letter-spacing:.08em!important;
}
.veto-team-card .veto-premium-badge,
.veto-team-card .premium-name-badge{
  margin-left:0!important;
  padding:0 9px!important;
  height:20px!important;
  min-height:20px!important;
  border-radius:999px!important;
  font-size:7.7px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  line-height:1!important;
  border:1px solid rgba(223,188,103,.35)!important;
  background:rgba(223,188,103,.08)!important;
  color:#edd285!important;
}
.veto-team-card .veto-player-stats{
  gap:0!important;
}
.veto-team-card .veto-player-stats strong,
.veto-team-card .veto-player-stats span,
.veto-player-stats strong,
.veto-player-stats span{
  font-size:10px!important;
  line-height:1!important;
}
.veto-team-card .veto-player-stats strong{
  color:#edf2ef!important;
  font-weight:900!important;
  padding-right:10px!important;
}
.veto-team-card .veto-player-stats span{
  color:#b9c2bd!important;
  font-weight:760!important;
  padding:0 10px!important;
  border-left:1px solid #303633!important;
}
.veto-team-card .veto-player-stats span:last-child{padding-right:0!important}
.veto-team-card .team-person>em{
  font-size:10px!important;
  font-weight:900!important;
}


/* =========================================================
   v0.55.8 — professional Premium page
   ========================================================= */
.page-view[data-page="premium"] .premium-page-pro{
  max-width:1480px!important;
  padding-top:24px!important;
}
.page-view[data-page="premium"] .premium-pro-hero{
  min-height:238px!important;
  padding:34px 38px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 360px!important;
  gap:42px!important;
  align-items:center!important;
  border-color:#39362c!important;
  background:
    radial-gradient(circle at 84% 50%,rgba(209,174,83,.09),transparent 30%),
    linear-gradient(145deg,#101312,#0a0d0d 72%)!important;
}
.page-view[data-page="premium"] .premium-pro-copy{max-width:720px!important}
.page-view[data-page="premium"] .premium-kicker{
  color:#d8bc72!important;
  font-size:9px!important;
  letter-spacing:.16em!important;
  font-weight:950!important;
}
.page-view[data-page="premium"] .premium-pro-copy h1{
  margin:10px 0 12px!important;
  font-size:36px!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
}
.page-view[data-page="premium"] .premium-pro-copy p{
  max-width:650px!important;
  margin:0!important;
  color:#929a96!important;
  font-size:11px!important;
  line-height:1.6!important;
}
.page-view[data-page="premium"] .premium-pro-actions{
  margin-top:22px!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
}
.page-view[data-page="premium"] .premium-main-action{
  min-width:165px!important;
  height:39px!important;
  background:linear-gradient(135deg,#d8bc72,#9e792d)!important;
  color:#151108!important;
  box-shadow:0 0 0 1px rgba(255,231,166,.16) inset!important;
}
.page-view[data-page="premium"] .premium-account-state{
  color:#aeb6b2!important;
  font-size:9px!important;
}
.page-view[data-page="premium"] .premium-account-state i{
  background:#d6b457!important;
  box-shadow:0 0 9px rgba(214,180,87,.30)!important;
}
.page-view[data-page="premium"] .premium-pro-account{
  min-height:132px!important;
  padding:18px!important;
  border:1px solid #3b392f!important;
  border-radius:11px!important;
  background:rgba(8,11,10,.72)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
}
.page-view[data-page="premium"] .premium-pro-user{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
}
.page-view[data-page="premium"] .premium-preview-avatar{
  width:58px!important;
  height:58px!important;
  font-size:21px!important;
}
.page-view[data-page="premium"] .premium-crown{display:none!important}
.page-view[data-page="premium"] .premium-pro-user>div{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}
.page-view[data-page="premium"] .premium-pro-user b{font-size:13px!important}
.page-view[data-page="premium"] .premium-pro-user small{
  color:#d8bc72!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
}
.page-view[data-page="premium"] .premium-pro-account-meta{
  border-top:1px solid #242925!important;
  padding-top:12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
.page-view[data-page="premium"] .premium-pro-account-meta span{
  color:#747c78!important;
  font-size:7px!important;
  letter-spacing:.12em!important;
  font-weight:900!important;
}
.page-view[data-page="premium"] .premium-pro-account-meta b{
  color:#d8bc72!important;
  font-size:9px!important;
  letter-spacing:.08em!important;
}
.page-view[data-page="premium"] .premium-pro-benefits{
  margin-top:12px!important;
  border-color:#2d3431!important;
  background:linear-gradient(180deg,#0e1211,#0a0d0d)!important;
}
.page-view[data-page="premium"] .premium-pro-section-head{
  min-height:68px!important;
  padding:0 20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border-bottom:1px solid #202624!important;
}
.page-view[data-page="premium"] .premium-pro-section-head h2{
  margin:5px 0 0!important;
  font-size:18px!important;
}
.page-view[data-page="premium"] .premium-pro-section-head>small{
  color:#6f7873!important;
  font-size:8px!important;
}
.page-view[data-page="premium"] .premium-pro-list{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.page-view[data-page="premium"] .premium-pro-list article{
  min-height:150px!important;
  padding:22px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:13px!important;
  align-content:start!important;
  border-right:1px solid #202624!important;
}
.page-view[data-page="premium"] .premium-pro-list article:last-child{border-right:0!important}
.page-view[data-page="premium"] .premium-pro-icon{
  width:30px!important;
  height:30px!important;
  border-radius:7px!important;
  border:1px solid #5f512d!important;
  background:#15140f!important;
  color:#d8bc72!important;
  display:grid!important;
  place-items:center!important;
  font-size:8px!important;
  font-weight:950!important;
}
.page-view[data-page="premium"] .premium-pro-list h3{
  margin:2px 0 7px!important;
  font-size:13px!important;
}
.page-view[data-page="premium"] .premium-pro-list p{
  margin:0!important;
  color:#7f8883!important;
  font-size:9px!important;
  line-height:1.55!important;
}
.page-view[data-page="premium"] .premium-pro-note{
  margin-top:10px!important;
  min-height:44px!important;
  padding:0 4px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  color:#6f7773!important;
}
.page-view[data-page="premium"] .premium-pro-note span{
  color:#8d9691!important;
  font-size:7px!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
}
.page-view[data-page="premium"] .premium-pro-note p{
  margin:0!important;
  font-size:8px!important;
}
@media(max-width:1000px){
  .page-view[data-page="premium"] .premium-pro-hero{grid-template-columns:1fr!important}
  .page-view[data-page="premium"] .premium-pro-account{width:100%!important}
  .page-view[data-page="premium"] .premium-pro-list{grid-template-columns:1fr!important}
  .page-view[data-page="premium"] .premium-pro-list article{border-right:0!important;border-bottom:1px solid #202624!important}
  .page-view[data-page="premium"] .premium-pro-list article:last-child{border-bottom:0!important}
}


/* v0.55.9 — extra veto player stats without clutter */
.veto-team-card .veto-player-stats{
  overflow:visible!important;
  flex-wrap:wrap!important;
  row-gap:5px!important;
}
.veto-team-card .veto-player-stats strong,
.veto-team-card .veto-player-stats span{
  font-size:9.4px!important;
}
.veto-team-card .veto-player-stats span{
  padding:0 8px!important;
}
.veto-team-card .team-person{
  min-height:78px!important;
}
@media(max-width:1280px){
  .veto-team-card .veto-player-stats strong,
  .veto-team-card .veto-player-stats span{font-size:8.7px!important}
  .veto-team-card .veto-player-stats span{padding:0 6px!important}
}


/* =========================================================
   v0.57.0 — Premium Captain Priority
   ========================================================= */
.party-member.leader .party-leader-tag{
  letter-spacing:.08em!important;
}
.party-member.leader .avatar.premium-avatar-frame{
  box-shadow:
    0 0 0 2px #d3ad53,
    0 0 0 4px rgba(211,173,83,.16),
    0 0 18px rgba(211,173,83,.10)!important;
}
.veto-team-card .premium-captain-label{
  color:#e5c76f!important;
  border:1px solid rgba(211,173,83,.30)!important;
  background:rgba(211,173,83,.07)!important;
  padding:4px 6px!important;
  border-radius:5px!important;
  white-space:nowrap!important;
}
.page-view[data-page="premium"] .premium-pro-list{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
@media(max-width:1180px){
  .page-view[data-page="premium"] .premium-pro-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .page-view[data-page="premium"] .premium-pro-list article:nth-child(2){
    border-right:0!important;
  }
}
@media(max-width:700px){
  .page-view[data-page="premium"] .premium-pro-list{
    grid-template-columns:1fr!important;
  }
  .page-view[data-page="premium"] .premium-pro-list article{
    border-right:0!important;
  }
}


/* =========================================================
   v0.57.0 — profile badge tooltip hotfix
   - removes native title-tooltip duplication
   - keeps beta/premium tooltip outside the badge correctly
   - enables premium tooltip by using overflow:visible
   ========================================================= */
.page-view[data-page="profile"] .profile-achievements{
  overflow:visible!important;
}
.page-view[data-page="profile"] .profile-achievements .achievement-badge.beta,
.page-view[data-page="profile"] .profile-achievements .achievement-badge.premium{
  position:relative!important;
  overflow:visible!important;
  cursor:help!important;
  isolation:isolate!important;
}
.page-view[data-page="profile"] .profile-achievements .achievement-badge.beta:hover,
.page-view[data-page="profile"] .profile-achievements .achievement-badge.premium:hover{
  z-index:1400!important;
}
.page-view[data-page="profile"] .profile-achievements .achievement-badge.beta::after,
.page-view[data-page="profile"] .profile-achievements .achievement-badge.premium::after{
  left:calc(100% + 12px)!important;
  top:50%!important;
  bottom:auto!important;
  right:auto!important;
  min-width:220px!important;
  max-width:240px!important;
  width:max-content!important;
  transform:translateY(-50%) translateX(-6px)!important;
}
.page-view[data-page="profile"] .profile-achievements .achievement-badge.beta:hover::after,
.page-view[data-page="profile"] .profile-achievements .achievement-badge.premium:hover::after{
  transform:translateY(-50%) translateX(0)!important;
}
@media(max-width:760px){
  .page-view[data-page="profile"] .profile-achievements .achievement-badge.beta::after,
  .page-view[data-page="profile"] .profile-achievements .achievement-badge.premium::after{
    left:0!important;
    top:calc(100% + 8px)!important;
    min-width:0!important;
    width:min(220px,calc(100vw - 40px))!important;
    max-width:calc(100vw - 40px)!important;
    transform:translateY(-4px)!important;
  }
  .page-view[data-page="profile"] .profile-achievements .achievement-badge.beta:hover::after,
  .page-view[data-page="profile"] .profile-achievements .achievement-badge.premium:hover::after{
    transform:translateY(0)!important;
  }
}

/* v0.57.0 — Premium sales + identity */
.premium-sales-shell{max-width:1480px!important;padding-top:24px!important}.premium-sales-hero{min-height:250px!important;padding:36px 40px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 365px!important;gap:46px!important;align-items:center!important;border-color:#37362f!important;background:radial-gradient(circle at 84% 45%,rgba(212,177,83,.10),transparent 30%),radial-gradient(circle at 16% 10%,rgba(217,58,65,.045),transparent 36%),linear-gradient(145deg,#101312,#090c0c 74%)!important}.premium-sales-copy{max-width:760px!important}.premium-sales-copy h1{margin:10px 0 12px!important;font-size:37px!important;line-height:1.02!important;letter-spacing:-.035em!important}.premium-sales-copy>p{max-width:670px!important;margin:0!important;color:#929b96!important;font-size:11px!important;line-height:1.65!important}.premium-sales-actions{margin-top:23px!important;display:flex!important;align-items:center!important;gap:14px!important}.premium-sales-actions .premium-main-action{height:40px!important;min-width:170px!important;background:linear-gradient(135deg,#dfc477,#9e792c)!important;color:#151108!important}.premium-account-preview{min-height:164px!important;padding:18px!important;border:1px solid #403b2b!important;border-radius:12px!important;background:rgba(8,11,10,.78)!important;display:flex!important;flex-direction:column!important;gap:14px!important}.premium-account-label{font-size:7px!important;color:#777f7b!important;font-weight:950!important;letter-spacing:.13em!important}.premium-account-user{display:flex!important;align-items:center!important;gap:14px!important;padding-bottom:13px!important;border-bottom:1px solid #242824!important}.premium-account-user>div{display:flex!important;flex-direction:column!important;gap:4px!important}.premium-account-user b{font-size:14px!important}.premium-account-user small{font-size:8px!important;color:#dcc274!important;font-weight:900!important;letter-spacing:.1em!important}.premium-preview-avatar{width:58px!important;height:58px!important;font-size:21px!important}.premium-account-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px!important}.premium-account-row span{font-size:7px!important;color:#6f7773!important;font-weight:900!important;letter-spacing:.1em!important}.premium-account-row b{font-size:8px!important;color:#d7c27d!important;letter-spacing:.06em!important}.premium-value-card{margin-top:12px!important;border-color:#2d3431!important}.premium-value-head{min-height:74px!important;padding:0 22px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid #202624!important}.premium-value-head h2{margin:5px 0 0!important;font-size:18px!important}.premium-value-head>small{color:#717a75!important;font-size:8px!important}.premium-value-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}.premium-value-grid article{min-height:158px!important;padding:23px 21px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:13px!important;border-right:1px solid #202624!important}.premium-value-grid article:last-child{border-right:0!important}.premium-feature-no{width:30px!important;height:30px!important;border:1px solid #5d502c!important;border-radius:7px!important;background:#15140f!important;color:#d9be70!important;display:grid!important;place-items:center!important;font-size:8px!important;font-weight:950!important}.premium-value-grid b{font-size:12px!important}.premium-value-grid p{margin:7px 0 0!important;color:#7f8883!important;font-size:9px!important;line-height:1.55!important}.premium-sales-footer{min-height:58px!important;margin-top:10px!important;padding:0 5px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px!important;align-items:center!important}.premium-sales-footer>div{display:flex!important;align-items:center!important;gap:10px!important}.premium-sales-footer span{font-size:7px!important;font-weight:950!important;letter-spacing:.12em!important;color:#8f9793!important}.premium-sales-footer p{margin:0!important;color:#707974!important;font-size:8px!important}.avatar.premium-avatar-frame{position:relative!important;overflow:visible!important;box-shadow:0 0 0 2px #d3ad53,0 0 0 4px rgba(211,173,83,.12),0 7px 19px rgba(0,0,0,.24)!important}.avatar.premium-avatar-frame::before{content:"P"!important;position:absolute!important;left:-5px!important;top:-6px!important;min-width:15px!important;height:15px!important;padding:0 3px!important;display:grid!important;place-items:center!important;border-radius:5px!important;z-index:20!important;border:1px solid #dfbc67!important;background:linear-gradient(145deg,#f1d58c,#9f7624)!important;color:#171107!important;font-size:7px!important;line-height:1!important;font-weight:950!important}.premium-player .avatar{border-color:#d3ad53!important}@media(max-width:1050px){.premium-sales-hero{grid-template-columns:1fr!important}.premium-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:720px){.premium-value-grid{grid-template-columns:1fr!important}.premium-sales-footer{grid-template-columns:1fr!important}}


/* v0.71.0 — profile/ranking country flags + stronger profile meta pill */
.country-flag{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:16px!important;
  height:16px!important;
  margin-right:6px!important;
  flex:0 0 16px!important;
}
.country-flag-img{
  display:block!important;
  width:16px!important;
  height:16px!important;
  object-fit:cover!important;
  border-radius:50%!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.08)!important;
}
.country-name{display:inline-flex!important;align-items:center!important;line-height:1!important}
.page-view[data-page="profile"] #profileMeta{
  min-height:30px!important;
  padding:0 10px!important;
  border:1px solid #303635!important;
  background:#111514!important;
  border-radius:6px!important;
  color:#d5dcda!important;
  font-size:8px!important;
  font-weight:850!important;
  letter-spacing:.02em!important;
}
.page-view[data-page="profile"] #profileMeta .country-name,
.page-view[data-page="profile"] #profileMeta span:last-child{
  color:#d5dcda!important;
  font-size:8px!important;
  font-weight:850!important;
}
.page-view[data-page="profile"] #profileMeta .meta-separator{
  margin:0 5px!important;
  color:#7e8782!important;
  font-weight:850!important;
}
.page-view[data-page="ranking"] .leader-user small,
.leader-user small{
  display:inline-flex!important;
  align-items:center!important;
  gap:0!important;
  flex-wrap:nowrap!important;
  color:#8b9490!important;
  font-weight:800!important;
}
.page-view[data-page="ranking"] .leader-user small .country-name,
.leader-user small .country-name{
  font-size:8px!important;
  font-weight:800!important;
}


/* =========================================================
   v0.71.0 — Ranking polish + complete country flags
   ========================================================= */
.page-view[data-page="ranking"] .secondary-shell{
  max-width:1540px!important;
  padding-top:18px!important;
}
.page-view[data-page="ranking"] .page-hero{
  min-height:124px!important;
  padding:22px 24px!important;
  border-color:#2d3431!important;
  background:
    radial-gradient(circle at 86% 34%,rgba(217,58,65,.055),transparent 30%),
    linear-gradient(145deg,#101413,#0a0d0d 74%)!important;
}
.page-view[data-page="ranking"] .page-hero h1{
  font-size:30px!important;
  margin:7px 0 8px!important;
}
.page-view[data-page="ranking"] .page-hero p{
  max-width:690px!important;
  font-size:10px!important;
  line-height:1.55!important;
  color:#89928d!important;
}
.page-view[data-page="ranking"] .ranking-hero-controls{
  gap:8px!important;
}
.page-view[data-page="ranking"] .ranking-season-wrap{
  height:40px!important;
  min-width:138px!important;
  padding:5px 9px!important;
  border-color:#303735!important;
  background:#0b0f0e!important;
}
.page-view[data-page="ranking"] .ranking-mode-tabs{
  height:40px!important;
}
.page-view[data-page="ranking"] .ranking-mode-tabs .seg{
  height:32px!important;
  min-width:54px!important;
  font-size:8px!important;
}

/* Center ranking is the focus. Side panels stay compact. */
.page-view[data-page="ranking"] .ranking-layout-final{
  grid-template-columns:270px minmax(0,1fr) 255px!important;
  gap:12px!important;
}
.page-view[data-page="ranking"] .leaderboard-card{
  border-color:#303735!important;
  background:linear-gradient(180deg,#0d1110,#090c0c)!important;
}
.page-view[data-page="ranking"] .ranking-toolbar{
  height:72px!important;
  padding:0 16px!important;
  border-bottom:1px solid #222826!important;
}
.page-view[data-page="ranking"] .ranking-toolbar h2{
  font-size:20px!important;
  margin-top:4px!important;
}
.page-view[data-page="ranking"] .ranking-toolbar .eyebrow{
  font-size:8px!important;
}
.page-view[data-page="ranking"] .ranking-filters{
  gap:7px!important;
}
.page-view[data-page="ranking"] .filter,
.page-view[data-page="ranking"] .ranking-search{
  height:30px!important;
}
.page-view[data-page="ranking"] .ranking-search{
  width:185px!important;
}
.page-view[data-page="ranking"] .ranking-result-line{
  height:34px!important;
  padding:0 16px!important;
  font-size:8px!important;
  background:rgba(255,255,255,.008)!important;
}

/* Cleaner table header. */
.page-view[data-page="ranking"] .table-head{
  min-height:38px!important;
  padding:0 16px!important;
  border-bottom:1px solid #252c29!important;
  color:#6f7974!important;
  font-size:7px!important;
  letter-spacing:.10em!important;
  font-weight:900!important;
  background:#0b0f0e!important;
}

/* More readable player rows without becoming bulky. */
.page-view[data-page="ranking"] .leader-row{
  min-height:58px!important;
  padding:0 16px!important;
  border-bottom:1px solid #1f2523!important;
  transition:background .14s ease,border-color .14s ease!important;
}
.page-view[data-page="ranking"] .leader-row:hover{
  background:#101513!important;
}
.page-view[data-page="ranking"] .leader-row.me{
  background:linear-gradient(90deg,rgba(217,58,65,.105),rgba(217,58,65,.018))!important;
  box-shadow:inset 2px 0 #d93a41!important;
}
.page-view[data-page="ranking"] .leader-user{
  gap:10px!important;
  min-width:0!important;
}
.page-view[data-page="ranking"] .leader-user .avatar{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  border-radius:9px!important;
}
.page-view[data-page="ranking"] .leader-user>div{
  min-width:0!important;
}
.page-view[data-page="ranking"] .leader-user b{
  font-size:11px!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.page-view[data-page="ranking"] .leader-user small{
  margin-top:4px!important;
  min-height:16px!important;
  color:#89928d!important;
}
.page-view[data-page="ranking"] .country-flag{
  width:15px!important;
  height:15px!important;
  flex-basis:15px!important;
  margin-right:6px!important;
}
.page-view[data-page="ranking"] .country-flag-img{
  width:15px!important;
  height:15px!important;
  border-radius:50%!important;
}
.page-view[data-page="ranking"] .country-name{
  font-size:8px!important;
  color:#89928d!important;
}
.page-view[data-page="ranking"] .position{
  font-size:11px!important;
  color:#929b96!important;
}
.page-view[data-page="ranking"] .leader-row.me .position{
  color:#ff5965!important;
}
.page-view[data-page="ranking"] .rank-pill{
  width:max-content!important;
  min-height:21px!important;
  padding:0 8px!important;
  border:1px solid #303735!important;
  border-radius:999px!important;
  background:#0c100f!important;
  font-size:8px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}
.page-view[data-page="ranking"] .leader-matches,
.page-view[data-page="ranking"] .leader-win{
  font-size:9px!important;
  color:#a5ada9!important;
}
.page-view[data-page="ranking"] .current-elo{
  font-size:11px!important;
  color:#eef1ef!important;
}

/* Side cards: useful, but visually secondary. */
.page-view[data-page="ranking"] .secondary-left,
.page-view[data-page="ranking"] .secondary-right{
  gap:12px!important;
}
.page-view[data-page="ranking"] .secondary-left .card,
.page-view[data-page="ranking"] .secondary-right .card{
  border-color:#292f2d!important;
  background:linear-gradient(180deg,#0d1110,#090c0c)!important;
}
.page-view[data-page="ranking"] .ladder-row{
  min-height:38px!important;
}
.page-view[data-page="ranking"] .ladder-row.current{
  border-color:rgba(217,58,65,.35)!important;
  background:rgba(217,58,65,.05)!important;
}
.page-view[data-page="ranking"] .season-card strong{
  font-size:27px!important;
}
.page-view[data-page="ranking"] .pulse-card{
  min-height:82px!important;
}

/* Keep proportions sane on narrower screens. */
@media(max-width:1320px){
  .page-view[data-page="ranking"] .ranking-layout-final{
    grid-template-columns:240px minmax(0,1fr)!important;
  }
  .page-view[data-page="ranking"] .secondary-right{
    display:none!important;
  }
}
@media(max-width:920px){
  .page-view[data-page="ranking"] .ranking-layout-final{
    grid-template-columns:1fr!important;
  }
  .page-view[data-page="ranking"] .secondary-left{
    display:none!important;
  }
}


/* =========================================================
   v0.71.0 — Ranking readability scale-up
   ========================================================= */
.page-view[data-page="ranking"] .leader-row{
  min-height:68px!important;
  padding:0 18px!important;
}
.page-view[data-page="ranking"] .leader-user{
  gap:12px!important;
}
.page-view[data-page="ranking"] .leader-user .avatar{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:10px!important;
  font-size:13px!important;
}
.page-view[data-page="ranking"] .leader-user b{
  font-size:14px!important;
  line-height:1.1!important;
  font-weight:950!important;
}
.page-view[data-page="ranking"] .leader-user small{
  margin-top:5px!important;
  min-height:17px!important;
}
.page-view[data-page="ranking"] .country-flag{
  width:16px!important;
  height:16px!important;
  flex-basis:16px!important;
}
.page-view[data-page="ranking"] .country-flag-img{
  width:16px!important;
  height:16px!important;
}
.page-view[data-page="ranking"] .country-name{
  font-size:10px!important;
  font-weight:800!important;
}
.page-view[data-page="ranking"] .position{
  font-size:14px!important;
}
.page-view[data-page="ranking"] .rank-pill{
  min-height:24px!important;
  padding:0 10px!important;
  font-size:9px!important;
}
.page-view[data-page="ranking"] .leader-matches,
.page-view[data-page="ranking"] .leader-win{
  font-size:11px!important;
  font-weight:800!important;
}
.page-view[data-page="ranking"] .current-elo{
  font-size:14px!important;
  font-weight:950!important;
}
.page-view[data-page="ranking"] .table-head{
  min-height:42px!important;
  font-size:8px!important;
}
.page-view[data-page="ranking"] .ranking-result-line{
  font-size:9px!important;
}
.page-view[data-page="ranking"] .ranking-toolbar h2{
  font-size:22px!important;
}
.page-view[data-page="ranking"] .ranking-toolbar .eyebrow{
  font-size:9px!important;
}
.page-view[data-page="ranking"] .filter{
  font-size:9px!important;
}
.page-view[data-page="ranking"] .ranking-search input{
  font-size:10px!important;
}

/* Slightly wider player column so the larger text still breathes. */
.page-view[data-page="ranking"] .leaderboard-grid-final{
  grid-template-columns:46px minmax(190px,1.35fr) 110px 64px 64px 82px!important;
}
@media(max-width:1120px){
  .page-view[data-page="ranking"] .leaderboard-grid-final{
    grid-template-columns:42px minmax(165px,1.25fr) 100px 58px 58px 76px!important;
  }
}


/* =========================================================
   v0.71.0 — Team profile compact roster polish
   ========================================================= */
.page-view[data-page="teams"] .roster-card.team-roster-profile,
.page-view[data-page="teams"] .team-roster-profile{
  min-height:0!important;
  height:auto!important;
  padding-bottom:0!important;
}
.page-view[data-page="teams"] .team-roster-profile .toolbar{
  margin-bottom:0!important;
}
.page-view[data-page="teams"] .roster-grid{
  align-items:stretch!important;
}
.page-view[data-page="teams"] .roster-player{
  min-height:236px!important;
  height:auto!important;
  justify-content:flex-start!important;
  padding:14px 12px 12px!important;
}
.page-view[data-page="teams"] .roster-player .big-avatar{
  margin:12px auto 12px!important;
}
.page-view[data-page="teams"] .roster-player h3{
  font-size:18px!important;
  margin:0 0 5px!important;
}
.page-view[data-page="teams"] .roster-subline{
  margin:0 0 10px!important;
  min-height:14px!important;
  font-size:10px!important;
  line-height:1.25!important;
  color:#8a928f!important;
  font-weight:700!important;
  text-align:center!important;
}
.page-view[data-page="teams"] .roster-meta.rank-only{
  margin-bottom:12px!important;
}
.page-view[data-page="teams"] .roster-card-stats{
  width:100%!important;
  margin-top:auto!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
.page-view[data-page="teams"] .roster-card-stats span{
  min-height:48px!important;
  border:1px solid #242b29!important;
  background:linear-gradient(180deg,#101515,#0d1111)!important;
  border-radius:8px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
}
.page-view[data-page="teams"] .roster-card-stats span small{
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  color:#7f8883!important;
}
.page-view[data-page="teams"] .roster-card-stats span b{
  margin-top:3px!important;
  font-size:14px!important;
  color:#f1f4f3!important;
}
.page-view[data-page="teams"] .roster-player.captain .roster-card-stats span{
  border-color:rgba(217,58,65,.24)!important;
  background:linear-gradient(180deg,rgba(217,58,65,.08),#0d1111)!important;
}
.page-view[data-page="teams"] .empty-roster .roster-subline{
  max-width:140px!important;
  margin:0 auto 14px!important;
}
.page-view[data-page="teams"] .small-roster-btn{
  margin-top:auto!important;
}
.page-view[data-page="teams"] .team-main-column{
  gap:10px!important;
}
.page-view[data-page="teams"] .team-match-history{
  margin-top:0!important;
}
@media(max-width:1380px){
  .page-view[data-page="teams"] .roster-player{min-height:222px!important}
  .page-view[data-page="teams"] .roster-player h3{font-size:16px!important}
}
@media(max-width:1180px){
  .page-view[data-page="teams"] .roster-player{min-height:208px!important}
  .page-view[data-page="teams"] .roster-card-stats span{min-height:44px!important}
}
@media(max-width:760px){
  .page-view[data-page="teams"] .roster-player{min-height:196px!important}
  .page-view[data-page="teams"] .roster-player h3{font-size:15px!important}
  .page-view[data-page="teams"] .roster-subline{font-size:9px!important}
}


/* =========================================================
   v0.71.0 — Profile nav + teams page polish
   ========================================================= */
.main-nav{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
.main-nav .nav-link{
  order:10;
}
.main-nav .nav-link[data-page-link="play"]{order:1}
.main-nav .nav-link[data-page-link="profile"]{order:2}
.main-nav .nav-link[data-page-link="ranking"]{order:3}
.main-nav .nav-link[data-page-link="teams"]{order:4}
.main-nav .nav-link[data-page-link="tournaments"]{order:5}
.main-nav .nav-link[data-page-link="premium"]{order:6}
.main-nav .nav-link[data-page-link="news"]{order:7}
.main-nav .nav-link[data-page-link="info"]{order:8}
.main-nav .nav-link[data-page-link="ac"]{order:9}

.page-view[data-page="teams"] .team-profile-hero{
  padding:24px 26px!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#0d1010 0%, #0a0d0d 100%)!important;
}
.page-view[data-page="teams"] .team-profile-logo{
  width:72px!important;height:72px!important;border-radius:16px!important;
  box-shadow:0 14px 36px rgba(217,58,65,.18)!important;
}
.page-view[data-page="teams"] .team-title-line h1{
  font-size:40px!important;
  line-height:1!important;
  margin-right:10px!important;
}
.page-view[data-page="teams"] .team-profile-identity p{
  margin:8px 0 0!important;
  font-size:12px!important;
  color:#b0b7b4!important;
}
.page-view[data-page="teams"] .team-hero-chips{
  display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:12px!important;
}
.page-view[data-page="teams"] .team-hero-chips span{
  height:28px!important;padding:0 11px!important;border-radius:999px!important;
  border:1px solid #2a302d!important;background:#0f1313!important;
  display:inline-flex!important;align-items:center!important;font-size:10px!important;font-weight:900!important;color:#d8dddb!important;
}
.page-view[data-page="teams"] .team-stat-strip{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;margin-top:12px!important;
}
.page-view[data-page="teams"] .team-stat-mini{
  min-height:76px!important;padding:14px 16px!important;border-radius:12px!important;
  background:linear-gradient(180deg,#0d1010,#0a0d0d)!important;
}
.page-view[data-page="teams"] .team-stat-mini span{font-size:10px!important}
.page-view[data-page="teams"] .team-stat-mini b{font-size:18px!important;margin-top:6px!important}

.page-view[data-page="teams"] .team-profile-grid{
  grid-template-columns:minmax(0,1fr) 290px!important;
  align-items:start!important;
}
.page-view[data-page="teams"] .team-main-column,
.page-view[data-page="teams"] .team-side-column{
  gap:12px!important;
}
.page-view[data-page="teams"] .team-roster-profile,
.page-view[data-page="teams"] .team-match-history,
.page-view[data-page="teams"] .team-captain-card,
.page-view[data-page="teams"] .team-form-profile,
.page-view[data-page="teams"] .team-info-card{
  border-radius:14px!important;
  background:linear-gradient(180deg,#0d1010,#090c0c)!important;
}
.page-view[data-page="teams"] .team-roster-profile .toolbar{
  align-items:flex-start!important;
}
.page-view[data-page="teams"] .team-section-copy{
  margin:5px 0 0!important;
  font-size:11px!important;
  color:#8f9794!important;
  font-weight:700!important;
}
.page-view[data-page="teams"] .roster-grid{
  gap:10px!important;
  padding:14px!important;
}
.page-view[data-page="teams"] .roster-player{
  min-height:208px!important;
  padding:16px 12px 12px!important;
  border-radius:12px!important;
  justify-content:flex-start!important;
}
.page-view[data-page="teams"] .roster-player .role{
  font-size:8px!important;
  color:#9fa6a2!important;
}
.page-view[data-page="teams"] .roster-player .big-avatar{
  margin:18px auto 12px!important;
}
.page-view[data-page="teams"] .roster-player h3{
  font-size:17px!important;
  margin:0 0 10px!important;
}
.page-view[data-page="teams"] .roster-player .roster-meta.rank-only{
  margin-bottom:10px!important;
}
.page-view[data-page="teams"] .roster-card-stats{
  margin-top:auto!important;
}
.page-view[data-page="teams"] .empty-roster .empty-roster-copy{
  margin:0 auto 12px!important;
  max-width:145px!important;
  color:#8b9290!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:1.35!important;
  text-align:center!important;
}
.page-view[data-page="teams"] .team-captain-user{
  align-items:center!important;
}
.page-view[data-page="teams"] .team-captain-user .big-avatar{
  width:64px!important;height:64px!important;font-size:24px!important;
}
.page-view[data-page="teams"] .team-captain-user h3{
  font-size:22px!important;
  margin:0 0 3px!important;
}
.page-view[data-page="teams"] .team-captain-user p{
  margin:0!important;
  font-size:11px!important;
  color:#a3aaa7!important;
  font-weight:700!important;
}
.page-view[data-page="teams"] .team-captain-badges{
  margin-top:10px!important;
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.page-view[data-page="teams"] .small-team-tag{
  height:22px!important;
  padding:0 8px!important;
  font-size:8px!important;
}
.page-view[data-page="teams"] .team-info-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:12px!important;
}
.page-view[data-page="teams"] .team-info-grid div{
  min-height:74px!important;
  padding:12px!important;
  border:1px solid #232926!important;
  border-radius:10px!important;
  background:#0c1010!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.page-view[data-page="teams"] .team-info-grid span{
  font-size:9px!important;
  color:#7d8582!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
.page-view[data-page="teams"] .team-info-grid b{
  margin-top:6px!important;
  font-size:15px!important;
  color:#f0f3f2!important;
}
.page-view[data-page="teams"] .team-match-row{
  min-height:60px!important;
}
@media(max-width:1300px){
  .page-view[data-page="teams"] .team-profile-grid{grid-template-columns:1fr!important}
  .page-view[data-page="teams"] .team-side-column{grid-template-columns:repeat(3,minmax(0,1fr))!important;display:grid!important}
}
@media(max-width:980px){
  .page-view[data-page="teams"] .team-stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .page-view[data-page="teams"] .team-side-column{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  .page-view[data-page="teams"] .team-title-line h1{font-size:30px!important}
  .page-view[data-page="teams"] .team-hero-chips span{font-size:9px!important}
}


/* =========================================================
   v0.71.0 — Map background test instead of grid
   ========================================================= */
html,body{
  background:#050707!important;
}
body{
  position:relative;
  background:none!important;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  background-image:
    linear-gradient(180deg,rgba(4,6,6,.84) 0%,rgba(4,6,6,.76) 26%,rgba(4,6,6,.88) 58%,rgba(4,6,6,.94) 100%),
    radial-gradient(circle at 50% 0%,rgba(217,58,65,.12),transparent 44%),
    url("/assets/maps/mirage.webp");
  background-size:cover,100% 100%,cover;
  background-position:center top,center top,center center;
  background-repeat:no-repeat;
  background-attachment:fixed,fixed,fixed;
  filter:saturate(.92) contrast(1.02) brightness(.82);
  transform:scale(1.03);
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(5,7,7,.72) 0%,rgba(5,7,7,.28) 18%,rgba(5,7,7,.18) 50%,rgba(5,7,7,.32) 82%,rgba(5,7,7,.74) 100%),
    linear-gradient(180deg,rgba(5,7,7,.1) 0%,rgba(5,7,7,.28) 46%,rgba(5,7,7,.56) 100%);
}
.topbar{
  background:rgba(7,9,9,.9)!important;
  backdrop-filter:blur(10px);
}
.concept-bar{
  background:linear-gradient(90deg,rgba(217,58,65,.16),rgba(217,58,65,.05) 48%,rgba(217,58,65,.12))!important;
  backdrop-filter:blur(8px);
}
.dashboard,
.page-content,
.page-section,
.page-view{
  position:relative;
}
.card,
.page-shell,
.page-view .card{
  background:linear-gradient(145deg,rgba(15,18,18,.92),rgba(8,11,11,.93))!important;
  backdrop-filter:blur(4px);
}
.news-hero img,
.map img,
.summary-banner,
.server-hero,
.profile-best-map img{
  filter:saturate(.8) contrast(.96)!important;
}
@media (max-width: 900px){
  body::before{
    background-position:center top,center top,58% center;
    transform:scale(1.05);
  }
}


/* =========================================================
   v0.71.0 — persistent active match / return to match
   ========================================================= */
.active-match-dock{
  position:fixed!important;
  right:22px!important;
  bottom:22px!important;
  z-index:1900!important;
  width:360px!important;
  padding:12px!important;
  border-radius:12px!important;
  border:1px solid rgba(217,58,65,.48)!important;
  background:linear-gradient(145deg,rgba(16,19,18,.985),rgba(7,10,10,.99))!important;
  box-shadow:0 20px 54px rgba(0,0,0,.48),0 0 0 1px rgba(217,58,65,.06) inset!important;
  backdrop-filter:blur(12px)!important;
}
.active-match-dock[hidden]{display:none!important}
.active-match-dock-status{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin-bottom:10px!important;
  color:#c8cfcb!important;
  font-size:8px!important;
  font-weight:950!important;
  letter-spacing:.11em!important;
}
.active-match-dock-status i{
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#e54d56!important;
  box-shadow:0 0 11px rgba(229,77,86,.5)!important;
}
.active-match-dock-main{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
}
.active-match-dock-main>div{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}
.active-match-dock-main b{
  font-size:13px!important;
  color:#f3f5f4!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.active-match-dock-main small{
  font-size:9px!important;
  color:#8f9893!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.active-match-dock .primary-action{
  height:34px!important;
  padding:0 13px!important;
  font-size:8px!important;
  background:linear-gradient(135deg,#e4545d,#b72e36)!important;
  color:#fff!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.055) inset!important;
}
@media(max-width:650px){
  .active-match-dock{
    left:12px!important;
    right:12px!important;
    bottom:12px!important;
    width:auto!important;
  }
}


/* =========================================================
   v0.71.0 — unified 15s veto/server timeout behavior
   ========================================================= */
.veto-timer{
  min-width:58px!important;
}
.veto-timer strong,
#vetoTimer{
  font-variant-numeric:tabular-nums!important;
}
.veto-timer.warning{
  border-color:rgba(237,184,72,.42)!important;
}
.veto-timer.danger{
  border-color:rgba(232,76,85,.62)!important;
  box-shadow:0 0 0 1px rgba(232,76,85,.08) inset,0 0 18px rgba(232,76,85,.07)!important;
}


/* =========================================================
   v0.71.0 — profile identity layout fix
   Clean stacked layout for avatar / team / badges.
   ========================================================= */
.page-view[data-page="profile"] .profile-hero{
  grid-template-columns:minmax(540px,1.08fr) minmax(300px,.76fr) minmax(300px,.72fr)!important;
}
.page-view[data-page="profile"] .profile-hero-identity{
  grid-template-columns:128px minmax(0,1fr)!important;
  gap:24px!important;
  align-items:start!important;
  min-width:0!important;
}
.page-view[data-page="profile"] .profile-avatar-stack{
  width:128px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:12px!important;
}
.page-view[data-page="profile"] .profile-avatar-large{
  margin-top:0!important;
}
.page-view[data-page="profile"] #profileName{
  width:100%!important;
  text-align:center!important;
  margin:0!important;
  font-size:19px!important;
  line-height:1.05!important;
}
.page-view[data-page="profile"] .profile-identity-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:10px!important;
}
.page-view[data-page="profile"] #profileMeta{
  margin:0!important;
  min-height:30px!important;
}
.page-view[data-page="profile"] .profile-badges{
  margin:0!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.page-view[data-page="profile"] .profile-identity-bottom{
  width:100%!important;
  max-width:360px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:10px!important;
  margin-top:2px!important;
  overflow:visible!important;
}
.page-view[data-page="profile"] .profile-team-chip{
  width:100%!important;
  max-width:340px!important;
  min-width:0!important;
  min-height:60px!important;
  margin:0!important;
  padding:10px 12px!important;
  border-radius:10px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
.page-view[data-page="profile"] .profile-team-logo{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  font-size:15px!important;
}
.page-view[data-page="profile"] .profile-team-copy{
  min-width:0!important;
  flex:1 1 auto!important;
}
.page-view[data-page="profile"] .profile-team-copy small{
  display:block!important;
  margin:0 0 3px!important;
  font-size:8px!important;
}
.page-view[data-page="profile"] .profile-team-copy b{
  display:block!important;
  font-size:13px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.page-view[data-page="profile"] .profile-team-copy em{
  display:block!important;
  margin-top:3px!important;
  font-size:7px!important;
  color:#7f8883!important;
}
.page-view[data-page="profile"] .profile-achievements{
  width:auto!important;
  display:grid!important;
  grid-template-columns:repeat(4,56px)!important;
  gap:10px!important;
  align-items:start!important;
  margin:0!important;
}
.page-view[data-page="profile"] .profile-achievements .achievement-badge,
.page-view[data-page="profile"] .profile-achievements .achievement-slot{
  width:56px!important;
  min-width:56px!important;
  height:56px!important;
  min-height:56px!important;
  margin:0!important;
  border-radius:10px!important;
}
.page-view[data-page="profile"] .profile-achievements .achievement-badge{
  display:grid!important;
  place-items:center!important;
  padding:0!important;
}
.page-view[data-page="profile"] .profile-achievements .achievement-badge > div{
  display:none!important;
}
.page-view[data-page="profile"] .profile-achievements .achievement-icon{
  width:32px!important;
  height:32px!important;
  font-size:18px!important;
}
.page-view[data-page="profile"] .profile-achievements .achievement-slot{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}
.page-view[data-page="profile"] .profile-achievements .achievement-slot span{
  font-size:18px!important;
  line-height:1!important;
}
.page-view[data-page="profile"] .profile-achievements .achievement-slot small{
  margin-top:4px!important;
  font-size:6px!important;
}
.page-view[data-page="profile"] .profile-actions{
  margin-top:4px!important;
}
@media(max-width:1380px){
  .page-view[data-page="profile"] .profile-hero{
    grid-template-columns:minmax(480px,1fr) minmax(280px,.72fr) minmax(290px,.72fr)!important;
  }
}
@media(max-width:1180px){
  .page-view[data-page="profile"] .profile-hero{
    grid-template-columns:1fr!important;
  }
  .page-view[data-page="profile"] .profile-rank-side,
  .page-view[data-page="profile"] .profile-hero-summary{
    width:100%!important;
  }
}
@media(max-width:760px){
  .page-view[data-page="profile"] .profile-hero-identity{
    grid-template-columns:1fr!important;
  }
  .page-view[data-page="profile"] .profile-avatar-stack{
    width:100%!important;
  }
  .page-view[data-page="profile"] .profile-identity-bottom{
    max-width:none!important;
  }
  .page-view[data-page="profile"] .profile-team-chip{
    max-width:none!important;
  }
}


/* =========================================================
   v0.71.0 — Premium match-scoped map pool
   ========================================================= */
.veto-premium-pool-info{
  width:max-content!important;
  max-width:100%!important;
  margin:8px auto 0!important;
  padding:6px 9px!important;
  border:1px solid rgba(213,177,83,.28)!important;
  border-radius:6px!important;
  background:rgba(30,25,13,.46)!important;
  color:#d9c47c!important;
  font-size:8px!important;
  font-weight:850!important;
  letter-spacing:.02em!important;
}
.veto-premium-pool-info[hidden]{display:none!important}
.veto-map.premium-pool-excluded{display:none!important}


/* =========================================================
   v0.71.0 — server join / dodge penalty foundation
   ========================================================= */
.server-join-status{
  margin:10px 14px 0!important;
  min-height:58px!important;
  padding:10px 12px!important;
  border:1px solid #2c3330!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#0e1211,#0a0d0d)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}
.server-join-status[hidden]{display:none!important}
.server-join-status>div{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
}
.server-join-status b{
  font-size:9px!important;
  letter-spacing:.08em!important;
}
.server-join-status p{
  margin:0!important;
  color:#8e9792!important;
  font-size:8px!important;
  line-height:1.4!important;
  text-align:right!important;
}
.server-join-badge{
  min-height:23px!important;
  padding:0 8px!important;
  border-radius:5px!important;
  display:inline-flex!important;
  align-items:center!important;
  font-size:7px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
}
.server-join-badge.pending{
  color:#e7ca74!important;
  border:1px solid #5e512a!important;
  background:#18150d!important;
}
.server-join-badge.joined{
  color:#68e7a5!important;
  border:1px solid #275f46!important;
  background:#0c2118!important;
}
.server-join-badge.dodge{
  color:#ff747c!important;
  border:1px solid #6a2930!important;
  background:#241013!important;
}


/* =========================================================
   v0.71.0 — short Premium Map Pool label + hover tooltip
   ========================================================= */
.veto-premium-pool-info{
  position:relative!important;
  cursor:default!important;
}
.veto-premium-pool-info.has-tooltip::after{
  content:attr(data-tooltip);
  position:absolute;
  left:50%;
  bottom:calc(100% + 10px);
  transform:translateX(-50%) translateY(4px);
  min-width:220px;
  max-width:340px;
  padding:9px 10px;
  border:1px solid rgba(213,177,83,.34);
  border-radius:8px;
  background:linear-gradient(180deg,#17130b,#0d0f0f);
  color:#e8cf90;
  font-size:7px;
  font-weight:800;
  line-height:1.45;
  letter-spacing:.03em;
  text-align:center;
  white-space:normal;
  opacity:0;
  pointer-events:none;
  box-shadow:0 10px 26px rgba(0,0,0,.42);
  transition:opacity .16s ease, transform .16s ease;
  z-index:50;
}
.veto-premium-pool-info.has-tooltip::before{
  content:'';
  position:absolute;
  left:50%;
  bottom:calc(100% + 4px);
  transform:translateX(-50%) translateY(4px);
  border:6px solid transparent;
  border-top-color:#17130b;
  opacity:0;
  transition:opacity .16s ease, transform .16s ease;
  pointer-events:none;
  z-index:49;
}
.veto-premium-pool-info.has-tooltip:hover::after,
.veto-premium-pool-info.has-tooltip:hover::before{
  opacity:1;
  transform:translateX(-50%) translateY(0);
}


/* =========================================================
   v0.71.0 — active match resume + veto premium marker fix
   ========================================================= */
.veto-player-avatar-wrap.premium{
  position:relative!important;
  filter:drop-shadow(0 0 8px rgba(211,173,83,.24))!important;
}
.veto-player-avatar-wrap.premium .veto-player-avatar,
.veto-player-avatar.premium-avatar-image{
  border:2px solid #d3ad53!important;
  box-shadow:0 0 0 2px rgba(211,173,83,.12),0 8px 20px rgba(0,0,0,.28)!important;
}
.veto-player-avatar-wrap .premium-mini-badge{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:20!important;
}


/* =========================================================
   v0.71.0 — Premium Map Pool readability
   ========================================================= */
.veto-premium-pool-info{
  min-height:30px!important;
  padding:0 12px!important;
  border-radius:7px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#ecd084!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.025em!important;
  border-color:rgba(213,177,83,.38)!important;
  background:linear-gradient(180deg,rgba(38,31,15,.72),rgba(24,20,11,.68))!important;
  box-shadow:0 0 0 1px rgba(213,177,83,.035) inset!important;
}

/* Larger tooltip: readable without dominating the veto screen. */
.veto-premium-pool-info.has-tooltip::after{
  min-width:300px!important;
  max-width:390px!important;
  padding:12px 14px!important;
  border-radius:9px!important;
  font-size:10px!important;
  line-height:1.55!important;
  font-weight:750!important;
  letter-spacing:.01em!important;
  color:#eee1bd!important;
  border-color:rgba(213,177,83,.44)!important;
  background:linear-gradient(180deg,#19160f,#0e1010)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.48)!important;
}
.veto-premium-pool-info.has-tooltip::before{
  border-left-width:7px!important;
  border-right-width:7px!important;
  border-bottom-width:7px!important;
}


/* =========================================================
   v0.71.0 — Match history redesign
   No LIVE block; larger, clearer history rows.
   ========================================================= */
.page-view[data-page="matches"] .matches-history-shell{
  max-width:1480px!important;
  padding-top:18px!important;
}
.page-view[data-page="matches"] .matches-history-hero{
  min-height:150px!important;
  padding:24px 26px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  border-left:3px solid #d93a41!important;
  background:
    radial-gradient(circle at 85% 35%,rgba(217,58,65,.09),transparent 30%),
    linear-gradient(145deg,rgba(15,18,17,.97),rgba(9,12,12,.97))!important;
}
.page-view[data-page="matches"] .matches-history-hero h1{
  margin:6px 0 8px!important;
  font-size:31px!important;
  line-height:1!important;
}
.page-view[data-page="matches"] .matches-history-hero p{
  margin:0!important;
  max-width:620px!important;
  font-size:12px!important;
  line-height:1.55!important;
  color:#969f9a!important;
}
.page-view[data-page="matches"] .match-history-summary{
  display:grid!important;
  grid-template-columns:repeat(3,130px)!important;
  gap:9px!important;
}
.page-view[data-page="matches"] .match-history-summary>div{
  min-height:72px!important;
  padding:11px 13px!important;
  border:1px solid #2b3230!important;
  border-radius:9px!important;
  background:rgba(9,12,12,.78)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.page-view[data-page="matches"] .match-history-summary small{
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
  color:#79827e!important;
}
.page-view[data-page="matches"] .match-history-summary b{
  margin-top:5px!important;
  font-size:18px!important;
}
.page-view[data-page="matches"] .match-history-redesign{
  margin-top:14px!important;
  min-height:0!important;
  overflow:visible!important;
}
.page-view[data-page="matches"] .match-history-toolbar{
  min-height:88px!important;
  height:auto!important;
  padding:15px 16px!important;
  align-items:center!important;
  border-bottom:1px solid #242a28!important;
}
.page-view[data-page="matches"] .match-history-toolbar h2{
  margin:4px 0 3px!important;
  font-size:21px!important;
}
.page-view[data-page="matches"] .match-history-toolbar p{
  margin:0!important;
  font-size:10px!important;
  color:#7f8984!important;
}
.page-view[data-page="matches"] .match-history-toolbar .filter{
  height:34px!important;
  min-width:56px!important;
  padding:0 11px!important;
  font-size:9px!important;
}
.page-view[data-page="matches"] .match-history-grid{
  display:grid!important;
  grid-template-columns:48px minmax(240px,1.35fr) 112px 82px 84px 145px 88px 92px!important;
  gap:12px!important;
  align-items:center!important;
}
.page-view[data-page="matches"] .match-history-head{
  min-height:38px!important;
  padding:0 16px!important;
  border-bottom:1px solid #222826!important;
  background:#0b0e0e!important;
  color:#6f7874!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
}
.page-view[data-page="matches"] .full-match-row{
  min-height:82px!important;
  height:auto!important;
  padding:9px 16px!important;
  border-bottom:1px solid #222826!important;
  transition:background .14s ease,border-color .14s ease!important;
}
.page-view[data-page="matches"] .full-match-row:hover{
  background:#101413!important;
}
.page-view[data-page="matches"] .result{
  width:31px!important;
  height:31px!important;
  border-radius:7px!important;
  display:grid!important;
  place-items:center!important;
  font-size:11px!important;
  font-weight:950!important;
}
.page-view[data-page="matches"] .history-map-cell{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:66px minmax(0,1fr)!important;
  gap:11px!important;
  align-items:center!important;
}
.page-view[data-page="matches"] .history-map-cell img{
  width:66px!important;
  height:48px!important;
  object-fit:cover!important;
  border-radius:7px!important;
  border:1px solid #303735!important;
  filter:saturate(.75) brightness(.82)!important;
}
.page-view[data-page="matches"] .history-map-cell>div{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
}
.page-view[data-page="matches"] .history-map-cell b{
  font-size:14px!important;
  line-height:1.05!important;
}
.page-view[data-page="matches"] .history-map-cell small{
  margin-top:5px!important;
  font-size:9px!important;
  color:#7f8984!important;
}
.page-view[data-page="matches"] .history-mode{
  font-size:9px!important;
  font-weight:850!important;
  color:#a4ada8!important;
}
.page-view[data-page="matches"] .history-score{
  font-size:15px!important;
  text-align:left!important;
}
.page-view[data-page="matches"] .history-stat{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
}
.page-view[data-page="matches"] .history-stat b{
  font-size:12px!important;
}
.page-view[data-page="matches"] .history-stat small{
  margin-top:4px!important;
  font-size:8px!important;
  color:#7e8783!important;
}
.page-view[data-page="matches"] .history-elo{
  font-size:11px!important;
  white-space:nowrap!important;
}
.page-view[data-page="matches"] .row-open{
  height:34px!important;
  padding:0 10px!important;
  border-radius:6px!important;
  font-size:8px!important;
}
@media(max-width:1200px){
  .page-view[data-page="matches"] .match-history-grid{
    grid-template-columns:42px minmax(210px,1.3fr) 100px 72px 78px 125px 78px!important;
  }
  .page-view[data-page="matches"] .match-history-grid>*:last-child{
    display:none!important;
  }
}
@media(max-width:900px){
  .page-view[data-page="matches"] .matches-history-hero{
    flex-direction:column!important;
    align-items:flex-start!important;
  }
  .page-view[data-page="matches"] .match-history-summary{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    width:100%!important;
  }
  .page-view[data-page="matches"] .match-history-head{
    display:none!important;
  }
  .page-view[data-page="matches"] .match-history-grid{
    grid-template-columns:40px minmax(180px,1fr) 78px 82px!important;
  }
  .page-view[data-page="matches"] .history-mode,
  .page-view[data-page="matches"] .history-stat:nth-of-type(2),
  .page-view[data-page="matches"] .history-elo,
  .page-view[data-page="matches"] .row-open{
    display:none!important;
  }
}


/* =========================================================
   v0.71.0 — Platform systems foundation UI
   ========================================================= */
.lobby-head-actions{display:flex!important;align-items:center!important;gap:10px!important}
.party-sync-chip{
  height:28px;padding:0 9px;border:1px solid #2c3531;border-radius:6px;background:#0c1110;
  display:inline-flex;align-items:center;gap:6px;color:#87918c;font-size:7px;font-weight:900;letter-spacing:.08em
}
.party-sync-chip i{width:6px;height:6px;border-radius:50%;background:#4bd98d;box-shadow:0 0 8px rgba(75,217,141,.32)}
.party-sync-chip.synced{color:#9aa49f}

.room-toolbar-state{display:flex;align-items:center;gap:9px}
.room-connected-count{
  height:25px;padding:0 8px;border-radius:5px;border:1px solid #2f3834;background:#0c1110;
  display:inline-flex;align-items:center;color:#8fe3b4;font-size:7px;font-weight:900;letter-spacing:.06em
}
.match-lifecycle-strip{
  margin:0 14px 12px;padding:9px 10px;border:1px solid #252c29;border-radius:8px;background:#0a0e0d;
  display:grid;grid-template-columns:repeat(4,1fr);gap:6px
}
.match-lifecycle-strip span{position:relative;min-height:28px;padding:0 8px;border-radius:6px;display:flex;align-items:center;gap:7px;color:#626b67;font-size:7px;letter-spacing:.06em}
.match-lifecycle-strip span i{width:7px;height:7px;border-radius:50%;background:#39403d}
.match-lifecycle-strip span.done{color:#83b99c}.match-lifecycle-strip span.done i{background:#46cc84}
.match-lifecycle-strip span.active{background:rgba(217,58,65,.08);color:#f0f3f1}
.match-lifecycle-strip span.active i{background:#e64a54;box-shadow:0 0 8px rgba(230,74,84,.36)}
.room-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.room-presence-badge{
  min-height:18px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;
  font-size:6px!important;font-weight:950!important;letter-spacing:.05em;margin-top:7px
}
.room-presence-badge.connected{border:1px solid #255a42;background:#0c2118;color:#67dda1}
.room-presence-badge.waiting{border:1px solid #4b4530;background:#17140d;color:#d7bb6d}
.room-presence-badge.dodge{border:1px solid #652b31;background:#231014;color:#ff737c}
.room-roster-rich>div.presence-connected{border-color:rgba(70,204,132,.30)!important}
.room-roster-rich>div.presence-dodge{border-color:rgba(230,74,84,.45)!important}

.profile-activity-row{display:flex;align-items:center;gap:9px;min-height:24px}
.profile-activity-row>small{font-size:8px!important;color:#707975!important}
.profile-activity-state{height:23px;padding:0 8px;border:1px solid #2d3632;border-radius:5px;background:#0d1110;display:inline-flex;align-items:center;gap:6px;font-size:7px;font-weight:900}
.profile-activity-state i{width:6px;height:6px;border-radius:50%;background:#4bd98d}
.profile-activity-state.match{color:#ff7b83;border-color:#613037;background:#1b1012}.profile-activity-state.match i{background:#e64a54}
.profile-activity-state.lobby{color:#d9c47b;border-color:#54482d;background:#16130c}.profile-activity-state.lobby i{background:#d2ad54}

.match-round-timeline-card{margin-top:14px!important;overflow:visible!important}
.match-round-timeline{display:flex;gap:6px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid #202624}
.match-round-timeline span{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;font-size:8px;font-weight:900}
.match-round-timeline .round-win{background:#0e271b;border:1px solid #285e43;color:#67dba0}
.match-round-timeline .round-loss{background:#251114;border:1px solid #652c32;color:#ff747c}
.match-context-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.match-context-grid>div{padding:13px 15px;border-right:1px solid #202624;display:flex;flex-direction:column}
.match-context-grid>div:last-child{border-right:0}.match-context-grid span{font-size:7px;color:#6e7772;font-weight:900}.match-context-grid b{font-size:12px;margin-top:5px}.match-context-grid small{font-size:8px;color:#79827d;margin-top:3px}

.rank-movement{display:block!important;margin-top:3px!important;font-size:7px!important;font-weight:900!important}
.rank-movement.up{color:#50d993!important}.rank-movement.down{color:#ff666f!important}.rank-movement.same{color:#67706c!important}

.team-roster-log{padding:15px!important}
.team-roster-log>div{min-height:40px;border-top:1px solid #202624;display:grid;grid-template-columns:48px 1fr;align-items:center;gap:8px}
.team-roster-log>div:first-of-type{margin-top:10px}
.team-roster-log>div b{font-size:8px;color:#8d9691}.team-roster-log>div span{font-size:9px;color:#c3cac6}

.admin-shell{max-width:1480px!important;padding-top:18px!important}
.admin-hero{border-left:3px solid #d93a41!important}.admin-hero h1{font-size:30px!important}
.admin-system-live{height:32px;padding:0 10px;border:1px solid #275e44;border-radius:6px;background:#0c2118;color:#6ce0a5;display:inline-flex;align-items:center;gap:7px;font-size:8px;font-weight:900}.admin-system-live i{width:7px;height:7px;border-radius:50%;background:#50db95}
.admin-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}
.admin-kpi-grid .card{min-height:90px;padding:14px 15px;display:flex;flex-direction:column;justify-content:center}.admin-kpi-grid span{font-size:8px;color:#757e79;font-weight:900}.admin-kpi-grid b{font-size:24px;margin-top:5px}.admin-kpi-grid small{font-size:8px;color:#828b86;margin-top:3px}
.admin-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;margin-top:12px;padding-bottom:24px}
.admin-panel{min-height:220px}.admin-row,.admin-case-row,.server-fleet-row,.penalty-row{min-height:58px;padding:0 14px;border-top:1px solid #202624;display:grid;align-items:center;gap:10px;font-size:9px}
.admin-row{grid-template-columns:12px minmax(0,1fr) 120px 76px}.admin-case-row{grid-template-columns:54px minmax(0,1fr) 74px}.server-fleet-row{grid-template-columns:80px 100px 90px 1fr}.penalty-row{grid-template-columns:1fr 70px 70px}
.admin-row div,.admin-case-row div,.penalty-row div{display:flex;flex-direction:column}.admin-row small,.admin-case-row small,.penalty-row small{font-size:8px;color:#78817c;margin-top:3px}
.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.live{background:#50db95}.status-dot.ready{background:#d3ad53}.status-dot.veto{background:#e54d56}
.case-severity{height:22px;border-radius:5px;display:grid;place-items:center;font-size:7px;font-weight:950}.case-severity.high{background:#2a1115;color:#ff737b;border:1px solid #632c32}.case-severity.medium{background:#201a0c;color:#e7c46a;border:1px solid #5b4a24}.case-severity.low{background:#101716;color:#88a09a;border:1px solid #34413d}

@media(max-width:1100px){
  .admin-kpi-grid{grid-template-columns:repeat(2,1fr)}
  .admin-grid{grid-template-columns:1fr}
  .room-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .match-context-grid{grid-template-columns:repeat(2,1fr)}
  .admin-kpi-grid{grid-template-columns:1fr}
}


/* =========================================================
   v0.71.0 — ranking readability + match room action fixes
   ========================================================= */
.leaderboard-grid-final{
  grid-template-columns:72px minmax(300px,1.9fr) minmax(132px,148px) 92px 86px 110px !important;
  gap:12px !important;
}
.leaderboard-final .table-head{
  font-size:11px !important;
}
.leaderboard-final .leader-row{
  min-height:82px !important;
  padding:0 20px !important;
}
.leaderboard-final .position{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:2px !important;
  font-size:18px !important;
  font-weight:950 !important;
  color:#e7ecea !important;
}
.leaderboard-final .position strong{
  display:grid !important;
  place-items:center !important;
  min-width:38px !important;
  height:38px !important;
  padding:0 10px !important;
  border-radius:10px !important;
  background:#101514 !important;
  border:1px solid #2a302e !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02) !important;
}
.leaderboard-final .leader-row.podium-1 .position strong{
  background:linear-gradient(180deg,rgba(255,207,82,.22),rgba(24,18,7,.95)) !important;
  border-color:#7b5a1c !important;
  color:#ffd86f !important;
  box-shadow:0 0 0 1px rgba(255,207,82,.05), 0 0 18px rgba(255,207,82,.08) !important;
}
.leaderboard-final .leader-row.podium-2 .position strong{
  background:linear-gradient(180deg,rgba(187,196,210,.18),rgba(17,20,23,.95)) !important;
  border-color:#5d6874 !important;
  color:#dbe3ed !important;
}
.leaderboard-final .leader-row.podium-3 .position strong{
  background:linear-gradient(180deg,rgba(198,130,82,.18),rgba(23,16,12,.95)) !important;
  border-color:#74462b !important;
  color:#f2b080 !important;
}
.leaderboard-final .leader-row.podium-1{
  background:linear-gradient(90deg,rgba(255,207,82,.06),rgba(255,255,255,.01)) !important;
}
.leaderboard-final .leader-row.podium-2{
  background:linear-gradient(90deg,rgba(210,218,228,.05),rgba(255,255,255,.01)) !important;
}
.leaderboard-final .leader-row.podium-3{
  background:linear-gradient(90deg,rgba(214,135,87,.05),rgba(255,255,255,.01)) !important;
}
.leaderboard-final .leader-user b{
  font-size:16px !important;
}
.leaderboard-final .leader-user small{
  font-size:11px !important;
}
.leaderboard-final .rank-pill{
  height:30px !important;
  font-size:11px !important;
}
.leaderboard-final .leader-matches,
.leaderboard-final .leader-win{
  font-size:13px !important;
}
.leaderboard-final .current-elo{
  font-size:15px !important;
}
.rank-movement{
  font-size:8px !important;
  margin-top:1px !important;
}

/* Match room buttons / actions */
.room-details-card{
  height:auto !important;
  min-height:330px !important;
}
.room-actions{
  min-height:74px !important;
  height:auto !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:10px !important;
  padding:12px 12px 14px !important;
  align-items:stretch !important;
}
.room-actions .wide-ghost,
.room-actions .connect-btn{
  height:46px !important;
  min-width:0 !important;
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:10px !important;
  letter-spacing:.03em !important;
}
.server-join-status{
  margin:12px 12px 0 !important;
}
.server-join-status b{
  font-size:10px !important;
}
.server-join-status p{
  font-size:8.5px !important;
}
@media (max-width: 980px){
  .room-actions{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   v0.71.0 — Match Room join timer + Dodge feedback
   ========================================================= */
.server-join-status{
  margin:12px 12px 0!important;
  min-height:72px!important;
  padding:11px 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  border:1px solid #343d39!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#0e1312,#0a0e0d)!important;
}
.server-join-status-left{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
}
.server-join-status-left>div{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
}
.server-join-status-left b{
  font-size:11px!important;
  color:#eef2f0!important;
}
.server-join-status-left p{
  margin:5px 0 0!important;
  font-size:9px!important;
  color:#8b9590!important;
  text-align:left!important;
}
.server-join-countdown{
  min-width:86px!important;
  height:50px!important;
  padding:6px 10px!important;
  border-radius:8px!important;
  border:1px solid #564a29!important;
  background:#17140d!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}
.server-join-countdown small{
  font-size:6px!important;
  font-weight:950!important;
  letter-spacing:.11em!important;
  color:#9b8a59!important;
}
.server-join-countdown strong{
  margin-top:2px!important;
  font-size:18px!important;
  line-height:1!important;
  color:#f0ca67!important;
  font-variant-numeric:tabular-nums!important;
}
.server-dodge-info{
  margin:8px 12px 0!important;
  min-height:58px!important;
  padding:10px 12px!important;
  border:1px solid #6a2e34!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#231014,#150c0e)!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
.server-dodge-info[hidden]{display:none!important}
.server-dodge-info>span{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:7px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #7a343b!important;
  background:#2b1116!important;
  color:#ff717a!important;
  font-size:16px!important;
  font-weight:950!important;
}
.server-dodge-info>div{
  display:flex!important;
  flex-direction:column!important;
}
.server-dodge-info b{
  font-size:9px!important;
  color:#ff747c!important;
  letter-spacing:.08em!important;
}
.server-dodge-info p{
  margin:4px 0 0!important;
  font-size:8.5px!important;
  line-height:1.4!important;
  color:#b9a2a4!important;
}
.room-actions{margin-top:0!important}
.room-actions button:disabled{opacity:.55!important;cursor:not-allowed!important}
#roomJoinDeadlineMini{
  font-variant-numeric:tabular-nums!important;
  color:#f0ca67!important;
}
@media(max-width:760px){
  .server-join-status{align-items:flex-start!important}
  .server-join-countdown{min-width:74px!important}
}


/* =========================================================
   v0.71.0 — GLOBAL READABILITY PASS
   Goal: every page should read as clearly as the main Play page.
   ========================================================= */

/* Global type floor */
body,
button,
input,
select,
textarea{
  font-family:var(--font-main, "Geist", sans-serif)!important;
}
.page-view{
  --read-body:11px;
  --read-small:9px;
  --read-label:9px;
  --read-card-title:16px;
  --read-section-title:22px;
}
.page-view .eyebrow,
.page-view small,
.page-view .muted,
.page-view .muted-text{
  font-size:var(--read-small)!important;
}
.page-view .eyebrow{
  letter-spacing:.08em!important;
  font-weight:900!important;
  color:#929b96!important;
}
.page-view p{
  font-size:var(--read-body)!important;
  line-height:1.5!important;
}
.page-view h1{
  font-size:32px!important;
  line-height:1.05!important;
}
.page-view h2{
  font-size:var(--read-section-title)!important;
  line-height:1.08!important;
}
.page-view h3{
  font-size:var(--read-card-title)!important;
  line-height:1.12!important;
}

/* Buttons / controls */
.page-view button,
.page-view .filter,
.page-view .seg,
.page-view .wide-ghost,
.page-view .primary-action,
.page-view .row-open{
  font-size:9.5px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
}
.page-view input,
.page-view select{
  font-size:10.5px!important;
}
.page-view .toolbar{
  min-height:58px!important;
  padding:12px 14px!important;
}
.page-view .toolbar h2{
  margin-top:4px!important;
}
.page-view .toolbar .eyebrow{
  font-size:9px!important;
}

/* Cards */
.page-view .card{
  border-color:#303735!important;
}
.page-view .metric strong,
.page-view .detail-meta-card b,
.page-view .profile-quick-stat b,
.page-view .team-stat-mini b,
.page-view .admin-kpi-grid b{
  font-size:20px!important;
}
.page-view .metric span,
.page-view .detail-meta-card span,
.page-view .profile-quick-stat span,
.page-view .team-stat-mini span,
.page-view .admin-kpi-grid span{
  font-size:9px!important;
}
.page-view .metric small,
.page-view .detail-meta-card small,
.page-view .profile-quick-stat small,
.page-view .team-stat-mini small,
.page-view .admin-kpi-grid small{
  font-size:8.5px!important;
}


/* PROFILE */
.page-view[data-page="profile"] #profileName{
  font-size:21px!important;
}
.page-view[data-page="profile"] #profileMeta{
  font-size:9px!important;
}
.page-view[data-page="profile"] .profile-badges span{
  font-size:8.5px!important;
  min-height:28px!important;
  padding:0 10px!important;
}
.page-view[data-page="profile"] .profile-team-copy b{
  font-size:15px!important;
}
.page-view[data-page="profile"] .profile-team-copy small,
.page-view[data-page="profile"] .profile-team-copy em{
  font-size:8px!important;
}
.page-view[data-page="profile"] .profile-summary-head .eyebrow,
.page-view[data-page="profile"] .profile-summary-head small{
  font-size:9px!important;
}
.page-view[data-page="profile"] .profile-quick-stat b{
  font-size:19px!important;
}
.page-view[data-page="profile"] .profile-rank-copy h2{
  font-size:23px!important;
}
.page-view[data-page="profile"] .profile-rank-copy strong{
  font-size:13px!important;
}
.page-view[data-page="profile"] .role-map h3{
  font-size:20px!important;
}
.page-view[data-page="profile"] .role-map p{
  font-size:9px!important;
}
.page-view[data-page="profile"] .profile-history-wide .mini-match-list>div{
  min-height:48px!important;
  height:auto!important;
  font-size:10px!important;
}

/* RANKING */
.page-view[data-page="ranking"] .leaderboard-final .table-head{
  font-size:10px!important;
}
.page-view[data-page="ranking"] .leader-row{
  min-height:82px!important;
}
.page-view[data-page="ranking"] .position{
  font-size:16px!important;
}
.page-view[data-page="ranking"] .leader-user b{
  font-size:16px!important;
}
.page-view[data-page="ranking"] .leader-user small{
  font-size:10.5px!important;
}
.page-view[data-page="ranking"] .rank-pill{
  font-size:10.5px!important;
}
.page-view[data-page="ranking"] .leader-matches,
.page-view[data-page="ranking"] .leader-win,
.page-view[data-page="ranking"] .current-elo{
  font-size:13px!important;
}
.page-view[data-page="ranking"] .rank-movement{
  font-size:8px!important;
}

/* TEAMS */
.page-view[data-page="teams"] .team-title-line h1{
  font-size:36px!important;
}
.page-view[data-page="teams"] .team-profile-identity p{
  font-size:11px!important;
}
.page-view[data-page="teams"] .team-hero-chips span{
  font-size:9px!important;
}
.page-view[data-page="teams"] .roster-player h3{
  font-size:16px!important;
}
.page-view[data-page="teams"] .roster-player .role{
  font-size:8px!important;
}
.page-view[data-page="teams"] .roster-card-stats small{
  font-size:8px!important;
}
.page-view[data-page="teams"] .roster-card-stats b{
  font-size:14px!important;
}
.page-view[data-page="teams"] .team-captain-user h3{
  font-size:20px!important;
}
.page-view[data-page="teams"] .team-captain-user p{
  font-size:10px!important;
}
.page-view[data-page="teams"] .team-info-grid span{
  font-size:8.5px!important;
}
.page-view[data-page="teams"] .team-info-grid b{
  font-size:14px!important;
}
.page-view[data-page="teams"] .team-roster-log>div span{
  font-size:9.5px!important;
}

/* PREMIUM */
.page-view[data-page="premium"] .premium-hero h1{
  font-size:36px!important;
}
.page-view[data-page="premium"] .premium-hero p,
.page-view[data-page="premium"] .premium-benefit-card p{
  font-size:11px!important;
}
.page-view[data-page="premium"] .premium-benefit-card h3{
  font-size:17px!important;
}

/* MATCH HISTORY */
.page-view[data-page="matches"] .matches-history-hero h1{
  font-size:31px!important;
}
.page-view[data-page="matches"] .matches-history-hero p{
  font-size:11.5px!important;
}
.page-view[data-page="matches"] .match-history-head{
  font-size:9px!important;
}
.page-view[data-page="matches"] .history-map-cell b{
  font-size:14px!important;
}
.page-view[data-page="matches"] .history-map-cell small{
  font-size:9px!important;
}
.page-view[data-page="matches"] .history-mode{
  font-size:9px!important;
}
.page-view[data-page="matches"] .history-score{
  font-size:16px!important;
}
.page-view[data-page="matches"] .history-stat b{
  font-size:12px!important;
}
.page-view[data-page="matches"] .history-stat small{
  font-size:8.5px!important;
}
.page-view[data-page="matches"] .history-elo{
  font-size:11px!important;
}

/* MATCH DETAILS */
.page-view[data-page="match-details"] .match-details-copy h1{
  font-size:34px!important;
}
.page-view[data-page="match-details"] .detail-scoreline strong{
  font-size:32px!important;
}
.page-view[data-page="match-details"] .detail-scoreboard-card{
  font-size:10px!important;
}
.page-view[data-page="match-details"] .detail-score-head{
  font-size:9px!important;
}
.page-view[data-page="match-details"] .detail-score-grid{
  font-size:10px!important;
}
.page-view[data-page="match-details"] .detail-mvp-card h2{
  font-size:22px!important;
}
.page-view[data-page="match-details"] .detail-mvp-card p{
  font-size:10px!important;
}
.page-view[data-page="match-details"] .match-context-grid span{
  font-size:8px!important;
}
.page-view[data-page="match-details"] .match-context-grid b{
  font-size:13px!important;
}
.page-view[data-page="match-details"] .match-context-grid small{
  font-size:8.5px!important;
}

/* VETO */
.veto-shell .eyebrow,
.veto-shell small{
  font-size:9px!important;
}
.veto-center-stage h2{
  font-size:24px!important;
}
#vetoHint{
  font-size:10.5px!important;
  line-height:1.45!important;
}
.veto-versus span{
  font-size:11px!important;
}
.veto-turn-focus small{
  font-size:8px!important;
}
.veto-turn-focus b{
  font-size:12px!important;
}
#vetoTimer{
  font-size:28px!important;
}
.veto-team-card .team-list-head .eyebrow,
.veto-team-card .team-list-head b{
  font-size:10px!important;
}
.veto-player-copy .player-line>b{
  font-size:15px!important;
}
.veto-player-stats strong{
  font-size:10px!important;
}
.veto-player-stats span{
  font-size:8.5px!important;
}
.veto-map span{
  font-size:10px!important;
}
.veto-premium-pool-info{
  font-size:10.5px!important;
}
.veto-premium-pool-info.has-tooltip::after{
  font-size:10px!important;
  line-height:1.55!important;
}

/* MATCH ROOM */
.room-shell .eyebrow,
.room-shell small{
  font-size:9px!important;
}
.room-main-map h2{
  font-size:30px!important;
}
.room-main-map p{
  font-size:10px!important;
}
.room-details-card .toolbar h2{
  font-size:22px!important;
}
.room-detail-grid span{
  font-size:8.5px!important;
}
.room-detail-grid b{
  font-size:11px!important;
}
.room-detail-grid small{
  font-size:8px!important;
}
.match-lifecycle-strip span{
  font-size:8px!important;
}
.room-connected-count{
  font-size:8px!important;
}
.room-team-card .team-list-head .eyebrow,
.room-team-card .team-list-head b{
  font-size:10px!important;
}
.room-roster-rich>div>div b{
  font-size:15px!important;
}
.room-roster-rich>div .mini-rank{
  font-size:8px!important;
}
.room-presence-badge{
  font-size:7px!important;
}
.server-join-status-left b{
  font-size:11px!important;
}
.server-join-status-left p{
  font-size:9px!important;
}
.server-join-countdown strong{
  font-size:19px!important;
}
.server-dodge-info b{
  font-size:10px!important;
}
.server-dodge-info p{
  font-size:9px!important;
}
.room-demo-bar>div>b{
  font-size:14px!important;
}
.room-demo-bar>div>small{
  font-size:9px!important;
}

/* SUMMARY */
.summary-shell .eyebrow,
.summary-shell small{
  font-size:9px!important;
}
.summary-shell h1,
.summary-shell h2{
  font-size:24px!important;
}
.summary-scoreboard .summary-row-grid{
  min-height:48px!important;
  font-size:10px!important;
}
.summary-scoreboard .summary-player b{
  font-size:13px!important;
}
.summary-scoreboard .summary-player small{
  font-size:8.5px!important;
}

/* INFO / AC / NEWS / SETTINGS */
.page-view[data-page="info"] p,
.page-view[data-page="ac"] p,
.page-view[data-page="news"] p,
.page-view[data-page="settings"] p{
  font-size:11px!important;
}
.page-view[data-page="info"] h2,
.page-view[data-page="ac"] h2,
.page-view[data-page="news"] h2,
.page-view[data-page="settings"] h2{
  font-size:22px!important;
}
.news-card h3,
.news-tile h3{
  font-size:16px!important;
}
.news-card small,
.news-tile small{
  font-size:9px!important;
}

/* ADMIN */
.page-view[data-page="admin"] .admin-row,
.page-view[data-page="admin"] .admin-case-row,
.page-view[data-page="admin"] .server-fleet-row,
.page-view[data-page="admin"] .penalty-row{
  font-size:10px!important;
}
.page-view[data-page="admin"] .admin-row small,
.page-view[data-page="admin"] .admin-case-row small,
.page-view[data-page="admin"] .penalty-row small{
  font-size:8.5px!important;
}
.page-view[data-page="admin"] .case-severity{
  font-size:8px!important;
}

/* Generic forms / dialogs */
.modal h2,
.dialog h2,
.popup h2{
  font-size:22px!important;
}
.modal p,
.dialog p,
.popup p{
  font-size:10.5px!important;
}
.modal label,
.dialog label,
.popup label{
  font-size:9px!important;
}
.modal input,
.dialog input,
.popup input{
  font-size:10.5px!important;
}

/* Kill microscopic text that adds little value */
.page-view .micro-copy,
.page-view .tiny-label{
  font-size:8.5px!important;
}


/* =========================================================
   v0.71.0 — restore original top navigation sizing
   Global readability must not resize the main menu.
   ========================================================= */
.main-nav .nav-link{
  font-size:inherit!important;
  min-height:unset!important;
}
.main-nav .nav-link[data-page-link="play"],
.main-nav .nav-link[data-page-link="profile"],
.main-nav .nav-link[data-page-link="teams"],
.main-nav .nav-link[data-page-link="ranking"],
.main-nav .nav-link[data-page-link="tournaments"],
.main-nav .nav-link[data-page-link="premium"],
.main-nav .nav-link[data-page-link="news"],
.main-nav .nav-link[data-page-link="info"],
.main-nav .nav-link[data-page-link="ac"]{
  padding-left:inherit!important;
  padding-right:inherit!important;
}


/* v0.71.0 — leaver / abandon states */
.room-presence-badge.disconnected{
  border:1px solid #6a5527!important;
  background:#1e180b!important;
  color:#efc863!important;
}
.room-presence-badge.abandoned{
  border:1px solid #7a3037!important;
  background:#281015!important;
  color:#ff6f78!important;
}
.room-roster-rich>div.presence-disconnected{
  border-color:rgba(239,200,99,.42)!important;
}
.room-roster-rich>div.presence-abandoned{
  border-color:rgba(255,91,101,.55)!important;
  opacity:.78!important;
}


/* =========================================================
   v0.71.0 — ranking rank-color fix
   Ranking pills now follow the same color logic as the side legend.
   ========================================================= */
.page-view[data-page="ranking"] .rank-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  border:1px solid #343b39!important;
  background:#0f1312!important;
  min-width:104px!important;
  white-space:nowrap!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)!important;
}
.page-view[data-page="ranking"] .rank-dot{
  width:8px!important;
  height:8px!important;
  border-radius:999px!important;
  background:currentColor!important;
  box-shadow:0 0 10px currentColor!important;
}
.page-view[data-page="ranking"] .rank-pill.rank-bronze{
  color:#d3a07b!important;
  border-color:#76513a!important;
  background:linear-gradient(180deg,#1b130f,#120f0d)!important;
}
.page-view[data-page="ranking"] .rank-pill.rank-silver{
  color:#d4dde3!important;
  border-color:#657078!important;
  background:linear-gradient(180deg,#171b1d,#111416)!important;
}
.page-view[data-page="ranking"] .rank-pill.rank-gold{
  color:#f0bd4d!important;
  border-color:#8d6a1c!important;
  background:linear-gradient(180deg,#201807,#151108)!important;
}
.page-view[data-page="ranking"] .rank-pill.rank-platinum{
  color:#74d2cf!important;
  border-color:#3e7e7d!important;
  background:linear-gradient(180deg,#101818,#0d1313)!important;
}
.page-view[data-page="ranking"] .rank-pill.rank-diamond{
  color:#7fd5ff!important;
  border-color:#2f88a9!important;
  background:linear-gradient(180deg,#0d1920,#0b1217)!important;
}
.page-view[data-page="ranking"] .rank-pill.rank-master{
  color:#ffb536!important;
  border-color:#8c5d10!important;
  background:linear-gradient(180deg,#211707,#15100a)!important;
}
.page-view[data-page="ranking"] .rank-pill.rank-elite{
  color:#e4d7ff!important;
  border-color:#7f67b2!important;
  background:linear-gradient(180deg,#181223,#120f1b)!important;
}
.page-view[data-page="ranking"] .rank-pill.rank-legend{
  color:#ffd86f!important;
  border-color:#9a7120!important;
  background:linear-gradient(180deg,#231a08,#171108)!important;
  box-shadow:0 0 14px rgba(255,207,82,.12), inset 0 0 0 1px rgba(255,216,111,.05)!important;
}

/* keep dot color in sync even if class lands on the i element directly */
.page-view[data-page="ranking"] .rank-dot.rank-bronze{color:#d3a07b!important}
.page-view[data-page="ranking"] .rank-dot.rank-silver{color:#d4dde3!important}
.page-view[data-page="ranking"] .rank-dot.rank-gold{color:#f0bd4d!important}
.page-view[data-page="ranking"] .rank-dot.rank-platinum{color:#74d2cf!important}
.page-view[data-page="ranking"] .rank-dot.rank-diamond{color:#7fd5ff!important}
.page-view[data-page="ranking"] .rank-dot.rank-master{color:#ffb536!important}
.page-view[data-page="ranking"] .rank-dot.rank-elite{color:#e4d7ff!important}
.page-view[data-page="ranking"] .rank-dot.rank-legend{color:#ffd86f!important}


/* =========================================================
   v0.71.0 — ranking table alignment polish
   Fixes column alignment for Matches / Win% / ELO and makes
   the whole ranking table feel cleaner and less chaotic.
   ========================================================= */
.page-view[data-page="ranking"] .leaderboard-grid-final,
.leaderboard-final .leaderboard-grid-final{
  grid-template-columns:74px minmax(320px,1.95fr) 122px 92px 92px 118px !important;
  gap:12px !important;
  align-items:center !important;
}

.page-view[data-page="ranking"] .leaderboard-final .table-head,
.leaderboard-final .table-head{
  display:grid !important;
  grid-template-columns:74px minmax(320px,1.95fr) 122px 92px 92px 118px !important;
  gap:12px !important;
  align-items:center !important;
  padding:0 20px !important;
}

.page-view[data-page="ranking"] .leaderboard-final .table-head > *:nth-child(1),
.page-view[data-page="ranking"] .leaderboard-final .table-head > *:nth-child(3),
.page-view[data-page="ranking"] .leaderboard-final .table-head > *:nth-child(4),
.page-view[data-page="ranking"] .leaderboard-final .table-head > *:nth-child(5),
.page-view[data-page="ranking"] .leaderboard-final .table-head > *:nth-child(6),
.leaderboard-final .table-head > *:nth-child(1),
.leaderboard-final .table-head > *:nth-child(3),
.leaderboard-final .table-head > *:nth-child(4),
.leaderboard-final .table-head > *:nth-child(5),
.leaderboard-final .table-head > *:nth-child(6){
  justify-self:center !important;
  text-align:center !important;
}

.page-view[data-page="ranking"] .leaderboard-final .leader-row > *:nth-child(1),
.page-view[data-page="ranking"] .leaderboard-final .leader-row > *:nth-child(3),
.page-view[data-page="ranking"] .leaderboard-final .leader-row > *:nth-child(4),
.page-view[data-page="ranking"] .leaderboard-final .leader-row > *:nth-child(5),
.page-view[data-page="ranking"] .leaderboard-final .leader-row > *:nth-child(6),
.leaderboard-final .leader-row > *:nth-child(1),
.leaderboard-final .leader-row > *:nth-child(3),
.leaderboard-final .leader-row > *:nth-child(4),
.leaderboard-final .leader-row > *:nth-child(5),
.leaderboard-final .leader-row > *:nth-child(6){
  justify-self:center !important;
  text-align:center !important;
}

.page-view[data-page="ranking"] .leaderboard-final .leader-row > *:nth-child(2),
.leaderboard-final .leader-row > *:nth-child(2){
  min-width:0 !important;
  justify-self:stretch !important;
}

.page-view[data-page="ranking"] .leaderboard-final .leader-matches,
.page-view[data-page="ranking"] .leaderboard-final .leader-win,
.leaderboard-final .leader-matches,
.leaderboard-final .leader-win{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:100% !important;
  text-align:center !important;
}

.page-view[data-page="ranking"] .leaderboard-final .current-elo,
.leaderboard-final .current-elo{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:100% !important;
  text-align:center !important;
  letter-spacing:.01em !important;
}

.page-view[data-page="ranking"] .leaderboard-final .rank-pill,
.leaderboard-final .rank-pill{
  justify-self:center !important;
}

.page-view[data-page="ranking"] .leaderboard-final .table-head,
.leaderboard-final .table-head{
  font-size:11px !important;
}

.page-view[data-page="ranking"] .leaderboard-final .leader-row,
.leaderboard-final .leader-row{
  min-height:84px !important;
}

@media(max-width:1320px){
  .page-view[data-page="ranking"] .leaderboard-grid-final,
  .leaderboard-final .leaderboard-grid-final,
  .page-view[data-page="ranking"] .leaderboard-final .table-head,
  .leaderboard-final .table-head{
    grid-template-columns:66px minmax(250px,1.8fr) 114px 84px 80px 106px !important;
    gap:10px !important;
  }
}

@media(max-width:1120px){
  .page-view[data-page="ranking"] .leaderboard-grid-final,
  .leaderboard-final .leaderboard-grid-final,
  .page-view[data-page="ranking"] .leaderboard-final .table-head,
  .leaderboard-final .table-head{
    grid-template-columns:60px minmax(210px,1.7fr) 106px 76px 74px 96px !important;
    gap:8px !important;
  }
}


/* =========================================================
   v0.71.0 — Veto timer box fix
   Countdown was overflowing outside the ban-time box.
   This pass enlarges and stabilizes the timer layout.
   ========================================================= */
.veto-turn-focus{
  gap:16px !important;
}

.veto-turn-focus .veto-timer{
  width:96px !important;
  min-width:96px !important;
  height:78px !important;
  grid-template-columns:1fr auto !important;
  grid-template-rows:auto 1fr !important;
  align-items:end !important;
  padding:10px 11px !important;
  border-radius:10px !important;
  box-sizing:border-box !important;
}

.veto-turn-focus .veto-timer small{
  font-size:7px !important;
  line-height:1 !important;
  margin:0 !important;
}

.veto-turn-focus .veto-timer strong,
#vetoTimer{
  font-size:42px !important;
  line-height:.9 !important;
  letter-spacing:-.02em !important;
  display:block !important;
}

.veto-turn-focus .veto-timer > i{
  font-size:10px !important;
  line-height:1 !important;
  padding-bottom:5px !important;
}

.veto-turn-focus > div:last-child{
  gap:6px !important;
}

.veto-turn-focus > div:last-child small{
  font-size:9px !important;
  line-height:1.1 !important;
}

.veto-turn-focus > div:last-child b{
  font-size:14px !important;
  line-height:1.05 !important;
  letter-spacing:.03em !important;
}

@media (max-width: 1280px){
  .veto-turn-focus .veto-timer{
    width:88px !important;
    min-width:88px !important;
    height:74px !important;
    padding:9px 10px !important;
  }
  .veto-turn-focus .veto-timer strong,
  #vetoTimer{
    font-size:38px !important;
  }
}

@media (max-width: 980px){
  .veto-turn-focus{
    gap:12px !important;
  }
  .veto-turn-focus .veto-timer{
    width:82px !important;
    min-width:82px !important;
    height:70px !important;
  }
  .veto-turn-focus .veto-timer strong,
  #vetoTimer{
    font-size:34px !important;
  }
}


/* =========================================================
   v0.71.0 — full veto readability pass
   Goal: same visual clarity as the main Play page.
   Scope: Veto only.
   ========================================================= */

/* Overall spacing and section rhythm */
.veto-shell{
  max-width:1540px !important;
}
.veto-shell > .flow-title,
.veto-shell > .flow-head{
  margin-bottom:14px !important;
}
.veto-shell .eyebrow{
  font-size:9px !important;
  font-weight:950 !important;
  letter-spacing:.09em !important;
  color:#97a09b !important;
}
.veto-shell h1{
  font-size:32px !important;
  line-height:1.04 !important;
}
.veto-shell h2{
  line-height:1.08 !important;
}

/* Team cards */
.veto-team-card{
  min-height:392px !important;
  border-color:#343c39 !important;
  background:linear-gradient(180deg,#0c1110,#090d0c) !important;
}
.veto-team-card .team-list-head{
  height:52px !important;
  padding:0 15px !important;
  border-bottom:1px solid #262d2a !important;
}
.veto-team-card .team-list-head .eyebrow,
.veto-team-card .team-list-head b{
  font-size:10px !important;
}
.veto-team-card .team-person{
  min-height:72px !important;
  height:auto !important;
  padding:10px 13px !important;
  grid-template-columns:42px minmax(0,1fr) auto !important;
  gap:11px !important;
}
.veto-team-card .team-person .avatar{
  width:38px !important;
  height:38px !important;
  font-size:11px !important;
}
.veto-player-copy .player-line{
  gap:8px !important;
  row-gap:5px !important;
}
.veto-player-copy .player-line>b{
  font-size:16px !important;
  line-height:1 !important;
  letter-spacing:-.01em !important;
}
.veto-player-copy .mini-rank{
  min-width:0 !important;
  height:22px !important;
  padding:0 8px !important;
  font-size:8px !important;
}
.veto-player-stats{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:0 !important;
  margin-top:6px !important;
}
.veto-player-stats strong{
  font-size:10px !important;
  line-height:1.1 !important;
  color:#edf1ef !important;
  padding-right:10px !important;
}
.veto-player-stats span{
  font-size:9px !important;
  line-height:1.1 !important;
  color:#98a19c !important;
  padding:0 9px !important;
}
.veto-player-stats span+span,
.veto-player-stats strong+span{
  border-left:1px solid #303734 !important;
}
.veto-captain-badge,
.veto-team-card .premium-mini-badge{
  font-size:8px !important;
}

/* Center stage */
.veto-center-stage{
  min-height:280px !important;
  padding:25px 24px !important;
  border-color:#343c39 !important;
}
.veto-center-stage>span,
.veto-center-stage>.eyebrow{
  font-size:9px !important;
}
.veto-center-stage h2{
  font-size:27px !important;
  margin:10px 0 8px !important;
}
#vetoHint{
  font-size:11px !important;
  line-height:1.45 !important;
  color:#929b96 !important;
  min-height:18px !important;
}
.veto-versus{
  margin:23px 0 20px !important;
  min-height:38px !important;
}
.veto-versus span{
  font-size:12px !important;
}
.veto-versus b{
  font-size:12px !important;
}

/* Timer block */
.veto-turn-focus{
  gap:16px !important;
}
.veto-turn-focus .veto-timer{
  width:96px !important;
  min-width:96px !important;
  height:78px !important;
  padding:10px 11px !important;
  overflow:hidden !important;
}
.veto-turn-focus .veto-timer small{
  font-size:7.5px !important;
  line-height:1 !important;
}
.veto-turn-focus .veto-timer strong,
#vetoTimer{
  font-size:40px !important;
  line-height:.9 !important;
}
.veto-turn-focus .veto-timer>i{
  font-size:10px !important;
}
.veto-turn-focus>div:last-child{
  min-width:128px !important;
  gap:6px !important;
}
.veto-turn-focus>div:last-child small{
  font-size:9px !important;
}
.veto-turn-focus>div:last-child b{
  font-size:14px !important;
  line-height:1.1 !important;
}

/* Premium Pool label */
.veto-premium-pool-info{
  min-height:32px !important;
  padding:0 13px !important;
  font-size:10.5px !important;
}
.veto-premium-pool-info.has-tooltip::after{
  min-width:320px !important;
  max-width:420px !important;
  padding:13px 15px !important;
  font-size:10.5px !important;
  line-height:1.55 !important;
}

/* Map pool section */
.veto-map-section,
.veto-map-pool-card{
  border-color:#343c39 !important;
}
.veto-map-section .section-top,
.veto-map-pool-card .section-top{
  min-height:58px !important;
  height:auto !important;
}
.veto-map-section h3,
.veto-map-pool-card h3{
  font-size:18px !important;
}
.veto-map-grid{
  gap:9px !important;
}
.veto-map{
  min-height:88px !important;
  border-radius:7px !important;
}
.veto-map img{
  min-height:88px !important;
}
.veto-map span{
  left:9px !important;
  bottom:8px !important;
  font-size:10.5px !important;
  font-weight:900 !important;
}
.veto-map i{
  font-size:10px !important;
}
.veto-map::before,
.veto-map::after{
  font-size:8px !important;
}

/* Datacenter veto */
.dc-veto-card{
  border-color:#343c39 !important;
}
.dc-veto-head{
  min-height:70px !important;
  padding:13px 15px !important;
}
.dc-veto-head h3{
  font-size:18px !important;
  margin:4px 0 5px !important;
}
.dc-veto-head p{
  font-size:10px !important;
  line-height:1.4 !important;
}
.dc-veto-grid{
  gap:9px !important;
  padding:12px 15px 15px !important;
}
.dc-option{
  min-height:70px !important;
  padding:11px 12px !important;
}
.dc-option img{
  width:39px !important;
  height:27px !important;
}
.dc-option b{
  font-size:13px !important;
}
.dc-option small{
  font-size:9px !important;
}
.dc-option .dc-code{
  font-size:8px !important;
}
.dc-option button{
  min-width:42px !important;
  height:28px !important;
  font-size:8px !important;
}

/* Team chat */
.team-chat-card{
  min-height:164px !important;
}
.team-chat-head{
  height:44px !important;
  padding:0 13px !important;
}
.team-chat-head .eyebrow,
.team-chat-head b{
  font-size:9px !important;
}
.team-only{
  font-size:8px !important;
}
.team-chat-messages{
  height:72px !important;
  padding:8px 12px !important;
}
.team-chat-messages>div,
.team-chat-messages b,
.team-chat-messages span{
  font-size:8.5px !important;
  line-height:1.35 !important;
}
.team-chat-form{
  height:46px !important;
  padding:6px 8px !important;
  grid-template-columns:minmax(0,1fr) 72px !important;
}
.team-chat-form input{
  font-size:9px !important;
  padding:0 10px !important;
}
.team-chat-form button{
  font-size:8px !important;
}

/* Remove visually noisy micro labels where content is obvious */
.veto-shell .micro-copy,
.veto-shell .tiny-label{
  font-size:8.5px !important;
}

/* Responsive */
@media(max-width:1280px){
  .veto-team-card .team-person{
    min-height:68px !important;
  }
  .veto-player-copy .player-line>b{
    font-size:15px !important;
  }
  .veto-player-stats span{
    font-size:8.5px !important;
    padding:0 7px !important;
  }
  .veto-map{
    min-height:82px !important;
  }
}

@media(max-width:980px){
  .veto-center-stage{
    min-height:250px !important;
  }
  .veto-turn-focus>div:last-child{
    min-width:112px !important;
  }
}


/* =========================================================
   v0.71.0 — Summary page redesign
   Goal: make Podsumowanie read like Play page.
   Cleaner hierarchy, larger readable text, calmer cards.
   ========================================================= */

.summary-shell{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 322px !important;
  gap:14px !important;
  align-items:start !important;
}
.result-hero{
  min-height:262px !important;
  height:262px !important;
  border-color:#333a37 !important;
  overflow:hidden !important;
}
.result-map-bg{
  transform:scale(1.02);
  filter:saturate(.92) brightness(.92) !important;
}
.result-map-shade{
  background:
    linear-gradient(180deg, rgba(6,8,8,.28), rgba(6,8,8,.82)),
    linear-gradient(90deg, rgba(7,9,9,.62), rgba(7,9,9,.20) 55%, rgba(7,9,9,.48)) !important;
}
.result-top{
  left:18px !important;
  right:18px !important;
  top:16px !important;
}
.result-top .live-chip{
  height:28px !important;
  padding:0 13px !important;
  font-size:11px !important;
  font-weight:900 !important;
}
.result-top>span:last-child{
  font-size:10px !important;
  font-weight:800 !important;
  color:#89938d !important;
}
.result-score-main{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-42%) !important;
  display:flex !important;
  align-items:flex-start !important;
  gap:26px !important;
  z-index:2 !important;
}
.result-score-main>div{
  min-width:140px !important;
  text-align:center !important;
}
.result-score-main>div span{
  display:block !important;
  font-size:11px !important;
  font-weight:900 !important;
  color:#c5cbc8 !important;
  letter-spacing:.05em !important;
  margin-bottom:10px !important;
}
.result-score-main>div strong{
  display:block !important;
  font-size:58px !important;
  line-height:.88 !important;
  font-weight:1000 !important;
  color:#f2f5f3 !important;
}
.result-score-main>b{
  font-size:42px !important;
  line-height:1 !important;
  font-weight:900 !important;
  color:#727c77 !important;
  padding-top:29px !important;
}
.result-score-main>div:first-child strong{
  color:var(--brand-2) !important;
}
.result-bottom{
  left:18px !important;
  right:18px !important;
  bottom:18px !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:10px !important;
}
.result-bottom>span:first-child{
  font-size:15px !important;
  font-weight:900 !important;
}
.result-bottom .plus-elo{
  font-size:20px !important;
  font-weight:1000 !important;
  color:#51edab !important;
}
.result-bottom>span:last-child{
  font-size:11px !important;
  font-weight:800 !important;
  color:#bcc3c0 !important;
}

.summary-table-card{
  min-height:542px !important;
  border-color:#333a37 !important;
  overflow:hidden !important;
}
.summary-table-card>.toolbar{
  height:72px !important;
  padding:0 14px !important;
  border-bottom:1px solid #262c29 !important;
  background:linear-gradient(180deg,#0c1010,#0a0e0e) !important;
}
.summary-table-card>.toolbar h2{
  font-size:20px !important;
  line-height:1.05 !important;
}
.summary-table-card>.toolbar .eyebrow{
  font-size:10px !important;
}
.summary-rating{
  align-items:flex-end !important;
  text-align:right !important;
}
.summary-rating span{
  font-size:10px !important;
  color:#87918b !important;
  font-weight:900 !important;
}
.summary-rating b{
  font-size:35px !important;
  line-height:.92 !important;
  color:var(--brand-2) !important;
  margin-top:5px !important;
}

.summary-teams-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  min-height:468px !important;
  background:#0a0e0e !important;
}
.summary-team-panel{
  background:linear-gradient(180deg,#0b0f0f,#0a0d0d) !important;
}
.summary-team-panel + .summary-team-panel{
  border-left:1px solid #242b28 !important;
}
.summary-team-title{
  height:58px !important;
  padding:0 14px !important;
  border-bottom:1px solid #242b28 !important;
  background:linear-gradient(180deg,#0e1312,#0a0e0e) !important;
}
.summary-team-title>div{
  gap:4px !important;
}
.summary-team-title>div .eyebrow{
  font-size:10px !important;
}
.summary-team-title>div>b{
  font-size:16px !important;
  line-height:1 !important;
}
.summary-team-title>strong{
  font-size:42px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  color:#b3bbb6 !important;
}
.summary-team-panel.winner .summary-team-title>strong,
.summary-team-panel.winner .summary-team-title>div>b{
  color:var(--brand-2) !important;
}

.summary-team-panel .summary-row-grid{
  grid-template-columns:minmax(160px,1fr) repeat(6,52px) !important;
}
.summary-team-panel .summary-head{
  height:38px !important;
  padding:0 13px !important;
  border-bottom:1px solid #242b28 !important;
  font-size:9px !important;
  color:#7e8882 !important;
  font-weight:900 !important;
}
.summary-team-panel .summary-player{
  min-height:66px !important;
  height:66px !important;
  padding:0 13px !important;
  border-bottom:1px solid #1f2523 !important;
  font-size:11px !important;
  background:transparent !important;
}
.summary-team-panel .summary-player:last-child{
  border-bottom:0 !important;
}
.summary-team-panel .summary-player.me{
  background:linear-gradient(90deg, rgba(217,58,65,.12), rgba(217,58,65,.03)) !important;
  box-shadow:inset 2px 0 0 var(--brand-2) !important;
}
.summary-team-panel .summary-player>div{
  gap:10px !important;
  min-width:0 !important;
}
.summary-team-panel .summary-player .avatar{
  width:34px !important;
  height:34px !important;
  font-size:11px !important;
  flex:none !important;
}
.summary-player-meta{
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
  min-width:0 !important;
}
.summary-player-meta b{
  font-size:14px !important;
  line-height:1 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.summary-player-meta small{
  display:flex !important;
  align-items:center !important;
}
.summary-player-meta .mini-rank{
  height:22px !important;
  padding:0 8px !important;
  font-size:8px !important;
}
.summary-team-panel .summary-player>span,
.summary-team-panel .summary-player>b{
  font-size:12px !important;
  font-weight:900 !important;
  text-align:center !important;
}
.summary-team-panel .summary-player>b{
  color:#eef2f0 !important;
}
.summary-team-panel .summary-player.me>span:last-child,
.summary-team-panel .summary-player.me>b{
  color:var(--brand-2) !important;
}

.summary-actions-card{
  grid-column:2 !important;
  grid-row:1 / 3 !important;
  min-height:820px !important;
  padding:14px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
  justify-content:flex-start !important;
  border-color:#333a37 !important;
  background:linear-gradient(180deg,#0b0f0f,#090d0c) !important;
}
.summary-actions-card .summary-rank-card,
.summary-actions-card .match-mvp,
.summary-actions-card .match-highlights,
.summary-actions-card .summary-actions{
  width:100% !important;
}
.summary-actions-card .summary-rank-card{
  border:1px solid #2f3633 !important;
  border-radius:12px !important;
  padding:22px 18px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  text-align:center !important;
  background:radial-gradient(circle at top, rgba(217,58,65,.10), transparent 62%), #0b0e0e !important;
}
.summary-rank-card .eyebrow{
  font-size:10px !important;
  margin-bottom:8px !important;
}
.summary-rank-card .summary-rank-name{
  font-size:14px !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
}
.summary-actions-card .summary-rank-card strong{
  font-size:56px !important;
  line-height:.92 !important;
  margin:8px 0 6px !important;
  color:#f4f7f5 !important;
}
.summary-rank-card small{
  font-size:12px !important;
  color:#c6ceca !important;
}
.summary-rank-progress{
  width:100% !important;
  height:7px !important;
  margin:14px 0 10px !important;
}
.summary-rank-card em{
  font-size:11px !important;
  color:#9ca59f !important;
  font-style:normal !important;
  font-weight:800 !important;
}

.match-mvp{
  border:1px solid #2f3633 !important;
  border-radius:12px !important;
  min-height:86px !important;
  padding:14px 15px !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  background:#0b0e0e !important;
}
.match-mvp .mvp-star{
  width:40px !important;
  height:40px !important;
  border-radius:999px !important;
  display:grid !important;
  place-items:center !important;
  font-size:18px !important;
  color:var(--brand-2) !important;
  background:rgba(217,58,65,.12) !important;
  border:1px solid rgba(217,58,65,.32) !important;
}
.match-mvp div{
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
  min-width:0 !important;
}
.match-mvp small{
  font-size:10px !important;
  color:var(--brand-2) !important;
  font-weight:900 !important;
}
.match-mvp b{
  font-size:28px !important;
  line-height:1 !important;
}
.match-mvp div>span{
  font-size:11px !important;
  color:#b0b8b4 !important;
}

.match-highlights{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
}
.highlight-stat{
  border:1px solid #2f3633 !important;
  border-radius:12px !important;
  min-height:88px !important;
  padding:12px 13px !important;
  background:#0b0e0e !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
}
.highlight-stat span{
  font-size:10px !important;
  color:#8e9792 !important;
  font-weight:900 !important;
}
.highlight-stat b{
  font-size:18px !important;
  line-height:1 !important;
}
.highlight-stat small{
  font-size:11px !important;
  color:#b8c0bc !important;
}

.summary-actions{
  margin-top:auto !important;
  display:grid !important;
  gap:10px !important;
}
.summary-actions button{
  width:100% !important;
  height:44px !important;
  border-radius:10px !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
}
.summary-actions .wide-ghost{
  border:1px solid #313835 !important;
  background:#0b0e0e !important;
}
.summary-actions .primary-action{
  background:linear-gradient(180deg, #ea5561, #d93a41) !important;
}

@media (max-width: 1420px){
  .summary-shell{
    grid-template-columns:minmax(0,1fr) 300px !important;
  }
  .summary-team-panel .summary-row-grid{
    grid-template-columns:minmax(145px,1fr) repeat(6,46px) !important;
  }
  .summary-team-panel .summary-player>span,
  .summary-team-panel .summary-player>b{
    font-size:11px !important;
  }
}

@media (max-width: 1180px){
  .summary-shell{
    grid-template-columns:1fr !important;
  }
  .summary-actions-card{
    grid-column:1 !important;
    grid-row:auto !important;
    min-height:unset !important;
  }
  .match-highlights{
    grid-template-columns:repeat(4,1fr) !important;
  }
}

@media (max-width: 900px){
  .summary-teams-grid{
    grid-template-columns:1fr !important;
  }
  .summary-team-panel + .summary-team-panel{
    border-left:0 !important;
    border-top:1px solid #242b28 !important;
  }
  .summary-team-panel .summary-row-grid{
    grid-template-columns:minmax(150px,1fr) repeat(6,44px) !important;
  }
  .match-highlights{
    grid-template-columns:1fr 1fr !important;
  }
}

@media (max-width: 720px){
  .result-hero{
    min-height:230px !important;
    height:230px !important;
  }
  .result-score-main>div strong{
    font-size:44px !important;
  }
  .result-score-main>b{
    font-size:34px !important;
    padding-top:20px !important;
  }
  .summary-table-card>.toolbar{
    height:auto !important;
    min-height:72px !important;
    padding:12px !important;
  }
  .summary-team-panel .summary-row-grid{
    grid-template-columns:minmax(135px,1fr) repeat(6,38px) !important;
  }
  .summary-team-panel .summary-player{
    height:62px !important;
    min-height:62px !important;
    padding:0 10px !important;
  }
  .summary-player-meta b{
    font-size:12px !important;
  }
  .summary-actions-card .summary-rank-card strong{
    font-size:48px !important;
  }
}


/* =========================================================
   v0.71.0 — Profile production polish
   Keeps the accepted profile layout, replaces demo-looking
   internals with calmer production-style data presentation.
   ========================================================= */
.page-view[data-page="profile"] .profile-section-label{
  margin-top:18px!important;
  margin-bottom:10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
.page-view[data-page="profile"] .profile-section-label .eyebrow{
  font-size:10px!important;
}
.page-view[data-page="profile"] .profile-section-label small{
  font-size:9px!important;
  color:#7d8781!important;
}

.page-view[data-page="profile"] .profile-stats-row{
  gap:10px!important;
}
.page-view[data-page="profile"] .profile-metric{
  min-height:106px!important;
  height:auto!important;
  padding:16px 17px!important;
  border-color:#303735!important;
  background:linear-gradient(180deg,#0d1110,#0a0e0d)!important;
  position:relative!important;
}
.page-view[data-page="profile"] .profile-metric:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:15px!important;
  bottom:15px!important;
  width:2px!important;
  border-radius:99px!important;
  background:#333b37!important;
}
.page-view[data-page="profile"] .profile-metric>span{
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  color:#858f89!important;
}
.page-view[data-page="profile"] .profile-metric strong{
  margin:8px 0 5px!important;
  font-size:31px!important;
  line-height:.95!important;
}
.page-view[data-page="profile"] .profile-metric small{
  font-size:9px!important;
  color:#76807a!important;
}

.page-view[data-page="profile"] .profile-grid{
  grid-template-columns:minmax(0,1fr) 330px!important;
  gap:12px!important;
}
.page-view[data-page="profile"] .profile-form-card{
  height:318px!important;
  border-color:#303735!important;
}
.profile-form-meta{
  min-height:34px!important;
  padding:0 18px!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  border-bottom:1px solid #202624!important;
  color:#6f7973!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
.page-view[data-page="profile"] .elo-chart{
  height:210px!important;
  padding:14px 20px 18px!important;
}
.page-view[data-page="profile"] .chart-grid-lines{
  position:absolute!important;
  inset:26px 20px 28px!important;
  pointer-events:none!important;
}
.page-view[data-page="profile"] .chart-grid-lines i{
  position:absolute!important;
  left:0!important;
  right:0!important;
  height:1px!important;
  background:#1d2321!important;
}
.page-view[data-page="profile"] .chart-grid-lines i:nth-child(1){top:18%!important}
.page-view[data-page="profile"] .chart-grid-lines i:nth-child(2){top:50%!important}
.page-view[data-page="profile"] .chart-grid-lines i:nth-child(3){top:82%!important}
.page-view[data-page="profile"] .chart-line{
  inset:22px 20px 30px!important;
}
.page-view[data-page="profile"] .chart-line:before,
.page-view[data-page="profile"] .chart-line:after{
  display:none!important;
}
.page-view[data-page="profile"] .chart-line polyline{
  stroke:#d93a41!important;
  stroke-width:2.4!important;
}
.page-view[data-page="profile"] .chart-line i{
  width:7px!important;
  height:7px!important;
  border:2px solid #d93a41!important;
  background:#0b0f0e!important;
}
.page-view[data-page="profile"] .chart-min,
.page-view[data-page="profile"] .chart-max{
  font-size:9px!important;
  font-weight:800!important;
}

.page-view[data-page="profile"] .profile-best-map-card{
  height:318px!important;
  padding:0!important;
  overflow:hidden!important;
  border-color:#303735!important;
}
.profile-best-map-head{
  height:70px!important;
  padding:0 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border-bottom:1px solid #202624!important;
}
.profile-best-map-head .eyebrow{
  font-size:10px!important;
}
.profile-best-map-head small{
  font-size:8px!important;
  color:#747e78!important;
  font-weight:900!important;
}
.page-view[data-page="profile"] .profile-best-map-card .role-map{
  height:164px!important;
  margin:0!important;
  border-radius:0!important;
}
.page-view[data-page="profile"] .profile-best-map-card .role-map h3{
  font-size:23px!important;
}
.page-view[data-page="profile"] .profile-best-map-card .role-map p{
  font-size:10px!important;
}
.page-view[data-page="profile"] .profile-best-map-card .role-mini{
  min-height:83px!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  align-items:stretch!important;
}
.page-view[data-page="profile"] .profile-best-map-card .role-mini span{
  justify-content:center!important;
  gap:5px!important;
}
.page-view[data-page="profile"] .profile-best-map-card .role-mini small{
  order:0!important;
  font-size:8px!important;
  color:#747e78!important;
  font-weight:900!important;
}
.page-view[data-page="profile"] .profile-best-map-card .role-mini b{
  order:1!important;
  font-size:17px!important;
}

.page-view[data-page="profile"] .profile-history-pro{
  min-height:340px!important;
  border-color:#303735!important;
}
.page-view[data-page="profile"] .profile-history-pro>.toolbar{
  min-height:72px!important;
}
.page-view[data-page="profile"] .profile-history-pro>.toolbar h2{
  font-size:20px!important;
}
.page-view[data-page="profile"] .profile-history-head{
  min-height:36px!important;
  padding:0 16px!important;
  display:grid!important;
  grid-template-columns:36px minmax(240px,1fr) 92px 90px 96px!important;
  gap:12px!important;
  align-items:center!important;
  border-bottom:1px solid #202624!important;
  background:#090d0c!important;
  color:#6f7973!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
.page-view[data-page="profile"] .profile-history-head>span:nth-child(n+3){
  text-align:center!important;
}
.page-view[data-page="profile"] .mini-match-list>div.profile-match-row{
  min-height:64px!important;
  height:auto!important;
  padding:8px 16px!important;
  display:grid!important;
  grid-template-columns:36px minmax(240px,1fr) 92px 90px 96px!important;
  gap:12px!important;
  align-items:center!important;
  border-bottom:1px solid #202624!important;
  font-size:10px!important;
  transition:background .14s ease!important;
}
.page-view[data-page="profile"] .mini-match-list>div.profile-match-row:hover{
  background:#101412!important;
}
.page-view[data-page="profile"] .profile-match-row .result{
  width:28px!important;
  height:28px!important;
  border-radius:7px!important;
  font-size:10px!important;
}
.profile-match-map{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:11px!important;
  align-items:center!important;
}
.profile-match-map img{
  width:58px!important;
  height:40px!important;
  object-fit:cover!important;
  border-radius:6px!important;
  border:1px solid #303735!important;
  filter:saturate(.72) brightness(.76)!important;
}
.profile-match-map>div{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
}
.profile-match-map b{
  font-size:13px!important;
}
.profile-match-map small{
  margin-top:4px!important;
  font-size:8px!important;
  color:#747e78!important;
  font-weight:800!important;
}
.page-view[data-page="profile"] .profile-match-row>strong,
.page-view[data-page="profile"] .profile-match-row>.profile-match-rating,
.page-view[data-page="profile"] .profile-match-row>.plus-elo,
.page-view[data-page="profile"] .profile-match-row>.minus-elo{
  text-align:center!important;
  justify-self:center!important;
}
.page-view[data-page="profile"] .profile-match-row>strong{
  font-size:14px!important;
}
.profile-match-rating{
  font-size:12px!important;
  font-weight:900!important;
}
.page-view[data-page="profile"] .profile-match-row>.plus-elo,
.page-view[data-page="profile"] .profile-match-row>.minus-elo{
  font-size:11px!important;
  white-space:nowrap!important;
}

@media(max-width:1180px){
  .page-view[data-page="profile"] .profile-grid{
    grid-template-columns:1fr!important;
  }
  .page-view[data-page="profile"] .profile-best-map-card{
    height:auto!important;
  }
}

@media(max-width:760px){
  .page-view[data-page="profile"] .profile-history-head{
    display:none!important;
  }
  .page-view[data-page="profile"] .mini-match-list>div.profile-match-row{
    grid-template-columns:32px minmax(160px,1fr) 72px 78px!important;
  }
  .page-view[data-page="profile"] .profile-match-row>.profile-match-rating{
    display:none!important;
  }
}


/* =========================================================
   v0.71.0 — Profile header polish
   Scope: top hero only. Keep the accepted layout, improve
   internal hierarchy and remove the "demo dashboard" feel.
   ========================================================= */

.page-view[data-page="profile"] .profile-hero{
  min-height:330px!important;
  padding:26px 28px!important;
  grid-template-columns:1.18fr .82fr .78fr!important;
  gap:28px!important;
  align-items:stretch!important;
  border-color:#343b38!important;
  background:
    radial-gradient(circle at 84% 24%,rgba(217,58,65,.055),transparent 26%),
    linear-gradient(145deg,rgba(14,18,17,.98),rgba(8,11,11,.98))!important;
}

.page-view[data-page="profile"] .profile-identity-large,
.page-view[data-page="profile"] .profile-standing,
.page-view[data-page="profile"] .profile-rank-card{
  position:relative!important;
}

.profile-block-label{
  position:absolute!important;
  left:0!important;
  top:0!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
  color:#6f7974!important;
}

.page-view[data-page="profile"] .profile-identity-large{
  padding:24px 28px 0 0!important;
  border-right:1px solid #222927!important;
  display:grid!important;
  grid-template-columns:122px minmax(0,1fr)!important;
  gap:22px!important;
  align-content:start!important;
}

.page-view[data-page="profile"] .profile-avatar-wrap{
  width:122px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
}
.page-view[data-page="profile"] .profile-avatar{
  width:96px!important;
  height:96px!important;
  font-size:32px!important;
  border-radius:14px!important;
}
.page-view[data-page="profile"] #profileName{
  margin-top:11px!important;
  width:122px!important;
  text-align:center!important;
  font-size:19px!important;
  line-height:1!important;
}

.page-view[data-page="profile"] .profile-identity-content{
  padding-top:0!important;
}
.page-view[data-page="profile"] .profile-meta{
  min-height:31px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 11px!important;
  border:1px solid #303735!important;
  border-radius:7px!important;
  background:#0b0f0e!important;
  font-size:9px!important;
  font-weight:850!important;
  color:#bbc3bf!important;
}
.page-view[data-page="profile"] .profile-badges{
  margin-top:10px!important;
  gap:8px!important;
}
.page-view[data-page="profile"] .profile-badges span{
  min-height:30px!important;
  height:30px!important;
  padding:0 10px!important;
  border-radius:7px!important;
  font-size:9px!important;
}
.page-view[data-page="profile"] .profile-activity-row{
  margin-top:10px!important;
  min-height:28px!important;
  gap:10px!important;
}
.page-view[data-page="profile"] .profile-activity-state{
  height:27px!important;
  padding:0 9px!important;
  font-size:8px!important;
}
.page-view[data-page="profile"] .profile-activity-row>small{
  font-size:9px!important;
  color:#7f8984!important;
}

.page-view[data-page="profile"] .profile-team-card{
  margin-top:13px!important;
  min-height:72px!important;
  padding:10px 12px!important;
  border-radius:9px!important;
  border-color:#303735!important;
  background:linear-gradient(180deg,#0d1211,#0a0e0d)!important;
}
.page-view[data-page="profile"] .profile-team-card .team-profile-logo{
  width:44px!important;
  height:44px!important;
  font-size:14px!important;
}
.page-view[data-page="profile"] .profile-team-copy b{
  font-size:16px!important;
  line-height:1!important;
}
.page-view[data-page="profile"] .profile-team-copy small{
  margin-top:5px!important;
  font-size:8.5px!important;
}
.page-view[data-page="profile"] .profile-team-copy em{
  margin-bottom:5px!important;
  font-size:8px!important;
}

.page-view[data-page="profile"] .profile-achievements{
  margin-top:10px!important;
  gap:9px!important;
}
.page-view[data-page="profile"] .achievement-badge,
.page-view[data-page="profile"] .achievement-empty{
  width:54px!important;
  height:54px!important;
  border-radius:10px!important;
}
.page-view[data-page="profile"] .achievement-badge strong{
  font-size:24px!important;
}
.page-view[data-page="profile"] .achievement-empty span{
  font-size:15px!important;
}
.page-view[data-page="profile"] .achievement-empty small{
  font-size:6px!important;
}

/* Standing: turn 4 small demo tiles into a cleaner 2x2 data panel */
.page-view[data-page="profile"] .profile-standing{
  padding:24px 28px 0 0!important;
  border-right:1px solid #222927!important;
}
.page-view[data-page="profile"] .profile-summary-head{
  margin:18px 0 12px!important;
}
.page-view[data-page="profile"] .profile-summary-head .eyebrow{
  font-size:9px!important;
}
.page-view[data-page="profile"] .profile-summary-head small{
  font-size:9px!important;
  color:#6f7974!important;
}
.page-view[data-page="profile"] .profile-standing-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
.page-view[data-page="profile"] .profile-quick-stat{
  min-height:78px!important;
  padding:12px!important;
  border-radius:9px!important;
  border:1px solid #29312e!important;
  background:#0b100f!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.page-view[data-page="profile"] .profile-quick-stat span{
  font-size:8.5px!important;
  color:#7e8882!important;
  font-weight:900!important;
  letter-spacing:.07em!important;
}
.page-view[data-page="profile"] .profile-quick-stat b{
  margin-top:7px!important;
  font-size:22px!important;
  line-height:.95!important;
}
.page-view[data-page="profile"] .profile-quick-stat small{
  margin-top:6px!important;
  font-size:8px!important;
  color:#69736e!important;
}
.page-view[data-page="profile"] .profile-quick-stat.featured{
  border-color:#5d252a!important;
  background:linear-gradient(180deg,rgba(217,58,65,.07),#0b0f0e)!important;
}
.page-view[data-page="profile"] .profile-quick-stat.featured b{
  color:var(--brand-2)!important;
}

/* Rank card: remove large empty black area, make rank feel like a strong Play-card */
.page-view[data-page="profile"] .profile-rank-card{
  min-height:250px!important;
  height:auto!important;
  margin:0!important;
  padding:40px 24px 22px!important;
  border-radius:12px!important;
  border:1px solid #5b252a!important;
  background:
    radial-gradient(circle at 50% 34%,rgba(217,58,65,.11),transparent 40%),
    linear-gradient(180deg,#101111,#0a0d0d)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.profile-rank-block-label{
  left:18px!important;
  top:16px!important;
}
.page-view[data-page="profile"] .profile-rank-card img{
  width:86px!important;
  height:86px!important;
  margin:0 0 6px!important;
}
.page-view[data-page="profile"] .profile-rank-copy{
  align-items:center!important;
  text-align:center!important;
}
.page-view[data-page="profile"] .profile-rank-card h2{
  margin:4px 0 5px!important;
  font-size:25px!important;
}
.page-view[data-page="profile"] .profile-rank-card strong{
  font-size:16px!important;
  color:var(--brand-2)!important;
}
.page-view[data-page="profile"] .profile-rank-card>div>small{
  margin-top:6px!important;
  font-size:9px!important;
}
.page-view[data-page="profile"] .profile-rank-progress{
  width:100%!important;
  max-width:250px!important;
  margin:15px auto 8px!important;
}
.page-view[data-page="profile"] .profile-rank-progress-meta{
  width:100%!important;
  max-width:250px!important;
  margin:0 auto!important;
  font-size:8px!important;
}

@media(max-width:1180px){
  .page-view[data-page="profile"] .profile-hero{
    grid-template-columns:1fr!important;
  }
  .page-view[data-page="profile"] .profile-identity-large,
  .page-view[data-page="profile"] .profile-standing{
    border-right:0!important;
    border-bottom:1px solid #222927!important;
    padding-bottom:24px!important;
  }
}


/* =========================================================
   v0.71.0 — profile csrep placeholder + premium hero frame
   ========================================================= */
.page-view[data-page="profile"] .profile-hero.premium-profile-hero{
  border-color:#9a7a27!important;
  box-shadow:0 0 0 1px rgba(205,167,71,.14) inset,0 0 28px rgba(205,167,71,.06)!important;
}
.page-view[data-page="profile"] .profile-hero.premium-profile-hero::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(241,198,86,.12);
}
.page-view[data-page="profile"] .profile-hero.premium-profile-hero #profileName{
  text-shadow:0 0 14px rgba(205,167,71,.08);
}
.page-view[data-page="profile"] .profile-avatar-stack{
  justify-content:flex-start!important;
}
.page-view[data-page="profile"] .profile-csrep-preview{
  width:100%!important;
  margin-top:4px!important;
  padding:12px 10px 10px!important;
  border:1px solid #272f2c!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,rgba(12,16,16,.98),rgba(8,11,11,.98))!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:8px!important;
}
.page-view[data-page="profile"] .profile-hero.premium-profile-hero .profile-csrep-preview{
  border-color:rgba(154,122,39,.42)!important;
  box-shadow:0 0 0 1px rgba(205,167,71,.07) inset;
}
.page-view[data-page="profile"] .profile-csrep-preview .eyebrow{
  font-size:8px!important;
  color:#f1c656!important;
}
.page-view[data-page="profile"] .profile-csrep-note{
  font-size:8px!important;
  color:#707975!important;
  line-height:1.35!important;
}
.page-view[data-page="profile"] .profile-csrep-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
}
.page-view[data-page="profile"] .profile-csrep-stat{
  min-height:44px!important;
  padding:8px 8px 7px!important;
  border:1px solid #222927!important;
  border-radius:9px!important;
  background:#0b0f0e!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
}
.page-view[data-page="profile"] .profile-csrep-stat.wide{
  grid-column:1 / -1!important;
}
.page-view[data-page="profile"] .profile-csrep-stat span{
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  color:#7b8580!important;
}
.page-view[data-page="profile"] .profile-csrep-stat b{
  margin-top:5px!important;
  font-size:15px!important;
  line-height:1!important;
  color:#eef1ef!important;
}
.page-view[data-page="profile"] .profile-csrep-stat.wide b{
  font-size:16px!important;
}
@media(max-width:1180px){
  .page-view[data-page="profile"] .profile-csrep-preview{
    max-width:240px!important;
    margin:4px auto 0!important;
  }
}
@media(max-width:760px){
  .page-view[data-page="profile"] .profile-csrep-preview{
    max-width:none!important;
  }
}


/* =========================================================
   v0.71.0 — profile header fill / better space usage
   Fill the whole left profile table more cleanly.
   ========================================================= */
.page-view[data-page="profile"] .profile-hero-identity{
  grid-template-columns:144px minmax(0,1fr)!important;
  gap:28px!important;
}
.page-view[data-page="profile"] .profile-avatar-stack{
  width:144px!important;
  align-items:stretch!important;
  gap:14px!important;
}
.page-view[data-page="profile"] .profile-avatar-stack .profile-avatar-large{
  margin-left:auto!important;
  margin-right:auto!important;
}
.page-view[data-page="profile"] .profile-avatar-stack #profileName{
  text-align:left!important;
  padding-left:4px!important;
}
.page-view[data-page="profile"] .profile-csrep-preview{
  width:100%!important;
  min-height:146px!important;
  padding:12px 11px 11px!important;
}
.page-view[data-page="profile"] .profile-csrep-note{
  min-height:20px!important;
}
.page-view[data-page="profile"] .profile-csrep-grid{
  gap:8px!important;
}
.page-view[data-page="profile"] .profile-csrep-stat{
  min-height:46px!important;
}
.page-view[data-page="profile"] .profile-identity-copy{
  width:100%!important;
  align-self:stretch!important;
}
.page-view[data-page="profile"] .profile-identity-bottom{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  align-items:stretch!important;
}
.page-view[data-page="profile"] .profile-team-chip{
  width:100%!important;
  max-width:none!important;
  min-height:72px!important;
}
.page-view[data-page="profile"] .profile-achievements{
  width:100%!important;
  grid-template-columns:repeat(4,minmax(56px,1fr))!important;
  gap:10px!important;
}
.page-view[data-page="profile"] .profile-achievements .achievement-badge,
.page-view[data-page="profile"] .profile-achievements .achievement-slot{
  width:100%!important;
  min-width:0!important;
}
.page-view[data-page="profile"] .profile-achievements .achievement-badge{
  box-shadow:0 0 0 1px rgba(255,255,255,.02) inset!important;
}
@media(max-width:760px){
  .page-view[data-page="profile"] .profile-avatar-stack #profileName{
    text-align:center!important;
    padding-left:0!important;
  }
}

/* v0.71.0 asset fallback */
.asset-flag-fallback{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:13px;line-height:1}


/* v0.71.0 — direct /matchroom restore shell.
   Never paint the Graj dashboard while authoritative runtime is unresolved. */
.matchroom-restore-screen{display:none}
body.matchroom-restoring .matchroom-restore-screen{
  position:fixed;
  inset:0;
  z-index:100000;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 50% 42%,rgba(217,58,65,.055),transparent 25%),
    #070909;
}
.matchroom-restore-card{
  width:min(480px,calc(100% - 42px));
  padding:32px;
  border:1px solid #292f2c;
  border-radius:10px;
  background:#0b0e0d;
  box-shadow:0 28px 90px rgba(0,0,0,.42);
  text-align:center;
}
.matchroom-restore-card h2{
  margin:9px 0 8px;
  font-size:24px;
  letter-spacing:.035em;
}
.matchroom-restore-card p{
  margin:0;
  color:#929b96;
  font-size:13px;
}
.matchroom-restore-loader{
  display:flex;
  justify-content:center;
  gap:7px;
  margin-top:22px;
}
.matchroom-restore-loader i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#d93a41;
  animation:peekRestorePulse 1s ease-in-out infinite;
}
.matchroom-restore-loader i:nth-child(2){animation-delay:.14s}
.matchroom-restore-loader i:nth-child(3){animation-delay:.28s}
@keyframes peekRestorePulse{
  0%,100%{opacity:.25;transform:translateY(0)}
  50%{opacity:1;transform:translateY(-4px)}
}


/* v0.71.0 — authoritative matchmaking cooldown */
.queue-penalty{
  margin:10px 10px 0;
  padding:11px 12px;
  border:1px solid rgba(217,58,65,.42);
  border-radius:7px;
  background:rgba(217,58,65,.075);
}
.queue-penalty[hidden]{display:none!important}
.queue-penalty>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.queue-penalty small{
  color:#df6a70;
  font-size:10px;
  font-weight:800;
  letter-spacing:.09em;
}
.queue-penalty b{
  color:#fff;
  font-size:18px;
  font-variant-numeric:tabular-nums;
  letter-spacing:.035em;
}
.queue-penalty>span{
  display:block;
  margin-top:4px;
  color:#8e9792;
  font-size:10px;
}
.find-match.cooldown-active,
.find-match:disabled{
  cursor:not-allowed;
  filter:saturate(.55);
  opacity:.72;
}
.find-match.cooldown-active .play-triangle{
  opacity:.55;
}


/* =========================================================
   v0.71.0 — Cooldown card polish
   Fixes fixed-height clipping and duplicate-heavy presentation.
   ========================================================= */

/* The queue card used to be fixed at 116px. Once the penalty panel was
   inserted, it had nowhere to go and overflowed into the AC card. */
.queue-card{
  height:auto!important;
  min-height:116px;
}

/* Keep the normal non-cooldown card visually identical. */
.queue-card .find-match{
  flex:0 0 75px;
}
.queue-card .server-line{
  flex:0 0 40px;
  border-top:1px solid rgba(255,255,255,.025);
}

/* Cooldown state: still clearly disabled, but not washed-out/buggy. */
.find-match.cooldown-active,
.find-match:disabled{
  opacity:1!important;
  filter:none!important;
}
.find-match.cooldown-active{
  background:
    linear-gradient(135deg,rgba(143,52,60,.98),rgba(87,31,37,.98))!important;
  color:#f5dfe1!important;
  cursor:not-allowed;
  box-shadow:
    inset 0 -1px rgba(255,255,255,.035),
    inset 0 1px rgba(255,255,255,.025);
}
.find-match.cooldown-active b{
  font-size:16px!important;
  font-weight:900!important;
  letter-spacing:.025em!important;
}
.find-match.cooldown-active .play-triangle{
  opacity:.42!important;
  transform:translateY(-1px) scale(.88)!important;
}

/* Compact reason panel under the button. The live time is already the main
   element in the button, so don't repeat another large timer below it. */
.queue-penalty{
  margin:8px 10px 8px!important;
  padding:9px 11px!important;
  min-height:46px;
  border:1px solid rgba(217,58,65,.32)!important;
  border-radius:6px!important;
  background:
    linear-gradient(90deg,rgba(217,58,65,.07),rgba(217,58,65,.025))!important;
}
.queue-penalty>div{
  justify-content:flex-start!important;
  gap:8px!important;
}
.queue-penalty small{
  color:#e06a70!important;
  font-size:9px!important;
  line-height:1.1;
  letter-spacing:.085em!important;
}
.queue-penalty b{
  display:none!important;
}
.queue-penalty>span{
  margin-top:4px!important;
  color:#8d9692!important;
  font-size:9px!important;
  line-height:1.25;
}

/* Once the penalty is visible, the card expands naturally and pushes the
   Anti-Cheat card down instead of overlapping it. */
.queue-card:has(.queue-penalty:not([hidden])){
  min-height:177px;
}

/* Slightly tighten the server status row in cooldown state. */
.queue-card:has(.queue-penalty:not([hidden])) .server-line{
  height:34px;
  flex-basis:34px;
}


/* =========================================================
   v0.71.0 — Match Runtime Core v2
   Backend runtime is the single source of truth.
   ========================================================= */
.queue-active-match{
  margin:8px 10px 8px;
  padding:10px 10px 10px 12px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  border:1px solid rgba(217,58,65,.34);
  border-radius:7px;
  background:linear-gradient(105deg,rgba(217,58,65,.085),rgba(255,255,255,.018));
}
.queue-active-match[hidden]{display:none!important}
.queue-active-match-copy{min-width:0}
.queue-active-match-copy small{
  display:block;
  margin-bottom:3px;
  color:#e15c65;
  font-size:9px;
  font-weight:900;
  letter-spacing:.09em;
}
.queue-active-match-copy b{
  display:block;
  overflow:hidden;
  color:#f2f4f3;
  font-size:13px;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.queue-active-match-copy span{
  display:block;
  margin-top:3px;
  overflow:hidden;
  color:#87918c;
  font-size:9px;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.queue-active-match button{
  min-width:96px;
  min-height:34px;
  padding:0 10px;
  border:1px solid rgba(217,58,65,.42);
  border-radius:6px;
  background:#171011;
  color:#f3d9db;
  font-size:9px;
  font-weight:900;
  letter-spacing:.04em;
}
.queue-active-match button:hover{background:#231315}
.queue-card:has(.queue-active-match:not([hidden])){
  height:auto!important;
  min-height:178px;
}
.find-match.runtime-locked{
  cursor:not-allowed;
  background:linear-gradient(135deg,#4b272b,#2c191b)!important;
  color:#d8c7c8!important;
}
.find-match.runtime-locked .play-triangle{opacity:.38}
body.matchroom-restoring .matchroom-restore-card p{
  min-height:18px;
}


/* v0.71.0 — one authoritative Veto action at a time. */
body.veto-action-pending .veto-map[data-veto-map],
body.veto-action-pending .dc-veto-card[data-dc-id]{
  pointer-events:none!important;
  cursor:wait!important;
}


/* =========================================================
   v0.74.1 — authoritative LIVE Match Room state
   ========================================================= */
#roomMatchStatusChip.live{
  background:#0c2a1c!important;
  border:1px solid #2b7551!important;
  color:#70ecaa!important;
  box-shadow:0 0 18px rgba(80,219,149,.10)!important;
}
.server-join-status.live{
  border-color:#2a6247!important;
  background:linear-gradient(180deg,#0c1712,#09110e)!important;
}
.server-join-status.live .server-join-countdown{
  border-color:#2a6247!important;
  background:#0b2118!important;
}
.server-join-status.live .server-join-countdown small{
  color:#72b995!important;
}
.server-join-status.live .server-join-countdown strong{
  color:#70ecaa!important;
}
.server-join-badge.live{
  box-shadow:0 0 14px rgba(80,219,149,.10)!important;
}

/* =========================================================
   v0.74.1 — LIVE lifecycle indicator consistency
   The lifecycle strip remains useful as progress history, but
   LIVE is a healthy running state, so it uses the same green
   semantic as the authoritative LIVE status elsewhere.
   ========================================================= */
#matchLifecycleStrip [data-life-step="LIVE"].active{
  border:1px solid rgba(80,219,149,.24)!important;
  background:rgba(80,219,149,.08)!important;
  color:#9be8bd!important;
}
#matchLifecycleStrip [data-life-step="LIVE"].active i{
  background:#50db95!important;
  box-shadow:0 0 10px rgba(80,219,149,.46)!important;
}

/* v0.75.3 — Beta exposes only the authoritative 5V5 ladder. */
.ranking-season-wrap select:disabled{opacity:1;cursor:default;color:#eef1ef}
.beta-5v5-only{justify-content:flex-end}


/* v0.75.3 — Beta mode preview: 2V2 / 1V1 visible but intentionally unavailable. */
.beta-mode-preview{justify-content:flex-end;gap:2px}
.beta-mode-preview .beta-mode-locked{position:relative;min-width:66px;padding:0 7px;color:#777f7b;cursor:pointer;opacity:.72}
.beta-mode-preview .beta-mode-locked span{position:absolute;right:4px;top:3px;font-size:5px;line-height:1;font-weight:950;letter-spacing:.08em;color:#a78349;opacity:.9}
.beta-mode-preview .beta-mode-locked:before{content:"";position:absolute;left:6px;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:#65553a;box-shadow:0 0 7px rgba(167,131,73,.2)}
.beta-mode-preview .beta-mode-locked:hover{opacity:1;color:#b3b9b5;background:#101312}
.beta-mode-preview .beta-mode-locked:hover span{color:#d0a45c}
.beta-mode-preview .beta-mode-locked.active{background:none;color:#777f7b;box-shadow:none}
@media(max-width:760px){.beta-mode-preview .beta-mode-locked{min-width:58px}.beta-mode-preview .beta-mode-locked span{display:none}}

/* v0.78.0 — authoritative profile empty state */
.profile-empty-history{grid-column:1/-1;min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--muted);border:1px dashed rgba(255,255,255,.09);border-radius:10px;margin-top:4px}.profile-empty-history b{color:var(--text);font-size:13px}.profile-empty-history small{font-size:11px}


/* v0.78.0 — play page recent history comes from PostgreSQL */
#playRecentHistory{display:contents}
#playRecentHistory .match-row{cursor:pointer}
#playRecentHistory .play-history-loading,#playRecentHistory .play-history-empty,#playRecentHistory .play-history-error{cursor:default;grid-template-columns:1fr}
#playRecentHistory .play-history-row:focus-visible{outline:2px solid rgba(239,61,73,.75);outline-offset:-2px}

/* v0.78.0 — Final map + final server use one green confirmation language.
   Keep the map image readable: green border/glow + compact badges only. */
.veto-map-panel.veto-complete{
  opacity:1!important;
}
.veto-map-panel.veto-complete .veto-map:not(.final){
  filter:saturate(.35) brightness(.72)!important;
  opacity:.55!important;
}
.veto-map.final{
  pointer-events:none!important;
  opacity:1!important;
  border-color:#39a873!important;
  background:#090d0b!important;
  box-shadow:0 0 0 1px rgba(82,229,159,.22) inset,0 0 18px rgba(47,177,116,.18)!important;
}
.veto-map.final img{
  filter:saturate(.98) brightness(.88)!important;
}
.veto-map.final:before{
  content:"FINAL MAP"!important;
  position:absolute!important;
  inset:auto!important;
  left:7px!important;
  top:7px!important;
  z-index:5!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  height:auto!important;
  padding:4px 6px!important;
  border:1px solid #2d7252!important;
  border-radius:4px!important;
  background:rgba(7,29,20,.90)!important;
  color:#72efae!important;
  font-size:7px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  line-height:1!important;
  text-shadow:none!important;
}
.veto-map.final>i{
  opacity:0!important;
}
.veto-map.final:after{
  content:"WYBRANA"!important;
  position:absolute!important;
  inset:auto!important;
  right:7px!important;
  top:7px!important;
  z-index:5!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  height:auto!important;
  padding:4px 6px!important;
  border:1px solid #2d7252!important;
  border-radius:4px!important;
  background:rgba(7,29,20,.90)!important;
  color:#72efae!important;
  font-size:7px!important;
  font-style:normal!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  line-height:1!important;
}

/* v0.78.0 — SERVER_READY is a healthy, joinable state.
   Green means the server/IP are ready; LIVE still requires MATCH_STARTED. */
#roomMatchStatusChip.ready{
  background:#0b261a!important;
  border:1px solid #2c7652!important;
  color:#76edac!important;
  box-shadow:0 0 16px rgba(80,219,149,.10)!important;
}
#matchLifecycleStrip [data-life-step="SERVER_READY"].active{
  border:1px solid rgba(80,219,149,.28)!important;
  background:rgba(80,219,149,.09)!important;
  color:#a2edc3!important;
}
#matchLifecycleStrip [data-life-step="SERVER_READY"].active i{
  background:#50db95!important;
  box-shadow:0 0 10px rgba(80,219,149,.46)!important;
}

/* =========================================================
   v0.78.0 — Advanced Profile + Match Details
   PostgreSQL Stats Schema v2 only. Old matches stay unknown,
   never synthetic zeroes.
   ========================================================= */
.page-view[data-page="profile"] .profile-advanced-card{
  max-width:1612px;
  margin:0 auto 14px;
  overflow:hidden;
  border-color:#303735!important;
  background:linear-gradient(180deg,#0d1110,#090d0c)!important;
}
.page-view[data-page="profile"] .profile-advanced-toolbar,
.page-view[data-page="match-details"] .detail-advanced-toolbar{
  min-height:72px;
  padding:0 18px;
  border-bottom:1px solid #202624;
}
.page-view[data-page="profile"] .profile-advanced-toolbar h2,
.page-view[data-page="match-details"] .detail-advanced-toolbar h2{
  margin:5px 0 0;
  font-size:20px;
}
#profileAdvancedSample,
#detailAdvancedSchema{
  letter-spacing:.07em;
  font-weight:900;
}
.profile-advanced-content,
.detail-advanced-content{
  padding:14px;
}
.advanced-empty-state{
  min-height:112px;
  border:1px dashed #303835;
  border-radius:8px;
  background:#0a0e0d;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:7px;
  padding:20px;
}
.advanced-empty-state b{font-size:13px}
.advanced-empty-state small{max-width:680px;font-size:9px;line-height:1.5;color:#7c8680}
.profile-advanced-side-grid,
.detail-advanced-side-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-bottom:10px;
}
.profile-side-card,
.detail-side-card{
  min-height:108px;
  padding:14px 16px;
  border:1px solid #303835;
  border-radius:8px;
  background:#0b0f0e;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  align-items:center;
  gap:6px 14px;
  position:relative;
  overflow:hidden;
}
.profile-side-card:before,
.detail-side-card:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:#485a53;
}
.profile-side-card.ct:before,.detail-side-card.ct:before{background:#62cfad}
.profile-side-card.t:before,.detail-side-card.t:before{background:#d9a45e}
.profile-side-card>div{display:flex;flex-direction:column;gap:5px}
.profile-side-card span,.detail-side-card>span{font-size:8px;font-weight:900;letter-spacing:.08em;color:#808b85}
.profile-side-card>div>b{font-size:13px}
.profile-side-card>strong{font-size:23px;justify-self:end}
.profile-side-card>small{grid-column:1/-1;font-size:9px;color:#7c8680}
.detail-side-card>strong{font-size:27px;justify-self:end}
.detail-side-card>small{grid-column:1/-1;font-size:9px;color:#7c8680}
.profile-advanced-metric-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
}
.profile-advanced-metric,
.detail-advanced-metric-grid>div{
  min-height:92px;
  padding:12px;
  border:1px solid #29312e;
  border-radius:7px;
  background:#090d0c;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}
.profile-advanced-metric>span,
.detail-advanced-metric-grid>div>span{
  font-size:8px;
  font-weight:900;
  letter-spacing:.07em;
  color:#7d8781;
}
.profile-advanced-metric>b,
.detail-advanced-metric-grid>div>b{
  margin:7px 0 5px;
  font-size:20px;
  white-space:nowrap;
}
.profile-advanced-metric>small,
.detail-advanced-metric-grid>div>small{
  font-size:8.5px;
  color:#707a74;
  line-height:1.35;
}
.profile-clutch-breakdown,
.detail-clutch-breakdown{
  min-height:58px;
  margin-top:10px;
  padding:9px 12px;
  border-top:1px solid #202624;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.profile-clutch-breakdown>div:first-child{display:flex;flex-direction:column;gap:4px}
.profile-clutch-breakdown>div:first-child>span,
.detail-clutch-breakdown>span{font-size:8px;font-weight:900;letter-spacing:.08em;color:#7c8680}
.profile-clutch-breakdown>div:first-child>small{font-size:8px;color:#606a64}
.profile-clutch-breakdown>div:last-child,
.detail-clutch-breakdown>div{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.profile-clutch-breakdown>div:last-child>span,
.detail-clutch-breakdown>div>span{
  min-width:52px;
  padding:7px 8px;
  border:1px solid #303835;
  border-radius:6px;
  background:#0b0f0e;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:3px;
}
.profile-clutch-breakdown span small,
.detail-clutch-breakdown span small{font-size:7px;color:#69736d}
.profile-clutch-breakdown span b,
.detail-clutch-breakdown span b{font-size:11px}

.page-view[data-page="match-details"] .detail-advanced-card{
  overflow:hidden;
  margin-bottom:14px;
  border-color:#303735!important;
  background:linear-gradient(180deg,#0d1110,#090d0c)!important;
}
.detail-advanced-player-tabs{
  min-height:70px;
  padding:10px 14px;
  display:grid;
  grid-template-columns:repeat(10,minmax(0,1fr));
  gap:6px;
  border-bottom:1px solid #202624;
  background:#090d0c;
}
.detail-advanced-player-tabs:empty{display:none}
.detail-advanced-player-tabs button{
  min-width:0;
  min-height:48px;
  padding:6px;
  border:1px solid #29312e;
  border-radius:7px;
  background:#0d1110;
  color:#c9d0cc;
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:6px;
  text-align:left;
  cursor:pointer;
}
.detail-advanced-player-tabs button>span{
  grid-row:1/3;
  width:24px;
  height:24px;
  border-radius:5px;
  background:#202724;
  display:flex;
  align-items:center;
  justify-content:center;
  align-self:center;
  font-size:9px;
  font-weight:900;
}
.detail-advanced-player-tabs button>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}
.detail-advanced-player-tabs button>small{font-size:7px;color:#68716c}
.detail-advanced-player-tabs button:hover{border-color:#46524d;background:#111715}
.detail-advanced-player-tabs button.active{
  border-color:#3c9b72;
  background:#0d1b15;
  box-shadow:inset 0 0 0 1px rgba(82,213,151,.08);
}
.detail-advanced-selected{
  min-height:64px;
  margin-bottom:10px;
  padding:0 4px 10px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid #202624;
}
.detail-advanced-selected h3{margin:4px 0 3px;font-size:20px}
.detail-advanced-selected small{font-size:9px;color:#79837d}
.detail-advanced-metric-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}

@media(max-width:1280px){
  .profile-advanced-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .detail-advanced-player-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
  .detail-advanced-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .profile-advanced-side-grid,.detail-advanced-side-grid{grid-template-columns:1fr}
  .profile-advanced-metric-grid,.detail-advanced-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .detail-advanced-player-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .profile-clutch-breakdown,.detail-clutch-breakdown{align-items:flex-start;flex-direction:column}
  .profile-clutch-breakdown>div:last-child,.detail-clutch-breakdown>div{justify-content:flex-start}
}


/* v0.81.0 — MatchZy-ready demo lifecycle */
.detail-demo-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.detail-demo-contract{display:block;margin:-6px 0 14px;color:#66706b;font-size:9px;letter-spacing:.08em}
.detail-demo-card[data-demo-status="READY"]{border-color:rgba(62,181,107,.34)}
.detail-demo-card[data-demo-status="RECORDING"]{border-color:rgba(210,158,65,.32)}
.detail-demo-card[data-demo-status="FAILED"]{border-color:rgba(195,62,62,.3)}
.detail-demo-card button:disabled{opacity:.36;cursor:not-allowed;filter:saturate(.4)}
.demo-status-chip.open{color:#6edb92;border-color:rgba(70,195,111,.38);background:rgba(40,150,82,.09)}
.demo-status-chip.warning{color:#d7b36a;border-color:rgba(210,158,65,.34);background:rgba(170,120,40,.08)}
.demo-status-chip.danger{color:#dc7a7a;border-color:rgba(195,62,62,.34);background:rgba(170,45,45,.08)}


/* v0.81.0 — authoritative advanced stats directly on post-match summary */
.summary-advanced-strip{border-top:1px solid var(--line-soft);padding:14px 15px 16px;background:rgba(8,11,11,.78)}
.summary-advanced-strip[hidden]{display:none!important}
.summary-advanced-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}
.summary-advanced-head>div{display:flex;align-items:baseline;gap:9px;min-width:0}
.summary-advanced-head b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.summary-advanced-head>span{font-size:7px;color:#737d78;font-weight:900;letter-spacing:.08em}
.summary-advanced-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.summary-advanced-grid>div{min-width:0;border:1px solid var(--line-soft);background:#0a0d0d;padding:8px 7px;border-radius:4px;display:flex;flex-direction:column;gap:3px}
.summary-advanced-grid span{font-size:6.5px;color:#737d78;font-weight:900;white-space:nowrap}
.summary-advanced-grid b{font-size:12px;color:#d6dbd8}
.summary-advanced-grid small{font-size:6.5px;color:#7e8782;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1180px){.summary-advanced-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.summary-advanced-head{align-items:flex-start;flex-direction:column}.summary-advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v0.81.0 — authoritative PostgreSQL report pipeline */
.report-player-row.reported{opacity:.48;cursor:not-allowed;background:#0a0c0c}
.report-player-row.reported:hover{background:#0a0c0c}
.report-empty{padding:18px;color:#7f8984;font-size:10px;line-height:1.5}
.report-empty-list{border-bottom:1px solid var(--line-soft)}
.report-submit-state{display:block;min-height:15px;color:#84908a;font-size:9px;font-weight:700;letter-spacing:.02em}
.report-submit-state[data-state="error"]{color:#d37b7b}
.report-submit-state[data-state="ready"]{color:#7dbf94}
.report-submit-state[data-state="loading"]{color:#aeb7b2}
#submitSummaryReport:disabled{opacity:.45;cursor:not-allowed}

/* v0.81.0 — authoritative history consistency */
.match-history-authoritative-state{
  margin:18px 0 4px;
  padding:22px;
  border:1px dashed rgba(255,255,255,.12);
  border-radius:12px;
  text-align:center;
  background:rgba(8,12,18,.36);
}
.match-history-authoritative-state[hidden]{display:none!important}
.match-history-authoritative-state b{display:block;font-size:14px;letter-spacing:.02em}
.match-history-authoritative-state small{display:block;margin-top:6px;opacity:.62}
.profile-match-row[data-backend-match-detail]{cursor:pointer}


/* v0.81.0 — authoritative Case Review / Admin */
.case-decision-reason{display:flex;flex-direction:column;gap:7px;margin-top:10px}
.case-decision-reason textarea{width:100%;min-height:66px;resize:vertical;border:1px solid #303735;border-radius:6px;background:#0b0e0e;color:#dce2df;padding:10px 11px;font:700 9px/1.45 Geist,system-ui,sans-serif;outline:none}
.case-decision-reason textarea:focus{border-color:#6d4b16;box-shadow:0 0 0 1px rgba(217,58,65,.06)}
.case-review-actions{grid-template-columns:1.1fr .9fr .9fr .82fr .72fr}
.case-review-actions button:disabled{opacity:.4;cursor:not-allowed}
#caseTimeline{max-height:230px;overflow:auto;align-content:start}
#adminAcCaseList .admin-case-row:last-child{border-bottom:0}
.case-severity.extreme{color:#ff756d;background:#36100d;border-color:#8f2e27}
.case-severity.high{color:#ff8f87;background:#281311;border-color:#6d302c}
.case-severity.medium{color:#ffd16a;background:#241d0b;border-color:#6c561d}
.case-severity.low{color:#9ba39f;background:#141817;border-color:#343a38}
@media(max-width:760px){.case-review-actions{grid-template-columns:1fr 1fr}.case-review-actions .danger-primary{grid-column:1/-1}}
.case-queue-tools{display:flex;align-items:center;gap:6px}.case-queue-tools .filter{height:30px}.case-queue-tools .filter.active{border-color:#6d4b16;background:#171208;color:var(--orange)}.case-queue-tools .muted-note{margin-left:4px}
@media(max-width:760px){.case-queue-tools{flex-wrap:wrap;justify-content:flex-end}.case-queue-tools .filter{height:28px;padding:0 8px}}
.case-audit-list{display:grid;gap:6px;margin-top:9px}.case-audit-list>span{min-height:34px;border:1px solid var(--line-soft);border-radius:5px;background:#0c0f0f;padding:7px 9px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#7f8883;font-size:8px}.case-audit-list b{color:#cbd2ce;font-size:8px}.case-audit-list small{color:#747d78;font-size:7.5px;text-align:right}


/* v0.81.1 — Case Review hydration + clarity polish
   Primary moderator flow is Queue -> Case Detail. Explanatory cards are hidden
   from the working view to reduce visual noise; policy remains documented. */
.ac-v040-shell .case-flow-card{display:none!important}
.ac-v040-grid{
  grid-template-columns:minmax(330px,.74fr) minmax(0,1.26fr)!important;
  grid-template-areas:
    "queue detail"
    "reports detail";
  gap:14px!important;
  align-items:start!important;
}
.ac-v040-grid .case-queue-card{grid-area:queue}
.ac-v040-grid .admin-case-card{grid-area:detail}
.ac-v040-grid .my-reports-card{grid-area:reports}
.ac-v040-grid .ac-policy-card{display:none!important}
.case-queue-list{max-height:520px;overflow:auto}
.admin-case-card{min-height:430px}
.case-review-actions button:disabled{opacity:.34!important;filter:saturate(.45);pointer-events:none}
.case-decision-reason textarea:disabled{opacity:.46;cursor:not-allowed}
@media(max-width:1180px){
  .ac-v040-grid{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "queue"
      "detail"
      "reports";
  }
  .case-queue-list{max-height:360px}
}


/* v0.82.2 — authoritative veto interaction lock after finalization */
body.backend-veto-locked .veto-map[data-veto-map],
body.backend-veto-locked .dc-veto-card[data-dc-id]{
  pointer-events:none !important;
  cursor:default !important;
}

/* =========================================================
   v0.84.2 — production account auth + Steam OpenID
   ========================================================= */
.auth-account-form{display:none;margin-top:26px}
.auth-account-form.auth-account-form-visible{display:grid;gap:11px}
.auth-field{display:grid;gap:6px}
.auth-field-hidden{display:none!important}
.auth-field>span{color:#7e8782;font-size:7px;font-weight:950;letter-spacing:.1em}
.auth-field input,
.auth-field select{
  width:100%;height:43px;padding:0 13px;box-sizing:border-box;
  border:1px solid #2a302d;border-radius:7px;outline:none;
  background:#0b0f0e;color:#edf1ef;font:800 10px/1 inherit;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.auth-field input:focus,.auth-field select:focus{border-color:#616963;box-shadow:0 0 0 2px rgba(255,255,255,.025)}
.auth-field input::placeholder{color:#505853}
.auth-field select{appearance:none;cursor:pointer;color:#d9dedb;background:#111613}
.auth-dev-user-field{margin-bottom:12px}
.auth-dev-user-field>small{color:#59615c;font-size:8px;line-height:1.4}
.auth-dev-user-field[hidden]{display:none!important}
.auth-account-submit{
  min-height:44px;margin-top:3px;border:1px solid #7d2c31;border-radius:7px;
  background:linear-gradient(145deg,#7e2028,#5e171d);color:#fff;
  font-size:9px;font-weight:950;letter-spacing:.08em;cursor:pointer;
}
.auth-account-submit:hover{filter:brightness(1.08)}
.auth-account-submit:disabled{opacity:.6;cursor:wait}
.auth-mode-toggle{border:0;background:transparent;color:#89928d;font-size:8px;font-weight:800;cursor:pointer;padding:2px 0 0}
.auth-mode-toggle:hover{color:#d7ddda}
.auth-provider-divider{margin:20px 0 0}
.auth-account-form-visible+.auth-provider-divider+.steam-login-button{margin-top:20px}
@media(max-width:760px){.auth-account-form.auth-account-form-visible{margin-top:20px}}


/* =========================================================
   v0.84.2 — authoritative right-side friends + quick actions
   ========================================================= */
.play-friend-list{position:relative}
.sidebar-friend{position:relative;cursor:pointer;transition:background .16s ease,opacity .16s ease}
.sidebar-friend:hover,.sidebar-friend:focus-within{background:#101614}
.sidebar-friend-copy small{display:flex!important;align-items:center;gap:6px}
.friend-status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex:0 0 7px;background:#36df7f;box-shadow:0 0 8px rgba(54,223,127,.38)}
.friend-status-dot.offline{background:#59605d;box-shadow:none}
.friend-chevron{font-style:normal;color:#8f9692;font-size:15px;transition:transform .15s ease}
.sidebar-friend:has(.sidebar-friend-menu:not([hidden])) .friend-chevron{transform:rotate(90deg)}
.sidebar-friend-menu{position:absolute;z-index:18;right:10px;top:52px;width:158px;padding:6px;background:#0c1110;border:1px solid #2a3330;border-radius:7px;box-shadow:0 16px 35px rgba(0,0,0,.45)}
.sidebar-friend-menu[hidden]{display:none!important}
.sidebar-friend-menu button{display:block;width:100%;height:31px;border:0;border-radius:4px;background:transparent;color:#cbd2cf;text-align:left;padding:0 9px;font-size:9px;font-weight:850;letter-spacing:.04em}
.sidebar-friend-menu button:hover:not(:disabled){background:#17201d;color:#fff}
.sidebar-friend-menu button:disabled{opacity:.38;cursor:not-allowed}
.sidebar-friends-empty{min-height:120px;display:grid;place-items:center;padding:18px;color:#747d79;font-size:10px;border-top:1px solid var(--line-soft);text-align:center}
.realtime-online .friends-head>span:before{content:'';display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#36df7f;box-shadow:0 0 7px rgba(54,223,127,.4)}

#playFriendList .sidebar-friend:nth-last-child(-n+2) .sidebar-friend-menu{top:auto;bottom:52px}


/* v0.85.2 — authoritative party leave control */
.party-leave-btn{
  height:28px;padding:0 10px;border:1px solid #493136;border-radius:6px;background:#120d0f;
  color:#cfa0a5;font-size:7px;font-weight:900;letter-spacing:.07em;cursor:pointer;white-space:nowrap
}
.party-leave-btn:hover{border-color:#7b3a43;background:#1b0f12;color:#f0c0c5}
.party-leave-btn:disabled{opacity:.45;cursor:not-allowed}
.party-leave-btn[hidden]{display:none!important}

/* =========================================================
   v0.85.2 — authoritative party leader controls
   Invited members can leave, but only the backend leader may start queue.
   ========================================================= */
.find-match.party-leader-locked{
  cursor:not-allowed!important;
  background:linear-gradient(135deg,#2b2223,#171415)!important;
  color:#a99c9e!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
.find-match.party-leader-locked .play-triangle{opacity:.35}

/* v0.85.19 placement UI: neutral placeholder, never a fake rank color. */
.rank-placement{color:#b8bfbc!important}
.rank-dot.rank-placement{background:#69716e!important;box-shadow:none!important}

/* v0.85.19 — authoritative empty/form states */
.form-row .form-empty{width:auto!important;height:23px!important;padding:0 8px;border:1px solid var(--line)!important;background:rgba(255,255,255,.02)!important;color:#858d89!important;font-size:9px!important;letter-spacing:.06em}
.form-row .d{color:#c7cdca;border-color:#454b48;background:#1b1f1e}


/* v0.85.19 placement-flow hotfix — dynamic avatar fallback for users without a static SVG */
.asset-avatar-fallback{
  display:grid!important;
  place-items:center!important;
  flex:none!important;
  background:linear-gradient(145deg,#1b211f,#0d1110)!important;
  border:1px solid #414b46!important;
  color:#dfe5e2!important;
  font-weight:950!important;
  line-height:1!important;
  text-transform:uppercase!important;
}
.veto-player-avatar.asset-avatar-fallback{font-size:17px!important}
.room-player-avatar.asset-avatar-fallback{font-size:22px!important}
.veto-player-avatar-wrap.premium .asset-avatar-fallback,
.room-player-avatar-wrap.premium .asset-avatar-fallback{
  border:2px solid #d3ad53!important;
  box-shadow:0 0 0 2px rgba(211,173,83,.12),0 8px 20px rgba(0,0,0,.28)!important;
}


/* v0.85.19 placement card polish — one clear status, no duplicated question marks */
.rank-card.placement-card .rank-main{height:124px;grid-template-columns:108px 1fr;gap:8px;padding:0 16px 2px}
.rank-card.placement-card .rank-badge{width:96px;height:92px;filter:drop-shadow(0 0 14px rgba(217,58,65,.16))}
.rank-card.placement-card .rank-data{min-width:0}
.rank-card.placement-card .rank-data small{color:#8f9693;letter-spacing:.09em}
.rank-card.placement-card .rank-data strong{font-size:29px;line-height:1;margin:5px 0 8px;letter-spacing:.015em}
.rank-card.placement-card .gain{display:flex;align-items:baseline;gap:5px;white-space:nowrap}
.rank-card.placement-card .gain b{color:var(--green)}
.rank-card.placement-card .gain em{color:#8f9693;font-size:8px}
.rank-card.placement-card .rank-name-row{margin-top:0}
.rank-card.placement-card .rank-name-row b{color:#f0f2f1}
.rank-card.placement-card .rank-name-row span{color:#8f9693;font-size:8px;letter-spacing:.06em}
.rank-card.placement-card .progress{margin-top:10px}
.rank-card.placement-card .progress i{background:linear-gradient(90deg,var(--orange),var(--orange2))}
.rank-card.placement-card .progress-meta span{color:#8f9693}
.rank-card.placement-card .progress-meta b{color:#dfe3e1}

/* =========================================================
   v0.85.19 — rank visual consistency + placement avatar parity
   Visual-only. No rating or matchmaking authority changes.
   ========================================================= */
/* Rank pills keep their established identity colors in every match-flow view. */
.mini-rank.rank-bronze{color:#d3a07b!important;border-color:#76513a!important;background:linear-gradient(180deg,#1b130f,#120f0d)!important}
.mini-rank.rank-silver{color:#d4dde3!important;border-color:#657078!important;background:linear-gradient(180deg,#171b1d,#111416)!important}
.mini-rank.rank-gold{color:#f0bd4d!important;border-color:#8d6a1c!important;background:linear-gradient(180deg,#201807,#151108)!important}
.mini-rank.rank-platinum{color:#74d2cf!important;border-color:#3e7e7d!important;background:linear-gradient(180deg,#101818,#0d1313)!important}
.mini-rank.rank-diamond{color:#7fd5ff!important;border-color:#2f88a9!important;background:linear-gradient(180deg,#0d1920,#0b1217)!important}
.mini-rank.rank-master{color:#ffb536!important;border-color:#8c5d10!important;background:linear-gradient(180deg,#211707,#15100a)!important}
.mini-rank.rank-elite{color:#e4d7ff!important;border-color:#7f67b2!important;background:linear-gradient(180deg,#181223,#120f1b)!important}
.mini-rank.rank-legend{color:#ffd86f!important;border-color:#9a7120!important;background:linear-gradient(180deg,#231a08,#171108)!important;box-shadow:0 0 12px rgba(255,207,82,.10)!important}
/* Placement uses the same pill geometry as a rank, but remains deliberately neutral. */
.mini-rank.rank-placement{color:#c5ceca!important;border-color:#53605b!important;background:linear-gradient(180deg,#151a18,#101413)!important;box-shadow:none!important}
/* A new account without a custom avatar should still occupy the exact same visual slot. */
.veto-player-avatar.asset-avatar-default,.room-player-avatar.asset-avatar-default{display:block!important;object-fit:cover!important;background:#111616!important}

/* v0.85.19 — authoritative team onboarding: no implicit team membership */
.team-empty-authoritative{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 32px;background:linear-gradient(145deg,rgba(17,21,20,.97),rgba(10,13,13,.98))}
.team-empty-authoritative .eyebrow{margin-bottom:20px}.team-empty-authoritative h1{font-size:30px;margin:0 0 10px}.team-empty-authoritative p{max-width:620px;color:#969d99;line-height:1.65;margin:0}.team-empty-mark{width:76px;height:76px;border:1px solid #363d39;border-radius:50%;display:grid;place-items:center;font-size:38px;color:#69716d;margin-bottom:20px;background:#0c100f}.team-empty-meta{display:flex;gap:8px;margin-top:22px;flex-wrap:wrap;justify-content:center}.team-empty-meta span{font-size:9px;letter-spacing:.1em;font-weight:850;color:#8e9591;border:1px solid #2e3532;background:#0a0d0c;padding:7px 10px;border-radius:4px}

/* =========================================================
   v0.85.25 — authoritative profile team visibility
   The profile has later display:flex!important rules. Hidden must win.
   ========================================================= */
html body .page-view[data-page="profile"] .profile-team-chip[hidden]{
  display:none!important;
}

/* =========================================================
   v0.85.25 — final placement UI polish
   - Master must be visually distinct from Gold in compact scoreboards.
   - No-team profiles keep the exact team slot geometry without fake identity.
   ========================================================= */
/* Gold stays yellow; Master moves to a clearly warmer orange-red identity. */
.mini-rank.rank-master{
  color:#ff8748!important;
  border-color:#b94f24!important;
  background:linear-gradient(180deg,#24120c,#160d09)!important;
  box-shadow:inset 0 0 0 1px rgba(255,135,72,.045)!important;
}
.page-view[data-page="ranking"] .rank-pill.rank-master{
  color:#ff8748!important;
  border-color:#b94f24!important;
  background:linear-gradient(180deg,#24120c,#160d09)!important;
  box-shadow:0 0 12px rgba(255,112,55,.08),inset 0 0 0 1px rgba(255,135,72,.04)!important;
}
.page-view[data-page="ranking"] .rank-dot.rank-master{color:#ff8748!important}

.profile-team-empty-slot{
  margin-top:8px!important;
  width:100%!important;
  max-width:none!important;
  min-height:72px!important;
  padding:9px 12px 9px 10px!important;
  border-radius:10px!important;
  border:1px dashed #303735!important;
  background:linear-gradient(180deg,rgba(12,16,15,.82),rgba(9,12,11,.86))!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  text-align:left!important;
  box-sizing:border-box!important;
  opacity:.72!important;
}
.profile-team-empty-slot[hidden]{display:none!important}
.profile-team-empty-logo{
  width:34px!important;height:34px!important;flex:none!important;
  border-radius:9px!important;display:grid!important;place-items:center!important;
  color:#6f7874!important;border:1px solid #39413d!important;
  background:#101413!important;font-size:16px!important;font-weight:900!important;
}
.profile-team-empty-slot .profile-team-copy small{color:#777f7b!important}
.profile-team-empty-slot .profile-team-copy b{color:#aeb5b2!important}
.profile-team-empty-slot .profile-team-copy em{color:#5f6763!important}

/* =========================================================
   v0.85.53 — authoritative team creation flow
   ========================================================= */
.page-view[data-page="teams"] .team-create-empty .team-create-open{
  margin-top:24px;min-width:190px;height:42px;padding:0 18px;border-radius:5px;font-size:11px;font-weight:900;letter-spacing:.04em;
}
.page-view[data-page="teams"] .team-create-card{
  max-width:860px;margin:18px auto 0;padding:24px;background:linear-gradient(145deg,rgba(16,20,19,.98),rgba(9,12,11,.99));
}
.page-view[data-page="teams"] .team-create-card[hidden]{display:none!important}
.page-view[data-page="teams"] .team-create-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}
.page-view[data-page="teams"] .team-create-head h2{font-size:24px;margin:5px 0 6px}
.page-view[data-page="teams"] .team-create-head p{margin:0;color:#8f9893;line-height:1.55;max-width:620px}
.page-view[data-page="teams"] .team-create-close{width:38px;height:38px;padding:0;font-size:24px;line-height:1}
.page-view[data-page="teams"] .team-create-form{display:grid;grid-template-columns:1.5fr .7fr .8fr;gap:14px}
.page-view[data-page="teams"] .team-create-form label{display:flex;flex-direction:column;gap:7px}
.page-view[data-page="teams"] .team-create-form label>span,.page-view[data-page="teams"] .team-create-preview>span{font-size:9px;letter-spacing:.11em;font-weight:900;color:#8d9691}
.page-view[data-page="teams"] .team-create-form input,.page-view[data-page="teams"] .team-create-form select{height:44px;border:1px solid #303834;background:#090d0c;color:#eef2ef;border-radius:5px;padding:0 12px;font:inherit;font-size:13px;outline:none}
.page-view[data-page="teams"] .team-create-form input:focus,.page-view[data-page="teams"] .team-create-form select:focus{border-color:#b63a45;box-shadow:0 0 0 2px rgba(182,58,69,.12)}
.page-view[data-page="teams"] .team-create-preview{grid-column:1/-1;display:flex;align-items:center;gap:14px;border:1px solid #29312e;background:#0b0f0e;padding:14px;border-radius:6px}
.page-view[data-page="teams"] .team-create-preview>span{margin-right:4px}
.page-view[data-page="teams"] .team-create-preview-logo{width:48px;height:48px;border-radius:10px;display:grid;place-items:center;font-weight:950;letter-spacing:.06em;border:1px solid #99404a;background:#35161a;color:#f2d8da}
.page-view[data-page="teams"] .team-create-preview div:last-child{display:flex;flex-direction:column;gap:2px}.page-view[data-page="teams"] .team-create-preview b{font-size:15px}.page-view[data-page="teams"] .team-create-preview small{color:#a5ada8}
.page-view[data-page="teams"] .team-create-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;margin-top:2px}.page-view[data-page="teams"] .team-create-actions button{min-width:128px;height:40px}
.page-view[data-page="teams"] .team-create-status{grid-column:1/-1;min-height:18px;margin:0;color:#d4b277;font-size:11px;text-align:right}
@media(max-width:850px){.page-view[data-page="teams"] .team-create-form{grid-template-columns:1fr}.page-view[data-page="teams"] .team-create-preview,.page-view[data-page="teams"] .team-create-actions,.page-view[data-page="teams"] .team-create-status{grid-column:1}.page-view[data-page="teams"] .team-create-card{margin:14px 0 0}}

/* =========================================================
   v0.85.53 — team creation CTA + logo asset flow
   ========================================================= */
.page-view[data-page="teams"] .team-create-empty .team-create-open,
.page-view[data-page="teams"] #teamCreateSubmit{
  border:1px solid #8f252c!important;
  background:linear-gradient(135deg,#ee4e59,#bd252d)!important;
  color:#fff!important;
  box-shadow:0 0 0 1px rgba(255,132,140,.10) inset,0 8px 24px rgba(151,25,33,.18)!important;
  opacity:1!important;
}
.page-view[data-page="teams"] .team-create-empty .team-create-open:hover,
.page-view[data-page="teams"] #teamCreateSubmit:hover{
  background:linear-gradient(135deg,#f45b64,#c92b33)!important;
  border-color:#a32d35!important;
}
.page-view[data-page="teams"] .team-create-empty .team-create-open:disabled,
.page-view[data-page="teams"] #teamCreateSubmit:disabled{opacity:.55!important;cursor:not-allowed!important}
.page-view[data-page="teams"] .team-create-logo-field{
  grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(120px,auto);align-items:center;gap:12px;
  min-height:66px;padding:12px 14px;border:1px solid #2c3431;background:#0a0e0d;border-radius:6px;
}
.page-view[data-page="teams"] .team-create-logo-field>div{display:flex;flex-direction:column;gap:4px}
.page-view[data-page="teams"] .team-create-logo-field>div>span{font-size:9px;letter-spacing:.11em;font-weight:900;color:#a1aaa5}
.page-view[data-page="teams"] .team-create-logo-field>div>small{font-size:9px;color:#6f7873;line-height:1.4}
.page-view[data-page="teams"] .team-logo-pick{height:36px;min-width:124px;padding:0 14px}
.page-view[data-page="teams"] .team-logo-file-name{font-size:10px;color:#89928d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.page-view[data-page="teams"] .team-create-preview-logo.has-image,
.page-view[data-page="teams"] .team-profile-logo.has-image{
  overflow:hidden;padding:0!important;background:#0a0d0c!important;border-color:#3a4540!important;
}
.page-view[data-page="teams"] .team-create-preview-logo img,
.page-view[data-page="teams"] .team-profile-logo img,
.page-view[data-page="profile"] .profile-team-logo img{
  width:100%;height:100%;display:block;object-fit:cover;object-position:center;
}
.page-view[data-page="profile"] .profile-team-logo.has-image{overflow:hidden;padding:0!important}
.page-view[data-page="teams"] .team-profile-hero{display:flex;align-items:center;justify-content:space-between;gap:20px}
.page-view[data-page="teams"] .team-logo-owner-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.page-view[data-page="teams"] .team-logo-owner-actions button{height:34px;padding:0 12px}
.page-view[data-page="teams"] .team-logo-owner-actions small{flex-basis:100%;text-align:right;color:#8e9792;min-height:14px;font-size:9px}
.page-view[data-page="teams"] .danger-ghost{border-color:#5b292d!important;color:#d77b82!important;background:#160d0f!important}
.page-view[data-page="teams"] .danger-ghost:hover{border-color:#8d3138!important;color:#ff9ca3!important}
@media(max-width:850px){
  .page-view[data-page="teams"] .team-create-logo-field{grid-template-columns:1fr;align-items:stretch}
  .page-view[data-page="teams"] .team-logo-file-name{max-width:none}
  .page-view[data-page="teams"] .team-profile-hero{align-items:flex-start;flex-direction:column}
  .page-view[data-page="teams"] .team-logo-owner-actions{justify-content:flex-start}
  .page-view[data-page="teams"] .team-logo-owner-actions small{text-align:left}
}

/* =========================================================
   v0.85.53 — team recruitment, invitations and deletion
   ========================================================= */
.page-view[data-page="teams"] .team-pending-invites{max-width:920px;margin:14px auto 0;padding:18px 20px}
.page-view[data-page="teams"] .team-pending-invites .toolbar{margin-bottom:10px}
.page-view[data-page="teams"] .team-invite-empty{min-height:58px;display:grid;place-items:center;border:1px dashed #303834;border-radius:6px;color:#77807b;background:#0a0e0d;font-size:11px}
.page-view[data-page="teams"] .team-received-invite{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px;border:1px solid #29312e;background:#0a0e0d;border-radius:7px}
.page-view[data-page="teams"] .team-received-logo{width:44px;height:44px;border-radius:9px;display:grid;place-items:center;font-weight:950;background:#35161a;border:1px solid #704049;color:#e9cfd2;overflow:hidden}
.page-view[data-page="teams"] .team-received-logo img{width:100%;height:100%;object-fit:cover;display:block}
.page-view[data-page="teams"] .team-received-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.page-view[data-page="teams"] .team-received-copy b{font-size:13px}.page-view[data-page="teams"] .team-received-copy b span{color:#89928d;font-size:10px}.page-view[data-page="teams"] .team-received-copy small{color:#7d8681;font-size:10px}
.page-view[data-page="teams"] .team-received-actions{display:flex;gap:7px}.page-view[data-page="teams"] .team-received-actions button{height:34px;padding:0 12px}
.page-view[data-page="teams"] .team-invite-open{height:34px;padding:0 13px;font-size:10px}
.page-view[data-page="teams"] .team-invite-panel{margin:12px 0;padding:18px 20px;background:linear-gradient(145deg,#0d1110,#090c0b)}
.page-view[data-page="teams"] .team-invite-panel[hidden]{display:none!important}
.page-view[data-page="teams"] .team-invite-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:13px}.page-view[data-page="teams"] .team-invite-head h2{margin:4px 0 4px;font-size:20px}.page-view[data-page="teams"] .team-invite-head p{margin:0;color:#7c8580;font-size:10px;max-width:650px;line-height:1.5}.page-view[data-page="teams"] .team-invite-head>button{width:36px;height:36px;padding:0;font-size:20px}
.page-view[data-page="teams"] .team-invite-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin-bottom:10px}.page-view[data-page="teams"] .team-invite-search-row input{height:42px;border:1px solid #303834;background:#090d0c;color:#eef2ef;border-radius:5px;padding:0 12px;outline:none}.page-view[data-page="teams"] .team-invite-search-row input:focus{border-color:#b63a45;box-shadow:0 0 0 2px rgba(182,58,69,.12)}.page-view[data-page="teams"] .team-invite-search-row>span{font-size:10px;font-weight:900;color:#8b948f;border:1px solid #303834;border-radius:5px;padding:10px 12px}
.page-view[data-page="teams"] .team-invite-results{display:grid;gap:6px;max-height:360px;overflow:auto}
.page-view[data-page="teams"] .team-invite-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;border:1px solid #262e2b;background:#090d0c;border-radius:6px}.page-view[data-page="teams"] .team-invite-row .avatar{width:36px;height:36px}.page-view[data-page="teams"] .team-invite-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.page-view[data-page="teams"] .team-invite-copy b{font-size:12px}.page-view[data-page="teams"] .team-invite-copy em{font-style:normal;font-size:8px;color:#53d597;border:1px solid #24543d;background:#0d2017;padding:2px 4px;border-radius:3px;margin-left:5px}.page-view[data-page="teams"] .team-invite-copy small{font-size:9px;color:#77807b}.page-view[data-page="teams"] .team-invite-row button{height:32px;min-width:92px;border:1px solid #8f252c;background:#8f252c;color:#fff;border-radius:4px;font-size:9px;font-weight:900}.page-view[data-page="teams"] .team-invite-row button:disabled{border-color:#343b38;background:#111614;color:#646d68;cursor:not-allowed}
.page-view[data-page="teams"] .team-invite-status{display:block;min-height:16px;margin-top:8px;color:#d3b070;text-align:right;font-size:9px}
.page-view[data-page="teams"] .team-invite-slot{cursor:pointer}.page-view[data-page="teams"] .team-invite-slot:hover{border-color:#6d3036!important;background:#120d0e!important}
.page-view[data-page="teams"] .team-delete-button{border-color:#7d252c!important;color:#f08a91!important;background:#1a0b0e!important}.page-view[data-page="teams"] .team-delete-button:hover{border-color:#b1343d!important;color:#ffb0b5!important;background:#260d11!important}
@media(max-width:760px){.page-view[data-page="teams"] .team-received-invite,.page-view[data-page="teams"] .team-invite-row{grid-template-columns:40px minmax(0,1fr)}.page-view[data-page="teams"] .team-received-actions,.page-view[data-page="teams"] .team-invite-row button{grid-column:1/-1}.page-view[data-page="teams"] .team-received-actions button{flex:1}.page-view[data-page="teams"] .team-invite-row button{width:100%}}

/* =========================================================
   v0.85.53 — global player profile search
   ========================================================= */
.global-player-search-button.active{
  border-color:#743039!important;background:#160d0f!important;box-shadow:0 0 0 1px rgba(216,58,65,.10) inset!important;
}
.global-player-search-popover{
  position:fixed;top:72px;right:300px;z-index:120;width:min(430px,calc(100vw - 28px));
  padding:14px;background:linear-gradient(145deg,rgba(14,18,17,.995),rgba(8,11,10,.995));
  border:1px solid #303735;box-shadow:0 24px 70px rgba(0,0,0,.48);
}
.global-player-search-popover[hidden]{display:none!important}
.global-player-search-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}
.global-player-search-head h3{margin:3px 0 0;font-size:17px}.global-player-search-head>button{width:34px;height:34px;font-size:18px}
.global-player-search-input{height:42px;border:1px solid #303834;background:#090d0c;border-radius:6px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;margin-bottom:9px}
.global-player-search-input:focus-within{border-color:#9f3039;box-shadow:0 0 0 2px rgba(190,48,58,.10)}
.global-player-search-input>span{display:grid;place-items:center;color:#737c77;font-size:17px}
.global-player-search-input input{height:40px;border:0;background:transparent;color:#f0f3f1;outline:none;font:inherit;font-size:12px;padding:0 10px 0 0}
.global-player-search-input input::placeholder{color:#616965}
.global-player-search-results{display:grid;gap:5px;max-height:390px;overflow:auto}
.global-player-search-empty{min-height:64px;border:1px dashed #2c3431;border-radius:6px;display:grid;place-items:center;text-align:center;padding:10px;color:#737c77;font-size:10px;background:#090d0c}
.global-player-search-result{width:100%;border:1px solid #262e2b;background:#090d0c;border-radius:6px;padding:8px 9px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left}
.global-player-search-result:hover,.global-player-search-result:focus-visible{border-color:#653036;background:#120d0e;outline:none}
.global-player-search-result .avatar{width:36px;height:36px}.global-player-search-result .avatar.has-image{overflow:hidden;padding:0}.global-player-search-result .avatar.has-image img{width:100%;height:100%;display:block;object-fit:cover}
.global-player-search-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.global-player-search-copy b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-player-search-copy small{font-size:9px;color:#7c8580;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.global-player-search-elo{font-size:9px;font-weight:900;color:#aeb6b1;white-space:nowrap}
@media(max-width:1380px){.global-player-search-popover{right:220px}}
@media(max-width:900px){.global-player-search-popover{right:14px;top:68px}.global-player-search-button{display:grid!important}}

/* =========================================================
   v0.85.53 — authoritative identity hydration gate
   Prevents wrong-account / wrong-rank flashes during rapid F5.
   ========================================================= */
.peek-boot-gate{display:none}
body.peek-boot-hydrating{overflow:hidden!important}
body.peek-boot-hydrating>.peek-boot-gate{
  display:grid;position:fixed;inset:0;z-index:1000000;place-items:center;padding:28px;
  background:
    radial-gradient(circle at 50% 42%,rgba(171,22,34,.11),transparent 34%),
    linear-gradient(180deg,rgba(5,7,8,.995),rgba(7,9,10,.998));
  backdrop-filter:blur(14px);
}
.peek-boot-gate-card{width:min(520px,calc(100vw - 38px));text-align:center;padding:34px 34px 30px;border:1px solid rgba(255,255,255,.08);background:rgba(12,14,15,.94);box-shadow:0 26px 80px rgba(0,0,0,.55)}
.peek-boot-gate-card>img{display:block;width:156px;max-width:55%;height:auto;margin:0 auto 22px;object-fit:contain}
.peek-boot-gate-card .eyebrow{display:block;margin-bottom:8px;color:#aeb4b8;letter-spacing:.16em}
.peek-boot-gate-card h2{margin:0;color:#f4f5f5;font-size:24px;letter-spacing:.04em}
.peek-boot-gate-card p{margin:10px auto 0;max-width:420px;color:#a9afb2;line-height:1.55}
.peek-boot-gate-card small{display:block;margin-top:18px;color:#666d71;line-height:1.45}
.peek-boot-gate-loader{display:flex;justify-content:center;gap:8px;margin:22px 0 0}
.peek-boot-gate-loader i{width:8px;height:8px;border-radius:50%;background:#b3202d;animation:peekBootPulse 1.05s infinite ease-in-out}
.peek-boot-gate-loader i:nth-child(2){animation-delay:.14s}.peek-boot-gate-loader i:nth-child(3){animation-delay:.28s}
@keyframes peekBootPulse{0%,70%,100%{transform:translateY(0);opacity:.35}35%{transform:translateY(-5px);opacity:1}}
@media(max-width:620px){.peek-boot-gate-card{padding:28px 22px 25px}.peek-boot-gate-card h2{font-size:20px}}

/* Friendship states use one stable geometry; only meaning changes. */
#profileFriendAction[data-friend-state="pending"],
#profileFriendAction[data-friend-state="loading"],
#profileFriendAction[data-friend-state="friend"],
#profileFriendAction[data-friend-state="incoming"]{opacity:.78;cursor:default}
#profileFriendAction[data-friend-state="pending"]{border-color:rgba(197,153,61,.48);color:#d9bd78;background:rgba(197,153,61,.08)}
#profileFriendAction[data-friend-state="friend"]{border-color:rgba(91,165,111,.45);color:#9fd0aa;background:rgba(91,165,111,.08)}

/* v0.85.53 — authoritative team roster management + admin access visibility */
body[data-peek-admin-access="0"] [data-page-link="admin"],
body[data-peek-admin-access="0"] .page-view[data-page="admin"],
body[data-peek-admin-access="0"] #caseReviewCard,
body[data-peek-admin-access="0"] .case-queue-card{display:none!important}
.team-member-actions{width:100%;display:grid;gap:5px;margin-top:10px;padding-top:9px;border-top:1px solid rgba(255,255,255,.07)}
.team-member-actions button,.team-outgoing-invite button{min-height:28px;border:1px solid #343a38;border-radius:5px;background:#161a18;color:#aeb5b1;font-size:8px;font-weight:900;letter-spacing:.04em;cursor:pointer}
.team-member-actions button:hover,.team-outgoing-invite button:hover{border-color:#69716d;color:#fff;background:#1d2320}
.team-member-actions button.danger{border-color:#633038;color:#e6727a;background:#211417}
.team-member-actions button.danger:hover{border-color:#b44751;color:#ff9aa0}
.team-management-card{margin-top:12px;overflow:hidden}
#teamOutgoingInvites{display:grid}
.team-outgoing-invite{min-height:58px;display:grid;grid-template-columns:38px minmax(0,1fr) 78px;gap:10px;align-items:center;padding:9px 12px;border-top:1px solid #202624}
.team-outgoing-invite:first-child{border-top:0}
.team-outgoing-invite>div{min-width:0;display:flex;flex-direction:column;gap:3px}
.team-outgoing-invite b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.team-outgoing-invite small{font-size:8px;color:#7f8883}
.team-leave-button{border-color:#62482d!important;color:#d8a05d!important}
.team-delete-button{border-color:#71353b!important;color:#e7747c!important}
@media(max-width:720px){.team-outgoing-invite{grid-template-columns:34px minmax(0,1fr)}.team-outgoing-invite button{grid-column:1/-1}.team-member-actions button{min-height:32px}}

/* =========================================================
   v0.85.53 — friends + notifications final functional layer
   Keeps the existing visual language; final visual polish stays later.
   ========================================================= */
.profile-actions .profile-social-secondary,
.profile-actions .profile-social-danger{
  min-height:36px;
  padding:0 13px;
  border-radius:6px;
  font-size:8px;
  font-weight:950;
  letter-spacing:.04em;
}
.profile-actions .profile-social-secondary{
  border:1px solid #343b38;
  background:#101413;
  color:#c0c7c3;
}
.profile-actions .profile-social-secondary:not(:disabled):hover{
  border-color:#505a55;
  color:#fff;
}
.profile-actions .profile-social-danger{
  border:1px solid #6c2830;
  background:#171012;
  color:#e67079;
}
.profile-actions .profile-social-danger:not(:disabled):hover{
  border-color:#a43843;
  background:#211114;
  color:#ff8a93;
}
.profile-actions .profile-social-secondary:disabled,
.profile-actions .profile-social-danger:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.social-friend-actions .friend-remove-mini{
  border-color:#57242a;
  color:#d86b74;
  background:#151012;
}
.social-friend-actions .friend-remove-mini:hover{
  border-color:#87313b;
  color:#ff8991;
}
.request-row.outgoing{
  opacity:.86;
}
.request-actions .pending-state{
  border:1px solid #343a38;
  background:#101413;
  color:#8f9893;
}
.request-actions button.action-busy,
.notification-preview-actions button.action-busy,
.notification-center-actions button.action-busy{
  opacity:.5;
  pointer-events:none;
}
.notify-icon.friend-accepted{border-color:#2e654e;color:#66d99c;background:#0e1914}
.notify-icon.friend-declined{border-color:#653038;color:#e97882;background:#1a1012}
@media(max-width:760px){
  .profile-actions .profile-social-secondary,
  .profile-actions .profile-social-danger{flex:1 1 140px}
  .social-friend-actions{flex-wrap:wrap;justify-content:flex-end}
}

/* =========================================================
   v0.85.53 — registration / login / onboarding foundation
   ========================================================= */
.auth-entry-tabs{
  margin-top:25px;padding:3px;display:grid;grid-template-columns:1fr 1fr;gap:3px;
  border:1px solid #242a27;border-radius:8px;background:#090d0c
}
.auth-entry-tab{
  min-height:38px;border:0;border-radius:5px;background:transparent;color:#717a75;
  font-size:8px;font-weight:950;letter-spacing:.08em;cursor:pointer;transition:.15s ease
}
.auth-entry-tab:hover{color:#c7cdca;background:#0f1412}
.auth-entry-tab.active{color:#f2f4f3;background:#171c1a;box-shadow:inset 0 -2px #d93a41}
.auth-account-form.auth-account-form-visible{margin-top:14px;gap:0}
.auth-form-panel,.auth-register-step{display:grid;gap:11px}
.auth-form-panel[hidden],.auth-register-flow[hidden],.auth-register-step[hidden],.auth-dev-access[hidden],.auth-dev-panel[hidden],.auth-provider-block[hidden]{display:none!important}
.auth-register-flow{display:grid;gap:16px}
.auth-register-steps{display:grid;grid-template-columns:auto 1fr auto 1fr auto;gap:8px;align-items:center;padding:4px 2px 7px}
.auth-register-steps>span{display:flex;align-items:center;gap:6px;color:#59615d;white-space:nowrap}
.auth-register-steps>span i{width:22px;height:22px;border:1px solid #303633;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:7px;font-weight:950;background:#0b0f0e}
.auth-register-steps>span b{font-size:6.5px;letter-spacing:.08em}
.auth-register-steps>span.active{color:#e9edeb}
.auth-register-steps>span.active i{border-color:#8b3439;background:#281115;color:#ffb8bd;box-shadow:0 0 0 3px rgba(217,58,65,.05)}
.auth-register-steps>span.done{color:#838c87}
.auth-register-steps>span.done i{border-color:#375744;background:#102018;color:#5edf92}
.auth-register-steps>em{height:1px;background:#242a27}
.auth-step-copy{padding:2px 0 4px}
.auth-step-copy>span{color:#b14a50;font-size:6.5px;font-weight:950;letter-spacing:.11em}
.auth-step-copy h3{margin:5px 0 4px;color:#edf1ef;font-size:17px;letter-spacing:-.015em}
.auth-step-copy p{margin:0;color:#78817c;font-size:8px;line-height:1.5}
.auth-field>small.auth-field-help{color:#606965;font-size:7px;line-height:1.45}
.auth-field>small.auth-field-help b{color:#8d9691}
.auth-nickname-wrap,.auth-country-wrap{position:relative;display:flex;align-items:center}
.auth-nickname-wrap input{padding-right:92px}
.auth-field-state{position:absolute;right:11px;top:50%;transform:translateY(-50%);padding:4px 6px;border-radius:4px;background:#111614;color:#717a75;font-size:6.5px;font-weight:950;letter-spacing:.06em;pointer-events:none}
.auth-field-state.checking{color:#b3bbb7}
.auth-field-state.valid{background:#102018;color:#5edf92}
.auth-field-state.invalid{background:#251014;color:#ef7e86}
.auth-country-wrap .auth-country-flag{position:absolute;z-index:2;left:12px;font-size:16px;line-height:1;pointer-events:none}
.auth-country-wrap select{padding-left:42px!important}
.auth-password-rule{display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border:1px solid #202624;border-radius:6px;background:#0a0e0d;color:#69726d;font-size:7px;line-height:1.45}
.auth-password-rule i{width:6px;height:6px;margin-top:2px;flex:none;border-radius:50%;background:#6d7772}
.auth-register-actions{display:grid;grid-template-columns:110px 1fr;gap:8px;margin-top:2px}
.auth-register-actions .auth-account-submit{margin-top:0}
.auth-secondary-action{min-height:44px;border:1px solid #303633;border-radius:7px;background:#0c100f;color:#969f9a;font-size:8px;font-weight:900;letter-spacing:.06em;cursor:pointer}
.auth-secondary-action:hover{border-color:#4a514d;color:#d8ddda}
.auth-register-complete{text-align:center;padding-top:3px}
.auth-complete-mark{width:43px;height:43px;margin:0 auto 2px;display:grid;place-items:center;border:1px solid #315940;border-radius:50%;background:#102018;color:#60df94;font-size:16px;font-weight:950;box-shadow:0 0 24px rgba(70,209,126,.08)}
.auth-register-complete .auth-step-copy{padding-bottom:2px}
.auth-onboarding-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:3px 0 2px;text-align:left}
.auth-onboarding-summary>span{min-height:61px;padding:10px;border:1px solid #242a27;border-radius:6px;background:#0a0e0d;display:grid;grid-template-columns:8px 1fr;column-gap:6px;align-content:center}
.auth-onboarding-summary i{width:6px;height:6px;margin-top:1px;border-radius:50%;background:#6d7772}
.auth-onboarding-summary i.ok{background:#4bd984;box-shadow:0 0 7px rgba(75,217,132,.28)}
.auth-onboarding-summary b{color:#b9c0bc;font-size:6.5px;letter-spacing:.06em}
.auth-onboarding-summary small{grid-column:2;color:#68716c;font-size:6.5px;margin-top:4px;line-height:1.25}
.auth-secondary-link{border:0;background:transparent;color:#7c8580;font-size:7px;font-weight:850;cursor:pointer;padding:3px 0}
.auth-secondary-link:hover:not(:disabled){color:#ccd2cf}
.auth-secondary-link:disabled{opacity:.42;cursor:not-allowed}
.auth-form-status{min-height:14px;margin:8px 1px 0;color:#7e8782;font-size:7.5px;line-height:1.4;text-align:left}
.auth-form-status:empty{margin-top:2px;min-height:0}
.auth-form-status.error{color:#e77c83}
.auth-form-status.working{color:#b7bfbb}
.auth-dev-access{margin-top:14px;padding-top:12px;border-top:1px solid #1d2320}
.auth-dev-toggle{width:100%;height:31px;padding:0 4px;border:0;background:transparent;color:#616a65;display:flex;align-items:center;gap:7px;font-size:7px;font-weight:900;letter-spacing:.06em;cursor:pointer;text-align:left}
.auth-dev-toggle>span{padding:3px 5px;border:1px solid #48343a;border-radius:4px;color:#a86c72;font-size:6px}
.auth-dev-toggle>i{margin-left:auto;font-style:normal;transition:transform .15s ease}
.auth-dev-toggle.open>i{transform:rotate(180deg)}
.auth-dev-toggle:hover{color:#99a19d}
.auth-dev-panel{display:grid;gap:9px;padding:11px;border:1px solid #252b28;border-radius:7px;background:#0a0e0d}
.auth-dev-user-field{margin:0}
.auth-dev-enter{height:37px;border:1px solid #343b37;border-radius:6px;background:#111613;color:#aeb6b2;font-size:7.5px;font-weight:900;letter-spacing:.06em;cursor:pointer}
.auth-dev-enter:hover{border-color:#565e59;color:#e0e4e2}
.auth-dev-enter:disabled{opacity:.5;cursor:wait}
.auth-provider-block .auth-provider-divider{margin-top:17px}
.auth-provider-block .steam-login-button{margin-top:20px}
body.auth-locked .auth-card{max-width:650px}
@media(max-width:600px){
  .auth-register-actions{grid-template-columns:1fr}
  .auth-onboarding-summary{grid-template-columns:1fr}
  .auth-register-steps>span b{display:none}
  .auth-register-steps{grid-template-columns:auto 1fr auto 1fr auto}
}

/* =========================================================
   v0.85.53 — verified Steam identity on player profile
   ========================================================= */
.profile-badges .steam-verified-badge{
  border-color:#355947!important;
  background:#0e1814!important;
  color:#78d9aa!important;
}

/* =========================================================
   v0.85.53 — clean friend quick actions + real messages
   ========================================================= */
.sidebar-friend{z-index:1}
.sidebar-friend[aria-expanded="true"]{z-index:24;background:#101614}
.sidebar-friend-menu{
  z-index:40;right:8px;top:56px;width:204px;padding:7px;
  background:#0a0f0e;border:1px solid #323b38;border-radius:8px;
  box-shadow:0 18px 42px rgba(0,0,0,.58)
}
.sidebar-friend-menu button{
  min-height:34px;height:auto;padding:0 10px;border:1px solid transparent;border-radius:5px;
  font-size:8px;font-weight:900;letter-spacing:.055em;white-space:nowrap
}
.sidebar-friend-menu button:hover:not(:disabled){border-color:#2d3935;background:#151d1a;color:#fff}
.sidebar-friend-menu .sidebar-friend-remove{margin-top:4px;border-top-color:#382125;color:#c87f86}
.sidebar-friend-menu .sidebar-friend-remove:hover:not(:disabled){border-color:#6c3037;background:#1b0d10;color:#f0a6ad}
#playFriendList .sidebar-friend:nth-last-child(-n+2) .sidebar-friend-menu{top:auto;bottom:56px}
.conversation-row.unread b{color:#fff}
.conversation-row.unread small{color:#e05d69}
.profile-steam-verified{color:#7fd6ac;font-weight:900;letter-spacing:.045em}


/* =========================================================
   v0.85.53 — Steam/social runtime reconciliation + friend UX
   ========================================================= */
#playFriendList .friend.sidebar-friend{
  grid-template-columns:38px minmax(0,1fr) 18px;
  gap:9px;
  overflow:visible;
}
#playFriendList .friend-elo{display:none!important}
#playFriendList .sidebar-friend-copy{min-width:0}
#playFriendList .sidebar-friend-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#playFriendList .friend-chevron{justify-self:end;transition:transform .16s ease}
#playFriendList .sidebar-friend-menu{
  position:absolute!important;
  left:10px!important;
  right:10px!important;
  top:calc(100% - 3px)!important;
  bottom:auto!important;
  width:auto!important;
  padding:7px!important;
  display:grid;
  gap:3px;
  background:#090e0d!important;
  border:1px solid #303936!important;
  border-radius:7px!important;
  box-shadow:0 18px 42px rgba(0,0,0,.62)!important;
}
#playFriendList .sidebar-friend-menu[hidden]{display:none!important}
#playFriendList .sidebar-friend-menu button{
  display:flex!important;
  align-items:center;
  width:100%!important;
  min-height:35px!important;
  height:35px!important;
  margin:0!important;
  padding:0 11px!important;
  border:1px solid transparent!important;
  border-radius:4px!important;
  background:transparent!important;
  color:#cbd2cf!important;
  text-align:left!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.05em!important;
  line-height:1!important;
  white-space:nowrap!important;
}
#playFriendList .sidebar-friend-menu button:hover:not(:disabled){background:#151d1a!important;border-color:#2e3935!important;color:#fff!important}
#playFriendList .sidebar-friend-menu .sidebar-friend-profile{color:#eef2f0!important}
#playFriendList .sidebar-friend-menu .sidebar-friend-remove{margin-top:3px!important;border-top-color:#382125!important;color:#d58a92!important}
#playFriendList .sidebar-friend-menu .sidebar-friend-remove:hover:not(:disabled){background:#1b0d10!important;border-color:#6c3037!important;color:#f1abb2!important}
#playFriendList .sidebar-friend:nth-last-child(-n+2) .sidebar-friend-menu{top:auto!important;bottom:calc(100% - 3px)!important}

.settings-steam-compact{padding:0!important}
.settings-steam-compact-row{min-height:86px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.settings-steam-compact-copy{min-width:0;display:flex;flex-direction:column;gap:6px}
.settings-steam-compact-copy>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.settings-steam-compact-copy h2{margin:0;font-size:18px}
.settings-steam-compact-copy p{margin:0;color:#818a85;font-size:9px}
.settings-steam-compact #settingsSteamStatus{font-size:7px;padding:5px 8px}
.settings-steam-compact #settingsSteamStatus.open{border-color:#29543d;background:#0c2117;color:#65d99d}
.settings-steam-compact #settingsSteamLinkAction{min-width:126px;height:35px}
@media(max-width:700px){.settings-steam-compact-row{align-items:flex-start;flex-direction:column}.settings-steam-compact #settingsSteamLinkAction{width:100%}}


/* =========================================================
   v0.85.53 — profile/social/history runtime cleanup
   ========================================================= */
.page-view[data-page="profile"] .profile-activity-row>small{display:none!important}

#playFriendList .friend.sidebar-friend{
  height:auto!important;
  min-height:63px!important;
  grid-template-rows:minmax(63px,auto) auto!important;
  align-items:center!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
#playFriendList .friend.sidebar-friend>.avatar,
#playFriendList .friend.sidebar-friend>.sidebar-friend-copy,
#playFriendList .friend.sidebar-friend>.friend-chevron{grid-row:1!important}
#playFriendList .friend.sidebar-friend>.avatar{grid-column:1!important}
#playFriendList .friend.sidebar-friend>.sidebar-friend-copy{grid-column:2!important}
#playFriendList .friend.sidebar-friend>.friend-chevron{grid-column:3!important}
#playFriendList .sidebar-friend-menu,
#playFriendList .sidebar-friend:nth-last-child(-n+2) .sidebar-friend-menu{
  position:static!important;
  grid-column:1/-1!important;
  grid-row:2!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  width:100%!important;
  margin:0 0 9px!important;
  padding:7px!important;
  box-sizing:border-box!important;
  z-index:auto!important;
  box-shadow:none!important;
  background:#090e0d!important;
  border:1px solid #303936!important;
  border-radius:7px!important;
}
#playFriendList .sidebar-friend[aria-expanded="true"]{padding-bottom:0!important}
#playFriendList .sidebar-friend-menu button{min-height:34px!important;height:34px!important}


/* =========================================================
   v0.85.53 — GRAJ / LOBBY FINAL-DIRECTION VISUAL POLISH
   Visual-only pass on the stable v0.85.44 runtime.
   This section is intentionally scoped to the PLAY view.
   ========================================================= */

/* The DEV concept strip is hidden only while the normal Graj page is visible.
   Other pages keep the existing strip so their visual baseline is untouched. */
body:has(.page-view[data-page="play"].active) > .concept-bar{
  display:none!important;
}

.page-view[data-page="play"] .dashboard{
  max-width:1740px!important;
  grid-template-columns:300px minmax(790px,1fr) 320px!important;
  gap:18px!important;
  padding:18px 24px 30px!important;
}
.page-view[data-page="play"] .left-col,
.page-view[data-page="play"] .center-col,
.page-view[data-page="play"] .right-col{
  gap:16px!important;
}
.page-view[data-page="play"] .card{
  border-color:#2a3330!important;
  border-radius:9px!important;
  background:linear-gradient(150deg,rgba(14,19,17,.985),rgba(7,11,10,.99))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018),0 18px 46px rgba(0,0,0,.20)!important;
}
.page-view[data-page="play"] .card:hover{border-color:#333e3a!important}

/* LEFT — ranked + news keep the same information but gain clearer hierarchy. */
.page-view[data-page="play"] .rank-card{
  height:306px!important;
  border-color:#303936!important;
}
.page-view[data-page="play"] .rank-card .section-top{
  height:46px!important;
  padding:0 17px!important;
}
.page-view[data-page="play"] .rank-main{height:126px!important;padding-left:14px!important;padding-right:14px!important}
.page-view[data-page="play"] .rank-badge{filter:drop-shadow(0 0 18px rgba(217,58,65,.13))!important}
.page-view[data-page="play"] .rank-data strong{font-size:35px!important;letter-spacing:-.025em!important}
.page-view[data-page="play"] .rank-name-row,
.page-view[data-page="play"] .progress-meta{padding-left:17px!important;padding-right:17px!important}
.page-view[data-page="play"] .progress{height:7px!important;margin-left:17px!important;margin-right:17px!important;background:#242c29!important}
.page-view[data-page="play"] .news-card{
  height:438px!important;
  border-color:#2c3532!important;
}
.page-view[data-page="play"] .news-hero{
  height:198px!important;
  margin:0 12px 8px!important;
  border-radius:7px!important;
  border-color:#38423e!important;
}
.page-view[data-page="play"] .news-hero img{filter:saturate(.72) brightness(.82) contrast(1.02)!important;transition:transform .22s ease,filter .22s ease}
.page-view[data-page="play"] .news-hero:hover img{transform:scale(1.015);filter:saturate(.82) brightness(.86) contrast(1.03)!important}
.page-view[data-page="play"] .news-shade{background:linear-gradient(180deg,rgba(4,7,6,.08),rgba(4,7,6,.22) 34%,rgba(4,7,6,.96))!important}
.page-view[data-page="play"] .news-copy h3{font-size:18px!important;letter-spacing:-.02em!important}
.page-view[data-page="play"] .news-copy p{font-size:11px!important;line-height:1.45!important;color:#c6ceca!important}
.page-view[data-page="play"] .news-row{transition:background .16s ease!important}
.page-view[data-page="play"] .news-row:hover{background:#101614!important}

/* TOP STATS — still the real two backend/UI metrics, no invented dashboard data. */
.page-view[data-page="play"] .stats-row{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
.page-view[data-page="play"] .stat-card{
  height:98px!important;
  padding:16px 18px!important;
  border-color:#2b3531!important;
  background:linear-gradient(105deg,#0e1412,#0a0f0e)!important;
}
.page-view[data-page="play"] .stat-card small{font-size:9px!important;color:#8e9994!important;letter-spacing:.105em!important}
.page-view[data-page="play"] .stat-card strong{font-size:30px!important;line-height:1!important;margin:6px 0 5px!important}
.page-view[data-page="play"] .stat-card span{font-size:10px!important;color:#8e9893!important}
.page-view[data-page="play"] .stat-card svg{width:48px!important;height:48px!important;opacity:.78!important;stroke:#8f222a!important;fill:#8f222a!important}

/* LOBBY — central hero without touching party logic. */
.page-view[data-page="play"] .party-lobby-card{
  min-height:390px!important;
  height:auto!important;
  padding:0 17px 14px!important;
  border-color:#38413d!important;
  background:
    radial-gradient(circle at 7% 18%,rgba(217,58,65,.045),transparent 31%),
    linear-gradient(150deg,#0e1412,#080c0b 72%)!important;
}
.page-view[data-page="play"] .lobby-head{
  min-height:72px!important;
  height:72px!important;
  border-bottom:1px solid rgba(255,255,255,.025)!important;
}
.page-view[data-page="play"] .lobby-head small{font-size:9px!important;color:#929d98!important}
.page-view[data-page="play"] .lobby-head h2{font-size:22px!important;line-height:1!important;margin-top:6px!important;letter-spacing:-.025em!important}
.page-view[data-page="play"] .lobby-head-actions{gap:8px!important}
.page-view[data-page="play"] .party-sync-chip{
  min-height:31px!important;
  padding:0 10px!important;
  border:1px solid #2b3933!important;
  border-radius:6px!important;
  background:#0a100e!important;
  color:#9bb1a6!important;
}
.page-view[data-page="play"] .party-leave-btn{height:33px!important;border-radius:6px!important}
.page-view[data-page="play"] .mode-tabs{height:38px!important;border-color:#2c3532!important;background:#080d0b!important;border-radius:6px!important}
.page-view[data-page="play"] .mode-tabs button{height:30px!important;min-width:56px!important}
.page-view[data-page="play"] .mode-tabs button.active{
  background:linear-gradient(180deg,#ee4b56,#bd2530)!important;
  border:1px solid #ec5962!important;
  color:#fff!important;
  box-shadow:0 0 18px rgba(217,58,65,.14),inset 0 1px rgba(255,255,255,.08)!important;
}
.page-view[data-page="play"] #partySlots{
  min-height:170px!important;
  height:170px!important;
  gap:12px!important;
  margin-top:10px!important;
}
.page-view[data-page="play"] .slot.party-member,
.page-view[data-page="play"] .party-invite-slot{
  min-height:170px!important;
  height:170px!important;
  border-radius:8px!important;
}
.page-view[data-page="play"] .slot.party-member{
  padding:15px 12px 11px!important;
  border-color:#303936!important;
  background:linear-gradient(165deg,#101513,#080c0b 78%)!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease!important;
}
.page-view[data-page="play"] .slot.party-member:hover{transform:translateY(-1px)!important;border-color:#46524d!important}
.page-view[data-page="play"] .slot.party-member.leader{
  border-color:#c3323d!important;
  background:radial-gradient(circle at 50% 15%,rgba(217,58,65,.115),transparent 48%),linear-gradient(165deg,#151011,#090c0b 70%)!important;
  box-shadow:0 0 0 1px rgba(217,58,65,.12) inset,0 0 24px rgba(217,58,65,.075)!important;
}
.page-view[data-page="play"] .party-leader-tag{color:#ff5965!important;top:11px!important;left:11px!important;font-size:8.5px!important}
.page-view[data-page="play"] .party-card-main{gap:10px!important;padding-top:10px!important}
.page-view[data-page="play"] .slot.party-member .avatar{width:52px!important;height:52px!important;border-radius:8px!important;font-size:19px!important}
.page-view[data-page="play"] .party-slot-copy b{font-size:14px!important;color:#f5f7f6!important}
.page-view[data-page="play"] .party-slot-copy small,
.page-view[data-page="play"] .party-card-footer .mini-rank{font-size:9px!important}
.page-view[data-page="play"] .party-invite-slot{
  gap:11px!important;
  border-color:#2d3733!important;
  background:linear-gradient(165deg,#0d1210,#080c0b 76%)!important;
  transition:border-color .16s ease,background .16s ease,transform .16s ease!important;
}
.page-view[data-page="play"] .party-invite-slot:hover{
  transform:translateY(-1px)!important;
  border-color:#59635e!important;
  background:linear-gradient(165deg,#111714,#090d0c 76%)!important;
}
.page-view[data-page="play"] .party-invite-slot .plus{
  width:40px!important;height:40px!important;border-color:#3a4540!important;background:#0c110f!important;font-size:23px!important;
}
.page-view[data-page="play"] .party-invite-slot b{font-size:12px!important}
.page-view[data-page="play"] .party-invite-slot small{font-size:9px!important;color:#818b86!important}

/* PARTY CHAT — same form/events, cleaner compact visual treatment. */
.page-view[data-page="play"] .party-tools.party-tools-chat-only{
  height:126px!important;
  margin-top:10px!important;
}
.page-view[data-page="play"] .party-chat-mini.party-chat-large{
  height:126px!important;
  border:1px solid #27312d!important;
  border-radius:7px!important;
  background:#090e0c!important;
  overflow:hidden!important;
}
.page-view[data-page="play"] .party-chat-large .party-chat-head{height:34px!important;padding:0 12px!important;background:#0b100e!important}
.page-view[data-page="play"] .party-chat-large .party-chat-head .eyebrow{font-size:9px!important}
.page-view[data-page="play"] .party-chat-large .party-chat-head>span:last-child{font-size:8px!important}
.page-view[data-page="play"] .party-chat-large .party-chat-log{height:47px!important;padding:7px 11px!important;gap:4px!important}
.page-view[data-page="play"] .party-chat-large .party-chat-log>div,
.page-view[data-page="play"] .party-chat-large .party-chat-log b,
.page-view[data-page="play"] .party-chat-large .party-chat-log span{font-size:9.5px!important;line-height:1.25!important}
.page-view[data-page="play"] .party-chat-large form{height:44px!important;padding:6px!important;grid-template-columns:minmax(0,1fr) 66px!important;gap:7px!important;background:#080c0b!important}
.page-view[data-page="play"] .party-chat-large input{font-size:10px!important;border-color:#2b3531!important;background:#0b100e!important;border-radius:5px!important}
.page-view[data-page="play"] .party-chat-large button{border-color:#6c2b31!important;background:#1a0d10!important;color:#ff6570!important;border-radius:5px!important;font-size:8px!important}
.page-view[data-page="play"] .party-chat-large button:hover{background:#271015!important;border-color:#9a333b!important;color:#fff!important}

/* MAP POOL — images carry the hierarchy; the dynamic functional text remains in DOM. */
.page-view[data-page="play"] .maps-card{
  height:154px!important;
  padding:0 16px 13px!important;
  border-color:#303a36!important;
}
.page-view[data-page="play"] .maps-head{height:49px!important}
.page-view[data-page="play"] .maps-head h2{display:none!important}
.page-view[data-page="play"] .maps-head small{font-size:9px!important;color:#9ba49f!important}
.page-view[data-page="play"] .maps-head>b{font-size:9px!important;color:#dce1df!important}
.page-view[data-page="play"] .map-grid{height:88px!important;gap:8px!important}
.page-view[data-page="play"] .map{
  border-radius:7px!important;
  border-color:#38423e!important;
  background:#080b0a!important;
  transition:transform .16s ease,border-color .16s ease,filter .16s ease!important;
}
.page-view[data-page="play"] .map:hover{transform:translateY(-1px)!important;border-color:#59645f!important}
.page-view[data-page="play"] .map img{filter:saturate(.72) brightness(.72) contrast(1.04)!important}
.page-view[data-page="play"] .map:after{background:linear-gradient(180deg,rgba(5,7,7,.04) 20%,rgba(5,7,7,.91))!important}
.page-view[data-page="play"] .map span{left:8px!important;bottom:7px!important;font-size:10px!important;color:#f1f4f2!important}
.page-view[data-page="play"] .map i{width:19px!important;height:19px!important;right:6px!important;top:6px!important;background:#222a27!important;color:#aeb6b2!important}
.page-view[data-page="play"] .map.selected{
  border:1px solid #e44751!important;
  box-shadow:0 0 0 1px rgba(217,58,65,.18) inset,0 0 17px rgba(217,58,65,.085)!important;
}
.page-view[data-page="play"] .map.selected img{filter:saturate(.88) brightness(.78) contrast(1.04)!important}
.page-view[data-page="play"] .map.selected i{background:#d93a41!important;color:#fff!important}

/* HISTORY — unchanged source/actions, just a denser footer block. */
.page-view[data-page="play"] .history-card{
  min-height:174px!important;
  height:auto!important;
  border-color:#2b3531!important;
}
.page-view[data-page="play"] .history-head{height:62px!important;padding:0 16px!important}
.page-view[data-page="play"] .history-head h2{font-size:19px!important}
.page-view[data-page="play"] .history-head button{font-size:9px!important;color:#aeb7b3!important}
.page-view[data-page="play"] .play-recent-history .match-row{min-height:50px!important}

/* RIGHT — Match CTA wins the hierarchy, AC confirms security, friends stay compact. */
.page-view[data-page="play"] .queue-card{
  min-height:146px!important;
  height:auto!important;
  border-color:#663039!important;
  background:linear-gradient(180deg,#110d0e,#090d0c 76%)!important;
}
.page-view[data-page="play"] .queue-card .find-match{
  flex:0 0 104px!important;
  height:104px!important;
  position:relative!important;
  justify-content:center!important;
  gap:13px!important;
  background:
    radial-gradient(circle at 18% 35%,rgba(255,95,105,.24),transparent 31%),
    linear-gradient(135deg,#d93440,#a91d28)!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.10),0 13px 26px rgba(122,17,27,.15)!important;
}
.page-view[data-page="play"] .queue-card .find-match:hover{background:radial-gradient(circle at 18% 35%,rgba(255,115,124,.28),transparent 32%),linear-gradient(135deg,#e23e49,#b9222e)!important}
.page-view[data-page="play"] .find-match.find-match-simple>b{font-size:20px!important;letter-spacing:-.01em!important}
.page-view[data-page="play"] .find-match.find-match-simple .play-triangle{font-size:18px!important;color:#fff!important}
.page-view[data-page="play"] .server-line{height:41px!important;flex-basis:41px!important;padding:0 13px!important;background:#090d0c!important}
.page-view[data-page="play"] .server-line span,
.page-view[data-page="play"] .server-line b{font-size:9px!important}
.page-view[data-page="play"] .ac-card{
  height:94px!important;
  padding:13px 14px!important;
  grid-template-columns:42px minmax(0,1fr) 39px!important;
  border-color:#2d3934!important;
}
.page-view[data-page="play"] .ac-card .shield{width:35px!important;height:40px!important;background:#123526!important;color:#53df96!important}
.page-view[data-page="play"] .ac-card small{font-size:8px!important}
.page-view[data-page="play"] .ac-card b{font-size:12px!important;margin:4px 0!important}
.page-view[data-page="play"] .ac-card span{font-size:9px!important;line-height:1.35!important;color:#909a95!important}
.page-view[data-page="play"] .ac-card em{font-size:8px!important;background:#0e321f!important;color:#56e39a!important}
.page-view[data-page="play"] .friends-card{
  height:438px!important;
  border-color:#303a36!important;
}
.page-view[data-page="play"] .friends-head{height:64px!important;padding:0 13px!important}
.page-view[data-page="play"] .friends-head h2{font-size:17px!important;letter-spacing:-.02em!important}
.page-view[data-page="play"] .friends-head>span{font-size:9px!important}
.page-view[data-page="play"] #playFriendList .friend.sidebar-friend{min-height:61px!important;grid-template-rows:minmax(61px,auto) auto!important}
.page-view[data-page="play"] #playFriendList .sidebar-friend-copy b{font-size:11px!important;color:#eef2f0!important}
.page-view[data-page="play"] #playFriendList .sidebar-friend-copy small{font-size:8.5px!important;color:#7e8983!important}
.page-view[data-page="play"] #playFriendList .sidebar-friend:hover{background:#0f1613!important}
.page-view[data-page="play"] .show-all{height:49px!important;font-size:9px!important}

/* Slight readability lift only inside the Graj dashboard. */
.page-view[data-page="play"] .section-top,
.page-view[data-page="play"] .eyebrow,
.page-view[data-page="play"] .mini-title{font-size:9px!important}
.page-view[data-page="play"] .section-top button{font-size:9px!important}

@media(max-width:1500px){
  .page-view[data-page="play"] .dashboard{
    grid-template-columns:270px minmax(670px,1fr) 292px!important;
    gap:14px!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .page-view[data-page="play"] #partySlots{gap:9px!important}
  .page-view[data-page="play"] .party-slot-copy b{font-size:12.5px!important}
  .page-view[data-page="play"] .friends-head h2{font-size:15px!important}
}
@media(max-width:1180px){
  .page-view[data-page="play"] .dashboard{
    grid-template-columns:250px minmax(620px,1fr)!important;
  }
  .page-view[data-page="play"] .right-col{grid-column:1/-1!important;display:grid!important;grid-template-columns:1.1fr 1fr 1.3fr!important;align-items:start!important}
  .page-view[data-page="play"] .friends-card{height:300px!important}
}
@media(max-width:900px){
  .page-view[data-page="play"] .dashboard{display:flex!important;flex-direction:column!important;padding:12px!important}
  .page-view[data-page="play"] .left-col,.page-view[data-page="play"] .center-col,.page-view[data-page="play"] .right-col{display:flex!important;flex-direction:column!important}
  .page-view[data-page="play"] .stats-row{grid-template-columns:1fr!important}
  .page-view[data-page="play"] #partySlots{height:auto!important;grid-template-columns:1fr!important}
  .page-view[data-page="play"] .slot.party-member,.page-view[data-page="play"] .party-invite-slot{height:124px!important;min-height:124px!important}
  .page-view[data-page="play"] .party-lobby-card{min-height:unset!important}
  .page-view[data-page="play"] .map-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;height:auto!important}
  .page-view[data-page="play"] .maps-card{height:auto!important}
  .page-view[data-page="play"] .map{min-height:88px!important}
}


/* =========================================================
   v0.85.53 — PROFILE VISUAL DISTINCTION
   Standard + Premium visual-only profile pass.
   The data contract, IDs and profile runtime stay unchanged.
   ========================================================= */
.page-view[data-page="profile"]{
  --profile-accent:#d93a45;
  --profile-accent-soft:rgba(217,58,69,.10);
  --profile-panel:#0b100e;
  --profile-panel-2:#0e1412;
  --profile-line:#303936;
  --profile-muted:#7e8983;
  padding-bottom:30px!important;
}
.page-view[data-page="profile"] .secondary-shell{padding-top:18px!important}

/* Hero becomes a player showcase instead of a flat data table. */
.page-view[data-page="profile"] .profile-hero{
  position:relative!important;
  isolation:isolate!important;
  max-width:1612px!important;
  min-height:332px!important;
  margin:0 auto 18px!important;
  padding:18px!important;
  grid-template-columns:minmax(560px,1.34fr) minmax(300px,.68fr) minmax(330px,.72fr)!important;
  gap:14px!important;
  overflow:hidden!important;
  border:1px solid #343d39!important;
  border-radius:13px!important;
  background:
    radial-gradient(circle at 5% 5%,rgba(217,58,69,.10),transparent 31%),
    radial-gradient(circle at 94% 38%,rgba(217,58,69,.055),transparent 28%),
    linear-gradient(145deg,#101513,#080c0b 74%)!important;
  box-shadow:0 22px 65px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.025)!important;
}
.page-view[data-page="profile"] .profile-hero::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  top:0;
  height:2px;
  background:linear-gradient(90deg,var(--profile-accent),rgba(217,58,69,.20) 34%,transparent 72%);
  pointer-events:none;
  z-index:2;
}

/* Identity showcase. */
.page-view[data-page="profile"] .profile-hero-identity{
  min-width:0!important;
  grid-template-columns:170px minmax(0,1fr)!important;
  gap:18px!important;
  padding:16px!important;
  border:1px solid #29322f!important;
  border-radius:10px!important;
  background:
    linear-gradient(135deg,rgba(217,58,69,.045),transparent 38%),
    linear-gradient(180deg,#0d1210,#090d0c)!important;
  align-items:stretch!important;
}
.page-view[data-page="profile"] .profile-avatar-stack{
  width:170px!important;
  gap:10px!important;
  padding:2px 0 0!important;
  align-items:center!important;
}
.page-view[data-page="profile"] .profile-avatar-stack .profile-avatar-large{
  width:118px!important;
  height:118px!important;
  margin:2px auto 0!important;
  border-radius:13px!important;
  font-size:39px!important;
  box-shadow:0 16px 38px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.035)!important;
}
.page-view[data-page="profile"] .profile-avatar-stack #profileName{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  font-size:22px!important;
  line-height:1.05!important;
  letter-spacing:-.025em!important;
  color:#f4f7f5!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.page-view[data-page="profile"] .profile-csrep-preview{
  min-height:110px!important;
  margin-top:1px!important;
  padding:10px!important;
  border-radius:9px!important;
  border-color:#29322f!important;
  background:#090d0c!important;
  box-shadow:none!important;
}
.page-view[data-page="profile"] .profile-csrep-preview .eyebrow{color:#e3c357!important;font-size:8px!important}
.page-view[data-page="profile"] .profile-csrep-note{font-size:7.5px!important;min-height:14px!important;color:#68726d!important}
.page-view[data-page="profile"] .profile-csrep-grid{gap:6px!important}
.page-view[data-page="profile"] .profile-csrep-stat{min-height:38px!important;padding:7px 8px!important;border-radius:7px!important}
.page-view[data-page="profile"] .profile-csrep-stat b{font-size:14px!important}

.page-view[data-page="profile"] .profile-identity-copy{
  min-width:0!important;
  padding:5px 2px 0!important;
  display:flex!important;
  flex-direction:column!important;
}
.page-view[data-page="profile"] .profile-meta-card{
  align-self:flex-start!important;
  min-height:32px!important;
  margin:0 0 10px!important;
  padding:0 11px!important;
  display:inline-flex!important;
  align-items:center!important;
  border:1px solid #303a36!important;
  border-radius:7px!important;
  background:#0a0f0d!important;
  color:#bac3be!important;
  font-size:9px!important;
  font-weight:800!important;
}
.page-view[data-page="profile"] .profile-steam-verified{color:#d7dedb!important;font-weight:950!important}
.page-view[data-page="profile"] .profile-badges{gap:7px!important;margin:0 0 9px!important}
.page-view[data-page="profile"] .profile-badges span{
  min-height:28px!important;
  padding:0 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  border:1px solid #303936!important;
  border-radius:6px!important;
  background:#0b100e!important;
  color:#c4ccc8!important;
  font-size:8px!important;
  font-weight:950!important;
  letter-spacing:.055em!important;
}
.page-view[data-page="profile"] .profile-activity-row{margin:0 0 10px!important}
.page-view[data-page="profile"] .profile-activity-state{
  min-height:29px!important;
  padding:0 10px!important;
  border-radius:6px!important;
  border:1px solid #3d3822!important;
  background:#151209!important;
  font-size:8px!important;
}
.page-view[data-page="profile"] .profile-identity-bottom{gap:9px!important;margin-top:0!important}
.page-view[data-page="profile"] .profile-team-chip,
.page-view[data-page="profile"] .profile-team-empty-slot{
  min-height:76px!important;
  border-radius:9px!important;
  border:1px solid #303936!important;
  background:linear-gradient(150deg,#0d1210,#090d0c)!important;
}
.page-view[data-page="profile"] .profile-team-chip:hover{border-color:#505d57!important;background:linear-gradient(150deg,#101713,#0a0e0d)!important}
.page-view[data-page="profile"] .profile-team-logo,
.page-view[data-page="profile"] .profile-team-empty-logo{width:47px!important;height:47px!important;border-radius:9px!important}
.page-view[data-page="profile"] .profile-team-copy small{font-size:8px!important}
.page-view[data-page="profile"] .profile-team-copy b{font-size:15px!important;margin:3px 0 2px!important}
.page-view[data-page="profile"] .profile-team-copy em{font-size:7.5px!important}
.page-view[data-page="profile"] .profile-achievements{height:58px!important;gap:8px!important;margin-top:0!important}
.page-view[data-page="profile"] .achievement-badge,
.page-view[data-page="profile"] .achievement-slot{
  height:58px!important;
  border-radius:9px!important;
  border-color:#303936!important;
  background:#0a0f0d!important;
}
.page-view[data-page="profile"] .achievement-badge.beta{
  border-color:#87313a!important;
  background:linear-gradient(150deg,rgba(217,58,69,.10),#0a0e0d 64%)!important;
}
.page-view[data-page="profile"] .achievement-icon{font-size:24px!important}
.page-view[data-page="profile"] .achievement-slot.empty{opacity:.82!important}
.page-view[data-page="profile"] .profile-actions{margin-top:auto!important;padding-top:10px!important}
.page-view[data-page="profile"] .profile-actions button{height:34px!important;border-radius:6px!important}

/* Position / season block feels like an esports profile panel, not admin metrics. */
.page-view[data-page="profile"] .profile-hero-summary{
  padding:16px!important;
  border:1px solid #29322f!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#0c1110,#090d0c)!important;
  justify-content:flex-start!important;
}
.page-view[data-page="profile"] .profile-summary-head{min-height:34px!important;margin:0 0 10px!important;padding-bottom:10px!important;border-bottom:1px solid #202724!important}
.page-view[data-page="profile"] .profile-summary-head .eyebrow{font-size:9px!important}
.page-view[data-page="profile"] .profile-summary-head small{font-size:7.5px!important}
.page-view[data-page="profile"] .profile-quick-grid{gap:8px!important}
.page-view[data-page="profile"] .profile-quick-stat{
  min-height:94px!important;
  height:auto!important;
  padding:13px!important;
  border:1px solid #2a3430!important;
  border-radius:8px!important;
  background:#0a0f0d!important;
  justify-content:flex-start!important;
}
.page-view[data-page="profile"] .profile-quick-stat span{font-size:8px!important;color:#84908a!important}
.page-view[data-page="profile"] .profile-quick-stat b{margin-top:10px!important;font-size:25px!important;letter-spacing:-.025em!important}
.page-view[data-page="profile"] .profile-quick-stat small{margin-top:auto!important;padding-top:7px!important;font-size:7.5px!important}
.page-view[data-page="profile"] .profile-quick-stat:first-child{border-color:#38413d!important;background:#0a0f0d!important}
.page-view[data-page="profile"] .profile-quick-stat:first-child b{color:#eef2f0!important}
.page-view[data-page="profile"] .profile-quick-stat.featured{border-color:#6b2930!important;background:linear-gradient(180deg,rgba(217,58,69,.075),#0a0e0d)!important}
.page-view[data-page="profile"] .profile-quick-stat.featured b{color:#ff5965!important}

/* Rank becomes a real profile trophy. */
.page-view[data-page="profile"] .profile-rank-card{
  min-height:296px!important;
  padding:24px 22px 20px!important;
  border:1px solid #6b2930!important;
  border-radius:10px!important;
  background:
    radial-gradient(circle at 50% 30%,rgba(217,58,69,.15),transparent 34%),
    radial-gradient(circle at 50% 100%,rgba(217,58,69,.045),transparent 42%),
    linear-gradient(180deg,#111112,#090c0b)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 42px rgba(0,0,0,.19)!important;
}
.page-view[data-page="profile"] .profile-rank-card img{
  width:108px!important;
  height:108px!important;
  margin:0 0 10px!important;
  filter:drop-shadow(0 10px 25px rgba(0,0,0,.34))!important;
}
.page-view[data-page="profile"] .profile-rank-card .eyebrow{color:#ff5965!important;font-size:9px!important}
.page-view[data-page="profile"] .profile-rank-card h2{font-size:27px!important;letter-spacing:-.025em!important;margin:7px 0 5px!important}
.page-view[data-page="profile"] .profile-rank-card strong{font-size:18px!important;color:#ff5662!important}
.page-view[data-page="profile"] .profile-rank-progress{max-width:235px!important;margin-top:17px!important}
.page-view[data-page="profile"] .profile-rank-progress-bar{height:6px!important;background:#262e2a!important}
.page-view[data-page="profile"] .profile-rank-progress-bar i{background:linear-gradient(90deg,#c52b36,#ff5965)!important}
.page-view[data-page="profile"] .profile-rank-card>div>small{margin-top:9px!important;font-size:8px!important;color:#7e8983!important}

/* Statistics are cleaner and more personal. */
.page-view[data-page="profile"] .profile-section-label{max-width:1612px!important;margin:17px auto 9px!important;padding:0 7px!important}
.page-view[data-page="profile"] .profile-section-label .eyebrow{font-size:9px!important}
.page-view[data-page="profile"] .profile-stats-row{max-width:1612px!important;margin:0 auto!important;gap:10px!important;padding-left:0!important;padding-right:0!important}
.page-view[data-page="profile"] .profile-metric{
  min-height:112px!important;
  padding:17px 18px!important;
  border:1px solid #303936!important;
  border-radius:9px!important;
  background:linear-gradient(160deg,#0e1311,#090d0c)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.018)!important;
}
.page-view[data-page="profile"] .profile-metric:before{top:18px!important;bottom:18px!important;width:3px!important;background:#4a5650!important}
.page-view[data-page="profile"] .profile-metric:first-child:before{background:#d93a45!important}
.page-view[data-page="profile"] .profile-metric>span{font-size:8.5px!important}
.page-view[data-page="profile"] .profile-metric strong{font-size:34px!important;margin:10px 0 7px!important}
.page-view[data-page="profile"] .profile-metric small{font-size:8px!important}

.page-view[data-page="profile"] .profile-advanced-card{
  border-radius:10px!important;
  border-color:#303936!important;
  background:linear-gradient(180deg,#0d1210,#090d0c)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.018)!important;
}
.page-view[data-page="profile"] .profile-advanced-toolbar{min-height:76px!important;background:linear-gradient(90deg,rgba(217,58,69,.035),transparent 44%)!important}
.page-view[data-page="profile"] .advanced-empty-state{min-height:136px!important;border-color:#333e39!important;background:#090d0c!important}

/* PREMIUM: same product, stronger prestige. No loud gold dashboard. */
.page-view[data-page="profile"].profile-standard-view .profile-hero{
  border-color:#343d39!important;
}
.page-view[data-page="profile"].profile-premium-view{
  --profile-accent:#d7b457;
  --profile-accent-soft:rgba(215,180,87,.11);
}
.page-view[data-page="profile"].profile-premium-view .profile-hero.premium-profile-hero{
  border-color:#9c7a2e!important;
  background:
    radial-gradient(circle at 10% 4%,rgba(223,191,101,.13),transparent 30%),
    radial-gradient(circle at 90% 31%,rgba(217,58,69,.055),transparent 25%),
    linear-gradient(145deg,#12130f,#090c0b 72%)!important;
  box-shadow:0 0 0 1px rgba(225,190,96,.08) inset,0 24px 70px rgba(0,0,0,.31),0 0 34px rgba(202,165,68,.07)!important;
}
.page-view[data-page="profile"].profile-premium-view .profile-hero.premium-profile-hero::before{
  content:"PREMIUM"!important;
  position:absolute!important;
  top:13px!important;
  right:16px!important;
  left:auto!important;
  bottom:auto!important;
  width:auto!important;
  height:23px!important;
  padding:0 9px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(225,190,96,.38)!important;
  border-radius:6px!important;
  background:linear-gradient(180deg,rgba(78,61,22,.68),rgba(31,26,12,.80))!important;
  color:#e8cd7a!important;
  font-size:7.5px!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
  box-shadow:0 5px 18px rgba(0,0,0,.18)!important;
  pointer-events:none!important;
  z-index:5!important;
}
.page-view[data-page="profile"].profile-premium-view .profile-hero::after{background:linear-gradient(90deg,#e0bd64,rgba(217,58,69,.48) 35%,transparent 78%)!important}
.page-view[data-page="profile"].profile-premium-view .profile-hero-identity{border-color:#554827!important;background:linear-gradient(135deg,rgba(216,180,80,.075),transparent 42%),linear-gradient(180deg,#10130f,#090d0c)!important}
.page-view[data-page="profile"].profile-premium-view .profile-avatar-stack .profile-avatar-large{
  box-shadow:0 0 0 2px #d6b45e,0 0 0 5px rgba(214,180,94,.10),0 18px 42px rgba(0,0,0,.38),0 0 24px rgba(214,180,94,.08)!important;
}
.page-view[data-page="profile"].profile-premium-view .profile-avatar-stack #profileName{color:#f2e3b7!important;text-shadow:0 0 16px rgba(214,180,94,.10)!important}
.page-view[data-page="profile"].profile-premium-view .profile-meta-card{border-color:#544726!important;background:#111008!important}
.page-view[data-page="profile"].profile-premium-view .profile-badges span{border-color:#4b4127!important;background:#100f0a!important}
.page-view[data-page="profile"].profile-premium-view .profile-team-chip,
.page-view[data-page="profile"].profile-premium-view .profile-team-empty-slot{border-color:#4a4027!important}
.page-view[data-page="profile"].profile-premium-view .achievement-badge,
.page-view[data-page="profile"].profile-premium-view .achievement-slot{border-color:#4a4028!important}
.page-view[data-page="profile"].profile-premium-view .profile-hero-summary{border-color:#4b422c!important;background:linear-gradient(180deg,#10110d,#090d0b)!important}
.page-view[data-page="profile"].profile-premium-view .profile-quick-stat{border-color:#413a29!important;background:#0d0f0b!important}
.page-view[data-page="profile"].profile-premium-view .profile-quick-stat.featured{border-color:#755d27!important;background:linear-gradient(180deg,rgba(217,183,91,.09),#0c0e0b)!important}
.page-view[data-page="profile"].profile-premium-view .profile-quick-stat.featured b{color:#e1c46d!important}
.page-view[data-page="profile"].profile-premium-view .profile-rank-card{
  border-color:#8e6d29!important;
  background:radial-gradient(circle at 50% 28%,rgba(221,185,87,.17),transparent 35%),linear-gradient(180deg,#14130e,#090c0b)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 42px rgba(0,0,0,.20),0 0 25px rgba(211,173,83,.055)!important;
}
.page-view[data-page="profile"].profile-premium-view .profile-rank-card .eyebrow,
.page-view[data-page="profile"].profile-premium-view .profile-rank-card strong{color:#e2c66f!important}
.page-view[data-page="profile"].profile-premium-view .profile-rank-progress-bar i{background:linear-gradient(90deg,#9d7423,#e2c66f)!important}
.page-view[data-page="profile"].profile-premium-view .profile-metric{border-color:#413a29!important;background:linear-gradient(160deg,#10120e,#090d0b)!important}
.page-view[data-page="profile"].profile-premium-view .profile-metric:before{background:#75612e!important}
.page-view[data-page="profile"].profile-premium-view .profile-metric:first-child:before{background:#d8b85f!important}
.page-view[data-page="profile"].profile-premium-view .profile-advanced-card{border-color:#443b27!important}
.page-view[data-page="profile"].profile-premium-view .profile-advanced-toolbar{background:linear-gradient(90deg,rgba(216,180,80,.055),transparent 46%)!important}

@media(max-width:1380px){
  .page-view[data-page="profile"] .profile-hero{grid-template-columns:minmax(500px,1.15fr) minmax(280px,.68fr) minmax(300px,.70fr)!important;padding:14px!important}
  .page-view[data-page="profile"] .profile-hero-identity{grid-template-columns:154px minmax(0,1fr)!important;padding:13px!important}
  .page-view[data-page="profile"] .profile-avatar-stack{width:154px!important}
  .page-view[data-page="profile"] .profile-avatar-stack .profile-avatar-large{width:104px!important;height:104px!important;font-size:34px!important}
}
@media(max-width:1120px){
  .page-view[data-page="profile"] .profile-hero{grid-template-columns:1fr 1fr!important}
  .page-view[data-page="profile"] .profile-hero-identity{grid-column:1/-1!important}
  .page-view[data-page="profile"] .profile-hero-summary{grid-column:auto!important;grid-row:auto!important;border:1px solid #29322f!important;padding:16px!important}
}
@media(max-width:760px){
  .page-view[data-page="profile"] .profile-hero{grid-template-columns:1fr!important;padding:10px!important}
  .page-view[data-page="profile"] .profile-hero-identity{grid-template-columns:1fr!important}
  .page-view[data-page="profile"] .profile-avatar-stack{width:100%!important;max-width:220px!important;margin:0 auto!important}
  .page-view[data-page="profile"] .profile-avatar-stack #profileName{text-align:center!important}
  .page-view[data-page="profile"] .profile-meta-card{align-self:stretch!important;justify-content:center!important;text-align:center!important}
  .page-view[data-page="profile"] .profile-badges{justify-content:center!important}
  .page-view[data-page="profile"] .profile-activity-row{display:flex!important;justify-content:center!important}
  .page-view[data-page="profile"] .profile-quick-grid{grid-template-columns:1fr 1fr!important}
  .page-view[data-page="profile"] .profile-rank-card{min-height:270px!important}
}


/* =========================================================
   v0.85.53 — PROFILE NICKNAME FIT HOTFIX
   Remove the legacy 108px cap left by the old profile layout.
   Keep normal nicknames visually unchanged; adapt only long names.
   ========================================================= */
.page-view[data-page="profile"] .profile-avatar-stack #profileName{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}
.page-view[data-page="profile"] .profile-avatar-stack #profileName.profile-name-long{
  font-size:18px!important;
  letter-spacing:-.035em!important;
  white-space:nowrap!important;
}
.page-view[data-page="profile"] .profile-avatar-stack #profileName.profile-name-xlong{
  font-size:14px!important;
  line-height:1.02!important;
  letter-spacing:-.025em!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}


/* =========================================================
   v0.85.53 — PEEK.ME RANK TOKEN VISUAL SYSTEM
   Production rank artwork only. Rank/ELO authority is unchanged.
   The Info page is a neutral rank guide and never highlights the viewer.
   ========================================================= */
.page-view[data-page="info"] .rank-showcase-card{
  height:166px!important;
  padding:8px 8px 10px!important;
  background:linear-gradient(180deg,#0d1110 0%,#090c0c 100%)!important;
  border-color:#29302e!important;
}
.page-view[data-page="info"] .rank-showcase-card img{
  width:116px!important;
  height:108px!important;
  object-fit:contain!important;
  margin-top:-3px!important;
  filter:drop-shadow(0 9px 10px rgba(0,0,0,.72))!important;
}
.page-view[data-page="info"] .rank-showcase-card b{
  margin-top:-3px!important;
  font-size:10px!important;
  letter-spacing:.085em!important;
}
.page-view[data-page="info"] .rank-showcase-card span{
  margin-top:3px!important;
  font-size:8.5px!important;
}
.page-view[data-page="info"] .rank-showcase-card.current{
  border-color:#29302e!important;
  background:linear-gradient(180deg,#0d1110 0%,#090c0c 100%)!important;
  box-shadow:none!important;
}
.page-view[data-page="info"] .rank-showcase-card.current b,
.page-view[data-page="info"] .rank-showcase-card.current span{color:inherit!important}
.page-view[data-page="info"] .rank-showcase-card em{display:none!important}

/* Detailed tokens need a little more breathing room on the major rank surfaces. */
.page-view[data-page="profile"] .profile-rank-side img,
.page-view[data-page="profile"] .profile-rank-card img{
  object-fit:contain!important;
  filter:drop-shadow(0 12px 14px rgba(0,0,0,.65))!important;
}
.page-view[data-page="play"] .rank-badge,
.self-rank-main img{
  object-fit:contain!important;
}


/* =========================================================
   v0.85.53 — RANK DISPLAY SCALE + LEGACY S1 CLEANUP
   Larger production token presence on Profile and Info.
   Placement remains intentionally neutral and unchanged.
   ========================================================= */
.page-view[data-page="profile"] .profile-rank-card{
  min-height:324px!important;
  padding-top:18px!important;
}
.page-view[data-page="profile"] #profileRankImage:not([src$="placement.svg"]){
  width:164px!important;
  height:164px!important;
  margin:-5px 0 1px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 14px 22px rgba(0,0,0,.58))!important;
}
.page-view[data-page="profile"] #profileRankImage[src$="placement.svg"]{
  width:108px!important;
  height:108px!important;
  margin:0 0 10px!important;
}
.page-view[data-page="info"] .rank-showcase-grid{
  gap:10px!important;
}
.page-view[data-page="info"] .rank-showcase-card{
  min-height:208px!important;
  height:208px!important;
  padding:7px 8px 12px!important;
  justify-content:flex-start!important;
}
.page-view[data-page="info"] .rank-showcase-card img{
  width:158px!important;
  height:158px!important;
  margin:-2px auto -5px!important;
  object-fit:contain!important;
  flex:0 0 158px!important;
  filter:drop-shadow(0 12px 15px rgba(0,0,0,.68))!important;
}
.page-view[data-page="info"] .rank-showcase-card b{
  margin-top:0!important;
  font-size:11px!important;
}
.page-view[data-page="info"] .rank-showcase-card span{
  margin-top:4px!important;
  font-size:9px!important;
}
@media(max-width:1120px){
  .page-view[data-page="profile"] #profileRankImage:not([src$="placement.svg"]){width:148px!important;height:148px!important}
  .page-view[data-page="info"] .rank-showcase-card{height:194px!important;min-height:194px!important}
  .page-view[data-page="info"] .rank-showcase-card img{width:144px!important;height:144px!important;flex-basis:144px!important}
}


/* =========================================================
   v0.85.53 — RANKING VISUAL POLISH
   Visual-only refinement of the authoritative Beta 5v5 ranking.
   New PEEK.ME rank tokens are presented as real rank identity,
   while ranking/ELO/placement authority remains unchanged.
   ========================================================= */
.page-view[data-page="ranking"] .secondary-shell{
  max-width:1580px!important;
  padding-top:18px!important;
}
.page-view[data-page="ranking"] .ranking-hero-final{
  min-height:116px!important;
  padding:20px 24px!important;
  border-left:3px solid #d93a41!important;
  background:
    radial-gradient(circle at 76% 20%,rgba(217,58,65,.10),transparent 31%),
    linear-gradient(140deg,#111514 0%,#0a0e0d 68%,#0c0b0c 100%)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.20)!important;
}
.page-view[data-page="ranking"] .ranking-hero-final h1{
  font-size:32px!important;
  letter-spacing:-.035em!important;
}
.page-view[data-page="ranking"] .ranking-hero-final p{
  max-width:760px!important;
  font-size:11px!important;
  line-height:1.55!important;
}
.page-view[data-page="ranking"] .ranking-hero-controls{
  gap:10px!important;
}
.page-view[data-page="ranking"] .ranking-season-wrap,
.page-view[data-page="ranking"] .ranking-mode-tabs{
  height:44px!important;
}
.page-view[data-page="ranking"] .ranking-season-wrap{
  min-width:150px!important;
  border-color:#363d3a!important;
  background:rgba(7,10,9,.82)!important;
}
.page-view[data-page="ranking"] .ranking-mode-tabs .seg{
  height:36px!important;
  min-width:62px!important;
  font-size:9px!important;
}

.page-view[data-page="ranking"] .ranking-layout-final{
  grid-template-columns:304px minmax(0,1fr) 260px!important;
  gap:14px!important;
  align-items:start!important;
}
.page-view[data-page="ranking"] .ranking-identity-card,
.page-view[data-page="ranking"] .ranking-ladder-premium,
.page-view[data-page="ranking"] .ranking-main-card,
.page-view[data-page="ranking"] .secondary-right .card{
  border-color:#303735!important;
  background:linear-gradient(180deg,#0e1211 0%,#090c0c 100%)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.14)!important;
}

/* Your position becomes a compact player identity / rank trophy card. */
.page-view[data-page="ranking"] .ranking-identity-card{
  position:relative!important;
  overflow:hidden!important;
  padding:19px!important;
}
.page-view[data-page="ranking"] .ranking-identity-card:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:2px;
  background:linear-gradient(180deg,#e64852,rgba(230,72,82,.08));
}
.page-view[data-page="ranking"] .self-rank-main{
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  align-items:center!important;
  gap:14px!important;
  margin-top:13px!important;
}
.page-view[data-page="ranking"] .self-rank-main img{
  width:112px!important;
  height:112px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 13px 18px rgba(0,0,0,.62))!important;
}
.page-view[data-page="ranking"] .self-rank-main strong{
  font-size:34px!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
  color:#f4f7f5!important;
}
.page-view[data-page="ranking"] .self-rank-main b{
  margin-top:7px!important;
  font-size:14px!important;
  color:#f0f3f1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.page-view[data-page="ranking"] .self-rank-main small{
  margin-top:6px!important;
  font-size:9px!important;
  line-height:1.45!important;
  color:#8e9893!important;
}
.page-view[data-page="ranking"] .self-rank-peaks{
  gap:9px!important;
  margin-top:15px!important;
}
.page-view[data-page="ranking"] .self-rank-peaks>div{
  min-height:58px!important;
  padding:10px 11px!important;
  border-color:#29302d!important;
  background:#0a0e0d!important;
}
.page-view[data-page="ranking"] .self-rank-peaks>div:first-child{
  border-color:#493036!important;
  background:linear-gradient(180deg,#160e10,#0c0b0b)!important;
}
.page-view[data-page="ranking"] .self-rank-peaks>div:first-child b{color:#ff6570!important}
.page-view[data-page="ranking"] .rank-delta{
  margin-top:12px!important;
  padding-top:11px!important;
}

/* Rank ladder uses the exact same production rank artwork as profiles. */
.page-view[data-page="ranking"] .ranking-ladder-premium .section-title-row{
  min-height:45px!important;
  padding:0 13px!important;
  border-bottom:1px solid #202725!important;
}
.page-view[data-page="ranking"] .rank-ladder{
  padding:5px 0!important;
}
.page-view[data-page="ranking"] .ladder-row{
  min-height:49px!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:9px!important;
  padding:5px 12px!important;
  border-left:2px solid transparent!important;
}
.page-view[data-page="ranking"] .ladder-rank-token{
  width:40px!important;
  height:40px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 5px 7px rgba(0,0,0,.55))!important;
}
.page-view[data-page="ranking"] .ladder-row span{
  font-size:10px!important;
  color:#cdd4d0!important;
  text-transform:uppercase!important;
  letter-spacing:.035em!important;
}
.page-view[data-page="ranking"] .ladder-row b{
  font-size:8px!important;
  color:#737d78!important;
  white-space:nowrap!important;
}
.page-view[data-page="ranking"] .ladder-row.current{
  border-left-color:#e24650!important;
  background:linear-gradient(90deg,rgba(217,58,65,.11),rgba(217,58,65,.015))!important;
}
.page-view[data-page="ranking"] .ladder-row.current span{color:#fff!important}

/* Main leaderboard is the visual focus. */
.page-view[data-page="ranking"] .ranking-main-card{
  overflow:hidden!important;
}
.page-view[data-page="ranking"] .ranking-toolbar{
  min-height:78px!important;
  height:auto!important;
  padding:13px 18px!important;
  gap:14px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.012),transparent)!important;
}
.page-view[data-page="ranking"] .ranking-toolbar h2{
  font-size:24px!important;
  margin-top:4px!important;
  letter-spacing:-.025em!important;
}
.page-view[data-page="ranking"] .ranking-filters{
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
}
.page-view[data-page="ranking"] .region-toggle{
  padding:3px!important;
  border:1px solid #2c3330!important;
  border-radius:7px!important;
  background:#090d0c!important;
}
.page-view[data-page="ranking"] .region-toggle .filter{
  min-width:70px!important;
  height:31px!important;
  border:0!important;
  background:transparent!important;
}
.page-view[data-page="ranking"] .region-toggle .filter.active{
  color:#fff!important;
  background:linear-gradient(180deg,#7f242b,#57171d)!important;
  box-shadow:inset 0 0 0 1px rgba(255,116,124,.18)!important;
}
.page-view[data-page="ranking"] .ranking-search{
  width:220px!important;
  height:39px!important;
  border-color:#303735!important;
  background:#090d0c!important;
}
.page-view[data-page="ranking"] .ranking-search input{
  font-size:11px!important;
}
.page-view[data-page="ranking"] .ranking-result-line{
  min-height:38px!important;
  height:auto!important;
  padding:0 18px!important;
  font-size:9px!important;
  background:#090d0c!important;
}

.page-view[data-page="ranking"] .leaderboard-grid-final,
.page-view[data-page="ranking"] .leaderboard-final .table-head{
  grid-template-columns:70px minmax(245px,1.55fr) 156px 80px 80px 108px!important;
  gap:10px!important;
}
.page-view[data-page="ranking"] .leaderboard-final .table-head{
  min-height:42px!important;
  padding:0 18px!important;
  color:#78827d!important;
  font-size:8.5px!important;
  letter-spacing:.095em!important;
  background:#090d0c!important;
}
.page-view[data-page="ranking"] .leader-row{
  min-height:84px!important;
  padding:0 18px!important;
  border-bottom:1px solid #1f2623!important;
  background:transparent!important;
  transition:background .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.page-view[data-page="ranking"] .leader-row:hover{
  background:linear-gradient(90deg,rgba(255,255,255,.022),rgba(255,255,255,.008))!important;
}
.page-view[data-page="ranking"] .leader-row.me{
  background:linear-gradient(90deg,rgba(217,58,65,.14),rgba(217,58,65,.022))!important;
  box-shadow:inset 3px 0 #df424c!important;
}
.page-view[data-page="ranking"] .leader-row.me .leader-user b:after{
  content:"TY";
  display:inline-flex;
  align-items:center;
  height:16px;
  margin-left:7px;
  padding:0 5px;
  border-radius:4px;
  border:1px solid #733138;
  background:#1f0f12;
  color:#ff6f78;
  font-size:7px;
  font-weight:950;
  letter-spacing:.07em;
  vertical-align:2px;
}
.page-view[data-page="ranking"] .leader-user{
  gap:12px!important;
}
.page-view[data-page="ranking"] .leader-user .avatar{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  border-radius:10px!important;
  font-size:13px!important;
}
.page-view[data-page="ranking"] .leader-user b{
  font-size:14.5px!important;
  font-weight:950!important;
}
.page-view[data-page="ranking"] .leader-user small{
  margin-top:5px!important;
  font-size:10px!important;
}
.page-view[data-page="ranking"] .position strong{
  min-width:42px!important;
  height:42px!important;
  border-radius:11px!important;
  font-size:15px!important;
}

/* Top 3 feel prestigious without turning the table into a podium gimmick. */
.page-view[data-page="ranking"] .leader-row.podium-1{
  min-height:94px!important;
  background:linear-gradient(90deg,rgba(255,205,82,.105),rgba(255,205,82,.012))!important;
  box-shadow:inset 3px 0 #c79a35!important;
}
.page-view[data-page="ranking"] .leader-row.podium-2{
  min-height:90px!important;
  background:linear-gradient(90deg,rgba(205,216,224,.07),rgba(205,216,224,.008))!important;
  box-shadow:inset 3px 0 #77848c!important;
}
.page-view[data-page="ranking"] .leader-row.podium-3{
  min-height:88px!important;
  background:linear-gradient(90deg,rgba(205,132,84,.075),rgba(205,132,84,.008))!important;
  box-shadow:inset 3px 0 #8d5834!important;
}
.page-view[data-page="ranking"] .leader-row.podium-1 .leader-user b{font-size:16px!important}
.page-view[data-page="ranking"] .leader-row.podium-1 .position strong{
  color:#ffdc78!important;
  border-color:#785d24!important;
  background:linear-gradient(180deg,#291f0d,#120f08)!important;
  box-shadow:0 0 22px rgba(255,207,82,.10)!important;
}
.page-view[data-page="ranking"] .leader-row.podium-2 .position strong{
  color:#e0e7eb!important;
  border-color:#58646a!important;
  background:linear-gradient(180deg,#1c2225,#101315)!important;
}
.page-view[data-page="ranking"] .leader-row.podium-3 .position strong{
  color:#efb084!important;
  border-color:#70462e!important;
  background:linear-gradient(180deg,#241811,#120e0c)!important;
}

/* Rank column: artwork first, text second. */
.page-view[data-page="ranking"] .rank-pill{
  min-width:0!important;
  width:146px!important;
  height:58px!important;
  padding:3px 9px 3px 5px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#dce2df!important;
}
.page-view[data-page="ranking"] .ranking-rank-token{
  width:48px!important;
  height:48px!important;
  flex:0 0 48px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 8px 8px rgba(0,0,0,.58))!important;
}
.page-view[data-page="ranking"] .ranking-rank-token.placement-token{
  width:36px!important;
  height:36px!important;
  flex-basis:36px!important;
  margin-left:6px!important;
  margin-right:6px!important;
}
.page-view[data-page="ranking"] .rank-pill>span{
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.055em!important;
  color:inherit!important;
  text-transform:uppercase!important;
}
.page-view[data-page="ranking"] .rank-pill.rank-bronze{color:#d6a27e!important}
.page-view[data-page="ranking"] .rank-pill.rank-silver{color:#d8e0e4!important}
.page-view[data-page="ranking"] .rank-pill.rank-gold{color:#f0bd4d!important}
.page-view[data-page="ranking"] .rank-pill.rank-platinum{color:#7bd7d3!important}
.page-view[data-page="ranking"] .rank-pill.rank-diamond{color:#7fd5ff!important}
.page-view[data-page="ranking"] .rank-pill.rank-master{color:#ff8d4f!important}
.page-view[data-page="ranking"] .rank-pill.rank-elite{color:#d9c8ff!important}
.page-view[data-page="ranking"] .rank-pill.rank-legend{color:#ffd86f!important}
.page-view[data-page="ranking"] .rank-pill.rank-placement{color:#9aa39f!important}
.page-view[data-page="ranking"] .rank-dot{display:none!important}
.page-view[data-page="ranking"] .leader-matches,
.page-view[data-page="ranking"] .leader-win{
  font-size:12px!important;
  color:#b5bdb9!important;
}
.page-view[data-page="ranking"] .current-elo{
  font-size:15px!important;
  font-weight:950!important;
  color:#f3f6f4!important;
}
.page-view[data-page="ranking"] .leader-row.me .current-elo{color:#ff6570!important}

/* Right-side information remains useful but visually secondary. */
.page-view[data-page="ranking"] .secondary-right{
  gap:12px!important;
}
.page-view[data-page="ranking"] .season-card-final,
.page-view[data-page="ranking"] .peak-card,
.page-view[data-page="ranking"] .pulse-card{
  border-color:#29302d!important;
}
.page-view[data-page="ranking"] .season-card-final strong{
  font-size:34px!important;
  letter-spacing:-.04em!important;
}
.page-view[data-page="ranking"] .peak-card h3,
.page-view[data-page="ranking"] .pulse-card h3{
  font-size:17px!important;
}

@media(max-width:1400px){
  .page-view[data-page="ranking"] .ranking-layout-final{
    grid-template-columns:278px minmax(0,1fr)!important;
  }
  .page-view[data-page="ranking"] .secondary-right{display:none!important}
  .page-view[data-page="ranking"] .leaderboard-grid-final,
  .page-view[data-page="ranking"] .leaderboard-final .table-head{
    grid-template-columns:64px minmax(220px,1.5fr) 148px 74px 74px 100px!important;
  }
}
@media(max-width:1060px){
  .page-view[data-page="ranking"] .ranking-layout-final{grid-template-columns:1fr!important}
  .page-view[data-page="ranking"] .secondary-left{display:grid!important;grid-template-columns:1fr 1fr!important}
  .page-view[data-page="ranking"] .ranking-filters{width:100%!important;justify-content:flex-start!important}
  .page-view[data-page="ranking"] .ranking-search{flex:1!important;min-width:170px!important}
}
@media(max-width:780px){
  .page-view[data-page="ranking"] .secondary-left{grid-template-columns:1fr!important}
  .page-view[data-page="ranking"] .ranking-toolbar{align-items:flex-start!important;flex-direction:column!important}
  .page-view[data-page="ranking"] .ranking-filters{justify-content:stretch!important}
  .page-view[data-page="ranking"] .region-toggle{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important}
  .page-view[data-page="ranking"] .ranking-search{width:100%!important}
}

/* =========================================================
   v0.85.53 — MATCH FLOW VISUAL POLISH
   Veto + Match Room + Summary + Match Details.
   Visual-only hierarchy; authoritative runtime contracts stay intact.
   ========================================================= */

/* Shared match-flow frame */
.match-flow:not(.accept-modal-mode){
  max-width:1600px!important;
  padding:22px 34px 38px!important;
}
.match-flow:not(.accept-modal-mode) .flow-shell{max-width:none!important}
.match-flow:not(.accept-modal-mode) .flow-topline{
  min-height:78px!important;
  margin-bottom:16px!important;
  padding:0 4px 14px!important;
  border-bottom:1px solid rgba(92,105,99,.24)!important;
}
.match-flow:not(.accept-modal-mode) .flow-topline .eyebrow{font-size:10px!important;color:#9da8a2!important}
.match-flow:not(.accept-modal-mode) .flow-topline h1{font-size:31px!important;letter-spacing:-.035em!important;margin-top:5px!important}
.match-flow:not(.accept-modal-mode) .flow-exit{
  min-width:112px!important;height:38px!important;border-radius:8px!important;
  border-color:#343d39!important;background:#0b0f0e!important;color:#aab3ae!important;
}

/* ---------- VETO ---------- */
.flow-view[data-flow="veto"] .veto-duel-layout{
  grid-template-columns:minmax(300px,.92fr) minmax(360px,.88fr) minmax(300px,.92fr)!important;
  gap:12px!important;
}
.flow-view[data-flow="veto"] .veto-team-card{
  min-height:344px!important;
  border-color:#303a36!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,rgba(14,18,17,.99),rgba(8,11,11,.99))!important;
  box-shadow:0 14px 36px rgba(0,0,0,.15)!important;
}
.flow-view[data-flow="veto"] .veto-team-card .team-list-head{
  height:54px!important;padding:0 16px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.018),transparent)!important;
}
.flow-view[data-flow="veto"] .veto-team-card .team-list-head .eyebrow{font-size:9px!important;letter-spacing:.09em!important}
.flow-view[data-flow="veto"] .veto-team-card .team-list-head b{font-size:10px!important;color:#a9b2ad!important}
.flow-view[data-flow="veto"] .veto-team-card .team-person{
  height:58px!important;min-height:58px!important;padding:0 14px!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;gap:11px!important;
  border-bottom-color:#202724!important;
}
.flow-view[data-flow="veto"] .veto-team-card .team-person.me{
  background:linear-gradient(90deg,rgba(217,58,65,.10),transparent 72%)!important;
  box-shadow:inset 2px 0 0 rgba(235,68,78,.78)!important;
}
.flow-view[data-flow="veto"] .veto-player-avatar,
.flow-view[data-flow="veto"] .veto-player-avatar-wrap{
  width:38px!important;height:38px!important;min-width:38px!important;
}
.flow-view[data-flow="veto"] .veto-player-copy .player-line{gap:8px!important}
.flow-view[data-flow="veto"] .veto-player-copy .player-line>b{font-size:13px!important;line-height:1!important}
.flow-view[data-flow="veto"] .veto-player-copy .mini-rank{
  height:20px!important;padding:0 7px!important;font-size:7.5px!important;
}
/* The old AVG K / K/D / ADR / HS strip made veto read like a spreadsheet. */
.flow-view[data-flow="veto"] .veto-player-stats{display:none!important}
.flow-view[data-flow="veto"] .veto-team-card .team-person>em{
  font-size:7px!important;padding:5px 7px!important;border-radius:5px!important;
}

.flow-view[data-flow="veto"] .veto-center-stage{
  min-height:344px!important;padding:28px 27px!important;border-radius:12px!important;
  border-color:#3a4540!important;
  background:
    radial-gradient(circle at 50% 28%,rgba(217,58,65,.075),transparent 42%),
    linear-gradient(180deg,#101514,#090d0c)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 16px 42px rgba(0,0,0,.18)!important;
}
.flow-view[data-flow="veto"] .veto-center-stage h2{
  font-size:30px!important;letter-spacing:-.035em!important;margin:11px 0 7px!important;
}
.flow-view[data-flow="veto"] #vetoHint{font-size:11px!important;color:#a1aaa5!important}
.flow-view[data-flow="veto"] .veto-versus{
  margin:25px 0 20px!important;padding:0 5px!important;
}
.flow-view[data-flow="veto"] .veto-versus span{
  min-height:38px!important;display:grid!important;place-items:center!important;
  border:1px solid #2d3632!important;border-radius:8px!important;background:#0a0e0d!important;
  font-size:10px!important;
}
.flow-view[data-flow="veto"] .veto-versus b{color:#ff5964!important}
.flow-view[data-flow="veto"] .veto-turn-focus{
  min-width:272px!important;padding:10px!important;border:1px solid #52262a!important;
  border-radius:10px!important;background:linear-gradient(180deg,#160d0f,#0e0b0c)!important;
}
.flow-view[data-flow="veto"] .veto-turn-focus .veto-timer{
  width:88px!important;min-width:88px!important;height:72px!important;border-radius:8px!important;
  border-color:#6a2930!important;background:#1a0e10!important;
}
.flow-view[data-flow="veto"] .veto-turn-focus .veto-timer strong,
.flow-view[data-flow="veto"] #vetoTimer{font-size:38px!important;color:#ff5661!important}
.flow-view[data-flow="veto"] .veto-turn-focus>div:last-child b{font-size:13px!important;color:#ff626b!important}

.flow-view[data-flow="veto"] .veto-map-panel{
  padding:0 15px 15px!important;border-radius:12px!important;border-color:#303a36!important;
  background:linear-gradient(180deg,#0d1110,#090c0c)!important;
}
.flow-view[data-flow="veto"] .veto-map-panel-head{height:62px!important}
.flow-view[data-flow="veto"] .veto-map-panel-head h3{font-size:18px!important;letter-spacing:-.02em!important}
.flow-view[data-flow="veto"] .veto-map-panel .veto-map-grid{gap:9px!important;padding-top:14px!important}
.flow-view[data-flow="veto"] .veto-map-panel .veto-map{
  height:108px!important;border-radius:8px!important;border-color:#333c38!important;
  box-shadow:inset 0 -40px 44px rgba(0,0,0,.34)!important;
}
.flow-view[data-flow="veto"] .veto-map-panel .veto-map img{
  height:100%!important;min-height:0!important;filter:saturate(.82) contrast(1.03)!important;
}
.flow-view[data-flow="veto"] .veto-map-panel .veto-map span{
  left:10px!important;bottom:9px!important;font-size:11px!important;text-shadow:0 2px 8px #000!important;
}
.flow-view[data-flow="veto"] .veto-map-panel .veto-map i{
  right:8px!important;top:8px!important;font-size:7.5px!important;padding:5px 7px!important;border-radius:5px!important;
}
.flow-view[data-flow="veto"] .veto-map-panel .veto-map.banned{
  opacity:.43!important;filter:grayscale(.6)!important;
}
.flow-view[data-flow="veto"] .veto-map-panel .veto-map.final{
  opacity:1!important;filter:none!important;border-color:#d93a41!important;
  box-shadow:0 0 0 1px rgba(217,58,65,.18) inset,0 0 24px rgba(217,58,65,.08)!important;
}
.flow-view[data-flow="veto"] .veto-pips i{width:30px!important;height:3px!important;border-radius:99px!important}

.flow-view[data-flow="veto"] .veto-chat-wide{
  min-height:154px!important;border-radius:12px!important;border-color:#303936!important;
  background:#090d0c!important;
}
.flow-view[data-flow="veto"] .veto-chat-wide .team-chat-head{height:42px!important}
.flow-view[data-flow="veto"] .veto-chat-wide .team-chat-messages{height:62px!important;padding:10px 13px!important}
.flow-view[data-flow="veto"] .veto-chat-wide .team-chat-messages>div,
.flow-view[data-flow="veto"] .veto-chat-wide .team-chat-messages b,
.flow-view[data-flow="veto"] .veto-chat-wide .team-chat-messages span{font-size:9.5px!important}
.flow-view[data-flow="veto"] .veto-chat-wide .team-chat-form{height:50px!important}
.flow-view[data-flow="veto"] .veto-chat-wide .team-chat-form input{font-size:10px!important}

/* ---------- MATCH ROOM ---------- */
.flow-view[data-flow="room"] .room-grid{gap:12px!important}
.flow-view[data-flow="room"] .room-map-card,
.flow-view[data-flow="room"] .room-details-card{
  height:356px!important;border-radius:12px!important;border-color:#303a36!important;
  box-shadow:0 14px 38px rgba(0,0,0,.16)!important;
}
.flow-view[data-flow="room"] .room-map-bg{filter:saturate(.88) brightness(.72) contrast(1.04)!important}
.flow-view[data-flow="room"] .room-map-shade{
  background:linear-gradient(180deg,rgba(4,7,7,.12),rgba(5,8,8,.23) 32%,rgba(5,8,8,.92))!important;
}
.flow-view[data-flow="room"] .room-map-copy{left:22px!important;bottom:26px!important;padding:0!important}
.flow-view[data-flow="room"] .room-map-copy .live-chip{height:25px!important;padding:0 10px!important;font-size:8px!important}
.flow-view[data-flow="room"] .room-map-copy h2{font-size:38px!important;letter-spacing:-.035em!important;margin:9px 0 5px!important}
.flow-view[data-flow="room"] .room-map-copy p{font-size:11px!important;color:#d0d6d3!important}
.flow-view[data-flow="room"] .room-server-status{
  left:16px!important;right:16px!important;top:16px!important;bottom:auto!important;height:56px!important;
  border-radius:9px!important;border-color:rgba(62,211,139,.35)!important;
  background:rgba(7,13,11,.86)!important;
}
.flow-view[data-flow="room"] .room-server-status b{font-size:13px!important;color:#64e3a3!important}
.flow-view[data-flow="room"] .room-server-status small{font-size:9px!important}

.flow-view[data-flow="room"] .room-details-card{
  background:linear-gradient(180deg,#0e1211,#090d0c)!important;
}
.flow-view[data-flow="room"] .room-details-card .toolbar{
  min-height:64px!important;height:64px!important;padding:0 15px!important;
}
.flow-view[data-flow="room"] .room-details-card .toolbar h2{font-size:21px!important;letter-spacing:-.02em!important}
.flow-view[data-flow="room"] .match-lifecycle-strip{
  margin:0 12px 10px!important;height:40px!important;border-radius:8px!important;background:#090d0c!important;
}
.flow-view[data-flow="room"] .room-detail-grid{grid-template-columns:repeat(3,1fr)!important;border-top:1px solid #202724!important}
.flow-view[data-flow="room"] .room-detail-grid>div{height:66px!important;padding:11px 12px!important}
.flow-view[data-flow="room"] .room-detail-grid span{font-size:7.5px!important}
.flow-view[data-flow="room"] .room-detail-grid b{font-size:11px!important;margin:4px 0 2px!important}
.flow-view[data-flow="room"] .room-detail-grid small{font-size:7.5px!important}
.flow-view[data-flow="room"] .server-join-status{
  margin:10px 12px!important;min-height:62px!important;border-radius:9px!important;
  background:linear-gradient(180deg,#0f1412,#0a0e0d)!important;border-color:#303936!important;
}
.flow-view[data-flow="room"] .server-join-status-left b{font-size:12px!important}
.flow-view[data-flow="room"] .server-join-status-left p{font-size:8.5px!important}
.flow-view[data-flow="room"] .server-join-countdown{min-width:90px!important}
.flow-view[data-flow="room"] .server-join-countdown strong{font-size:22px!important;color:#ffd05e!important}
.flow-view[data-flow="room"] .room-actions{height:58px!important;padding:0 12px 11px!important;gap:8px!important}
.flow-view[data-flow="room"] .connect-btn{
  background:linear-gradient(180deg,#ed4e59,#d52f38)!important;box-shadow:0 8px 22px rgba(217,58,65,.13)!important;
}
.flow-view[data-flow="room"] .room-actions button{height:43px!important;border-radius:8px!important;font-size:10px!important}

.flow-view[data-flow="room"] .room-team-card{
  min-height:236px!important;border-radius:12px!important;border-color:#303936!important;background:#090d0c!important;
}
.flow-view[data-flow="room"] .room-team-card .team-list-head{height:48px!important;padding:0 14px!important}
.flow-view[data-flow="room"] .room-roster-rich{gap:8px!important;padding:10px!important}
.flow-view[data-flow="room"] .room-roster-rich>div{
  height:142px!important;min-height:142px!important;border-radius:9px!important;
  border-color:#2b3531!important;background:linear-gradient(180deg,#0e1311,#090d0c)!important;
}
.flow-view[data-flow="room"] .room-roster-rich>div:hover{border-color:#49554f!important;background:#101714!important}
.flow-view[data-flow="room"] .room-roster-rich .room-player-avatar{width:58px!important;height:58px!important}
.flow-view[data-flow="room"] .room-roster-rich>div>div b{font-size:14px!important}
.flow-view[data-flow="room"] .room-roster-rich>div .mini-rank{height:21px!important;font-size:7px!important;padding:0 8px!important}
.flow-view[data-flow="room"] .room-demo-bar{border-radius:10px!important;opacity:.78!important}

/* ---------- POST MATCH SUMMARY ---------- */
.flow-view[data-flow="summary"] .summary-shell{grid-template-columns:minmax(0,1fr) 330px!important;gap:12px!important}
.flow-view[data-flow="summary"] .result-hero{
  height:242px!important;min-height:242px!important;border-radius:12px!important;border-color:#303a36!important;
}
.flow-view[data-flow="summary"] .result-map-bg{filter:saturate(.85) brightness(.65) contrast(1.05)!important}
.flow-view[data-flow="summary"] .result-map-shade{
  background:linear-gradient(180deg,rgba(5,8,8,.18),rgba(5,8,8,.70)),linear-gradient(90deg,rgba(5,8,8,.40),transparent 55%,rgba(5,8,8,.42))!important;
}
.flow-view[data-flow="summary"] .result-score-main{transform:translate(-50%,-47%)!important;gap:30px!important}
.flow-view[data-flow="summary"] .result-score-main>div strong{font-size:62px!important}
.flow-view[data-flow="summary"] .result-score-main>div span{font-size:10px!important}
.flow-view[data-flow="summary"] .result-score-main>b{font-size:38px!important;color:#858e89!important}
.flow-view[data-flow="summary"] .result-bottom{bottom:16px!important}
.flow-view[data-flow="summary"] .result-bottom>span:first-child{font-size:16px!important}
.flow-view[data-flow="summary"] .result-bottom .plus-elo,
.flow-view[data-flow="summary"] .result-bottom .minus-elo{font-size:13px!important}

.flow-view[data-flow="summary"] .summary-table-card{
  min-height:548px!important;border-radius:12px!important;border-color:#303a36!important;
}
.flow-view[data-flow="summary"] .summary-table-card>.toolbar{height:66px!important;min-height:66px!important}
.flow-view[data-flow="summary"] .summary-table-card>.toolbar h2{font-size:21px!important}
.flow-view[data-flow="summary"] .summary-rating b{font-size:31px!important}
.flow-view[data-flow="summary"] .summary-teams-grid{padding:0 10px 10px!important;gap:9px!important}
.flow-view[data-flow="summary"] .summary-team-panel{border-radius:9px!important}
.flow-view[data-flow="summary"] .summary-team-title{height:54px!important}
.flow-view[data-flow="summary"] .summary-team-title>div>b{font-size:14px!important}
.flow-view[data-flow="summary"] .summary-team-title>strong{font-size:34px!important}
.flow-view[data-flow="summary"] .summary-team-panel .summary-row-grid{grid-template-columns:minmax(150px,1fr) repeat(6,48px)!important}
.flow-view[data-flow="summary"] .summary-team-panel .summary-head{height:34px!important;font-size:8px!important}
.flow-view[data-flow="summary"] .summary-team-panel .summary-player{height:60px!important;min-height:60px!important}
.flow-view[data-flow="summary"] .summary-player-meta b{font-size:12px!important}
.flow-view[data-flow="summary"] .summary-team-panel .summary-player>span,
.flow-view[data-flow="summary"] .summary-team-panel .summary-player>b{font-size:11px!important}

.flow-view[data-flow="summary"] .summary-actions-card{
  min-height:802px!important;border-radius:12px!important;padding:13px!important;gap:11px!important;
}
.flow-view[data-flow="summary"] .summary-rank-card{padding:18px 15px 16px!important}
.flow-view[data-flow="summary"] .summary-rank-token{
  width:96px!important;height:96px!important;object-fit:contain!important;margin:4px 0 0!important;
  filter:drop-shadow(0 12px 22px rgba(0,0,0,.34))!important;
}
.flow-view[data-flow="summary"] .summary-rank-name{font-size:12px!important;margin-top:2px!important}
.flow-view[data-flow="summary"] .summary-actions-card .summary-rank-card strong{font-size:31px!important;margin:5px 0 4px!important}
.flow-view[data-flow="summary"] .summary-rank-card small{font-size:10px!important}
.flow-view[data-flow="summary"] .summary-rank-progress{height:6px!important;margin:10px 0 7px!important}
.flow-view[data-flow="summary"] .summary-rank-card em{font-size:9px!important}
.flow-view[data-flow="summary"] .match-mvp{min-height:82px!important;padding:12px!important}
.flow-view[data-flow="summary"] .match-mvp b{font-size:20px!important}
.flow-view[data-flow="summary"] .match-highlights{gap:8px!important}
.flow-view[data-flow="summary"] .highlight-stat{min-height:78px!important;border-radius:9px!important;padding:10px!important}
.flow-view[data-flow="summary"] .highlight-stat b{font-size:18px!important}
.flow-view[data-flow="summary"] .summary-actions button{height:41px!important;border-radius:8px!important;font-size:10px!important}

/* ---------- MATCH DETAILS ---------- */
.page-view[data-page="match-details"] .match-details-shell{max-width:1580px!important;padding-top:20px!important}
.page-view[data-page="match-details"] .match-details-hero{
  height:296px!important;border-radius:12px!important;border-color:#303a36!important;box-shadow:0 16px 40px rgba(0,0,0,.16)!important;
}
.page-view[data-page="match-details"] .match-details-bg{filter:saturate(.82) brightness(.62) contrast(1.05)!important}
.page-view[data-page="match-details"] .match-details-shade{
  background:linear-gradient(90deg,rgba(4,7,7,.90),rgba(4,7,7,.40) 54%,rgba(4,7,7,.70)),linear-gradient(180deg,rgba(4,7,7,.06),rgba(4,7,7,.62))!important;
}
.page-view[data-page="match-details"] .match-details-top{left:18px!important;right:18px!important;top:17px!important}
.page-view[data-page="match-details"] .match-details-copy{left:24px!important;bottom:24px!important}
.page-view[data-page="match-details"] .match-details-copy h1{font-size:39px!important;letter-spacing:-.035em!important;margin:6px 0 10px!important}
.page-view[data-page="match-details"] .detail-scoreline{gap:14px!important}
.page-view[data-page="match-details"] .detail-scoreline strong{font-size:38px!important}
.page-view[data-page="match-details"] .match-details-copy p{font-size:9px!important;color:#aab3ae!important}
.page-view[data-page="match-details"] .match-details-actions{right:24px!important;bottom:24px!important}
.page-view[data-page="match-details"] .match-details-actions button{height:40px!important;border-radius:8px!important;font-size:9px!important}

.page-view[data-page="match-details"] .match-detail-meta-grid{gap:10px!important;margin-bottom:10px!important}
.page-view[data-page="match-details"] .detail-meta-card{
  min-height:82px!important;padding:13px 14px!important;border-radius:9px!important;border-color:#303936!important;
  background:linear-gradient(180deg,#0d1110,#090d0c)!important;
}
.page-view[data-page="match-details"] .detail-meta-card>span{font-size:8px!important}
.page-view[data-page="match-details"] .detail-meta-card>b{font-size:13px!important;margin:5px 0 3px!important}
.page-view[data-page="match-details"] .detail-meta-card>small{font-size:8px!important}

.page-view[data-page="match-details"] .detail-scoreboard-card{
  border-radius:11px!important;border-color:#303936!important;margin-bottom:10px!important;
}
.page-view[data-page="match-details"] .detail-scoreboard-card .toolbar{height:62px!important;min-height:62px!important;padding:0 14px!important}
.page-view[data-page="match-details"] .detail-scoreboard-card .toolbar h2{font-size:20px!important}
.page-view[data-page="match-details"] .detail-team-title{height:50px!important;padding:0 14px!important}
.page-view[data-page="match-details"] .detail-team-title>div b{font-size:13px!important}
.page-view[data-page="match-details"] .detail-team-title>strong{font-size:29px!important}
.page-view[data-page="match-details"] .detail-score-grid{
  grid-template-columns:minmax(190px,1.35fr) 104px repeat(4,52px) 68px 68px 72px 76px!important;
}
.page-view[data-page="match-details"] .detail-score-head{height:34px!important;padding:0 13px!important;font-size:8px!important}
.page-view[data-page="match-details"] .detail-player-row{
  min-height:58px!important;padding:0 13px!important;font-size:10px!important;background:#0a0e0d!important;
}
.page-view[data-page="match-details"] .detail-player-row.me{
  background:linear-gradient(90deg,rgba(217,58,65,.11),rgba(217,58,65,.018))!important;box-shadow:inset 2px 0 0 #d93a41!important;
}
.page-view[data-page="match-details"] .detail-player-identity .avatar{width:34px!important;height:34px!important}
.page-view[data-page="match-details"] .detail-player-identity b{font-size:11.5px!important}
.page-view[data-page="match-details"] .detail-player-identity small{font-size:8px!important}
.page-view[data-page="match-details"] .detail-player-row .mini-rank{height:21px!important;padding:0 8px!important;font-size:7px!important}

.page-view[data-page="match-details"] .detail-advanced-card,
.page-view[data-page="match-details"] .match-round-timeline-card{
  border-radius:11px!important;border-color:#303936!important;margin-bottom:10px!important;
}
.page-view[data-page="match-details"] .detail-advanced-card .toolbar,
.page-view[data-page="match-details"] .match-round-timeline-card .toolbar{min-height:60px!important}
.page-view[data-page="match-details"] .match-round-timeline{gap:5px!important;padding:12px 14px!important}
.page-view[data-page="match-details"] .match-round-timeline span{width:27px!important;height:27px!important;border-radius:6px!important;font-size:8px!important}
.page-view[data-page="match-details"] .match-context-grid{gap:1px!important;background:#202724!important}
.page-view[data-page="match-details"] .match-context-grid>div{padding:12px 14px!important;background:#0a0e0d!important}
.page-view[data-page="match-details"] .detail-bottom-grid{gap:10px!important;margin-bottom:26px!important}
.page-view[data-page="match-details"] .detail-mvp-card,
.page-view[data-page="match-details"] .detail-highlights-card,
.page-view[data-page="match-details"] .detail-demo-card{min-height:154px!important;border-radius:11px!important;border-color:#303936!important}
.page-view[data-page="match-details"] .detail-highlight{border-radius:8px!important}

/* Ranking hero should state what it is, not explain the design. */
.page-view[data-page="ranking"] .ranking-hero-final>div:first-child>p{display:none!important}

/* Placement privacy in Teams: neutral state must not visually look like a rank. */
.page-view[data-page="teams"] .mini-rank.rank-placement{
  color:#c4cbc7!important;border-color:#4b5550!important;background:#111615!important;
}

@media(max-width:1320px){
  .flow-view[data-flow="veto"] .veto-duel-layout{grid-template-columns:1fr 1fr!important;grid-template-areas:"left right" "center center" "maps maps" "dc dc" "chat chat"!important}
  .flow-view[data-flow="veto"] .veto-center-stage{min-height:238px!important}
  .flow-view[data-flow="veto"] .veto-map-panel .veto-map-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .flow-view[data-flow="summary"] .summary-shell{grid-template-columns:1fr!important}
  .flow-view[data-flow="summary"] .summary-actions-card{grid-column:1!important;grid-row:auto!important;min-height:unset!important}
  .flow-view[data-flow="summary"] .match-highlights{grid-template-columns:repeat(4,1fr)!important}
}
@media(max-width:980px){
  .match-flow:not(.accept-modal-mode){padding:16px 18px 28px!important}
  .flow-view[data-flow="room"] .room-grid{grid-template-columns:1fr!important}
  .flow-view[data-flow="room"] .room-map-card,.flow-view[data-flow="room"] .room-details-card{height:auto!important;min-height:330px!important}
  .flow-view[data-flow="summary"] .summary-teams-grid{grid-template-columns:1fr!important}
  .page-view[data-page="match-details"] .match-detail-meta-grid{grid-template-columns:1fr 1fr!important}
  .page-view[data-page="match-details"] .detail-scoreboard-card{overflow-x:auto!important}
  .page-view[data-page="match-details"] .detail-score-grid{min-width:920px!important}
}


/* =========================================================
   v0.85.53 — MATCHROOM / SUMMARY / DETAILS HOTFIX + MATCH FOUND POLISH
   Fixes clipped server actions, removes DEV prototype UI, unifies profile
   context tags, and gives the entire match flow a production-grade scale.
   ========================================================= */

/* ---------- MATCH FOUND / ACCEPT ---------- */
.match-flow.accept-modal-mode{
  background:rgba(2,4,4,.82)!important;
  backdrop-filter:blur(8px) saturate(.82)!important;
}
.match-flow.accept-modal-mode .flow-shell{width:min(760px,calc(100vw - 30px))!important}
.match-flow.accept-modal-mode .accept-card{
  position:relative!important;padding:0!important;overflow:hidden!important;
  border:1px solid #3a4140!important;border-radius:13px!important;
  background:linear-gradient(180deg,#101413 0%,#0a0e0d 100%)!important;
  box-shadow:0 34px 110px rgba(0,0,0,.68),0 0 0 1px rgba(255,255,255,.018) inset!important;
}
.match-flow.accept-modal-mode .accept-card:before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,transparent 0%,#e43c46 20%,#e43c46 80%,transparent 100%);
  opacity:.9;
}
.match-flow.accept-modal-mode .accept-head{
  min-height:104px!important;padding:21px 24px 18px!important;
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;
  border-bottom:1px solid #242b29!important;
  background:radial-gradient(circle at 12% -10%,rgba(228,60,70,.12),transparent 42%)!important;
}
.match-flow.accept-modal-mode .accept-head .live-chip{height:24px!important;padding:0 9px!important;font-size:7.5px!important;letter-spacing:.09em!important}
.match-flow.accept-modal-mode .accept-head h2{font-size:28px!important;letter-spacing:-.035em!important;margin:8px 0 4px!important}
.match-flow.accept-modal-mode .accept-head p{font-size:9.5px!important;line-height:1.45!important;color:#949d98!important}
.match-flow.accept-modal-mode .accept-head-right{align-items:center!important;gap:9px!important}
.match-flow.accept-modal-mode .accept-meta{
  min-width:128px!important;padding:9px 11px!important;border-radius:8px!important;
  border:1px solid #2b3431!important;background:#0a0e0d!important;
}
.match-flow.accept-modal-mode .accept-meta span{font-size:7px!important;color:#7f8984!important}
.match-flow.accept-modal-mode .accept-meta b{font-size:11px!important;color:#dce2df!important}
.match-flow.accept-modal-mode .accept-close{width:34px!important;height:34px!important;border-radius:8px!important}
.match-flow.accept-modal-mode .ready-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;padding:18px 22px 16px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.008),transparent)!important;
}
.match-flow.accept-modal-mode .ready-player{
  height:78px!important;min-height:78px!important;border-radius:8px!important;
  border:1px solid #2a3230!important;background:#0c100f!important;
}
.match-flow.accept-modal-mode .ready-player>span{width:32px!important;height:32px!important;margin-bottom:5px!important;font-size:9px!important}
.match-flow.accept-modal-mode .ready-player b{font-size:8px!important;letter-spacing:.02em!important}
.match-flow.accept-modal-mode .ready-player small{font-size:6.5px!important;color:#7f8884!important}
.match-flow.accept-modal-mode .ready-player.you{border-color:rgba(231,67,78,.56)!important;background:linear-gradient(180deg,rgba(231,67,78,.10),#0c100f 68%)!important}
.match-flow.accept-modal-mode .ready-player.accepted{border-color:rgba(65,203,130,.42)!important;background:linear-gradient(180deg,rgba(65,203,130,.07),#0c100f)!important}
.match-flow.accept-modal-mode .accept-action{
  max-width:none!important;margin:0!important;padding:15px 22px 20px!important;
  grid-template-columns:84px minmax(0,1fr)!important;gap:10px 12px!important;
  border-top:1px solid #242b29!important;background:#080c0b!important;
}
.match-flow.accept-modal-mode .accept-timer{
  width:84px!important;height:66px!important;border-radius:8px!important;
  border:1px solid #333c39!important;background:#0d1210!important;
}
.match-flow.accept-modal-mode .accept-timer strong{font-size:28px!important;line-height:1!important;color:#f1f4f2!important}
.match-flow.accept-modal-mode .accept-timer span{font-size:6.5px!important;color:#7d8782!important}
.match-flow.accept-modal-mode .accept-btn{
  height:66px!important;border-radius:8px!important;font-size:12px!important;letter-spacing:.025em!important;
  background:linear-gradient(180deg,#ef4d58,#d8323c)!important;
  box-shadow:0 10px 28px rgba(216,50,60,.20)!important;
}
.match-flow.accept-modal-mode .accept-action p{font-size:7.5px!important;line-height:1.5!important;color:#77817c!important}

/* ---------- MATCH ROOM: actions must never be clipped ---------- */
.flow-view[data-flow="room"] .room-grid{align-items:stretch!important}
.flow-view[data-flow="room"] .room-map-card{
  height:auto!important;min-height:410px!important;
}
.flow-view[data-flow="room"] .room-details-card{
  height:auto!important;min-height:410px!important;overflow:visible!important;
  display:flex!important;flex-direction:column!important;
}
.flow-view[data-flow="room"] .room-detail-grid{flex:none!important}
.flow-view[data-flow="room"] .server-join-status{flex:none!important}
.flow-view[data-flow="room"] .server-dodge-info{flex:none!important}
.flow-view[data-flow="room"] .room-actions{
  display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(160px,.75fr)!important;
  height:auto!important;min-height:68px!important;margin-top:auto!important;padding:8px 12px 12px!important;
  gap:8px!important;overflow:visible!important;background:#090d0c!important;
}
.flow-view[data-flow="room"] .room-actions button{display:block!important;visibility:visible!important;opacity:1!important;height:48px!important;min-height:48px!important}
.flow-view[data-flow="room"] .connect-btn{font-size:11px!important;font-weight:950!important}
.flow-view[data-flow="room"] #copyConnect{border-color:#343d39!important;background:#0d1210!important;color:#c7ceca!important}
.flow-view[data-flow="room"] .room-demo-bar{display:none!important}

/* ---------- POST MATCH SUMMARY: hierarchy, ranks, placement ---------- */
.flow-view[data-flow="summary"] .summary-shell{
  grid-template-columns:minmax(0,1fr) 318px!important;gap:12px!important;align-items:start!important;
}
.flow-view[data-flow="summary"] .result-hero{
  height:255px!important;min-height:255px!important;border-radius:13px!important;
  border-color:#343d39!important;box-shadow:0 18px 48px rgba(0,0,0,.18)!important;
}
.flow-view[data-flow="summary"] .result-map-shade{
  background:linear-gradient(180deg,rgba(3,6,6,.12),rgba(4,7,7,.78)),linear-gradient(90deg,rgba(4,7,7,.50),transparent 48%,rgba(4,7,7,.45))!important;
}
.flow-view[data-flow="summary"] .result-score-main{gap:34px!important}
.flow-view[data-flow="summary"] .result-score-main>div strong{font-size:68px!important;line-height:.9!important;text-shadow:0 5px 22px rgba(0,0,0,.38)!important}
.flow-view[data-flow="summary"] .result-score-main>div span{font-size:10px!important;letter-spacing:.06em!important}
.flow-view[data-flow="summary"] .summary-table-card{
  min-height:0!important;border-radius:12px!important;border-color:#323b38!important;overflow:hidden!important;
  background:linear-gradient(180deg,#0d1110,#090d0c)!important;
}
.flow-view[data-flow="summary"] .summary-table-card>.toolbar{
  height:64px!important;min-height:64px!important;padding:0 14px!important;background:#0b0f0e!important;
}
.flow-view[data-flow="summary"] .summary-table-card>.toolbar h2{font-size:20px!important}
.flow-view[data-flow="summary"] .summary-teams-grid{gap:10px!important;padding:10px!important;border-top:1px solid #222a27!important}
.flow-view[data-flow="summary"] .summary-team-panel{
  border:1px solid #2d3532!important;border-radius:10px!important;overflow:hidden!important;background:#090d0c!important;
}
.flow-view[data-flow="summary"] .summary-team-title{height:58px!important;padding:0 13px!important;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent)!important}
.flow-view[data-flow="summary"] .summary-team-panel.winner .summary-team-title{background:linear-gradient(90deg,rgba(232,62,73,.09),transparent 70%)!important}
.flow-view[data-flow="summary"] .summary-team-title>div>b{font-size:14px!important}
.flow-view[data-flow="summary"] .summary-team-title>strong{font-size:36px!important}
.flow-view[data-flow="summary"] .summary-team-panel .summary-row-grid{grid-template-columns:minmax(176px,1fr) repeat(6,50px)!important}
.flow-view[data-flow="summary"] .summary-team-panel .summary-head{height:35px!important;font-size:7.5px!important;padding:0 11px!important;color:#7f8984!important}
.flow-view[data-flow="summary"] .summary-team-panel .summary-player{height:66px!important;min-height:66px!important;padding:0 11px!important}
.flow-view[data-flow="summary"] .summary-team-panel .summary-player .avatar{width:36px!important;height:36px!important;border-radius:8px!important}
.flow-view[data-flow="summary"] .summary-player-meta{gap:3px!important}
.flow-view[data-flow="summary"] .summary-player-meta b{font-size:12.5px!important}
.flow-view[data-flow="summary"] .summary-player-meta small{display:flex!important;align-items:center!important;gap:6px!important;min-height:27px!important}
.flow-view[data-flow="summary"] .summary-rank-mini{width:25px!important;height:25px!important;object-fit:contain!important;filter:drop-shadow(0 5px 8px rgba(0,0,0,.3))!important}
.flow-view[data-flow="summary"] .summary-rank-label{font-size:7px!important;font-weight:900!important;letter-spacing:.045em!important;color:#aeb7b2!important}
.flow-view[data-flow="summary"] .summary-team-panel .summary-player>span,
.flow-view[data-flow="summary"] .summary-team-panel .summary-player>b{font-size:10.5px!important}
.flow-view[data-flow="summary"] .summary-player.me{background:linear-gradient(90deg,rgba(231,67,78,.12),rgba(231,67,78,.018))!important;box-shadow:inset 2px 0 0 #e7434e!important}

.flow-view[data-flow="summary"] .summary-actions-card{
  min-height:0!important;padding:12px!important;gap:10px!important;border-radius:12px!important;
  border-color:#323b38!important;background:linear-gradient(180deg,#0d1110,#090d0c)!important;
}
.flow-view[data-flow="summary"] .summary-rank-card{
  min-height:244px!important;padding:15px 13px!important;border-radius:10px!important;
  background:radial-gradient(circle at 50% 15%,rgba(231,67,78,.075),transparent 44%),#0a0e0d!important;
}
.flow-view[data-flow="summary"] .summary-rank-token{width:104px!important;height:104px!important;margin:0 auto 2px!important}
.flow-view[data-flow="summary"] .summary-rank-name{font-size:10px!important;letter-spacing:.08em!important;color:#e44a53!important}
.flow-view[data-flow="summary"] .summary-actions-card .summary-rank-card strong{font-size:30px!important;line-height:1.05!important;margin:6px 0 4px!important}
.flow-view[data-flow="summary"] .summary-rank-card.placement-mode .summary-rank-token{width:82px!important;height:82px!important;margin-top:4px!important}
.flow-view[data-flow="summary"] .summary-rank-card.placement-mode strong{font-size:17px!important;letter-spacing:-.01em!important;margin-top:8px!important}
.flow-view[data-flow="summary"] .summary-rank-card.placement-mode .summary-rank-name{color:#cbd1ce!important}
.flow-view[data-flow="summary"] .match-mvp{min-height:86px!important;border-radius:10px!important;border-color:#3a3430!important;background:linear-gradient(135deg,rgba(210,153,55,.07),#0a0e0d)!important}
.flow-view[data-flow="summary"] .match-highlights{grid-template-columns:1fr 1fr!important;gap:8px!important}
.flow-view[data-flow="summary"] .highlight-stat{min-height:76px!important;border-radius:9px!important}
.flow-view[data-flow="summary"] .summary-actions{margin-top:2px!important;gap:7px!important}
.flow-view[data-flow="summary"] .summary-actions button{height:42px!important;min-height:42px!important}

/* ---------- MATCH DETAILS: readable 100% scale, less spreadsheet ---------- */
.page-view[data-page="match-details"] .match-details-shell{max-width:1540px!important;padding-top:22px!important}
.page-view[data-page="match-details"] .match-details-hero{height:282px!important;border-radius:13px!important}
.page-view[data-page="match-details"] .match-details-copy h1{font-size:42px!important}
.page-view[data-page="match-details"] .detail-scoreline strong{font-size:42px!important}
.page-view[data-page="match-details"] .match-detail-meta-grid{gap:9px!important}
.page-view[data-page="match-details"] .detail-meta-card{min-height:88px!important;padding:14px 15px!important}
.page-view[data-page="match-details"] .detail-meta-card>b{font-size:14px!important}
.page-view[data-page="match-details"] .detail-scoreboard-card{background:linear-gradient(180deg,#0d1110,#090d0c)!important}
.page-view[data-page="match-details"] .detail-score-grid{grid-template-columns:minmax(205px,1.35fr) 122px repeat(4,54px) 70px 70px 74px 78px!important}
.page-view[data-page="match-details"] .detail-score-head{height:36px!important;font-size:7.5px!important;color:#7e8883!important}
.page-view[data-page="match-details"] .detail-player-row{min-height:64px!important;font-size:10.5px!important}
.page-view[data-page="match-details"] .detail-player-identity .avatar{width:38px!important;height:38px!important;border-radius:8px!important}
.page-view[data-page="match-details"] .detail-player-identity b{font-size:12.5px!important}
.page-view[data-page="match-details"] .detail-rank-visual{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important}
.page-view[data-page="match-details"] .detail-rank-visual img{width:30px!important;height:30px!important;object-fit:contain!important;flex:none!important;filter:drop-shadow(0 5px 8px rgba(0,0,0,.32))!important}
.page-view[data-page="match-details"] .detail-rank-visual small{font-size:7px!important;font-weight:900!important;letter-spacing:.045em!important;color:#aeb7b2!important;white-space:nowrap!important}
.page-view[data-page="match-details"] .detail-advanced-card,
.page-view[data-page="match-details"] .match-round-timeline-card{background:#0a0e0d!important}
.page-view[data-page="match-details"] .detail-bottom-grid{gap:10px!important}

/* Profile context is system-owned in Beta and must be visually consistent. */
.page-view[data-page="profile"] #profileBadges{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
.page-view[data-page="profile"] #profileBadges>span{min-width:54px!important;justify-content:center!important;text-align:center!important}

@media(max-width:1180px){
  .match-flow.accept-modal-mode .flow-shell{width:min(720px,calc(100vw - 24px))!important}
  .flow-view[data-flow="summary"] .summary-shell{grid-template-columns:1fr!important}
  .flow-view[data-flow="summary"] .summary-actions-card{grid-column:1!important;grid-row:auto!important}
  .flow-view[data-flow="summary"] .summary-actions-card{display:grid!important;grid-template-columns:1.2fr 1fr!important}
  .flow-view[data-flow="summary"] .summary-rank-card{grid-row:1/3!important}
}
@media(max-width:760px){
  .match-flow.accept-modal-mode .ready-grid{grid-template-columns:repeat(2,1fr)!important}
  .match-flow.accept-modal-mode .accept-head{padding:18px!important}
  .match-flow.accept-modal-mode .accept-head-right{flex-direction:column-reverse!important;align-items:flex-end!important}
  .match-flow.accept-modal-mode .accept-action{padding:14px 18px 18px!important;grid-template-columns:70px 1fr!important}
  .match-flow.accept-modal-mode .accept-timer{width:70px!important}
  .flow-view[data-flow="room"] .room-actions{grid-template-columns:1fr!important}
  .flow-view[data-flow="summary"] .summary-actions-card{display:flex!important}
  .flow-view[data-flow="summary"] .summary-team-panel .summary-row-grid{grid-template-columns:minmax(150px,1fr) repeat(6,46px)!important}
}

/* =========================================================
   v0.85.53 — VETO RANK VISUALS + LOBBY CHAT LEGIBILITY
   + COMPACT FACE-OFF SUMMARY
   Visual/UI only. Matchmaking authority unchanged.
   ========================================================= */

/* VETO — keep performance stats, add real rank medallion. */
.flow-view[data-flow="veto"] .veto-team-card .team-person{
  grid-template-columns:46px minmax(0,1fr) 58px auto!important;
  min-height:82px!important;
  padding:9px 11px!important;
  column-gap:10px!important;
}
.flow-view[data-flow="veto"] .veto-team-card .veto-player-copy{
  min-width:0!important;
  gap:8px!important;
}
.flow-view[data-flow="veto"] .veto-team-card .player-line{
  min-width:0!important;
  flex-wrap:nowrap!important;
}
.flow-view[data-flow="veto"] .veto-team-card .player-line>b{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.flow-view[data-flow="veto"] .veto-team-card .veto-player-stats{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:4px 0!important;
  overflow:visible!important;
}
.flow-view[data-flow="veto"] .veto-team-card .veto-player-stats strong,
.flow-view[data-flow="veto"] .veto-team-card .veto-player-stats span{
  font-size:8.8px!important;
  line-height:1.15!important;
}
.flow-view[data-flow="veto"] .veto-team-card .veto-player-stats strong{
  padding-right:8px!important;
}
.flow-view[data-flow="veto"] .veto-team-card .veto-player-stats span{
  padding:0 7px!important;
}
.flow-view[data-flow="veto"] .veto-rank-visual{
  width:56px!important;
  min-width:56px!important;
  height:61px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:1px!important;
  align-self:center!important;
}
.flow-view[data-flow="veto"] .veto-rank-visual img{
  width:45px!important;
  height:45px!important;
  object-fit:contain!important;
  display:block!important;
  filter:drop-shadow(0 6px 10px rgba(0,0,0,.36))!important;
}
.flow-view[data-flow="veto"] .veto-rank-visual small{
  max-width:56px!important;
  color:#b8c1bc!important;
  font-size:6.7px!important;
  font-weight:950!important;
  letter-spacing:.055em!important;
  line-height:1!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.flow-view[data-flow="veto"] .veto-rank-visual.placement img{width:39px!important;height:39px!important}
.flow-view[data-flow="veto"] .veto-team-card .team-person>em{
  align-self:center!important;
  margin-left:1px!important;
}
@media(max-width:1280px){
  .flow-view[data-flow="veto"] .veto-team-card .team-person{
    grid-template-columns:42px minmax(0,1fr) 48px!important;
  }
  .flow-view[data-flow="veto"] .veto-team-card .team-person>em{display:none!important}
  .flow-view[data-flow="veto"] .veto-rank-visual{width:48px!important;min-width:48px!important}
  .flow-view[data-flow="veto"] .veto-rank-visual img{width:39px!important;height:39px!important}
  .flow-view[data-flow="veto"] .veto-team-card .veto-player-stats strong,
  .flow-view[data-flow="veto"] .veto-team-card .veto-player-stats span{font-size:8px!important}
}

/* LOBBY PARTY CHAT — message and typed text must remain plainly visible. */
.page-view[data-page="play"] .party-chat-mini.party-chat-large{
  background:#070c0a!important;
  border-color:#33403a!important;
}
.page-view[data-page="play"] .party-chat-large .party-chat-log{
  height:52px!important;
  min-height:52px!important;
  padding:6px 9px!important;
  gap:3px!important;
  background:#080d0b!important;
  position:relative!important;
  z-index:2!important;
}
.page-view[data-page="play"] .party-chat-large .party-chat-log>div{
  min-height:21px!important;
  width:max-content!important;
  max-width:100%!important;
  padding:4px 7px!important;
  border:1px solid rgba(255,255,255,.045)!important;
  border-radius:5px!important;
  background:rgba(255,255,255,.025)!important;
  align-items:center!important;
}
.page-view[data-page="play"] .party-chat-large .party-chat-log b{
  color:#ff616c!important;
  font-size:10px!important;
  font-weight:950!important;
  flex:none!important;
}
.page-view[data-page="play"] .party-chat-large .party-chat-log span{
  color:#f0f4f2!important;
  font-size:10.5px!important;
  font-weight:720!important;
  opacity:1!important;
  text-shadow:0 1px 2px rgba(0,0,0,.55)!important;
}
.page-view[data-page="play"] .party-chat-large form{
  position:relative!important;
  z-index:3!important;
  background:#070b0a!important;
}
.page-view[data-page="play"] .party-chat-large input{
  color:#fff!important;
  caret-color:#ff5965!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
  font-size:11px!important;
  font-weight:800!important;
  background:#0b1110!important;
  border-color:#36423d!important;
}
.page-view[data-page="play"] .party-chat-large input::placeholder{
  color:#77817c!important;
  -webkit-text-fill-color:#77817c!important;
  opacity:1!important;
}

/* SUMMARY — two teams face each other across the full scoreboard width.
   Rows are wider but vertically tighter so advanced stats enter the viewport sooner. */
.flow-view[data-flow="summary"] .summary-shell{
  grid-template-columns:minmax(0,1fr) 370px!important;
  grid-template-areas:
    "hero side"
    "table table"!important;
  gap:10px!important;
  align-items:start!important;
}
.flow-view[data-flow="summary"] .result-hero{
  grid-area:hero!important;
  height:202px!important;
  min-height:202px!important;
}
.flow-view[data-flow="summary"] .result-score-main>div strong{font-size:58px!important}
.flow-view[data-flow="summary"] .summary-table-card{
  grid-area:table!important;
  width:100%!important;
  min-height:0!important;
}
.flow-view[data-flow="summary"] .summary-table-card>.toolbar{
  height:53px!important;
  min-height:53px!important;
}
.flow-view[data-flow="summary"] .summary-table-card>.toolbar h2{font-size:18px!important}
.flow-view[data-flow="summary"] .summary-rating b{font-size:26px!important}
.flow-view[data-flow="summary"] .summary-teams-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:10px!important;
  padding:9px!important;
}
.flow-view[data-flow="summary"] .summary-team-title{
  height:48px!important;
  min-height:48px!important;
  padding:0 12px!important;
}
.flow-view[data-flow="summary"] .summary-team-title>strong{font-size:30px!important}
.flow-view[data-flow="summary"] .summary-team-title>div>b{font-size:13px!important}
.flow-view[data-flow="summary"] .summary-team-panel .summary-row-grid{
  grid-template-columns:minmax(210px,1fr) repeat(6,54px)!important;
}
.flow-view[data-flow="summary"] .summary-team-panel.loser .summary-row-grid{
  grid-template-columns:repeat(6,54px) minmax(210px,1fr)!important;
}
.flow-view[data-flow="summary"] .summary-team-panel .summary-head{
  height:29px!important;
  min-height:29px!important;
  padding:0 10px!important;
}
.flow-view[data-flow="summary"] .summary-team-panel .summary-player{
  height:50px!important;
  min-height:50px!important;
  padding:0 10px!important;
}
.flow-view[data-flow="summary"] .summary-team-panel .summary-player .avatar{
  width:32px!important;
  height:32px!important;
}
.flow-view[data-flow="summary"] .summary-player-meta b{font-size:11.5px!important}
.flow-view[data-flow="summary"] .summary-player-meta small{min-height:21px!important;gap:5px!important}
.flow-view[data-flow="summary"] .summary-rank-mini{width:21px!important;height:21px!important}
.flow-view[data-flow="summary"] .summary-rank-label{font-size:6.5px!important}
.flow-view[data-flow="summary"] .summary-team-panel .summary-player>span,
.flow-view[data-flow="summary"] .summary-team-panel .summary-player>b{font-size:10px!important}

/* Mirror Team B so both squads visually face the center line. */
.flow-view[data-flow="summary"] .summary-team-panel.loser .summary-team-title{
  flex-direction:row-reverse!important;
}
.flow-view[data-flow="summary"] .summary-team-panel.loser .summary-team-title>div{
  text-align:right!important;
}
.flow-view[data-flow="summary"] .summary-team-panel.loser .summary-row-grid>:nth-child(1){grid-column:7!important}
.flow-view[data-flow="summary"] .summary-team-panel.loser .summary-row-grid>:nth-child(2){grid-column:6!important}
.flow-view[data-flow="summary"] .summary-team-panel.loser .summary-row-grid>:nth-child(3){grid-column:5!important}
.flow-view[data-flow="summary"] .summary-team-panel.loser .summary-row-grid>:nth-child(4){grid-column:4!important}
.flow-view[data-flow="summary"] .summary-team-panel.loser .summary-row-grid>:nth-child(5){grid-column:3!important}
.flow-view[data-flow="summary"] .summary-team-panel.loser .summary-row-grid>:nth-child(6){grid-column:2!important}
.flow-view[data-flow="summary"] .summary-team-panel.loser .summary-row-grid>:nth-child(7){grid-column:1!important}
.flow-view[data-flow="summary"] .summary-team-panel.loser .summary-player>div{
  flex-direction:row-reverse!important;
  justify-content:flex-start!important;
  text-align:right!important;
}
.flow-view[data-flow="summary"] .summary-team-panel.loser .summary-player-meta{
  align-items:flex-end!important;
}
.flow-view[data-flow="summary"] .summary-team-panel.loser .summary-player-meta small{
  flex-direction:row-reverse!important;
}

/* Compact top-right summary tools so they do not make the whole screen tall. */
.flow-view[data-flow="summary"] .summary-actions-card{
  grid-area:side!important;
  height:202px!important;
  min-height:202px!important;
  padding:9px!important;
  display:grid!important;
  grid-template-columns:116px minmax(0,1fr)!important;
  grid-template-rows:54px 62px 39px!important;
  gap:6px 8px!important;
  overflow:hidden!important;
}
.flow-view[data-flow="summary"] .summary-rank-card{
  grid-column:1!important;
  grid-row:1/3!important;
  min-height:0!important;
  height:122px!important;
  padding:7px!important;
  justify-content:center!important;
}
.flow-view[data-flow="summary"] .summary-rank-card .eyebrow{font-size:6.5px!important}
.flow-view[data-flow="summary"] .summary-rank-token{width:53px!important;height:53px!important;margin:0 auto!important}
.flow-view[data-flow="summary"] .summary-rank-name{font-size:8px!important;margin-top:0!important}
.flow-view[data-flow="summary"] .summary-actions-card .summary-rank-card strong{font-size:16px!important;margin:2px 0!important}
.flow-view[data-flow="summary"] .summary-rank-card small{font-size:6.8px!important;line-height:1.1!important}
.flow-view[data-flow="summary"] .summary-rank-progress{height:4px!important;margin:5px 0 3px!important}
.flow-view[data-flow="summary"] .summary-rank-card em{font-size:6px!important}
.flow-view[data-flow="summary"] .summary-rank-card.placement-mode .summary-rank-token{width:45px!important;height:45px!important;margin:0 auto!important}
.flow-view[data-flow="summary"] .summary-rank-card.placement-mode strong{font-size:11px!important;margin:3px 0!important}
.flow-view[data-flow="summary"] .match-mvp{
  grid-column:2!important;
  grid-row:1!important;
  min-height:54px!important;
  height:54px!important;
  padding:7px 9px!important;
}
.flow-view[data-flow="summary"] .match-mvp .mvp-star{width:31px!important;height:31px!important;font-size:12px!important}
.flow-view[data-flow="summary"] .match-mvp b{font-size:14px!important}
.flow-view[data-flow="summary"] .match-mvp span:last-child{font-size:7px!important}
.flow-view[data-flow="summary"] .match-highlights{
  grid-column:2!important;
  grid-row:2!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px!important;
}
.flow-view[data-flow="summary"] .highlight-stat{
  min-height:62px!important;
  height:62px!important;
  padding:6px!important;
}
.flow-view[data-flow="summary"] .highlight-stat span{font-size:6px!important}
.flow-view[data-flow="summary"] .highlight-stat b{font-size:12px!important;margin-top:2px!important}
.flow-view[data-flow="summary"] .highlight-stat small{font-size:6.5px!important}
.flow-view[data-flow="summary"] .summary-actions{
  grid-column:1/-1!important;
  grid-row:3!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px!important;
  margin:0!important;
}
.flow-view[data-flow="summary"] .summary-actions button{
  height:34px!important;
  min-height:34px!important;
  padding:0 6px!important;
  font-size:7px!important;
  border-radius:6px!important;
}

@media(max-width:1180px){
  .flow-view[data-flow="summary"] .summary-shell{
    grid-template-columns:1fr!important;
    grid-template-areas:"hero" "table" "side"!important;
  }
  .flow-view[data-flow="summary"] .summary-actions-card{
    grid-area:side!important;
    width:100%!important;
    grid-template-columns:130px minmax(0,1fr)!important;
  }
}
@media(max-width:820px){
  .flow-view[data-flow="summary"] .summary-teams-grid{grid-template-columns:1fr!important}
  .flow-view[data-flow="summary"] .summary-team-panel.loser .summary-row-grid,
  .flow-view[data-flow="summary"] .summary-team-panel .summary-row-grid{
    grid-template-columns:minmax(150px,1fr) repeat(6,45px)!important;
  }
  .flow-view[data-flow="summary"] .summary-team-panel.loser .summary-row-grid>*{grid-column:auto!important}
  .flow-view[data-flow="summary"] .summary-team-panel.loser .summary-team-title{flex-direction:row!important}
  .flow-view[data-flow="summary"] .summary-team-panel.loser .summary-team-title>div{text-align:left!important}
  .flow-view[data-flow="summary"] .summary-team-panel.loser .summary-player>div{flex-direction:row!important;text-align:left!important}
  .flow-view[data-flow="summary"] .summary-team-panel.loser .summary-player-meta{align-items:flex-start!important}
  .flow-view[data-flow="summary"] .summary-team-panel.loser .summary-player-meta small{flex-direction:row!important}
}


/* =========================================================
   v0.85.54 — VETO CAPTAIN / PREMIUM ALIGNMENT HOTFIX
   Captain and Premium labels never consume a grid column.
   Every player rank medallion stays on one fixed right axis.
   ========================================================= */
.flow-view[data-flow="veto"] .veto-team-card .team-person{
  grid-template-columns:46px minmax(0,1fr) 62px!important;
  column-gap:10px!important;
}
.flow-view[data-flow="veto"] .veto-team-card .veto-rank-visual{
  grid-column:3!important;
  justify-self:end!important;
  margin:0!important;
}
.flow-view[data-flow="veto"] .veto-team-card .player-line{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  gap:6px!important;
}
.flow-view[data-flow="veto"] .veto-team-card .player-line>b{
  min-width:0!important;
  flex:0 1 auto!important;
}
.flow-view[data-flow="veto"] .veto-captain-inline{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:17px!important;
  padding:0 6px!important;
  border:1px solid rgba(239,68,83,.42)!important;
  border-radius:5px!important;
  background:rgba(239,68,83,.08)!important;
  color:#ff6672!important;
  font-style:normal!important;
  font-size:6.8px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  line-height:1!important;
}
.flow-view[data-flow="veto"] .veto-team-card .veto-premium-badge{
  flex:0 0 auto!important;
  margin:0!important;
  height:17px!important;
  padding:0 6px!important;
  font-size:6.6px!important;
}
/* Legacy captain label used to create a fourth column and move only captain ranks. */
.flow-view[data-flow="veto"] .veto-team-card .team-person>em{display:none!important}

/* =========================================================
   v0.85.54 — SUMMARY TWO-COLUMN LAYOUT STABILITY HOTFIX
   Keep both teams side-by-side without cross-column mirroring.
   Team B still visually faces the center, but no grid item is
   manually reassigned to another column, preventing overlap.
   ========================================================= */
.flow-view[data-flow="summary"] .summary-teams-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:10px!important;
  align-items:stretch!important;
  overflow:hidden!important;
}
.flow-view[data-flow="summary"] .summary-team-panel{
  min-width:0!important;
  width:100%!important;
  overflow:hidden!important;
}
.flow-view[data-flow="summary"] .summary-team-panel .summary-row-grid,
.flow-view[data-flow="summary"] .summary-team-panel.loser .summary-row-grid{
  width:100%!important;
  grid-template-columns:minmax(145px,1.65fr) repeat(6,minmax(42px,.48fr))!important;
  column-gap:0!important;
}
/* Cancel the experimental per-cell grid mirroring from v0.85.53. */
.flow-view[data-flow="summary"] .summary-team-panel.loser .summary-row-grid>*{
  grid-column:auto!important;
}
/* Team B faces the center only inside the player identity cell. */
.flow-view[data-flow="summary"] .summary-team-panel.loser .summary-team-title{
  flex-direction:row-reverse!important;
}
.flow-view[data-flow="summary"] .summary-team-panel.loser .summary-team-title>div{
  text-align:right!important;
}
.flow-view[data-flow="summary"] .summary-team-panel.loser .summary-player>div{
  flex-direction:row-reverse!important;
  justify-content:flex-start!important;
  text-align:right!important;
}
.flow-view[data-flow="summary"] .summary-team-panel.loser .summary-player-meta{
  align-items:flex-end!important;
}
.flow-view[data-flow="summary"] .summary-team-panel.loser .summary-player-meta small{
  flex-direction:row-reverse!important;
}
.flow-view[data-flow="summary"] .summary-team-panel .summary-head,
.flow-view[data-flow="summary"] .summary-team-panel .summary-player{
  padding-left:10px!important;
  padding-right:10px!important;
}
.flow-view[data-flow="summary"] .summary-team-panel .summary-player{
  height:54px!important;
  min-height:54px!important;
}
.flow-view[data-flow="summary"] .summary-team-panel .summary-player .avatar{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
}
.flow-view[data-flow="summary"] .summary-player-meta{
  min-width:0!important;
  overflow:hidden!important;
}
.flow-view[data-flow="summary"] .summary-player-meta b{
  max-width:100%!important;
}
.flow-view[data-flow="summary"] .summary-rank-mini{
  width:23px!important;
  height:23px!important;
}
.flow-view[data-flow="summary"] .summary-team-panel .summary-player>span,
.flow-view[data-flow="summary"] .summary-team-panel .summary-player>b{
  min-width:0!important;
  white-space:nowrap!important;
}
@media(max-width:1260px){
  .flow-view[data-flow="summary"] .summary-team-panel .summary-row-grid,
  .flow-view[data-flow="summary"] .summary-team-panel.loser .summary-row-grid{
    grid-template-columns:minmax(125px,1.5fr) repeat(6,minmax(36px,.45fr))!important;
  }
  .flow-view[data-flow="summary"] .summary-team-panel .summary-player>span,
  .flow-view[data-flow="summary"] .summary-team-panel .summary-player>b{font-size:9px!important}
}
@media(max-width:820px){
  .flow-view[data-flow="summary"] .summary-team-panel.loser .summary-team-title{flex-direction:row!important}
  .flow-view[data-flow="summary"] .summary-team-panel.loser .summary-team-title>div{text-align:left!important}
  .flow-view[data-flow="summary"] .summary-team-panel.loser .summary-player>div{flex-direction:row!important;text-align:left!important}
  .flow-view[data-flow="summary"] .summary-team-panel.loser .summary-player-meta{align-items:flex-start!important}
  .flow-view[data-flow="summary"] .summary-team-panel.loser .summary-player-meta small{flex-direction:row!important}
}

/* =========================================================
   v0.85.55 — SUMMARY + MATCH DETAILS STABILITY / READABILITY
   - no CSS cell reordering on Team B
   - larger MVP/highlights while keeping the top block compact
   - match-details teams side-by-side
   ========================================================= */

/* SUMMARY: two equal, stable tables. "Naprzeciwko" means side-by-side,
   not physically reordering individual stat cells. */
.flow-view[data-flow="summary"] .summary-shell{
  grid-template-columns:minmax(0,1fr) 380px!important;
  grid-template-areas:"hero side" "table table"!important;
  gap:11px!important;
  align-items:start!important;
}
.flow-view[data-flow="summary"] .result-hero{
  grid-area:hero!important;
  height:232px!important;
  min-height:232px!important;
}
.flow-view[data-flow="summary"] .summary-table-card{
  grid-area:table!important;
  min-height:0!important;
  height:auto!important;
}
.flow-view[data-flow="summary"] .summary-teams-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:10px!important;
  min-height:0!important;
  align-items:start!important;
  overflow:visible!important;
}
.flow-view[data-flow="summary"] .summary-team-panel,
.flow-view[data-flow="summary"] .summary-team-panel.loser,
.flow-view[data-flow="summary"] .summary-team-panel.winner{
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  align-self:start!important;
  overflow:hidden!important;
}
.flow-view[data-flow="summary"] .summary-team-panel .summary-row-grid,
.flow-view[data-flow="summary"] .summary-team-panel.loser .summary-row-grid,
.flow-view[data-flow="summary"] .summary-team-panel.winner .summary-row-grid{
  display:grid!important;
  grid-template-columns:minmax(155px,1.65fr) repeat(6,minmax(41px,.48fr))!important;
  width:100%!important;
  align-items:center!important;
}
/* Specificity-safe cancellation of the old experimental mirror. */
.flow-view[data-flow="summary"] .summary-team-panel.loser .summary-row-grid>*:nth-child(n){
  grid-column:auto!important;
  grid-row:auto!important;
}
.flow-view[data-flow="summary"] .summary-team-panel.loser .summary-team-title,
.flow-view[data-flow="summary"] .summary-team-panel.team-b .summary-team-title{
  flex-direction:row!important;
}
.flow-view[data-flow="summary"] .summary-team-panel.loser .summary-team-title>div,
.flow-view[data-flow="summary"] .summary-team-panel.team-b .summary-team-title>div{
  text-align:left!important;
}
.flow-view[data-flow="summary"] .summary-team-panel.loser .summary-player>div,
.flow-view[data-flow="summary"] .summary-team-panel.team-b .summary-player>div{
  flex-direction:row!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
.flow-view[data-flow="summary"] .summary-team-panel.loser .summary-player-meta,
.flow-view[data-flow="summary"] .summary-team-panel.team-b .summary-player-meta{
  align-items:flex-start!important;
}
.flow-view[data-flow="summary"] .summary-team-panel.loser .summary-player-meta small,
.flow-view[data-flow="summary"] .summary-team-panel.team-b .summary-player-meta small{
  flex-direction:row!important;
}
.flow-view[data-flow="summary"] .summary-team-title{
  height:50px!important;
  min-height:50px!important;
}
.flow-view[data-flow="summary"] .summary-team-title>strong{font-size:31px!important}
.flow-view[data-flow="summary"] .summary-team-title>div>b{font-size:12.5px!important}
.flow-view[data-flow="summary"] .summary-team-panel .summary-head{
  height:30px!important;
  min-height:30px!important;
  padding:0 10px!important;
  font-size:7.3px!important;
}
.flow-view[data-flow="summary"] .summary-team-panel .summary-player{
  height:52px!important;
  min-height:52px!important;
  padding:0 10px!important;
}
.flow-view[data-flow="summary"] .summary-team-panel .summary-player .avatar{
  width:32px!important;height:32px!important;flex:0 0 32px!important;
}
.flow-view[data-flow="summary"] .summary-player-meta b{font-size:11px!important}
.flow-view[data-flow="summary"] .summary-player-meta small{gap:5px!important;min-height:22px!important}
.flow-view[data-flow="summary"] .summary-rank-mini{width:22px!important;height:22px!important}
.flow-view[data-flow="summary"] .summary-rank-label{font-size:6.8px!important}
.flow-view[data-flow="summary"] .summary-team-panel .summary-player>span,
.flow-view[data-flow="summary"] .summary-team-panel .summary-player>b{font-size:10px!important}

/* SUMMARY right card: readable, but still same height as result hero. */
.flow-view[data-flow="summary"] .summary-actions-card{
  grid-area:side!important;
  width:100%!important;
  height:232px!important;
  min-height:232px!important;
  padding:10px!important;
  display:grid!important;
  grid-template-columns:126px minmax(0,1fr)!important;
  grid-template-rows:68px 102px 38px!important;
  gap:7px 9px!important;
  overflow:hidden!important;
}
.flow-view[data-flow="summary"] .summary-rank-card{
  grid-column:1!important;
  grid-row:1/3!important;
  height:177px!important;
  min-height:177px!important;
  padding:8px!important;
  justify-content:center!important;
}
.flow-view[data-flow="summary"] .summary-rank-token{width:68px!important;height:68px!important;margin:0 auto 2px!important}
.flow-view[data-flow="summary"] .summary-rank-card.placement-mode .summary-rank-token{width:58px!important;height:58px!important;margin:0 auto 2px!important}
.flow-view[data-flow="summary"] .summary-rank-card .eyebrow{font-size:7.5px!important}
.flow-view[data-flow="summary"] .summary-rank-name{font-size:8.5px!important}
.flow-view[data-flow="summary"] .summary-actions-card .summary-rank-card strong{font-size:20px!important;line-height:1.05!important;margin:4px 0!important}
.flow-view[data-flow="summary"] .summary-rank-card.placement-mode strong{font-size:13px!important;line-height:1.05!important}
.flow-view[data-flow="summary"] .summary-rank-card small{font-size:7.5px!important;line-height:1.2!important}
.flow-view[data-flow="summary"] .summary-rank-card em{font-size:6.8px!important}
.flow-view[data-flow="summary"] .match-mvp{
  grid-column:2!important;grid-row:1!important;
  height:68px!important;min-height:68px!important;
  padding:9px 11px!important;
}
.flow-view[data-flow="summary"] .match-mvp .mvp-star{width:34px!important;height:34px!important;font-size:13px!important}
.flow-view[data-flow="summary"] .match-mvp small{font-size:8px!important}
.flow-view[data-flow="summary"] .match-mvp b{font-size:16px!important;line-height:1.05!important}
.flow-view[data-flow="summary"] .match-mvp span:last-child{font-size:8.5px!important;line-height:1.2!important}
.flow-view[data-flow="summary"] .match-highlights{
  grid-column:2!important;grid-row:2!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
  min-height:0!important;
}
.flow-view[data-flow="summary"] .highlight-stat{
  height:auto!important;min-height:0!important;
  padding:7px 8px!important;
}
.flow-view[data-flow="summary"] .highlight-stat span{font-size:7px!important;line-height:1!important}
.flow-view[data-flow="summary"] .highlight-stat b{font-size:14px!important;line-height:1.05!important;margin:3px 0 1px!important}
.flow-view[data-flow="summary"] .highlight-stat small{font-size:7.5px!important;line-height:1.05!important}
.flow-view[data-flow="summary"] .summary-actions{
  grid-column:1/-1!important;grid-row:3!important;
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:6px!important;margin:0!important;
}
.flow-view[data-flow="summary"] .summary-actions button{
  height:38px!important;min-height:38px!important;
  padding:0 7px!important;font-size:8px!important;line-height:1.05!important;
}

/* MATCH DETAILS: two team scoreboards next to each other, no 10-row vertical wall. */
.page-view[data-page="match-details"] .detail-scoreboard-card{
  overflow:hidden!important;
  min-height:0!important;
}
.page-view[data-page="match-details"] .detail-teams-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:10px!important;
  padding:10px!important;
  border-top:1px solid #252d2a!important;
  align-items:start!important;
}
.page-view[data-page="match-details"] .detail-team-panel{
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid #303936!important;
  border-radius:10px!important;
  background:#090d0c!important;
}
.page-view[data-page="match-details"] .detail-team-panel .detail-team-title{
  height:52px!important;
  min-height:52px!important;
  padding:0 12px!important;
  border-bottom:1px solid #27302d!important;
}
.page-view[data-page="match-details"] .detail-team-panel.team-a .detail-team-title.winner{
  background:linear-gradient(90deg,rgba(231,67,78,.10),transparent 74%)!important;
}
.page-view[data-page="match-details"] .detail-team-title>div b{font-size:12.5px!important}
.page-view[data-page="match-details"] .detail-team-title>strong{font-size:31px!important}
.page-view[data-page="match-details"] .detail-team-panel .detail-score-grid{
  display:grid!important;
  grid-template-columns:minmax(130px,1.55fr) 76px repeat(4,34px) 44px 42px 50px 48px!important;
  width:100%!important;
  align-items:center!important;
  column-gap:0!important;
}
.page-view[data-page="match-details"] .detail-team-panel .detail-score-head{
  height:31px!important;
  min-height:31px!important;
  padding:0 8px!important;
  font-size:6.6px!important;
}
.page-view[data-page="match-details"] .detail-team-panel .detail-player-row{
  height:56px!important;
  min-height:56px!important;
  padding:0 8px!important;
  font-size:9px!important;
}
.page-view[data-page="match-details"] .detail-team-panel .detail-player-identity{
  gap:7px!important;min-width:0!important;
}
.page-view[data-page="match-details"] .detail-team-panel .detail-player-identity .avatar{
  width:31px!important;height:31px!important;flex:0 0 31px!important;
}
.page-view[data-page="match-details"] .detail-team-panel .detail-player-identity b{font-size:10.5px!important}
.page-view[data-page="match-details"] .detail-team-panel .detail-player-identity small{font-size:7px!important}
.page-view[data-page="match-details"] .detail-team-panel .detail-rank-visual{gap:5px!important;min-width:0!important}
.page-view[data-page="match-details"] .detail-team-panel .detail-rank-visual img{width:24px!important;height:24px!important}
.page-view[data-page="match-details"] .detail-team-panel .detail-rank-visual small{font-size:6.2px!important;overflow:hidden!important;text-overflow:ellipsis!important}
.page-view[data-page="match-details"] .detail-team-panel .detail-player-row>span,
.page-view[data-page="match-details"] .detail-team-panel .detail-player-row>b{font-size:8.5px!important;white-space:nowrap!important;text-align:center!important}

@media(max-width:1260px){
  .flow-view[data-flow="summary"] .summary-shell{grid-template-columns:1fr!important;grid-template-areas:"hero" "side" "table"!important}
  .flow-view[data-flow="summary"] .summary-actions-card{height:232px!important}
  .page-view[data-page="match-details"] .detail-teams-grid{grid-template-columns:1fr!important}
  .page-view[data-page="match-details"] .detail-team-panel .detail-score-grid{grid-template-columns:minmax(170px,1.5fr) 95px repeat(4,44px) 55px 50px 60px 58px!important}
}
@media(max-width:840px){
  .flow-view[data-flow="summary"] .summary-teams-grid{grid-template-columns:1fr!important}
  .flow-view[data-flow="summary"] .summary-actions-card{height:auto!important;min-height:250px!important;grid-template-columns:120px minmax(0,1fr)!important}
  .page-view[data-page="match-details"] .detail-team-panel{overflow-x:auto!important}
  .page-view[data-page="match-details"] .detail-team-panel .detail-score-grid{min-width:760px!important}
}

/* =========================================================
   v0.85.56 — Login / Registration Visual Polish
   Visual-only auth shell refresh. Existing auth IDs, flows and
   backend authority remain unchanged.
   ========================================================= */
body.auth-locked{
  background:#050707;
}
body.auth-locked .auth-screen{
  grid-template-rows:82px minmax(0,1fr) 62px;
  overflow:auto;
  background:
    linear-gradient(90deg,rgba(5,7,7,.96) 0%,rgba(5,7,7,.90) 36%,rgba(5,7,7,.76) 63%,rgba(5,7,7,.94) 100%),
    linear-gradient(180deg,rgba(5,7,7,.22),rgba(5,7,7,.88)),
    url('/assets/maps/mirage.webp') center 42% / cover no-repeat fixed;
}
body.auth-locked .auth-screen:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 23% 42%,rgba(222,54,65,.11),transparent 26%),
    radial-gradient(circle at 76% 60%,rgba(222,54,65,.06),transparent 24%);
}
.auth-grid-bg{
  opacity:.13;
  background-size:64px 64px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.82),rgba(0,0,0,.2) 76%,transparent);
}
.auth-grid-bg:after{
  background:linear-gradient(90deg,#050707 0%,transparent 13%,transparent 87%,#050707 100%);
}
.auth-topbar{
  width:min(1380px,calc(100% - 64px));
  height:82px;
  border-bottom:1px solid rgba(126,139,133,.18);
}
.auth-brand img{width:150px}
.auth-lang-switch{
  min-width:64px;
  height:38px;
  border-color:#323936!important;
  background:rgba(9,13,12,.88)!important;
  backdrop-filter:blur(12px);
}
.auth-main{
  width:min(1320px,calc(100% - 64px));
  min-height:650px;
  margin:auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(470px,535px);
  grid-template-areas:"hero card";
  gap:90px;
  align-items:center;
  padding:46px 0 54px;
}
body.auth-locked .auth-card{
  grid-area:card;
  width:100%;
  max-width:none;
  box-sizing:border-box;
  padding:36px 38px 34px;
  border:1px solid #323a36;
  border-radius:12px;
  background:
    linear-gradient(155deg,rgba(18,23,21,.985),rgba(8,12,11,.99) 72%);
  box-shadow:
    0 34px 100px rgba(0,0,0,.58),
    0 0 0 1px rgba(255,255,255,.012) inset;
  backdrop-filter:blur(16px);
  overflow:hidden;
}
body.auth-locked .auth-card:before{
  content:"";
  position:absolute;
  left:-1px;
  top:78px;
  bottom:42px;
  width:2px;
  background:linear-gradient(180deg,transparent,#dc3741 18%,rgba(220,55,65,.18) 70%,transparent);
  opacity:.8;
}
.auth-accent{
  top:0;
  left:38px;
  width:104px;
  height:2px;
  background:#e33d47;
  box-shadow:0 0 24px rgba(227,61,71,.38);
}
.auth-card-head{max-width:100%}
.auth-kicker{
  gap:9px;
  color:#9ba49f;
  font-size:8px;
  letter-spacing:.15em;
}
.auth-kicker i{width:5px;height:5px}
.auth-card-head h1{
  margin:13px 0 8px;
  font-size:36px;
  line-height:1.02;
  letter-spacing:-.04em;
}
.auth-card-head p{
  max-width:460px;
  color:#8e9893;
  font-size:11px;
  line-height:1.55;
}
.auth-entry-tabs{
  margin-top:27px;
  padding:4px;
  gap:4px;
  border-color:#2b322f;
  border-radius:9px;
  background:#080c0b;
}
.auth-entry-tab{
  min-height:43px;
  border-radius:6px;
  font-size:8.5px;
  letter-spacing:.085em;
}
.auth-entry-tab.active{
  background:linear-gradient(180deg,#1b211f,#141917);
  box-shadow:inset 0 -2px #e33d47,0 5px 18px rgba(0,0,0,.18);
}
.auth-account-form.auth-account-form-visible{margin-top:18px}
.auth-form-panel,.auth-register-step{gap:13px}
.auth-field{gap:7px}
.auth-field>span{
  color:#8e9792;
  font-size:7.5px;
  letter-spacing:.12em;
}
.auth-field input,
.auth-field select{
  height:50px;
  padding:0 15px;
  border-color:#303734;
  border-radius:8px;
  background:#090d0c;
  color:#f1f4f2;
  font-size:11.5px;
  font-weight:760;
}
.auth-field input:hover,.auth-field select:hover{border-color:#3b4440}
.auth-field input:focus,.auth-field select:focus{
  border-color:#8a3b40;
  box-shadow:0 0 0 3px rgba(222,55,65,.075);
}
.auth-field input::placeholder{color:#535d58;font-weight:650}
.auth-account-submit{
  min-height:50px;
  margin-top:4px;
  border-color:#a52e37;
  border-radius:8px;
  background:linear-gradient(135deg,#eb404b,#b92330);
  box-shadow:0 10px 28px rgba(196,34,45,.14);
  font-size:9.5px;
  letter-spacing:.08em;
}
.auth-account-submit:hover{
  filter:none;
  transform:translateY(-1px);
  background:linear-gradient(135deg,#f04b55,#c92c37);
  box-shadow:0 13px 32px rgba(196,34,45,.2);
}
.auth-account-submit:active{transform:none}
.auth-provider-block .auth-provider-divider{margin:19px 0 0}
.auth-provider-block .steam-login-button{margin-top:18px}
.steam-login-button{
  min-height:61px;
  padding:0 15px;
  grid-template-columns:38px minmax(0,1fr) 18px;
  gap:12px;
  border-color:#343c38;
  border-radius:8px;
  background:linear-gradient(145deg,#151a18,#0d1110);
}
.steam-mark{width:36px;height:36px;border-radius:7px}
.steam-mark svg{width:23px;height:23px}
.steam-login-button b{font-size:9.5px}
.steam-login-button small{margin-top:3px;font-size:7.5px}
.auth-arrow{font-size:21px}
.auth-security{
  min-height:48px;
  margin-top:14px;
  padding:10px 12px;
  border-color:#25312b;
  background:rgba(10,16,13,.74);
}
.auth-shield{width:25px;height:25px}
.auth-security b{font-size:7.5px}
.auth-security small{font-size:6.8px;line-height:1.35}
/* Old concept/marketing blocks made the form feel like a prototype. */
.auth-card>.auth-divider:not(.auth-provider-divider),
.auth-benefits,
.auth-prototype-note{display:none!important}
.auth-dev-access{
  margin-top:12px;
  padding-top:10px;
  border-top-color:#1d2421;
}
.auth-dev-toggle{height:27px;color:#626c67;font-size:6.7px}
.auth-dev-panel{padding:10px}
.auth-side{
  grid-area:hero;
  position:relative;
  max-width:620px;
  min-height:480px;
  padding:68px 34px 42px 28px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  isolation:isolate;
}
.auth-side:before{
  content:"";
  position:absolute;
  z-index:-1;
  right:-24px;
  top:20px;
  width:270px;
  height:270px;
  background:url('/assets/ranks/tokens/legend.png') center/contain no-repeat;
  opacity:.16;
  filter:drop-shadow(0 0 34px rgba(231,58,69,.18));
  transform:rotate(4deg);
}
.auth-side:after{
  content:"";
  position:absolute;
  z-index:-2;
  left:-24px;
  right:0;
  top:68px;
  bottom:56px;
  border-left:1px solid rgba(220,55,65,.28);
  border-top:1px solid rgba(118,130,124,.13);
  background:linear-gradient(110deg,rgba(13,18,16,.62),rgba(8,11,10,.08) 76%);
  clip-path:polygon(0 0,86% 0,100% 18%,100% 100%,0 100%);
}
.auth-side .eyebrow{
  color:#d14a52;
  font-size:9px;
  letter-spacing:.16em;
}
.auth-side h2{
  max-width:510px;
  margin:14px 0 16px;
  font-size:48px;
  line-height:.98;
  letter-spacing:-.045em;
  text-wrap:balance;
}
.auth-side>p{
  max-width:470px;
  color:#a0aaa5;
  font-size:12px;
  line-height:1.65;
}
.auth-side-stat{
  width:205px;
  margin-top:34px;
  padding:15px 0 14px;
  border-color:#343c38;
}
.auth-side-stat span{font-size:7.5px}
.auth-side-stat b{font-size:32px;color:#eb404b}
.auth-side-stat small{font-size:7px}
.auth-side-lines{
  margin-top:23px;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  gap:8px;
}
.auth-side-lines span{
  min-height:30px;
  padding:0 10px;
  gap:7px;
  border:1px solid rgba(74,84,79,.46);
  border-radius:6px;
  background:rgba(8,12,11,.52);
  color:#a7b0ab;
  font-size:7.3px;
  letter-spacing:.02em;
  backdrop-filter:blur(8px);
}
.auth-side-lines i{width:5px;height:5px;border-radius:50%;background:#3bd779}
.auth-footer{
  width:min(1380px,calc(100% - 64px));
  height:62px;
  border-top-color:rgba(126,139,133,.15);
  color:#67716c;
  font-size:7.5px;
}
.auth-footer a{color:#79837e}
.auth-system{color:#79837e}
/* Registration gets the same premium spacing without growing beyond viewport unnecessarily. */
.auth-register-steps{padding:2px 0 8px}
.auth-register-steps>span i{width:24px;height:24px}
.auth-register-steps>span b{font-size:6.8px}
.auth-step-copy h3{font-size:18px}
.auth-step-copy p{font-size:8px}
.auth-password-rule{padding:9px 11px;font-size:7.2px}
.auth-register-actions{grid-template-columns:118px 1fr;gap:9px}
.auth-secondary-action{min-height:50px;border-radius:8px}
.auth-onboarding-summary>span{min-height:66px}
@media(max-width:1100px){
  .auth-main{
    width:min(620px,calc(100% - 40px));
    grid-template-columns:1fr;
    grid-template-areas:"card";
    min-height:0;
    gap:0;
    padding:40px 0 50px;
  }
  .auth-side{display:none}
  .auth-topbar,.auth-footer{width:calc(100% - 40px)}
}
@media(max-width:600px){
  body.auth-locked .auth-screen{grid-template-rows:68px minmax(0,1fr) auto}
  .auth-topbar{height:68px}
  .auth-main{width:calc(100% - 24px);padding:24px 0 34px}
  body.auth-locked .auth-card{padding:27px 20px 24px;border-radius:10px}
  .auth-accent{left:20px;width:78px}
  .auth-card-head h1{font-size:29px}
  .auth-card-head p{font-size:10px}
  .auth-entry-tabs{margin-top:22px}
  .auth-field input,.auth-field select{height:48px}
  .auth-register-actions{grid-template-columns:1fr}
  .auth-onboarding-summary{grid-template-columns:1fr}
  .auth-footer{width:calc(100% - 24px)}
}

/* =========================================================
   v0.85.57 — Secondary UI Visual Polish
   Settings + messages + notifications + social/search surfaces.
   Visual-only: existing element IDs, data attributes and JS contracts stay intact.
   ========================================================= */

/* SETTINGS — more deliberate, readable control center */
.page-view[data-page="settings"] .settings-shell{padding-bottom:48px}
.page-view[data-page="settings"] .settings-hero{
  min-height:128px;
  padding:25px 28px;
  border-color:#303936;
  background:
    radial-gradient(circle at 86% 22%,rgba(217,58,65,.11),transparent 25%),
    linear-gradient(135deg,#121716,#0a0e0d 70%);
  box-shadow:0 22px 54px rgba(0,0,0,.22);
}
.page-view[data-page="settings"] .settings-hero h1{font-size:32px;letter-spacing:-.025em}
.page-view[data-page="settings"] .settings-hero p{max-width:760px;font-size:12.5px;color:#9aa49f}
.page-view[data-page="settings"] .settings-save-state{
  min-width:154px;height:40px;padding:0 14px;border-color:#304039;border-radius:8px;
  background:rgba(10,16,13,.88);color:#a1aaa5;font-size:9px;letter-spacing:.02em;
  box-shadow:0 8px 24px rgba(0,0,0,.18)
}
.page-view[data-page="settings"] .settings-save-state i{width:7px;height:7px;box-shadow:0 0 12px rgba(70,217,130,.28)}
.page-view[data-page="settings"] .settings-layout{
  max-width:1500px;padding:0 30px;grid-template-columns:282px minmax(0,1fr);gap:18px
}
.page-view[data-page="settings"] .settings-nav-card{
  padding:8px;border-color:#303936;background:linear-gradient(160deg,#111615,#090d0c);
  box-shadow:0 18px 42px rgba(0,0,0,.22)
}
.page-view[data-page="settings"] .settings-tab{
  min-height:74px;padding:0 13px;border-radius:7px;grid-template-columns:38px minmax(0,1fr);gap:11px
}
.page-view[data-page="settings"] .settings-tab+ .settings-tab{margin-top:4px}
.page-view[data-page="settings"] .settings-tab>span{
  width:30px;height:30px;display:grid;place-items:center;border:1px solid #29312e;border-radius:6px;
  background:#0b0f0e;color:#65706a;font-size:9px
}
.page-view[data-page="settings"] .settings-tab.active{
  border-color:#5d3033!important;border-left:2px solid var(--orange)!important;
  background:linear-gradient(90deg,rgba(217,58,65,.13),rgba(217,58,65,.025) 72%)!important
}
.page-view[data-page="settings"] .settings-tab.active>span{border-color:#71363a;background:#1a1011;color:#ff656d}
.page-view[data-page="settings"] .settings-tab b{font-size:10.5px;letter-spacing:.075em}
.page-view[data-page="settings"] .settings-tab small{margin-top:5px;font-size:8.5px;line-height:1.25;color:#7a8580}
.page-view[data-page="settings"] .settings-content{max-width:1060px}
.page-view[data-page="settings"] .settings-panel{gap:16px}
.page-view[data-page="settings"] .settings-section{
  padding:22px 24px;border-color:#303936!important;background:linear-gradient(155deg,#111615,#0a0e0d 78%);
  box-shadow:0 18px 44px rgba(0,0,0,.18)
}
.page-view[data-page="settings"] .settings-section-head{min-height:54px;padding-bottom:16px;border-bottom-color:#242c29}
.page-view[data-page="settings"] .settings-section-head h2{margin-top:6px;font-size:18px;letter-spacing:-.015em}
.page-view[data-page="settings"] .settings-section-head .eyebrow{font-size:8.5px;color:#8d9792}
.page-view[data-page="settings"] .settings-steam-compact-row{min-height:106px;padding:21px 24px}
.page-view[data-page="settings"] .settings-steam-compact-copy h2{font-size:20px}
.page-view[data-page="settings"] .settings-steam-compact-copy p{font-size:10px;line-height:1.45;color:#8e9893}
.page-view[data-page="settings"] .settings-steam-compact #settingsSteamStatus{font-size:8px;padding:6px 9px}
.page-view[data-page="settings"] .settings-steam-compact #settingsSteamLinkAction{min-width:148px;height:40px;font-size:9px}
.page-view[data-page="settings"] .settings-language-grid{gap:12px;padding-top:18px}
.page-view[data-page="settings"] .settings-language{
  min-height:96px;padding:0 17px;border-radius:8px;grid-template-columns:44px minmax(0,1fr) 24px;gap:13px
}
.page-view[data-page="settings"] .settings-language>span{width:42px;height:42px;border-radius:7px;font-size:10px}
.page-view[data-page="settings"] .settings-language b{font-size:12px}
.page-view[data-page="settings"] .settings-language small{font-size:8.5px}
.page-view[data-page="settings"] .settings-language.active{border-color:#72363b;background:linear-gradient(145deg,rgba(217,58,65,.105),#0b0f0e 68%)}
.page-view[data-page="settings"] .settings-language.active>span{color:#ff6870;border-color:#70353a;background:#180f10}
.page-view[data-page="settings"] .setting-row{min-height:88px;grid-template-columns:minmax(0,1fr) 48px;gap:20px}
.page-view[data-page="settings"] .setting-row:hover{background:linear-gradient(90deg,rgba(255,255,255,.018),transparent 72%)}
.page-view[data-page="settings"] .setting-row b{font-size:11.5px;letter-spacing:.005em}
.page-view[data-page="settings"] .setting-row small{margin-top:6px;max-width:720px;font-size:9.5px;line-height:1.48;color:#818b86}
.page-view[data-page="settings"] .setting-switch{width:46px;height:26px;border-color:#3a433f;background:#202725}
.page-view[data-page="settings"] .setting-switch:before{left:4px;top:4px;width:16px;height:16px}
.page-view[data-page="settings"] .setting-toggle-input:checked+.setting-switch{border-color:#7e3439;background:#221013;box-shadow:0 0 0 2px rgba(217,58,65,.035)}
.page-view[data-page="settings"] .setting-toggle-input:checked+.setting-switch:before{left:24px;background:#f04a53;box-shadow:0 0 10px rgba(240,74,83,.32)}
.page-view[data-page="settings"] .settings-count{min-width:34px;height:28px;font-size:9px}
.page-view[data-page="settings"] .settings-empty-state{min-height:320px}
.page-view[data-page="settings"] .settings-empty-icon{width:54px;height:54px;font-size:21px;margin-bottom:14px}
.page-view[data-page="settings"] .settings-empty-state b{font-size:12px}
.page-view[data-page="settings"] .settings-empty-state small{font-size:9.5px;line-height:1.55}

/* TOPBAR MESSAGE / NOTIFICATION POPOVERS */
#messagesPopover,#notificationsPopover{
  top:72px;width:404px;max-height:590px;border-color:#333d39;border-radius:10px;
  background:linear-gradient(155deg,rgba(17,22,20,.995),rgba(8,12,11,.995));
  box-shadow:0 34px 90px rgba(0,0,0,.64),0 0 0 1px rgba(255,255,255,.018) inset
}
#messagesPopover{right:276px}#notificationsPopover{right:226px}
#messagesPopover:before,#notificationsPopover:before{
  content:"";position:absolute;left:18px;right:18px;top:0;height:2px;
  background:linear-gradient(90deg,var(--orange),rgba(217,58,65,.1) 42%,transparent 82%)
}
.top-popover-head{height:82px;padding:0 16px 0 18px;border-bottom-color:#29312e}
.top-popover-head h3{font-size:19px;margin-top:5px;letter-spacing:-.015em}
.top-popover-head .eyebrow{font-size:8px;color:#7f8a84}
.top-popover-head .icon-btn{width:32px;height:32px;border-radius:6px;color:#9ca5a0}
.top-popover-list{max-height:400px}
.message-preview,.notification-preview{min-height:82px;padding:12px 15px;border-bottom-color:#242c29;background:#0b0f0e}
.message-preview{grid-template-columns:44px minmax(0,1fr) 9px;gap:12px}
.message-preview.unread,.notification-preview.new{background:linear-gradient(90deg,rgba(217,58,65,.075),#0c100f 42%)}
.message-preview:hover,.notification-preview:hover{background:#121715}
.message-preview .avatar{width:40px;height:40px;border-radius:8px}
.message-preview b,.notification-preview b{font-size:12px}
.message-preview span,.notification-preview span{font-size:10px;line-height:1.35;color:#a1aaa5;margin-top:4px}
.message-preview small,.notification-preview small{font-size:8.5px;color:#69736e;margin-top:5px}
.message-preview>i{width:7px;height:7px;background:#ef4a53;box-shadow:0 0 10px rgba(239,74,83,.42)}
.notification-preview{grid-template-columns:42px minmax(0,1fr);gap:12px}
.notification-preview .notify-icon{width:36px;height:36px;border-radius:8px}
.top-popover-footer{height:48px;border-top:1px solid #252d2a;background:#0f1412;font-size:9px;letter-spacing:.07em}
.top-popover-footer:hover{background:#151b18;color:#ff626a}

/* SOCIAL CENTER — full, readable messenger-like workspace */
.social-modal .party-modal-backdrop{background:rgba(2,4,4,.82);backdrop-filter:blur(7px)}
.social-modal-card{
  width:min(1120px,calc(100vw - 34px));height:min(780px,calc(100vh - 42px));
  border-color:#333d39;border-radius:11px;background:linear-gradient(160deg,#111615,#090d0c 76%);
  box-shadow:0 42px 120px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.016) inset
}
.social-modal-card:before{content:"";position:absolute;z-index:2;left:22px;top:0;width:112px;height:2px;background:var(--orange);box-shadow:0 0 20px rgba(217,58,65,.25)}
.social-modal-head{min-height:112px;padding:23px 25px;border-bottom-color:#29312e}
.social-modal-head h2{font-size:25px;margin:7px 0 7px;letter-spacing:-.025em}
.social-modal-head p{font-size:10.5px;color:#8b9690}
.social-modal-head .icon-btn{width:38px;height:38px}
.social-tabs{height:58px;padding:0 21px;gap:5px;border-bottom-color:#29312e;background:#0a0e0d}
.social-tabs button{height:46px;padding:0 14px;font-size:9.5px;letter-spacing:.065em;color:#8e9893}
.social-tabs button span{min-width:21px;height:20px;border-radius:10px;font-size:8px}
.social-tabs button.active{color:#f3f5f4;border-bottom-color:var(--orange)}
.social-tabs button.active span{background:#251012;color:#ff6169}
.social-search-row{height:72px;padding:14px 16px;border-bottom-color:#28302d;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.social-search-row input,.add-friend-body input{border-color:#303a36;background:#080c0b;border-radius:7px;padding:0 14px;font-size:11px;color:#eef2f0}
.social-search-row input:focus,.add-friend-body input:focus{border-color:#8c353b;box-shadow:0 0 0 3px rgba(217,58,65,.065)}
.social-search-row .filter{height:40px;padding:0 15px;border-color:#3b3434;background:#151011;color:#e7b0b3;font-size:9px}
.social-friend-list{height:calc(100% - 72px);grid-template-columns:repeat(2,minmax(0,1fr))}
.social-friend-row{min-height:94px;padding:13px 16px;grid-template-columns:50px minmax(0,1fr) auto;gap:13px;border-bottom-color:#252d2a}
.social-friend-row:nth-child(odd){border-right-color:#252d2a}
.social-friend-row:hover{background:#111614}
.social-friend-row.offline{opacity:.62}
.social-friend-row .avatar{width:46px;height:46px;border-radius:8px}
.social-friend-copy b{font-size:13px}
.social-friend-copy small{font-size:9px;margin-top:4px}
.social-friend-copy span{font-size:9.5px;margin-top:4px}
.social-friend-actions{gap:7px}
.social-friend-actions button{height:34px;padding:0 10px;border-radius:6px;font-size:8.5px}
.social-friend-actions button.primary-mini{border-color:#74343a;background:#1b1012;color:#ff616a}
.social-section-title{height:78px;padding:0 20px;border-bottom-color:#28302d}
.social-section-title h3{font-size:18px;margin-top:6px}
.social-section-title>small{font-size:9px}
.social-section-title .filter{height:35px;font-size:8.5px}
.request-list,.notification-center-list{height:calc(100% - 78px)}
.request-row{min-height:94px;padding:13px 18px;grid-template-columns:48px minmax(0,1fr) auto;gap:13px;border-bottom-color:#252d2a}
.request-row .avatar{width:44px;height:44px;border-radius:8px}
.request-copy b{font-size:13px}.request-copy span{font-size:9.5px}.request-copy small{font-size:8.5px}
.request-actions button{height:35px;padding:0 12px;border-radius:6px;font-size:8.5px}
.request-actions .accept{border-color:#79363c;background:#1c1012;color:#ff636b}
.request-empty{padding:48px;font-size:10.5px}

.social-inbox{grid-template-columns:350px minmax(0,1fr)}
.conversation-list{border-right-color:#2b3430;background:#090d0c}
.conversation-row{min-height:78px;padding:10px 14px;grid-template-columns:44px minmax(0,1fr) auto;gap:11px;border-bottom-color:#242c29;background:#090d0c}
.conversation-row:hover{background:#111614}
.conversation-row.active{background:linear-gradient(90deg,rgba(217,58,65,.105),#101513 58%);box-shadow:inset 2px 0 0 var(--orange)}
.conversation-row .avatar{width:40px;height:40px;border-radius:8px}
.conversation-row b{font-size:12px}
.conversation-row span{font-size:9.5px;margin-top:4px;color:#919b96}
.conversation-row>small{font-size:8px;margin-top:5px}
.conversation-panel{grid-template-rows:72px minmax(0,1fr) 68px;background:#0a0e0d}
.conversation-head{padding:0 18px;border-bottom-color:#2a322f;gap:12px;background:#0d1210}
.conversation-head .avatar{width:42px;height:42px;border-radius:8px}
.conversation-head b{font-size:13.5px}.conversation-head small{font-size:9px;margin-top:4px}
.conversation-log{padding:18px 20px;gap:11px;background:radial-gradient(circle at 70% 10%,rgba(217,58,65,.035),transparent 28%)}
.chat-bubble{max-width:72%;padding:11px 13px;border-color:#2e3834;border-radius:9px;background:#121715}
.chat-bubble.me{border-color:#71353a;background:linear-gradient(145deg,#201214,#171011)}
.chat-bubble b{font-size:8.5px;margin-bottom:5px}.chat-bubble span{font-size:11.5px;line-height:1.48;color:#e6ebe8}.chat-bubble small{font-size:8px;margin-top:6px}
.conversation-form{padding:11px 13px;grid-template-columns:minmax(0,1fr) 92px;gap:9px;border-top-color:#2a322f;background:#0d1210}
.conversation-form input{height:45px;border-color:#35403b;border-radius:7px;background:#080c0b;padding:0 13px;font-size:11px}
.conversation-form input:focus{border-color:#8d373d;box-shadow:0 0 0 3px rgba(217,58,65,.06)}
.conversation-form button{height:45px;border-color:#983940;border-radius:7px;background:linear-gradient(135deg,#db3c45,#a72831);color:#fff;font-size:9px;letter-spacing:.04em}
.conversation-form button:disabled{opacity:.38;filter:saturate(.45);cursor:not-allowed}

.notification-center-row{min-height:90px;padding:13px 18px;grid-template-columns:44px minmax(0,1fr) auto;gap:13px;border-bottom-color:#252d2a}
.notification-center-row.unread{background:linear-gradient(90deg,rgba(217,58,65,.075),#0d1210 44%)}
.notification-center-row b{font-size:12.5px}.notification-center-row span{font-size:10px;line-height:1.4}.notification-center-row small{font-size:8.5px}
.notification-center-row button{height:34px;padding:0 11px;border-radius:6px;font-size:8.5px}

/* Add friend + global search now match the social center. */
.add-friend-card{width:min(650px,calc(100vw - 30px));border-color:#333d39;border-radius:10px}
.add-friend-card .party-modal-head{min-height:104px;padding:21px 23px}
.add-friend-body{padding:18px}.add-friend-body>input{height:48px}
.add-friend-results{margin-top:13px;border-color:#2e3733;border-radius:8px}
.add-friend-result{min-height:76px;padding:11px 13px;grid-template-columns:44px minmax(0,1fr) auto;gap:12px}
.add-friend-result .avatar{width:40px;height:40px}.add-friend-result b{font-size:12px}.add-friend-result small{font-size:9px}
.add-friend-result button{height:34px;padding:0 12px;border-color:#77363b;background:#1a1012;color:#ff636b;border-radius:6px;font-size:8.5px}
.add-friend-empty{padding:32px;font-size:10px}
.global-player-search-popover{
  width:min(470px,calc(100vw - 28px));padding:17px;border-color:#333d39;border-radius:10px;
  background:linear-gradient(155deg,#121715,#090d0c);box-shadow:0 30px 90px rgba(0,0,0,.6)
}
.global-player-search-head{margin-bottom:12px}.global-player-search-head h3{font-size:19px}
.global-player-search-input{height:48px;grid-template-columns:39px minmax(0,1fr);border-color:#34403b;border-radius:7px;margin-bottom:11px}
.global-player-search-input input{height:46px;font-size:11px}.global-player-search-results{gap:6px;max-height:420px}
.global-player-search-empty{min-height:78px;font-size:10px}
.global-player-search-result{min-height:66px;padding:10px 11px;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;border-radius:7px}
.global-player-search-result .avatar{width:40px;height:40px}.global-player-search-copy b{font-size:12.5px}.global-player-search-copy small{font-size:9px}.global-player-search-elo{font-size:9.5px}

/* Live social toast — concise, legible, consistent with the topbar center. */
.social-live-toast{
  width:min(430px,calc(100vw - 28px));min-height:88px;padding:14px 15px;border-color:#383f3c;border-radius:9px;
  background:linear-gradient(145deg,#151a18,#0b0f0e);box-shadow:0 24px 65px rgba(0,0,0,.55)
}
.social-live-icon{width:42px;height:42px;border-radius:8px}
.social-live-copy>b{font-size:12.5px}.social-live-copy>small{font-size:9px;line-height:1.45}
.social-live-actions button{height:34px;border-radius:6px;font-size:8.5px}

/* Profile dropdown is another frequent secondary surface. */
.profile-dropdown{min-width:224px;border-color:#313b37;border-radius:9px;background:linear-gradient(155deg,#121715,#090d0c);box-shadow:0 24px 66px rgba(0,0,0,.58)}
.profile-dropdown-item{min-height:45px;font-size:9px}
.profile-dropdown-item:hover{background:#151a18}.profile-dropdown-item.danger:hover{background:#211012;color:#ff656d}

@media(max-width:1180px){
  .page-view[data-page="settings"] .settings-layout{padding-left:18px;padding-right:18px;grid-template-columns:245px minmax(0,1fr)}
  .social-modal-card{width:calc(100vw - 28px)}
  .social-inbox{grid-template-columns:310px minmax(0,1fr)}
}
@media(max-width:900px){
  #messagesPopover,#notificationsPopover{right:14px;left:auto;width:min(404px,calc(100vw - 28px))}
  .page-view[data-page="settings"] .settings-layout{grid-template-columns:1fr}
  .page-view[data-page="settings"] .settings-nav-card{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  .page-view[data-page="settings"] .settings-tab+ .settings-tab{margin-top:0}
  .page-view[data-page="settings"] .settings-content{max-width:none}
  .social-friend-list{grid-template-columns:1fr}.social-friend-row:nth-child(odd){border-right:0}
}
@media(max-width:680px){
  .page-view[data-page="settings"] .settings-hero{padding:21px 20px;align-items:flex-start;gap:16px;flex-direction:column}
  .page-view[data-page="settings"] .settings-hero h1{font-size:27px}
  .page-view[data-page="settings"] .settings-save-state{min-width:0;height:34px}
  .page-view[data-page="settings"] .settings-layout{padding:0 12px}
  .page-view[data-page="settings"] .settings-nav-card{grid-template-columns:1fr 1fr}
  .page-view[data-page="settings"] .settings-tab{min-height:64px;grid-template-columns:30px minmax(0,1fr)}
  .page-view[data-page="settings"] .settings-tab>span{width:26px;height:26px}
  .page-view[data-page="settings"] .settings-section{padding:18px}
  .page-view[data-page="settings"] .settings-language-grid{grid-template-columns:1fr}
  .page-view[data-page="settings"] .settings-steam-compact-row{align-items:flex-start;flex-direction:column}
  .page-view[data-page="settings"] .settings-steam-compact #settingsSteamLinkAction{width:100%}
  .social-modal-card{height:calc(100vh - 20px);width:calc(100vw - 20px)}
  .social-modal-head{min-height:96px;padding:18px}.social-modal-head h2{font-size:21px}.social-modal-head p{display:none}
  .social-tabs{padding:0 8px;overflow-x:auto}.social-tabs button{white-space:nowrap;padding:0 10px}
  .social-inbox{grid-template-columns:1fr}.conversation-list{display:none}.conversation-panel{display:grid}
  .social-search-row{height:auto;grid-template-columns:1fr}.social-search-row .filter{height:38px}
  .social-friend-list{height:calc(100% - 108px)}
  .chat-bubble{max-width:86%}
}

/* The concept/version strip is a development artifact, not production UI. Keep markup for legacy checker compatibility, hide it everywhere. */
.concept-bar{display:none!important}


/* =========================================================
   v0.85.58 — Queue feedback polish
   Subtle motion only while the authoritative/local queue is searching.
   ========================================================= */
.page-view[data-page="play"] .queue-card .find-match.searching{
  overflow:hidden!important;
  isolation:isolate!important;
  cursor:progress!important;
  background:
    radial-gradient(circle at 15% 35%,rgba(255,112,122,.23),transparent 29%),
    linear-gradient(135deg,#c72d38,#941923)!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.10),
    0 0 0 1px rgba(236,68,79,.18),
    0 12px 30px rgba(128,18,29,.16)!important;
  animation:peekQueueBreath 1.8s ease-in-out infinite!important;
}
.page-view[data-page="play"] .queue-card .find-match.searching::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  inset:-45% -24%!important;
  width:34%!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent)!important;
  transform:skewX(-18deg) translateX(-260%)!important;
  animation:peekQueueScan 2.35s cubic-bezier(.45,0,.2,1) infinite!important;
  pointer-events:none!important;
}
.page-view[data-page="play"] .queue-card .find-match.searching::after{
  content:""!important;
  position:absolute!important;
  left:20px!important;
  bottom:12px!important;
  width:calc(100% - 40px)!important;
  height:2px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,rgba(255,118,127,.18),rgba(255,255,255,.72),rgba(255,118,127,.18),transparent)!important;
  transform:scaleX(.15)!important;
  transform-origin:center!important;
  opacity:.72!important;
  animation:peekQueueProgress 1.55s ease-in-out infinite!important;
  pointer-events:none!important;
}
.page-view[data-page="play"] .queue-card .find-match.searching .play-triangle{
  animation:peekQueueIconPulse 1.35s ease-in-out infinite!important;
}
.page-view[data-page="play"] .queue-card .find-match.searching b{
  text-shadow:0 0 16px rgba(255,255,255,.12)!important;
}
.match-flow.accept-modal-mode .accept-card{
  animation:peekMatchFoundIn .22s ease-out both!important;
}
.match-flow.accept-modal-mode .live-chip.orange-chip{
  animation:peekMatchFoundChip 1.35s ease-in-out infinite!important;
}
@keyframes peekQueueBreath{
  0%,100%{filter:brightness(.96)}
  50%{filter:brightness(1.08)}
}
@keyframes peekQueueScan{
  0%{transform:skewX(-18deg) translateX(-260%);opacity:0}
  18%{opacity:.8}
  58%{opacity:.8}
  78%,100%{transform:skewX(-18deg) translateX(520%);opacity:0}
}
@keyframes peekQueueProgress{
  0%,100%{transform:scaleX(.12);opacity:.32}
  50%{transform:scaleX(.88);opacity:.82}
}
@keyframes peekQueueIconPulse{
  0%,100%{transform:scale(1);opacity:.9}
  50%{transform:scale(1.12);opacity:1}
}
@keyframes peekMatchFoundIn{
  from{transform:translateY(6px) scale(.992);opacity:.72}
  to{transform:none;opacity:1}
}
@keyframes peekMatchFoundChip{
  0%,100%{box-shadow:0 0 0 0 rgba(217,58,65,0)}
  50%{box-shadow:0 0 0 5px rgba(217,58,65,.08)}
}
@media (prefers-reduced-motion:reduce){
  .page-view[data-page="play"] .queue-card .find-match.searching,
  .page-view[data-page="play"] .queue-card .find-match.searching::before,
  .page-view[data-page="play"] .queue-card .find-match.searching::after,
  .page-view[data-page="play"] .queue-card .find-match.searching .play-triangle,
  .match-flow.accept-modal-mode .accept-card,
  .match-flow.accept-modal-mode .live-chip.orange-chip{
    animation:none!important;
  }
}


/* v0.85.58 — Match Found readability pass */
.match-flow.accept-modal-mode .flow-shell{width:min(820px,calc(100vw - 30px))!important}
.match-flow.accept-modal-mode .accept-head{min-height:112px!important;padding:23px 26px 20px!important}
.match-flow.accept-modal-mode .accept-head .live-chip{font-size:8.5px!important;height:26px!important;padding:0 10px!important}
.match-flow.accept-modal-mode .accept-head h2{font-size:30px!important}
.match-flow.accept-modal-mode .accept-head p{font-size:10.5px!important}
.match-flow.accept-modal-mode .accept-meta{min-width:136px!important;padding:10px 12px!important}
.match-flow.accept-modal-mode .accept-meta span{font-size:8px!important}
.match-flow.accept-modal-mode .accept-meta b{font-size:12.5px!important}
.match-flow.accept-modal-mode .ready-grid{gap:9px!important;padding:20px 24px 18px!important}
.match-flow.accept-modal-mode .ready-player{height:86px!important;min-height:86px!important}
.match-flow.accept-modal-mode .ready-player>span{width:35px!important;height:35px!important;font-size:10px!important}
.match-flow.accept-modal-mode .ready-player b{font-size:9.5px!important}
.match-flow.accept-modal-mode .ready-player small{font-size:7.5px!important}
.match-flow.accept-modal-mode .ready-player.ready{
  border-color:rgba(65,203,130,.48)!important;
  background:linear-gradient(180deg,rgba(65,203,130,.09),#0c100f 72%)!important;
}
.match-flow.accept-modal-mode .accept-action{padding:17px 24px 22px!important;grid-template-columns:92px minmax(0,1fr)!important}
.match-flow.accept-modal-mode .accept-timer{width:92px!important;height:72px!important}
.match-flow.accept-modal-mode .accept-timer strong{font-size:32px!important}
.match-flow.accept-modal-mode .accept-timer span{font-size:7.5px!important}
.match-flow.accept-modal-mode .accept-btn{height:72px!important;font-size:14px!important}
.match-flow.accept-modal-mode .accept-action p{font-size:8.5px!important;margin-top:2px!important}


/* =========================================================
   v0.85.59 — Visible queue animation hotfix
   The previous shimmer used z-index:-1 and could render behind the CTA background.
   Reduced-motion no longer makes queue feedback completely static; it falls back
   to a low-motion opacity pulse so the player still sees that matchmaking is live.
   ========================================================= */
.page-view[data-page="play"] .queue-card .find-match > *{
  position:relative;
  z-index:2;
}
.page-view[data-page="play"] .queue-card .find-match.searching::before{
  z-index:1!important;
  inset:-35% -30%!important;
  width:42%!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),rgba(255,255,255,.22),rgba(255,255,255,.03),transparent)!important;
  mix-blend-mode:screen;
}
.page-view[data-page="play"] .queue-card .find-match.searching::after{
  z-index:3!important;
  left:18px!important;
  right:18px!important;
  width:auto!important;
  bottom:9px!important;
  height:3px!important;
  box-shadow:0 0 12px rgba(255,120,128,.36)!important;
}
.queue-search-spinner,
.queue-search-dots{display:none}
.page-view[data-page="play"] .find-match.searching .play-triangle{display:none!important}
.page-view[data-page="play"] .find-match.searching .queue-search-spinner{
  display:block!important;
  width:29px;
  height:29px;
  flex:0 0 29px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.20);
  border-top-color:#fff;
  border-right-color:rgba(255,255,255,.72);
  box-shadow:0 0 14px rgba(255,255,255,.10),inset 0 0 8px rgba(255,255,255,.05);
  animation:peekQueueSpin .82s linear infinite!important;
}
.page-view[data-page="play"] .find-match.searching .queue-search-spinner::after{
  content:"";
  position:absolute;
  inset:6px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.34);
  animation:peekQueueInnerPulse 1.15s ease-in-out infinite!important;
}
.page-view[data-page="play"] .find-match.searching .queue-search-dots{
  display:flex!important;
  align-items:center;
  gap:4px;
  margin-left:1px;
}
.page-view[data-page="play"] .find-match.searching .queue-search-dots i{
  width:4px;
  height:4px;
  border-radius:50%;
  background:#fff;
  opacity:.28;
  animation:peekQueueDot 1.05s ease-in-out infinite!important;
}
.page-view[data-page="play"] .find-match.searching .queue-search-dots i:nth-child(2){animation-delay:.14s!important}
.page-view[data-page="play"] .find-match.searching .queue-search-dots i:nth-child(3){animation-delay:.28s!important}
@keyframes peekQueueSpin{to{transform:rotate(360deg)}}
@keyframes peekQueueInnerPulse{0%,100%{transform:scale(.72);opacity:.30}50%{transform:scale(1.18);opacity:.88}}
@keyframes peekQueueDot{0%,60%,100%{transform:translateY(0);opacity:.28}30%{transform:translateY(-4px);opacity:1}}

/* Explicit queue feedback must remain perceptible even on gaming Windows setups
   where global OS animation effects are disabled. Keep only low-motion indicators. */
@media (prefers-reduced-motion:reduce){
  .page-view[data-page="play"] .queue-card .find-match.searching{
    animation:peekQueueReducedPulse 1.35s ease-in-out infinite!important;
  }
  .page-view[data-page="play"] .queue-card .find-match.searching::before{
    animation:none!important;
    opacity:.10!important;
  }
  .page-view[data-page="play"] .queue-card .find-match.searching::after{
    animation:peekQueueProgress 1.8s ease-in-out infinite!important;
  }
  .page-view[data-page="play"] .find-match.searching .queue-search-spinner{
    animation:peekQueueSpin 1.4s linear infinite!important;
  }
  .page-view[data-page="play"] .find-match.searching .queue-search-spinner::after{
    animation:none!important;
  }
  .page-view[data-page="play"] .find-match.searching .queue-search-dots i{
    animation:peekQueueReducedDots 1.2s ease-in-out infinite!important;
  }
  .page-view[data-page="play"] .find-match.searching .queue-search-dots i:nth-child(2){animation-delay:.16s!important}
  .page-view[data-page="play"] .find-match.searching .queue-search-dots i:nth-child(3){animation-delay:.32s!important}
}
@keyframes peekQueueReducedPulse{0%,100%{filter:brightness(.97)}50%{filter:brightness(1.055)}}
@keyframes peekQueueReducedDots{0%,100%{opacity:.28}50%{opacity:.95}}

/* =========================================================
   v0.85.60 — Teams visual polish
   ========================================================= */
.page-view[data-page="teams"] .team-profile-shell{
  max-width:1540px!important;
  padding-top:18px!important;
}
.page-view[data-page="teams"] .team-profile-hero{
  position:relative!important;
  overflow:hidden!important;
  min-height:164px!important;
  padding:26px 28px!important;
  border:1px solid #2d3632!important;
  border-radius:15px!important;
  background:
    radial-gradient(720px 220px at 18% -30%,rgba(236,61,70,.13),transparent 63%),
    linear-gradient(118deg,#0e1211 0%,#0b0f0e 58%,#120c0d 100%)!important;
  box-shadow:0 18px 56px rgba(0,0,0,.23)!important;
}
.page-view[data-page="teams"] .team-profile-hero:before{
  content:"";position:absolute;left:0;top:0;width:150px;height:2px;
  background:linear-gradient(90deg,#ee3d46,rgba(238,61,70,.08));
}
.page-view[data-page="teams"] .team-profile-hero:after{
  content:"";position:absolute;right:-80px;bottom:-120px;width:360px;height:260px;
  border:1px solid rgba(238,61,70,.07);transform:rotate(-18deg);pointer-events:none;
}
.page-view[data-page="teams"] .team-profile-identity{gap:20px!important;position:relative;z-index:1}
.page-view[data-page="teams"] .team-profile-logo{
  width:88px!important;height:88px!important;border-radius:18px!important;
  font-size:25px!important;letter-spacing:.08em!important;
  border-color:rgba(239,69,77,.56)!important;
  box-shadow:0 14px 42px rgba(218,48,57,.17),inset 0 1px rgba(255,255,255,.08)!important;
}
.page-view[data-page="teams"] .team-profile-copy{min-width:0}
.page-view[data-page="teams"] .team-profile-copy>.eyebrow{font-size:9px!important;letter-spacing:.14em!important;color:#919a96!important}
.page-view[data-page="teams"] .team-title-line{margin-top:5px!important;gap:10px!important;align-items:center!important}
.page-view[data-page="teams"] .team-title-line h1{
  margin:0!important;font-size:38px!important;line-height:1!important;letter-spacing:-.035em!important;
  color:#f5f7f6!important;text-shadow:0 2px 24px rgba(255,255,255,.03)!important;
}
.page-view[data-page="teams"] .team-tag-pill{
  height:24px!important;padding:0 9px!important;border-radius:6px!important;
  display:inline-flex!important;align-items:center!important;
  border:1px solid rgba(238,61,70,.36)!important;background:rgba(238,61,70,.07)!important;
  color:#f06a71!important;font-size:9px!important;font-weight:950!important;
}
.page-view[data-page="teams"] .team-hero-chips{margin-top:13px!important;gap:7px!important}
.page-view[data-page="teams"] .team-hero-chips span{
  height:25px!important;padding:0 9px!important;border-radius:6px!important;
  border-color:#29312e!important;background:rgba(11,15,14,.78)!important;
  color:#aeb6b2!important;font-size:8px!important;letter-spacing:.04em!important;
}
.page-view[data-page="teams"] .team-hero-chips .team-chip-active{color:#6be3a8!important;border-color:rgba(65,210,145,.22)!important}
.page-view[data-page="teams"] .team-logo-owner-actions{
  position:relative;z-index:2;display:grid!important;grid-template-columns:repeat(2,minmax(130px,1fr))!important;
  gap:7px!important;width:min(390px,40vw)!important;align-items:center!important;
}
.page-view[data-page="teams"] .team-logo-owner-actions button{
  width:100%!important;height:36px!important;padding:0 12px!important;border-radius:7px!important;
  font-size:8px!important;letter-spacing:.02em!important;
}
.page-view[data-page="teams"] .team-logo-owner-actions #teamInviteOpen{grid-column:1/-1!important;height:40px!important}
.page-view[data-page="teams"] .team-logo-owner-actions small{grid-column:1/-1!important;margin-top:0!important;font-size:8px!important;color:#79827e!important}

.page-view[data-page="teams"] .team-stat-strip{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:11px 0!important;
}
.page-view[data-page="teams"] .team-stat-mini{
  position:relative!important;min-height:74px!important;padding:13px 15px!important;
  border-radius:11px!important;border-color:#29312f!important;
  background:linear-gradient(180deg,#0d1110,#090d0c)!important;
}
.page-view[data-page="teams"] .team-stat-mini:before{
  content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;border-radius:2px;background:#333c38;
}
.page-view[data-page="teams"] .team-stat-mini:first-child:before{background:#e7434c}
.page-view[data-page="teams"] .team-stat-mini span{font-size:8px!important;letter-spacing:.09em!important;color:#7d8782!important}
.page-view[data-page="teams"] .team-stat-mini b{font-size:18px!important;line-height:1.05!important;margin-top:7px!important;color:#f3f5f4!important}
.page-view[data-page="teams"] .team-stat-mini small{font-size:8px!important;color:#727c77!important;margin-top:4px!important}

.page-view[data-page="teams"] .team-profile-grid{
  grid-template-columns:minmax(0,1fr) 286px!important;gap:11px!important;align-items:start!important;
}
.page-view[data-page="teams"] .team-main-column,.page-view[data-page="teams"] .team-side-column{gap:11px!important}
.page-view[data-page="teams"] .team-roster-profile{
  overflow:hidden!important;border-radius:13px!important;border-color:#2c3531!important;
  background:linear-gradient(180deg,#0d1110,#090d0c)!important;
}
.page-view[data-page="teams"] .team-roster-profile>.toolbar{
  min-height:60px!important;padding:13px 16px!important;border-bottom:1px solid #232b28!important;background:rgba(255,255,255,.008)!important;
}
.page-view[data-page="teams"] .team-roster-profile>.toolbar .eyebrow{font-size:8px!important}
.page-view[data-page="teams"] .team-roster-profile>.toolbar h2{font-size:21px!important;margin-top:3px!important}
.page-view[data-page="teams"] .team-roster-profile>.toolbar .filter{height:34px!important;padding:0 13px!important}
.page-view[data-page="teams"] .roster-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;padding:11px!important;
}
.page-view[data-page="teams"] .roster-player{
  min-height:254px!important;height:254px!important;padding:14px 10px 10px!important;
  border-radius:11px!important;border:1px solid #29312e!important;
  background:linear-gradient(180deg,#0c100f,#090c0b)!important;
  box-shadow:none!important;transform:none!important;
  justify-content:flex-start!important;cursor:pointer!important;
}
.page-view[data-page="teams"] .roster-player:hover{
  border-color:#45524c!important;background:linear-gradient(180deg,#101513,#0a0e0d)!important;transform:translateY(-1px)!important;
}
.page-view[data-page="teams"] .roster-player.captain{
  border-color:rgba(231,67,76,.48)!important;
  background:linear-gradient(180deg,rgba(231,67,76,.065),#0a0e0d 50%)!important;
  box-shadow:inset 2px 0 #e7434c!important;
}
.page-view[data-page="teams"] .team-roster-card-top{height:17px;width:100%;display:flex;align-items:center;justify-content:space-between}
.page-view[data-page="teams"] .roster-player .role{
  position:static!important;font-size:7px!important;letter-spacing:.1em!important;color:#8f9893!important;font-weight:950!important;
}
.page-view[data-page="teams"] .roster-player.captain .role{color:#ef6b72!important}
.page-view[data-page="teams"] .team-owner-crown{
  height:18px;min-width:28px;padding:0 6px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;
  font-size:7px;font-weight:950;color:#ffd76c;border:1px solid rgba(215,168,53,.35);background:rgba(215,168,53,.07);
}
.page-view[data-page="teams"] .roster-player .big-avatar{
  width:54px!important;height:54px!important;margin:6px auto 7px!important;border-radius:10px!important;font-size:19px!important;
  box-shadow:0 8px 18px rgba(0,0,0,.20)!important;
}
.page-view[data-page="teams"] .roster-player .big-avatar.has-image{overflow:hidden!important;padding:0!important}
.page-view[data-page="teams"] .roster-player .big-avatar.has-image img{width:100%;height:100%;display:block;object-fit:cover}
.page-view[data-page="teams"] .roster-player h3{
  max-width:100%!important;margin:0!important;font-size:15px!important;line-height:1.15!important;color:#f0f3f2!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.page-view[data-page="teams"] .team-rank-visual{
  height:52px!important;margin:4px 0 5px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
}
.page-view[data-page="teams"] .team-rank-visual img{
  width:39px!important;height:39px!important;display:block!important;object-fit:contain!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))!important;
}
.page-view[data-page="teams"] .team-rank-visual span{
  max-width:76px!important;font-size:7px!important;font-weight:950!important;letter-spacing:.04em!important;color:#aeb6b2!important;line-height:1.15!important;
}
.page-view[data-page="teams"] .team-rank-visual.placement img{width:31px!important;height:31px!important;opacity:.86!important}
.page-view[data-page="teams"] .roster-card-stats{
  width:100%!important;margin-top:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;
}
.page-view[data-page="teams"] .roster-card-stats span{
  min-height:42px!important;border-radius:7px!important;border:1px solid #252d2a!important;background:#0c100f!important;
}
.page-view[data-page="teams"] .roster-card-stats span small{font-size:6.5px!important;color:#727d78!important}
.page-view[data-page="teams"] .roster-card-stats span b{font-size:12px!important;margin-top:2px!important}
.page-view[data-page="teams"] .team-member-actions{
  position:absolute!important;left:7px!important;right:7px!important;bottom:7px!important;z-index:5!important;
  display:grid!important;grid-template-columns:1fr!important;gap:4px!important;padding:6px!important;border-radius:8px!important;
  background:rgba(5,8,7,.96)!important;border:1px solid #2a322f!important;box-shadow:0 8px 20px rgba(0,0,0,.35)!important;
  opacity:0!important;transform:translateY(4px)!important;pointer-events:none!important;transition:.15s ease!important;
}
.page-view[data-page="teams"] .roster-player:hover .team-member-actions,.page-view[data-page="teams"] .team-member-actions:focus-within{opacity:1!important;transform:none!important;pointer-events:auto!important}
.page-view[data-page="teams"] .team-member-actions button{min-height:27px!important;font-size:7px!important}
.page-view[data-page="teams"] .empty-roster{
  opacity:1!important;border-style:dashed!important;border-color:#27302c!important;background:rgba(9,13,12,.55)!important;cursor:pointer!important;justify-content:center!important;
}
.page-view[data-page="teams"] .empty-roster:hover{border-color:#46534d!important;background:#0d1210!important;transform:none!important}
.page-view[data-page="teams"] .empty-roster .plus-circle{
  width:44px!important;height:44px!important;margin:0 0 13px!important;border-color:#39443f!important;background:#0b100e!important;color:#a0aaa5!important;font-size:19px!important;
}
.page-view[data-page="teams"] .empty-roster h3{font-size:14px!important;color:#abb3af!important;white-space:normal!important}
.page-view[data-page="teams"] .empty-roster .empty-roster-copy{font-size:8px!important;color:#69736e!important;margin:8px auto 12px!important;max-width:130px!important}
.page-view[data-page="teams"] .empty-roster .small-roster-btn{height:29px!important;font-size:7px!important;padding:0 11px!important}

.page-view[data-page="teams"] .team-captain-card,.page-view[data-page="teams"] .team-info-card,
.page-view[data-page="teams"] .team-management-card,.page-view[data-page="teams"] .team-match-history{
  border-radius:12px!important;border-color:#29322e!important;background:linear-gradient(180deg,#0d1110,#090d0c)!important;
}
.page-view[data-page="teams"] .team-captain-card{padding:15px!important}
.page-view[data-page="teams"] .team-captain-card>.eyebrow{font-size:8px!important}
.page-view[data-page="teams"] .team-captain-user{margin-top:12px!important;gap:11px!important;align-items:center!important}
.page-view[data-page="teams"] .team-captain-user .big-avatar{width:54px!important;height:54px!important;font-size:18px!important;margin:0!important;border-radius:10px!important}
.page-view[data-page="teams"] .team-captain-user .big-avatar.has-image{overflow:hidden!important;padding:0!important}
.page-view[data-page="teams"] .team-captain-user .big-avatar.has-image img{width:100%;height:100%;object-fit:cover;display:block}
.page-view[data-page="teams"] .team-owner-copy{min-width:0;flex:1}
.page-view[data-page="teams"] .team-captain-user h3{font-size:17px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.page-view[data-page="teams"] .team-captain-user p{font-size:9px!important;color:#838c87!important}
.page-view[data-page="teams"] .team-captain-badges{gap:6px!important;margin-top:8px!important;align-items:center!important}
.page-view[data-page="teams"] .team-owner-rank{display:inline-flex;align-items:center;gap:4px;min-width:0;color:#c8cecb}
.page-view[data-page="teams"] .team-owner-rank img{width:25px;height:25px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.35))}
.page-view[data-page="teams"] .team-owner-rank b{font-size:7px;line-height:1.1;max-width:86px}
.page-view[data-page="teams"] .small-team-tag{height:20px!important;padding:0 7px!important;font-size:7px!important}
.page-view[data-page="teams"] .team-info-card{padding:15px!important}
.page-view[data-page="teams"] .team-info-grid{gap:7px!important;margin-top:11px!important}
.page-view[data-page="teams"] .team-info-grid div{min-height:60px!important;padding:10px!important;border-radius:8px!important}
.page-view[data-page="teams"] .team-info-grid span{font-size:7px!important}
.page-view[data-page="teams"] .team-info-grid b{font-size:12px!important;margin-top:5px!important}

.page-view[data-page="teams"] .team-management-card{margin-top:0!important;overflow:hidden!important}
.page-view[data-page="teams"] .team-management-card>.toolbar,.page-view[data-page="teams"] .team-match-history>.toolbar{min-height:54px!important;padding:11px 14px!important}
.page-view[data-page="teams"] .team-management-card h2,.page-view[data-page="teams"] .team-match-history h2{font-size:18px!important}
.page-view[data-page="teams"] .team-invite-empty{min-height:52px!important;font-size:9px!important;border-color:#29312e!important;background:#0a0e0d!important}
.page-view[data-page="teams"] .team-outgoing-invite{min-height:54px!important}
.page-view[data-page="teams"] .team-match-history{padding-bottom:9px!important}
.page-view[data-page="teams"] .profile-empty-history{min-height:82px!important;margin:0 11px!important;border:1px dashed #28312d!important;border-radius:8px!important;background:#090d0c!important}
.page-view[data-page="teams"] .profile-empty-history b{font-size:11px!important;color:#9ea7a2!important}
.page-view[data-page="teams"] .profile-empty-history small{font-size:8px!important;color:#66706b!important}

.page-view[data-page="teams"] .team-invite-panel{border-radius:12px!important;border-color:#303a35!important;box-shadow:0 16px 40px rgba(0,0,0,.24)!important}
.page-view[data-page="teams"] .team-invite-row{border-radius:8px!important}

/* Empty/no-team state should feel like the same product, not a setup screen. */
.page-view[data-page="teams"] .team-create-empty{
  max-width:760px!important;min-height:300px!important;margin:32px auto 0!important;border-radius:15px!important;
  background:radial-gradient(460px 170px at 50% 0,rgba(232,58,68,.09),transparent 68%),linear-gradient(180deg,#0d1110,#090d0c)!important;
}
.page-view[data-page="teams"] .team-create-empty h1{font-size:30px!important}
.page-view[data-page="teams"] .team-create-empty p{font-size:11px!important;max-width:510px!important}

@media(max-width:1300px){
  .page-view[data-page="teams"] .team-profile-grid{grid-template-columns:1fr!important}
  .page-view[data-page="teams"] .team-side-column{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .page-view[data-page="teams"] .roster-player{height:244px!important;min-height:244px!important}
}
@media(max-width:1040px){
  .page-view[data-page="teams"] .roster-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .page-view[data-page="teams"] .team-logo-owner-actions{width:min(360px,45vw)!important}
}
@media(max-width:820px){
  .page-view[data-page="teams"] .team-profile-hero{align-items:flex-start!important;flex-direction:column!important}
  .page-view[data-page="teams"] .team-logo-owner-actions{width:100%!important}
  .page-view[data-page="teams"] .team-stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .page-view[data-page="teams"] .roster-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .page-view[data-page="teams"] .team-side-column{grid-template-columns:1fr!important}
}
@media(max-width:560px){
  .page-view[data-page="teams"] .team-profile-logo{width:72px!important;height:72px!important}
  .page-view[data-page="teams"] .team-title-line h1{font-size:30px!important}
  .page-view[data-page="teams"] .roster-grid{grid-template-columns:1fr!important}
  .page-view[data-page="teams"] .roster-player{height:236px!important;min-height:236px!important}
}

/* =========================================================
   v0.85.61 — Info / Rules / Reports overhaul
   ========================================================= */
.page-view[data-page="info"] .info-v08561-shell{
  max-width:1500px;
}
.page-view[data-page="info"] .info-hero-v2{
  min-height:236px;
  padding:30px 34px!important;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(390px,.65fr);
  gap:34px;
  align-items:center;
  overflow:hidden;
  position:relative;
  background:
    radial-gradient(circle at 78% 35%,rgba(218,46,57,.10),transparent 34%),
    linear-gradient(115deg,#101413 0%,#0b0f0e 58%,#15100f 100%)!important;
  border-color:#343b38!important;
}
.page-view[data-page="info"] .info-hero-v2:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;width:3px;
  background:#e53f4b;
}
.page-view[data-page="info"] .info-hero-copy{max-width:790px;position:relative;z-index:1}
.page-view[data-page="info"] .info-hero-v2 h1{
  margin:8px 0 10px!important;
  font-size:34px!important;
  line-height:1.08!important;
  letter-spacing:-.035em;
}
.page-view[data-page="info"] .info-hero-v2 .info-hero-copy>p{
  margin:0;
  max-width:760px;
  color:#a0a8a4!important;
  font-size:13px!important;
  line-height:1.65!important;
}
.page-view[data-page="info"] .info-hero-actions{display:flex;gap:10px;margin-top:20px;align-items:center}
.page-view[data-page="info"] .info-anchor-btn{
  height:42px;
  min-width:150px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-size:10px;
  font-weight:950;
  letter-spacing:.025em;
}
.page-view[data-page="info"] .info-hero-trust{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  position:relative;
  z-index:1;
}
.page-view[data-page="info"] .info-hero-trust>div{
  min-height:112px;
  padding:16px 14px;
  border:1px solid #313936;
  border-radius:9px;
  background:rgba(7,10,9,.72);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.page-view[data-page="info"] .info-hero-trust span,
.page-view[data-page="info"] .info-fact-row span,
.page-view[data-page="info"] .info-penalty-grid>div>span{
  color:#7f8883;
  font-size:8px;
  font-weight:950;
  letter-spacing:.09em;
}
.page-view[data-page="info"] .info-hero-trust b{margin:8px 0 4px;color:#f5f7f6;font-size:21px;line-height:1}
.page-view[data-page="info"] .info-hero-trust small{color:#767f7a;font-size:9px;line-height:1.35}

.page-view[data-page="info"] .info-section-nav{
  min-height:48px;
  margin:12px 0;
  padding:6px;
  border:1px solid #2e3533;
  border-radius:8px;
  background:#0b0f0e;
  display:flex;
  align-items:center;
  gap:4px;
}
.page-view[data-page="info"] .info-section-nav a{
  height:34px;
  padding:0 16px;
  border-radius:6px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#8d9691;
  text-decoration:none;
  font-size:9px;
  font-weight:900;
  letter-spacing:.045em;
  transition:.16s ease;
}
.page-view[data-page="info"] .info-section-nav a:hover{color:#fff;background:#151a18}

.page-view[data-page="info"] .info-overview-grid{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(360px,.65fr);
  gap:12px;
  margin-bottom:12px;
}
.page-view[data-page="info"] .info-story-card,
.page-view[data-page="info"] .info-match-record-card,
.page-view[data-page="info"] .info-ranked-card,
.page-view[data-page="info"] .info-rules-card,
.page-view[data-page="info"] .info-reports-card,
.page-view[data-page="info"] .info-penalties-card,
.page-view[data-page="info"] .info-rank-system,
.page-view[data-page="info"] .info-faq-v2{
  border-color:#303835!important;
  background:linear-gradient(180deg,#0e1311,#090d0c)!important;
  border-radius:10px!important;
}
.page-view[data-page="info"] .info-story-card{padding:24px!important}
.page-view[data-page="info"] .info-story-card h2,
.page-view[data-page="info"] .info-match-record-card h2,
.page-view[data-page="info"] .info-section-heading h2,
.page-view[data-page="info"] .info-rank-system .toolbar h2{
  margin:6px 0 10px!important;
  font-size:22px!important;
  line-height:1.15!important;
}
.page-view[data-page="info"] .info-story-card>p{
  max-width:940px;
  margin:0 0 10px;
  color:#959e99!important;
  font-size:11px!important;
  line-height:1.7!important;
}
.page-view[data-page="info"] .info-fact-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:18px;
}
.page-view[data-page="info"] .info-fact-row>div{
  min-height:88px;
  padding:13px;
  border:1px solid #27302d;
  border-radius:8px;
  background:#0a0e0d;
}
.page-view[data-page="info"] .info-fact-row b{display:block;margin:6px 0 4px;font-size:12px;color:#edf0ee}
.page-view[data-page="info"] .info-fact-row small{display:block;color:#727b76;font-size:8.5px;line-height:1.45}

.page-view[data-page="info"] .info-match-record-card{padding:22px!important}
.page-view[data-page="info"] .info-match-record-card>h2{margin-bottom:16px!important}
.page-view[data-page="info"] .info-check-list{display:grid;gap:7px}
.page-view[data-page="info"] .info-check-list>div{
  min-height:53px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:8px 10px;
  border:1px solid #28302d;
  border-radius:7px;
  background:#0a0e0d;
}
.page-view[data-page="info"] .info-check-list i,
.page-view[data-page="info"] .info-case-flow i{
  width:28px;height:28px;
  display:grid;place-items:center;
  border:1px solid rgba(229,63,75,.42);
  border-radius:50%;
  background:rgba(229,63,75,.08);
  color:#f0525d;
  font-style:normal;
  font-size:8px;
  font-weight:950;
}
.page-view[data-page="info"] .info-check-list span{min-width:0;display:flex;flex-direction:column;gap:2px}
.page-view[data-page="info"] .info-check-list b{font-size:10px;color:#e7eae8}
.page-view[data-page="info"] .info-check-list small{font-size:8px;color:#717a75;line-height:1.35}

.page-view[data-page="info"] .info-ranked-card,
.page-view[data-page="info"] .info-penalties-card,
.page-view[data-page="info"] .info-faq-v2{padding:22px!important;margin-bottom:12px}
.page-view[data-page="info"] .info-section-heading{
  min-height:48px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  border-bottom:1px solid #242c29;
  padding-bottom:13px;
  margin-bottom:16px;
}
.page-view[data-page="info"] .info-section-heading h2{margin-bottom:0!important}
.page-view[data-page="info"] .info-ranked-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
.page-view[data-page="info"] .info-ranked-copy{padding-right:8px}
.page-view[data-page="info"] .info-ranked-copy h3{font-size:15px;margin:0 0 8px}
.page-view[data-page="info"] .info-ranked-copy>p,
.page-view[data-page="info"] .info-section-lead{
  color:#8e9792!important;
  font-size:10.5px!important;
  line-height:1.7!important;
}
.page-view[data-page="info"] .info-rule-note,
.page-view[data-page="info"] .info-review-policy{
  margin-top:15px;
  padding:12px 14px;
  border-left:2px solid #e43d49;
  border-radius:0 7px 7px 0;
  background:#130d0e;
  display:flex;
  flex-direction:column;
  gap:5px;
}
.page-view[data-page="info"] .info-rule-note b,
.page-view[data-page="info"] .info-review-policy b{font-size:10px;color:#f1f3f2}
.page-view[data-page="info"] .info-rule-note span,
.page-view[data-page="info"] .info-review-policy span{font-size:9px;color:#8a938e;line-height:1.55}
.page-view[data-page="info"] .info-ranked-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.page-view[data-page="info"] .info-ranked-points>div{
  min-height:92px;
  padding:13px;
  border:1px solid #29312e;
  border-radius:8px;
  background:#090d0c;
}
.page-view[data-page="info"] .info-ranked-points b{display:block;margin-bottom:6px;font-size:9px;color:#f06a73;letter-spacing:.045em}
.page-view[data-page="info"] .info-ranked-points span{display:block;font-size:9px;color:#838c87;line-height:1.5}

.page-view[data-page="info"] .info-policy-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-bottom:12px}
.page-view[data-page="info"] .info-rules-card,
.page-view[data-page="info"] .info-reports-card{padding:22px!important}
.page-view[data-page="info"] .info-policy-mark{
  width:34px;height:34px;
  border:1px solid #5a252a;
  border-radius:8px;
  display:grid;place-items:center;
  background:#170d0f;
  color:#f04d58;
  font-size:10px;
  font-weight:950;
}
.page-view[data-page="info"] .info-rule-groups{display:grid;gap:8px}
.page-view[data-page="info"] .info-rule-groups>div{
  padding:12px 13px;
  border:1px solid #29312e;
  border-radius:8px;
  background:#090d0c;
}
.page-view[data-page="info"] .info-rule-groups h3{margin:0 0 5px!important;font-size:11px!important;color:#edf0ee}
.page-view[data-page="info"] .info-rule-groups p{margin:0!important;font-size:9px!important;color:#858e89!important;line-height:1.55!important}
.page-view[data-page="info"] .info-important-note{
  margin-top:10px;
  padding:12px 13px;
  border:1px solid rgba(76,204,146,.22);
  border-radius:8px;
  background:rgba(33,94,67,.08);
  display:grid;
  gap:4px;
}
.page-view[data-page="info"] .info-important-note strong{font-size:9px;color:#5dd69f;letter-spacing:.05em}
.page-view[data-page="info"] .info-important-note span{font-size:9px;color:#87908b;line-height:1.5}

.page-view[data-page="info"] .info-case-flow{display:grid;gap:7px;margin-top:14px}
.page-view[data-page="info"] .info-case-flow>div{
  min-height:54px;
  padding:8px 10px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:10px;
  align-items:center;
  border:1px solid #28302d;
  border-radius:8px;
  background:#090d0c;
}
.page-view[data-page="info"] .info-case-flow span{display:flex;flex-direction:column;gap:2px}
.page-view[data-page="info"] .info-case-flow b{font-size:9px;color:#eef0ef;letter-spacing:.04em}
.page-view[data-page="info"] .info-case-flow small{font-size:8.5px;color:#78817c;line-height:1.4}

.page-view[data-page="info"] .info-penalty-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.page-view[data-page="info"] .info-penalty-grid>div{
  min-height:124px;
  padding:14px;
  border:1px solid #29312e;
  border-radius:8px;
  background:#090d0c;
}
.page-view[data-page="info"] .info-penalty-grid b{display:block;margin:7px 0 7px;font-size:12px;color:#edf0ee}
.page-view[data-page="info"] .info-penalty-grid p{margin:0!important;font-size:9px!important;color:#828b86!important;line-height:1.55!important}

.page-view[data-page="info"] .info-rank-system{margin-bottom:12px!important;min-height:0!important}
.page-view[data-page="info"] .info-rank-system .toolbar{padding:20px 22px 4px!important;border-bottom:0!important}
.page-view[data-page="info"] .info-rank-system .toolbar p{
  max-width:720px;
  margin:5px 0 0!important;
  color:#858e89!important;
  font-size:9.5px!important;
  line-height:1.5!important;
}
.page-view[data-page="info"] .info-rank-system .rank-showcase{padding:12px 16px 18px!important;gap:9px!important}
.page-view[data-page="info"] .info-rank-system .rank-showcase-card{height:164px!important;border-radius:8px!important}
.page-view[data-page="info"] .info-rank-system .rank-showcase-card img{width:110px!important;height:98px!important}
.page-view[data-page="info"] .info-rank-system .rank-showcase-card b{font-size:10px!important}
.page-view[data-page="info"] .info-rank-system .rank-showcase-card span{font-size:8.5px!important}

.page-view[data-page="info"] .info-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.page-view[data-page="info"] .info-faq-grid details{
  border:1px solid #29312e;
  border-radius:8px;
  background:#090d0c;
  overflow:hidden;
}
.page-view[data-page="info"] .info-faq-grid summary{
  min-height:50px;
  padding:10px 13px;
  display:flex;
  align-items:center;
  cursor:pointer;
  font-size:10px;
  font-weight:850;
  color:#e7eae8;
  list-style:none;
}
.page-view[data-page="info"] .info-faq-grid summary::-webkit-details-marker{display:none}
.page-view[data-page="info"] .info-faq-grid summary:after{content:"+";margin-left:auto;color:#6f7873;font-size:14px}
.page-view[data-page="info"] .info-faq-grid details[open] summary:after{content:"−";color:#e04a55}
.page-view[data-page="info"] .info-faq-grid p{
  margin:0!important;
  padding:0 13px 13px!important;
  color:#818a85!important;
  font-size:9px!important;
  line-height:1.6!important;
}

.page-view[data-page="info"] .info-beta-note{
  min-height:88px;
  margin-bottom:20px;
  padding:16px 18px;
  border:1px solid #2b3330;
  border-radius:9px;
  background:#090d0c;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.page-view[data-page="info"] .info-beta-note>div{min-width:0}
.page-view[data-page="info"] .info-beta-note b{display:block;margin:5px 0 4px;font-size:11px;color:#e7eae8}
.page-view[data-page="info"] .info-beta-note p{margin:0!important;color:#747d78!important;font-size:8.5px!important;line-height:1.5!important}
.page-view[data-page="info"] .info-beta-note .secondary-action{flex:none;min-width:170px}

@media(max-width:1260px){
  .page-view[data-page="info"] .info-hero-v2{grid-template-columns:1fr;padding:26px!important}
  .page-view[data-page="info"] .info-overview-grid{grid-template-columns:1fr}
  .page-view[data-page="info"] .info-policy-grid{grid-template-columns:1fr}
  .page-view[data-page="info"] .info-penalty-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .page-view[data-page="info"] .info-hero-v2 h1{font-size:28px!important}
  .page-view[data-page="info"] .info-hero-trust,
  .page-view[data-page="info"] .info-fact-row{grid-template-columns:1fr}
  .page-view[data-page="info"] .info-ranked-grid,
  .page-view[data-page="info"] .info-faq-grid{grid-template-columns:1fr}
  .page-view[data-page="info"] .info-section-nav{overflow-x:auto;justify-content:flex-start}
  .page-view[data-page="info"] .info-section-nav a{white-space:nowrap}
  .page-view[data-page="info"] .info-rank-system .rank-showcase{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .page-view[data-page="info"] .info-beta-note{align-items:flex-start;flex-direction:column}
}
@media(max-width:620px){
  .page-view[data-page="info"] .info-hero-v2{padding:20px!important}
  .page-view[data-page="info"] .info-hero-actions{align-items:stretch;flex-direction:column}
  .page-view[data-page="info"] .info-ranked-points,
  .page-view[data-page="info"] .info-penalty-grid{grid-template-columns:1fr}
  .page-view[data-page="info"] .info-rank-system .rank-showcase{grid-template-columns:1fr!important}
}


/* =========================================================
   v0.85.62 — Info Fair Play / CS2AC readability overhaul
   ========================================================= */
.page-view[data-page="info"] .info-v08562-shell{max-width:1540px!important;padding-bottom:34px!important}
.page-view[data-page="info"] .info62-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(430px,.65fr);gap:34px;align-items:center;min-height:320px;padding:38px 40px!important;margin-bottom:14px;border-color:#343a37;background:radial-gradient(circle at 82% 36%,rgba(210,44,57,.13),transparent 33%),linear-gradient(135deg,#0b100f 0%,#0c1110 58%,#130c0e 100%)}
.page-view[data-page="info"] .info62-hero:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#ef4652}
.page-view[data-page="info"] .info62-hero h1{max-width:760px;margin:8px 0 14px!important;font-size:42px!important;line-height:1.02!important;letter-spacing:-.04em!important;color:#f4f6f5}
.page-view[data-page="info"] .info62-hero-copy>p{max-width:820px;margin:0!important;color:#aab2ae!important;font-size:15.5px!important;line-height:1.7!important}
.page-view[data-page="info"] .info62-actions{display:flex;gap:10px;margin-top:24px}.page-view[data-page="info"] .info62-actions>*{min-height:46px;padding:0 22px!important;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:11px!important;font-weight:900}
.page-view[data-page="info"] .info62-security-grid{display:grid;gap:10px}
.page-view[data-page="info"] .info62-security-card{min-height:82px;padding:15px 17px;border:1px solid #323a37;border-radius:9px;background:rgba(8,12,11,.78);box-shadow:inset 0 1px rgba(255,255,255,.018)}
.page-view[data-page="info"] .info62-security-card.ac{border-color:#673038;background:linear-gradient(90deg,rgba(191,42,54,.12),rgba(8,12,11,.82))}
.page-view[data-page="info"] .info62-security-card span{display:block;color:#7f8984;font-size:9px;font-weight:950;letter-spacing:.11em}.page-view[data-page="info"] .info62-security-card b{display:block;margin:5px 0 3px;color:#f2f5f3;font-size:20px;line-height:1}.page-view[data-page="info"] .info62-security-card small{color:#8f9893;font-size:11px;line-height:1.4}
.page-view[data-page="info"] .info62-nav{position:sticky;top:66px;z-index:12;display:flex;align-items:center;gap:4px;min-height:54px;margin:0 0 14px;padding:7px;border:1px solid #2d3432;border-radius:9px;background:rgba(8,12,11,.96);backdrop-filter:blur(12px)}
.page-view[data-page="info"] .info62-nav a{min-height:38px;padding:0 17px;display:flex;align-items:center;border-radius:7px;color:#9ba49f;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:.05em}.page-view[data-page="info"] .info62-nav a:hover{background:#151011;color:#fff}
.page-view[data-page="info"] .info62-fair,.page-view[data-page="info"] .info62-ranked,.page-view[data-page="info"] .info62-penalties,.page-view[data-page="info"] .info62-faq{padding:30px!important;margin-bottom:14px}
.page-view[data-page="info"] .info62-section-title{max-width:980px;margin-bottom:22px}.page-view[data-page="info"] .info62-section-title h2{margin:6px 0 10px!important;font-size:27px!important;line-height:1.15!important;letter-spacing:-.025em}.page-view[data-page="info"] .info62-section-title>p{margin:0!important;color:#939c97!important;font-size:14px!important;line-height:1.68!important}
.page-view[data-page="info"] .info62-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.page-view[data-page="info"] .info62-pillars article{min-height:182px;padding:20px;border:1px solid #2d3532;border-radius:9px;background:#090d0c;display:flex;gap:15px}.page-view[data-page="info"] .info62-pillars strong{width:38px;height:38px;flex:none;border:1px solid #663038;border-radius:8px;display:grid;place-items:center;background:#160d0f;color:#f1545f;font-size:10px}.page-view[data-page="info"] .info62-pillars h3{margin:1px 0 8px!important;font-size:16px!important}.page-view[data-page="info"] .info62-pillars p{margin:0!important;color:#929b96!important;font-size:13px!important;line-height:1.62!important}
.page-view[data-page="info"] .info62-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.page-view[data-page="info"] .info62-rules,.page-view[data-page="info"] .info62-reports{padding:28px!important}
.page-view[data-page="info"] .info62-rule-list{display:grid;gap:9px}.page-view[data-page="info"] .info62-rule-list article{padding:15px 16px;border:1px solid #2c3431;border-radius:8px;background:#090d0c}.page-view[data-page="info"] .info62-rule-list b{display:block;margin-bottom:6px;font-size:14px;color:#eef1ef}.page-view[data-page="info"] .info62-rule-list p{margin:0!important;color:#8d9691!important;font-size:12.5px!important;line-height:1.62!important}
.page-view[data-page="info"] .info62-note{margin-top:12px;padding:14px 16px;border:1px solid #4d292e;border-radius:8px;background:#120d0e;display:flex;flex-direction:column;gap:4px}.page-view[data-page="info"] .info62-note.green{border-color:#28523e;background:#0b1511}.page-view[data-page="info"] .info62-note b{font-size:11px;color:#f0f3f1}.page-view[data-page="info"] .info62-note.green b{color:#68d9a2}.page-view[data-page="info"] .info62-note span{color:#929b96;font-size:11.5px;line-height:1.55}
.page-view[data-page="info"] .info62-case-steps{display:grid;gap:8px}.page-view[data-page="info"] .info62-case-steps article{min-height:68px;padding:10px 12px;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px;border:1px solid #2c3431;border-radius:8px;background:#090d0c}.page-view[data-page="info"] .info62-case-steps i{width:34px;height:34px;display:grid;place-items:center;border:1px solid #663038;border-radius:50%;background:#160d0f;color:#f1545f;font-size:10px;font-style:normal;font-weight:950}.page-view[data-page="info"] .info62-case-steps b{display:block;font-size:11px;color:#edf0ee}.page-view[data-page="info"] .info62-case-steps span{display:block;margin-top:3px;color:#8c9590;font-size:11px;line-height:1.4}
.page-view[data-page="info"] .info62-ranked-grid,.page-view[data-page="info"] .info62-penalty-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.page-view[data-page="info"] .info62-ranked-grid article,.page-view[data-page="info"] .info62-penalty-grid article{min-height:150px;padding:18px;border:1px solid #2d3532;border-radius:9px;background:#090d0c}.page-view[data-page="info"] .info62-ranked-grid span,.page-view[data-page="info"] .info62-penalty-grid span{display:block;color:#e65a64;font-size:9px;font-weight:950;letter-spacing:.09em}.page-view[data-page="info"] .info62-ranked-grid b,.page-view[data-page="info"] .info62-penalty-grid b{display:block;margin:8px 0 8px;color:#f0f3f1;font-size:15px}.page-view[data-page="info"] .info62-ranked-grid p,.page-view[data-page="info"] .info62-penalty-grid p{margin:0!important;color:#8b948f!important;font-size:12px!important;line-height:1.6!important}
.page-view[data-page="info"] .info62-ranks{margin-bottom:14px!important}.page-view[data-page="info"] .info62-ranks .toolbar{padding:25px 28px 8px!important;border-bottom:0!important}.page-view[data-page="info"] .info62-ranks .toolbar h2{font-size:27px!important}.page-view[data-page="info"] .info62-ranks .toolbar p{margin:6px 0 0!important;color:#929b96!important;font-size:13px!important}.page-view[data-page="info"] .info62-ranks .rank-showcase{padding:14px 18px 24px!important;gap:10px!important}.page-view[data-page="info"] .info62-ranks .rank-showcase-card{height:210px!important}.page-view[data-page="info"] .info62-ranks .rank-showcase-card img{width:142px!important;height:132px!important}.page-view[data-page="info"] .info62-ranks .rank-showcase-card b{font-size:12px!important}.page-view[data-page="info"] .info62-ranks .rank-showcase-card span{font-size:10px!important}
.page-view[data-page="info"] .info62-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.page-view[data-page="info"] .info62-faq-grid details{border:1px solid #2d3532;border-radius:8px;background:#090d0c;overflow:hidden}.page-view[data-page="info"] .info62-faq-grid summary{min-height:60px;padding:0 16px;display:flex;align-items:center;cursor:pointer;list-style:none;color:#edf0ee;font-size:13px;font-weight:850}.page-view[data-page="info"] .info62-faq-grid summary::-webkit-details-marker{display:none}.page-view[data-page="info"] .info62-faq-grid summary:after{content:"+";margin-left:auto;color:#777f7b;font-size:18px}.page-view[data-page="info"] .info62-faq-grid details[open] summary:after{content:"−";color:#ef4b57}.page-view[data-page="info"] .info62-faq-grid p{margin:0!important;padding:0 16px 16px!important;color:#919a95!important;font-size:12.5px!important;line-height:1.62!important}
.page-view[data-page="info"] .info62-beta-note{min-height:100px;padding:18px 22px;border:1px solid #2d3532;border-radius:9px;background:#090d0c;display:flex;align-items:center;justify-content:space-between;gap:20px}.page-view[data-page="info"] .info62-beta-note b{display:block;margin:5px 0;font-size:14px}.page-view[data-page="info"] .info62-beta-note p{max-width:960px;margin:0!important;color:#818a85!important;font-size:11.5px!important;line-height:1.5!important}
@media(max-width:1180px){.page-view[data-page="info"] .info62-hero{grid-template-columns:1fr}.page-view[data-page="info"] .info62-pillars{grid-template-columns:1fr}.page-view[data-page="info"] .info62-two-col{grid-template-columns:1fr}.page-view[data-page="info"] .info62-ranked-grid,.page-view[data-page="info"] .info62-penalty-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.page-view[data-page="info"] .info62-hero{padding:24px!important}.page-view[data-page="info"] .info62-hero h1{font-size:31px!important}.page-view[data-page="info"] .info62-hero-copy>p{font-size:14px!important}.page-view[data-page="info"] .info62-actions{flex-direction:column}.page-view[data-page="info"] .info62-nav{position:static;overflow-x:auto}.page-view[data-page="info"] .info62-nav a{white-space:nowrap}.page-view[data-page="info"] .info62-fair,.page-view[data-page="info"] .info62-ranked,.page-view[data-page="info"] .info62-penalties,.page-view[data-page="info"] .info62-faq,.page-view[data-page="info"] .info62-rules,.page-view[data-page="info"] .info62-reports{padding:20px!important}.page-view[data-page="info"] .info62-ranked-grid,.page-view[data-page="info"] .info62-penalty-grid,.page-view[data-page="info"] .info62-faq-grid{grid-template-columns:1fr}.page-view[data-page="info"] .info62-ranks .rank-showcase{grid-template-columns:repeat(2,minmax(0,1fr))!important}.page-view[data-page="info"] .info62-beta-note{align-items:flex-start;flex-direction:column}}


/* ============================================================
   v0.85.63 — zero-counter visibility + ELO rollback info
   ============================================================ */
/* Author CSS sets .counter to display:grid, which overrides the browser's
   default [hidden] rule. Make zero unread counters truly disappear. */
.top-actions .counter[hidden],
#notificationCounter[hidden]{display:none!important}

.page-view[data-page="info"] .info62-elo-rollback{
  margin-top:12px;padding:18px 19px;border:1px solid #28523e;border-radius:9px;
  background:linear-gradient(110deg,rgba(32,112,76,.12),rgba(9,13,12,.98) 62%);
}
.page-view[data-page="info"] .info62-elo-rollback h3{margin:6px 0 8px!important;font-size:17px!important;line-height:1.25!important;color:#eef4f1}
.page-view[data-page="info"] .info62-elo-rollback p{margin:0!important;color:#a3ada7!important;font-size:13px!important;line-height:1.62!important}
.page-view[data-page="info"] .info62-elo-rollback small{display:block;margin-top:9px;color:#7f8a84;font-size:11px;line-height:1.5}


/* ============================================================
   v0.85.64 — FINAL UI CLEANUP
   Production-facing copy, 100% zoom readability and responsive nav.
   No matchmaking / ELO / match authority logic changes.
   ============================================================ */

/* Never expose concept/debug chrome in normal product UI. */
.concept-bar{display:none!important}
#detailAdvancedSchema{min-width:0!important}

/* Consistent readable baseline at desktop 100% zoom. */
.secondary-shell .eyebrow,
.match-details-shell .eyebrow,
.settings-shell .eyebrow,
.match-flow .eyebrow{font-size:9.5px!important;line-height:1.25!important}
.secondary-shell .toolbar h2,
.match-details-shell .toolbar h2{font-size:20px!important}
.secondary-shell .toolbar small,
.secondary-shell .section-top,
.secondary-shell .mini-title{font-size:9.5px!important}

/* Common controls should never collapse into micro-text. */
.secondary-shell .primary-action,
.secondary-shell .wide-ghost,
.secondary-shell .filter,
.match-flow .primary-action,
.match-flow .wide-ghost,
.match-details-shell .primary-action,
.match-details-shell .wide-ghost{font-size:9.5px!important;min-height:36px}

/* Match flow readability: keep dense data, but not at 6–8 px. */
.match-flow .team-person b{font-size:13px!important}
.match-flow .veto-player-stats{font-size:9.5px!important;line-height:1.35!important}
.match-flow .veto-rank-visual small{font-size:8.5px!important}
.match-flow .team-chat-card,
.match-flow .team-chat-card input,
.match-flow .team-chat-card button{font-size:10px!important}
.match-flow .room-player b{font-size:12px!important}
.match-flow .room-player small{font-size:9px!important}

/* Post-match / details: labels and secondary stats remain readable at 100%. */
.summary-shell .summary-table-head,
.summary-shell .summary-player-row,
.match-details-shell .detail-score-head,
.match-details-shell .detail-player-row{font-size:9.5px!important}
.summary-shell .summary-player-identity b,
.match-details-shell .detail-player-identity b{font-size:12px!important}
.summary-shell .summary-player-identity small,
.match-details-shell .detail-player-identity small{font-size:9px!important}
.summary-advanced-head>span{font-size:9px!important;letter-spacing:.08em!important;color:#7f8984!important}

/* Ranking/profile/teams supporting text was still too small on 100% zoom. */
.page-view[data-page="ranking"] .leader-row small,
.page-view[data-page="ranking"] .ranking-row small,
.page-view[data-page="profile"] .profile-hero small,
.page-view[data-page="profile"] .metric small,
.page-view[data-page="teams"] small{font-size:9px!important;line-height:1.35!important}
.page-view[data-page="teams"] .team-roster-card b,
.page-view[data-page="teams"] .team-member-card b{font-size:12px!important}

/* Social surfaces: keep messages and notification metadata comfortably readable. */
.chat-bubble span{font-size:12px!important;line-height:1.5!important}
.conversation-row span,.notification-center-row span{font-size:10px!important}
.conversation-row small,.notification-center-row small{font-size:9px!important}

/* Info already has its dedicated large typography; normalize navigation and cards. */
.page-view[data-page="info"] .info62-nav a{font-size:10.5px!important}
.page-view[data-page="info"] .info62-rule-list p,
.page-view[data-page="info"] .info62-pillars p,
.page-view[data-page="info"] .info62-ranked-grid p,
.page-view[data-page="info"] .info62-penalty-grid p{font-size:13px!important}

/* Keep every top navigation destination available. Older CSS hid items 7+ at 1180px. */
@media(max-width:1180px){
  .topbar{grid-template-columns:155px minmax(0,1fr) auto!important;padding-left:12px!important;padding-right:12px!important}
  .brand img{width:142px!important}
  .main-nav{display:flex!important;justify-content:flex-start!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;gap:4px!important;max-width:none!important}
  .main-nav::-webkit-scrollbar{display:none!important}
  .main-nav .nav-link,
  .main-nav .nav-link:nth-child(n+7){display:flex!important;flex:0 0 auto!important;min-width:66px!important;padding:0 8px!important;font-size:11px!important}
  .profile-chip{min-width:150px!important}
}
@media(max-width:860px){
  .topbar{grid-template-columns:128px minmax(0,1fr) auto!important}
  .brand img{width:118px!important}
  .main-nav .nav-link{min-width:61px!important;font-size:10.5px!important}
  .profile-chip{min-width:48px!important;width:48px!important;padding:5px!important}
  .profile-chip .profile-copy,.profile-chip .chev{display:none!important}
  .secondary-shell,.match-details-shell,.settings-shell{padding-left:14px!important;padding-right:14px!important}
}
@media(max-width:680px){
  .topbar{height:auto!important;min-height:64px!important;grid-template-columns:112px minmax(0,1fr) auto!important}
  .main-nav{padding:5px 0!important}
  .main-nav .nav-link{min-height:44px!important}
  .top-actions{gap:5px!important}
  .icon-btn{width:38px!important;height:38px!important}
}

/* ============================================================
   v0.85.65 — avatar + match UI hotfix
   - user-owned avatar upload surfaces
   - stable clickable match summary
   - larger post-match / MVP / highlights at 100% zoom
   ============================================================ */
.avatar.has-custom-avatar,
.auth-avatar-preview.has-custom-avatar,
.settings-profile-avatar.has-custom-avatar{
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  color:transparent!important;
  text-shadow:none!important;
}
img.has-custom-avatar{object-fit:cover!important;object-position:center!important}

.auth-avatar-picker{
  min-height:76px;padding:10px 11px;border:1px solid #29302d;border-radius:8px;background:#0a0e0d;
  display:grid;grid-template-columns:52px minmax(0,1fr) auto auto;gap:10px;align-items:center;
}
.auth-avatar-picker-login{grid-template-columns:46px minmax(0,1fr) auto;min-height:64px}
.auth-avatar-preview{
  width:52px;height:52px;border-radius:10px;border:1px solid #3a423e;background:#171c1a;
  display:grid;place-items:center;font-size:18px;font-weight:950;color:#d8ddda;overflow:hidden;
}
.auth-avatar-picker-login .auth-avatar-preview{width:46px;height:46px}
.auth-avatar-picker>div{min-width:0}.auth-avatar-picker b{display:block;color:#dce1de;font-size:8.5px;letter-spacing:.06em}
.auth-avatar-picker b small{color:#6f7973;font-size:6.5px;margin-left:5px}.auth-avatar-picker p{margin:4px 0 0;color:#707a74;font-size:7.5px;line-height:1.4}
.auth-avatar-button,.auth-avatar-remove{height:34px;padding:0 11px;border-radius:6px;font-size:7.5px;font-weight:900;letter-spacing:.05em;cursor:pointer}
.auth-avatar-button{border:1px solid #484f4b;background:#121715;color:#dce1de}.auth-avatar-button:hover{border-color:#d93a41;color:#fff}
.auth-avatar-remove{border:1px solid #5a2f33;background:#190d0f;color:#d7787e}.auth-avatar-remove[hidden]{display:none!important}
@media(max-width:620px){.auth-avatar-picker,.auth-avatar-picker-login{grid-template-columns:52px 1fr}.auth-avatar-button,.auth-avatar-remove{grid-column:auto;min-width:0}}

.settings-avatar-section{padding:18px!important}
.settings-avatar-row{display:grid;grid-template-columns:82px minmax(0,1fr) auto;gap:16px;align-items:center}
.settings-profile-avatar{width:82px!important;height:82px!important;border-radius:14px!important;font-size:26px!important;border:1px solid #39413d!important;overflow:hidden}
.settings-avatar-copy h2{margin:4px 0 5px;font-size:21px}.settings-avatar-copy p{margin:0;color:#929b96;font-size:11px;line-height:1.5}.settings-avatar-copy small{display:block;margin-top:5px;color:#69736d;font-size:9px}
.settings-avatar-actions{display:flex;gap:8px;align-items:center}.settings-avatar-actions button{min-width:116px}
@media(max-width:780px){.settings-avatar-row{grid-template-columns:68px 1fr}.settings-profile-avatar{width:68px!important;height:68px!important}.settings-avatar-actions{grid-column:1/-1}.settings-avatar-actions button{flex:1}}

/* Post-match should fill the screen comfortably instead of looking like a tiny embedded widget. */
.flow-view[data-flow="summary"] .summary-shell{
  grid-template-columns:minmax(0,1fr) 470px!important;
  grid-template-areas:"hero side" "table table"!important;
  gap:14px!important;
}
.flow-view[data-flow="summary"] .result-hero{height:278px!important;min-height:278px!important}
.flow-view[data-flow="summary"] .result-score-main strong{font-size:58px!important;line-height:.95!important}
.flow-view[data-flow="summary"] .result-score-main span{font-size:11px!important}
.flow-view[data-flow="summary"] .result-bottom{font-size:12px!important;padding:0 22px 18px!important}
.flow-view[data-flow="summary"] .result-bottom b{font-size:13px!important}
.flow-view[data-flow="summary"] .summary-table-card>.toolbar{min-height:66px!important;padding:0 16px!important}
.flow-view[data-flow="summary"] .summary-table-card>.toolbar h2{font-size:22px!important}
.flow-view[data-flow="summary"] .summary-rating span{font-size:9px!important}.flow-view[data-flow="summary"] .summary-rating b{font-size:30px!important}
.flow-view[data-flow="summary"] .summary-teams-grid{gap:12px!important;padding:10px!important}
.flow-view[data-flow="summary"] .summary-team-title{height:58px!important;min-height:58px!important;padding:0 13px!important}
.flow-view[data-flow="summary"] .summary-team-title>div>b{font-size:14px!important}.flow-view[data-flow="summary"] .summary-team-title>strong{font-size:34px!important}
.flow-view[data-flow="summary"] .summary-team-panel .summary-head{height:34px!important;min-height:34px!important;padding:0 12px!important;font-size:8.5px!important}
.flow-view[data-flow="summary"] .summary-team-panel .summary-player{height:59px!important;min-height:59px!important;padding:0 12px!important}
.flow-view[data-flow="summary"] .summary-team-panel .summary-player .avatar{width:36px!important;height:36px!important;flex:0 0 36px!important}
.flow-view[data-flow="summary"] .summary-player-meta b{font-size:12.5px!important}.flow-view[data-flow="summary"] .summary-rank-mini{width:25px!important;height:25px!important}.flow-view[data-flow="summary"] .summary-rank-label{font-size:7.8px!important}
.flow-view[data-flow="summary"] .summary-team-panel .summary-player>span,.flow-view[data-flow="summary"] .summary-team-panel .summary-player>b{font-size:11.5px!important}

/* Give MVP/highlights breathing room instead of squeezing them into micro cards. */
.flow-view[data-flow="summary"] .summary-actions-card{
  height:278px!important;min-height:278px!important;padding:12px!important;
  grid-template-columns:155px minmax(0,1fr)!important;
  grid-template-rows:84px 122px 44px!important;gap:8px 10px!important;overflow:visible!important;
}
.flow-view[data-flow="summary"] .summary-rank-card{height:214px!important;min-height:214px!important;padding:10px!important}
.flow-view[data-flow="summary"] .summary-rank-token{width:86px!important;height:86px!important}.flow-view[data-flow="summary"] .summary-rank-card.placement-mode .summary-rank-token{width:76px!important;height:76px!important}
.flow-view[data-flow="summary"] .summary-rank-card .eyebrow{font-size:9px!important}.flow-view[data-flow="summary"] .summary-rank-name{font-size:10px!important}
.flow-view[data-flow="summary"] .summary-actions-card .summary-rank-card strong{font-size:25px!important;margin:5px 0!important}.flow-view[data-flow="summary"] .summary-rank-card.placement-mode strong{font-size:16px!important}
.flow-view[data-flow="summary"] .summary-rank-card small{font-size:9px!important;line-height:1.3!important}.flow-view[data-flow="summary"] .summary-rank-card em{font-size:8px!important}
.flow-view[data-flow="summary"] .match-mvp{height:84px!important;min-height:84px!important;padding:11px 13px!important;gap:11px!important}
.flow-view[data-flow="summary"] .match-mvp .mvp-star{width:42px!important;height:42px!important;font-size:17px!important}.flow-view[data-flow="summary"] .match-mvp small{font-size:9.5px!important}.flow-view[data-flow="summary"] .match-mvp b{font-size:19px!important}.flow-view[data-flow="summary"] .match-mvp span:last-child{font-size:10px!important}
.flow-view[data-flow="summary"] .match-highlights{gap:8px!important}.flow-view[data-flow="summary"] .highlight-stat{padding:10px 11px!important;border-radius:8px!important}.flow-view[data-flow="summary"] .highlight-stat span{font-size:8.5px!important}.flow-view[data-flow="summary"] .highlight-stat b{font-size:18px!important;margin:4px 0 2px!important}.flow-view[data-flow="summary"] .highlight-stat small{font-size:8.5px!important}
.flow-view[data-flow="summary"] .summary-actions button{height:44px!important;min-height:44px!important;font-size:9px!important;padding:0 8px!important}

/* Advanced stats no longer require zooming to read. */
.flow-view[data-flow="summary"] .summary-advanced-strip{padding:16px 14px 18px!important}
.flow-view[data-flow="summary"] .summary-advanced-head b{font-size:12px!important}.flow-view[data-flow="summary"] .summary-advanced-head>span{font-size:9px!important}
.flow-view[data-flow="summary"] .summary-advanced-grid{gap:8px!important}.flow-view[data-flow="summary"] .summary-advanced-grid>div{padding:10px 9px!important;min-height:64px!important}.flow-view[data-flow="summary"] .summary-advanced-grid span{font-size:8px!important}.flow-view[data-flow="summary"] .summary-advanced-grid b{font-size:15px!important}.flow-view[data-flow="summary"] .summary-advanced-grid small{font-size:8px!important}

/* Click hotfix: visual map/shade layers must never eat player or action clicks. */
.flow-view[data-flow="summary"] .result-map-bg,
.flow-view[data-flow="summary"] .result-map-shade{pointer-events:none!important}
.flow-view[data-flow="summary"] .summary-actions-card,
.flow-view[data-flow="summary"] .summary-actions,
.flow-view[data-flow="summary"] .summary-actions button,
.flow-view[data-flow="summary"] [data-player]{position:relative;z-index:3;pointer-events:auto!important}
.flow-view[data-flow="summary"] [data-player]{cursor:pointer}

@media(max-width:1320px){
  .flow-view[data-flow="summary"] .summary-shell{grid-template-columns:1fr!important;grid-template-areas:"hero" "side" "table"!important}
  .flow-view[data-flow="summary"] .summary-actions-card{height:auto!important;min-height:244px!important;grid-template-columns:160px minmax(0,1fr)!important}
}
@media(max-width:900px){
  .flow-view[data-flow="summary"] .summary-teams-grid{grid-template-columns:1fr!important}
  .flow-view[data-flow="summary"] .summary-team-panel .summary-row-grid{grid-template-columns:minmax(145px,1.5fr) repeat(6,minmax(38px,.5fr))!important}
}


/* ============================================================
   v0.85.66 — Match Details 125% readability + CS2AC attribution fix
   Make History -> Match Details read like the accepted 125% browser zoom
   while the browser remains at native 100%. Visual-only; no match/ELO logic.
   ============================================================ */
.page-view[data-page="match-details"] .match-details-shell{
  max-width:1580px!important;
  padding-top:24px!important;
}
.page-view[data-page="match-details"] .match-details-hero{
  height:320px!important;
  border-radius:14px!important;
}
.page-view[data-page="match-details"] .match-details-copy{left:28px!important;bottom:28px!important}
.page-view[data-page="match-details"] .match-details-copy .eyebrow{font-size:11px!important}
.page-view[data-page="match-details"] .match-details-copy h1{font-size:50px!important;line-height:.96!important;margin:7px 0 12px!important}
.page-view[data-page="match-details"] .detail-scoreline{gap:18px!important}
.page-view[data-page="match-details"] .detail-scoreline strong{font-size:49px!important;line-height:.95!important}
.page-view[data-page="match-details"] .match-details-copy p{font-size:11px!important;line-height:1.45!important;color:#aeb7b2!important}
.page-view[data-page="match-details"] .match-details-actions button{height:46px!important;min-width:172px!important;font-size:10.5px!important}

.page-view[data-page="match-details"] .match-detail-meta-grid{gap:12px!important;margin:12px 0!important}
.page-view[data-page="match-details"] .detail-meta-card{min-height:104px!important;padding:17px 18px!important;border-radius:11px!important}
.page-view[data-page="match-details"] .detail-meta-card>span{font-size:9.5px!important}
.page-view[data-page="match-details"] .detail-meta-card>b{font-size:16px!important;margin:7px 0 4px!important}
.page-view[data-page="match-details"] .detail-meta-card>small{font-size:9.5px!important;line-height:1.4!important}

.page-view[data-page="match-details"] .detail-scoreboard-card>.toolbar{height:72px!important;min-height:72px!important;padding:0 18px!important}
.page-view[data-page="match-details"] .detail-scoreboard-card>.toolbar .eyebrow{font-size:10px!important}
.page-view[data-page="match-details"] .detail-scoreboard-card>.toolbar h2{font-size:24px!important}
.page-view[data-page="match-details"] .detail-scoreboard-card>.toolbar button{height:40px!important;font-size:10px!important}
.page-view[data-page="match-details"] .detail-teams-grid{gap:14px!important;padding:14px!important}
.page-view[data-page="match-details"] .detail-team-panel{border-radius:12px!important}
.page-view[data-page="match-details"] .detail-team-panel .detail-team-title{height:64px!important;min-height:64px!important;padding:0 16px!important}
.page-view[data-page="match-details"] .detail-team-title>div span{font-size:9px!important}
.page-view[data-page="match-details"] .detail-team-title>div b{font-size:15px!important}
.page-view[data-page="match-details"] .detail-team-title>strong{font-size:39px!important}
.page-view[data-page="match-details"] .detail-team-panel .detail-score-grid{
  grid-template-columns:minmax(160px,1.55fr) 94px repeat(4,38px) 50px 50px 58px 55px!important;
}
.page-view[data-page="match-details"] .detail-team-panel .detail-score-head{
  height:39px!important;min-height:39px!important;padding:0 10px!important;font-size:8.6px!important;letter-spacing:.035em!important;
}
.page-view[data-page="match-details"] .detail-team-panel .detail-player-row{
  height:69px!important;min-height:69px!important;padding:0 10px!important;font-size:10.8px!important;
}
.page-view[data-page="match-details"] .detail-team-panel .detail-player-identity{gap:9px!important}
.page-view[data-page="match-details"] .detail-team-panel .detail-player-identity .avatar{width:39px!important;height:39px!important;flex:0 0 39px!important;border-radius:9px!important}
.page-view[data-page="match-details"] .detail-team-panel .detail-player-identity b{font-size:13.2px!important}
.page-view[data-page="match-details"] .detail-team-panel .detail-player-identity small{font-size:9px!important;line-height:1.25!important}
.page-view[data-page="match-details"] .detail-team-panel .detail-rank-visual{gap:7px!important}
.page-view[data-page="match-details"] .detail-team-panel .detail-rank-visual img{width:31px!important;height:31px!important}
.page-view[data-page="match-details"] .detail-team-panel .detail-rank-visual small{font-size:8px!important;overflow:visible!important;text-overflow:clip!important}
.page-view[data-page="match-details"] .detail-team-panel .detail-player-row>span,
.page-view[data-page="match-details"] .detail-team-panel .detail-player-row>b{font-size:10.5px!important;font-variant-numeric:tabular-nums!important}

.page-view[data-page="match-details"] .detail-advanced-card,
.page-view[data-page="match-details"] .match-round-timeline-card{border-radius:12px!important;margin-top:16px!important}
.page-view[data-page="match-details"] .detail-advanced-card .toolbar,
.page-view[data-page="match-details"] .match-round-timeline-card .toolbar{min-height:70px!important;padding:0 18px!important}
.page-view[data-page="match-details"] .detail-advanced-toolbar h2,
.page-view[data-page="match-details"] .match-round-timeline-card .toolbar h2{font-size:23px!important}
.page-view[data-page="match-details"] .detail-advanced-content{padding:18px!important}
.page-view[data-page="match-details"] .detail-advanced-player-tabs{min-height:82px!important;padding:12px 16px!important;gap:8px!important}
.page-view[data-page="match-details"] .detail-advanced-player-tabs button{min-height:58px!important;padding:8px!important;grid-template-columns:30px minmax(0,1fr)!important;column-gap:8px!important}
.page-view[data-page="match-details"] .detail-advanced-player-tabs button>span{width:30px!important;height:30px!important;font-size:11px!important}
.page-view[data-page="match-details"] .detail-advanced-player-tabs button>b{font-size:11px!important}
.page-view[data-page="match-details"] .detail-advanced-player-tabs button>small{font-size:8.5px!important}
.page-view[data-page="match-details"] .detail-advanced-selected{min-height:78px!important;padding-bottom:13px!important;margin-bottom:13px!important}
.page-view[data-page="match-details"] .detail-advanced-selected h3{font-size:24px!important}
.page-view[data-page="match-details"] .detail-advanced-selected small{font-size:10.5px!important}
.page-view[data-page="match-details"] .detail-side-card{min-height:128px!important;padding:17px 19px!important}
.page-view[data-page="match-details"] .detail-side-card>span{font-size:9.5px!important}
.page-view[data-page="match-details"] .detail-side-card>strong{font-size:32px!important}
.page-view[data-page="match-details"] .detail-side-card>small{font-size:10px!important}
.page-view[data-page="match-details"] .detail-advanced-metric-grid{gap:10px!important}
.page-view[data-page="match-details"] .detail-advanced-metric-grid>div{min-height:108px!important;padding:14px!important}
.page-view[data-page="match-details"] .detail-advanced-metric-grid>div>span{font-size:9.5px!important}
.page-view[data-page="match-details"] .detail-advanced-metric-grid>div>b{font-size:24px!important;margin:8px 0 6px!important}
.page-view[data-page="match-details"] .detail-advanced-metric-grid>div>small{font-size:10px!important}
.page-view[data-page="match-details"] .detail-clutch-breakdown{min-height:70px!important;padding:11px 14px!important}
.page-view[data-page="match-details"] .detail-clutch-breakdown>span{font-size:9.5px!important}
.page-view[data-page="match-details"] .detail-clutch-breakdown span small{font-size:8.5px!important}
.page-view[data-page="match-details"] .detail-clutch-breakdown span b{font-size:13px!important}

.page-view[data-page="match-details"] .match-round-timeline{gap:7px!important;padding:15px 18px!important}
.page-view[data-page="match-details"] .match-round-timeline span{width:32px!important;height:32px!important;font-size:9.5px!important}
.page-view[data-page="match-details"] .match-context-grid>div{padding:15px 17px!important}
.page-view[data-page="match-details"] .match-context-grid span{font-size:9px!important}
.page-view[data-page="match-details"] .match-context-grid b{font-size:14px!important;margin-top:6px!important}
.page-view[data-page="match-details"] .match-context-grid small{font-size:9.5px!important}

.page-view[data-page="match-details"] .detail-bottom-grid{gap:14px!important;margin-bottom:30px!important}
.page-view[data-page="match-details"] .detail-mvp-card,
.page-view[data-page="match-details"] .detail-highlights-card,
.page-view[data-page="match-details"] .detail-demo-card{min-height:190px!important;padding:18px!important}
.page-view[data-page="match-details"] .detail-mvp-card{grid-template-columns:64px 1fr!important;gap:16px!important}
.page-view[data-page="match-details"] .detail-mvp-card .mvp-star{width:58px!important;height:58px!important;font-size:24px!important}
.page-view[data-page="match-details"] .detail-mvp-card h2{font-size:25px!important}
.page-view[data-page="match-details"] .detail-mvp-card p{font-size:11px!important}
.page-view[data-page="match-details"] .detail-highlights-card{gap:10px!important}
.page-view[data-page="match-details"] .detail-highlight{padding:14px!important}
.page-view[data-page="match-details"] .detail-highlight>span{font-size:9.5px!important}
.page-view[data-page="match-details"] .detail-highlight>b{font-size:23px!important}
.page-view[data-page="match-details"] .detail-highlight>small{font-size:10px!important}
.page-view[data-page="match-details"] .detail-demo-card h3{font-size:20px!important}
.page-view[data-page="match-details"] .detail-demo-card p{font-size:11px!important;line-height:1.6!important}
.page-view[data-page="match-details"] .detail-demo-contract{font-size:9.5px!important}

@media(max-width:1380px){
  .page-view[data-page="match-details"] .detail-teams-grid{grid-template-columns:1fr!important}
  .page-view[data-page="match-details"] .detail-team-panel .detail-score-grid{grid-template-columns:minmax(190px,1.55fr) 105px repeat(4,45px) 58px 58px 66px 64px!important}
}
@media(max-width:900px){
  .page-view[data-page="match-details"] .detail-team-panel{overflow-x:auto!important}
  .page-view[data-page="match-details"] .detail-team-panel .detail-score-grid{min-width:880px!important}
}


/* ============================================================
   v0.85.67 — TOP STATS DUPLICATE + CHAT READABILITY HOTFIX
   Targeted usability fix only. No broader visual polish.
   ============================================================ */

/* Lobby chat: typed sentences and sent messages must be readable at 100% zoom. */
.page-view[data-page="play"] .party-chat-large .party-chat-log>div{
  line-height:1.4!important;
}
.page-view[data-page="play"] .party-chat-large .party-chat-log b{
  font-size:11.5px!important;
  line-height:1.4!important;
}
.page-view[data-page="play"] .party-chat-large .party-chat-log span{
  font-size:12.5px!important;
  line-height:1.4!important;
  font-weight:700!important;
  overflow-wrap:anywhere!important;
}
.page-view[data-page="play"] .party-chat-large form{
  min-height:46px!important;
}
.page-view[data-page="play"] .party-chat-large input{
  font-size:13.5px!important;
  line-height:1.35!important;
  font-weight:700!important;
  letter-spacing:0!important;
  padding:0 12px!important;
}
.page-view[data-page="play"] .party-chat-large input::placeholder{
  font-size:12.5px!important;
  line-height:1.35!important;
}
.page-view[data-page="play"] .party-chat-large button{
  font-size:9.5px!important;
}

/* Veto team chat: same readable input/message baseline as Lobby. */
.flow-view[data-flow="veto"] .veto-chat-wide .team-chat-messages>div{
  line-height:1.4!important;
}
.flow-view[data-flow="veto"] .veto-chat-wide .team-chat-messages b{
  font-size:11.5px!important;
  line-height:1.4!important;
}
.flow-view[data-flow="veto"] .veto-chat-wide .team-chat-messages span{
  font-size:12.5px!important;
  line-height:1.4!important;
  overflow-wrap:anywhere!important;
}
.flow-view[data-flow="veto"] .veto-chat-wide .team-chat-form{
  min-height:50px!important;
}
.flow-view[data-flow="veto"] .veto-chat-wide .team-chat-form input{
  font-size:13.5px!important;
  line-height:1.35!important;
  font-weight:700!important;
  letter-spacing:0!important;
  padding:0 12px!important;
}
.flow-view[data-flow="veto"] .veto-chat-wide .team-chat-form input::placeholder{
  font-size:12.5px!important;
  line-height:1.35!important;
}
.flow-view[data-flow="veto"] .veto-chat-wide .team-chat-form button{
  font-size:9.5px!important;
}


/* ============================================================
   v0.85.68 — SUMMARY TOP STATS DATA CLEANUP
   No visual polish: summary highlight cards now render one authoritative
   value + leader line and no stale secondary nickname node.
   ============================================================ */