/* Main sections are always visible; personal controls remain in the account menu. */
.site-mobile-menu>nav{max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain;max-width:calc(100vw - 28px)}
.site-mobile-heading{display:flex;align-items:center;justify-content:space-between;padding:0 8px 8px;border-bottom:1px solid var(--border)}
.site-mobile-heading strong{font-size:13px}.site-mobile-heading .icon-btn{width:44px;height:44px}
.site-mobile-group>summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:10px 13px;font-size:13px;cursor:pointer;list-style:none}
.site-mobile-group>summary::-webkit-details-marker{display:none}.site-mobile-group>summary::after{content:'+';font-size:18px}.site-mobile-group[open]>summary::after{content:'−'}
.site-mobile-group[open]{background:var(--soft)}.site-mobile-group summary:focus-visible{outline:2px solid var(--fg);outline-offset:-2px}
.profile-candidates{display:grid;gap:8px}.profile-candidates .btn{display:flex;gap:12px;justify-content:flex-start;text-align:left;white-space:normal;min-height:66px}
.profile-candidates .btn>img{width:40px;height:40px;border-radius:4px;object-fit:cover;flex:none}.profile-candidates .btn>span{flex:1;min-width:0;overflow-wrap:anywhere}
.profile-candidates strong,.profile-candidates small{display:block}.profile-candidates small{font-size:12px;font-weight:400;color:var(--muted);margin-top:5px}
.matchup-scope{font:13px/1.6 var(--reading-font);color:var(--muted);padding:12px 16px;border-top:1px solid var(--border);margin:0}
@media(max-width:760px){.site-workspace .profile-tabs,.site-workspace .match-tabs{flex-wrap:wrap;overflow:visible;mask-image:none;gap:4px 8px;padding-right:0;border-bottom:1px solid var(--border)}.site-workspace .profile-tabs>button,.site-workspace .match-tabs>button{flex:0 0 auto;min-width:0;min-height:44px;padding:10px 8px;white-space:nowrap;font-size:12px}}
.site-workspace{margin-left:0!important;min-width:0;width:100%}.site-masthead{background:#171d24;border-bottom:1px solid #303740;position:relative;z-index:30}.site-topbar{max-width:1500px;margin:auto;padding:0 26px!important;border:0!important;background:transparent!important;gap:26px!important;min-height:68px;height:auto!important;overflow:visible}.site-topbar .brand{font-size:22px;letter-spacing:-.8px;flex:none}.site-topbar .brand span{font-size:9px;letter-spacing:2.4px}.site-primary-nav{display:flex;align-self:stretch;gap:0;min-width:0}.site-nav-link{display:flex;align-items:center;padding:0 12px;min-height:68px;font-size:12px;font-weight:600;white-space:nowrap;color:#aeb7c2;text-decoration:none!important;border-bottom:3px solid transparent}.site-nav-link:hover{color:#f3f5f6;background:#222b35}.site-nav-link.active{color:#f6f7f8;border-bottom-color:#aeafb2;background:#202833}.site-premium-link{color:#d6b875!important}.site-nav-link.site-premium-link.active{border-bottom-color:#d6b875}.site-topbar .top-actions{margin-left:auto;gap:13px}.site-topbar .source-chip,.site-topbar .faction-chip{display:none}.site-section-nav{display:flex;gap:24px;max-width:1448px;margin:auto;padding:0 26px;overflow-x:auto;scrollbar-width:thin}.site-section-nav a{display:flex;align-items:center;white-space:nowrap;min-height:42px;font-size:11px;color:#aab5bf;text-decoration:none}.site-section-nav a:hover{color:white}.site-mobile-menu{display:none}.site-eyebrow{display:block;letter-spacing:2px;font-size:10px;font-weight:700;color:#c4ab73}.site-workspace .page-layout{width:100%;max-width:1448px;margin-inline:auto;min-width:0;padding-top:24px}.site-workspace .profile-tabs{gap:24px}.profile-premium-tab{color:#d6b875!important}.profile-premium-tab[aria-selected=true]{border-color:#d6b875!important}.profile-premium-tab[aria-disabled=true]{opacity:.75;cursor:pointer}.profile-premium-tab span{font-size:11px}.site-topbar a:focus-visible,.site-section-nav a:focus-visible{outline:2px solid #d6b875;outline-offset:-4px}
.premium-preview-root{width:100%;min-width:0}.premium-preview{position:relative;min-height:470px;overflow:hidden;border:1px solid #67583d;background:linear-gradient(135deg,#22272d,#171c23);margin-top:18px}.premium-preview-background{padding:30px;filter:blur(7px);opacity:.32;user-select:none;pointer-events:none}.premium-preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.premium-preview-metrics>div{height:90px;border:1px solid #87909b;padding:20px}.premium-preview-metrics i,.premium-preview-metrics b{display:block;height:9px;background:#b6bbbe;width:45%;margin-bottom:15px}.premium-preview-metrics b{height:22px;width:65%}.premium-preview-table>div{display:grid;grid-template-columns:42px 2fr 1fr 1fr;gap:24px;padding:17px;border-bottom:1px solid #9099a4;align-items:center}.premium-preview-table i{height:34px;background:#8e999d}.premium-preview-table span,.premium-preview-table b{height:12px;background:#9ba6b0}.premium-preview-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:32px;background:linear-gradient(transparent,#14191fe0)}.premium-preview-symbol{color:#d6b875;font-size:32px;margin-bottom:12px}.premium-preview-eyebrow{font-size:10px;letter-spacing:3px;color:#d6b875}.premium-preview-overlay h2{font-size:30px;line-height:1.15;margin:14px 0!important}.premium-preview-overlay p{max-width:410px;font-size:13px;line-height:1.7;color:#bdc4ca;margin-bottom:22px}.premium-preview-action{background:#c8ad72!important;color:#14181c!important;border-color:#c8ad72!important;font-weight:700;min-height:44px}.premium-preview-secondary{font-size:11px;color:#c8ad72!important;margin-top:16px;text-decoration:underline}
.encounter-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:8px 0 24px}.encounter-heading h2{font-size:29px;margin:10px 0!important}.encounter-heading p{font-size:13px;color:var(--muted);line-height:1.6}.encounter-directory{font-size:12px;white-space:nowrap}.encounter-summary{display:flex;gap:34px;border-block:1px solid var(--border);padding:18px 0;margin-bottom:20px}.encounter-summary>span{display:flex;flex-direction:column;gap:7px;font-size:11px;color:var(--muted)}.encounter-summary strong{font-size:24px;font-weight:500;color:var(--fg)}.encounter-toolbar{margin:15px 0}.encounter-table{border:1px solid var(--border);background:var(--panel);min-width:0}.encounter-table-head,.encounter-match{display:grid;grid-template-columns:minmax(160px,1.1fr) minmax(230px,2fr) 90px 115px 78px;gap:18px;align-items:center;padding:17px 20px}.encounter-table-head{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;background:#ffffff03}.encounter-match{border-top:1px solid var(--border);font-size:12px}.encounter-match:hover{background:#ffffff03}.encounter-match-hero{display:flex;gap:12px;align-items:center;text-decoration:none!important;min-width:0}.encounter-match-hero img{width:38px;height:46px;object-fit:cover;border:1px solid var(--border)}.encounter-match-hero strong{display:block;font-size:13px}.encounter-match-hero small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.encounter-people{display:grid;gap:10px;min-width:0}.encounter-person{display:flex;gap:8px;align-items:center;flex-wrap:wrap;line-height:1.6}.encounter-person>a{font-size:13px;font-weight:600}.encounter-relation{font-size:10px;color:var(--muted)}.encounter-relation.ally,.encounter-result.win{color:#90b9a0}.encounter-relation.opponent,.encounter-result.loss{color:#c48f8d}.encounter-match time{color:var(--muted);font-size:10px;line-height:1.6}.encounter-analysis{font-size:11px;white-space:nowrap}.encounter-footer{display:flex;gap:24px;justify-content:space-between;align-items:center;padding:18px 0}.encounter-footer p{max-width:760px;color:var(--muted);font-size:11px;line-height:1.8}.encounter-empty{padding:46px 24px;text-align:center}.encounter-empty p{max-width:540px;margin:14px auto 22px;color:var(--muted);line-height:1.8;font-size:13px}
@media(max-width:1250px){.site-topbar{gap:12px!important;padding-inline:20px!important}.site-nav-link{padding-inline:9px;font-size:11px}.site-topbar .brand{font-size:20px}.site-topbar .top-actions{gap:9px}.site-topbar .steam-entry{font-size:10px}}
@media(max-width:1050px){.site-topbar{flex-wrap:wrap;padding-top:12px!important;gap:8px 16px!important}.site-topbar .brand{order:0}.site-topbar .top-actions{order:1}.site-primary-nav{order:2;width:100%;flex-basis:100%;overflow-x:auto;scrollbar-width:thin}.site-nav-link{min-height:45px;padding:0 15px;font-size:12px}.site-section-nav{padding-inline:20px}.site-topbar .brand span{display:none}.site-mobile-menu{display:block}.site-mobile-child{font-size:11px!important;padding-left:24px!important;color:var(--muted)!important}.encounter-table-head,.encounter-match{grid-template-columns:150px minmax(190px,1fr) 72px 90px 65px;gap:12px;padding-inline:14px}}
@media(max-width:760px){.site-topbar{padding-inline:14px!important}.site-nav-link{padding-inline:12px;font-size:11px}.site-section-nav{padding-inline:14px;gap:22px}.site-topbar .top-actions .steam-entry{padding-inline:8px;min-height:36px}.site-workspace .page-layout{padding:20px 14px 32px}.site-workspace .profile-tabs{gap:20px}.site-workspace .profile-tabs button{font-size:11px;min-height:46px}.premium-preview{min-height:440px}.premium-preview-background{padding:16px}.premium-preview-metrics{gap:10px}.premium-preview-overlay{padding:22px}.premium-preview-overlay h2{font-size:26px}.premium-preview-overlay p{font-size:12px}.encounter-heading{display:block}.encounter-heading h2{font-size:25px}.encounter-heading p{margin-bottom:14px}.encounter-summary{gap:22px}.encounter-summary strong{font-size:21px}.encounter-summary>span{font-size:10px}.encounter-table-head{display:none}.encounter-match{display:grid;grid-template-columns:1fr auto;padding:17px 14px;gap:13px}.encounter-match-hero{grid-column:1;grid-row:1}.encounter-people{grid-column:1/-1;grid-row:2;padding-top:12px;border-top:1px solid var(--border)}.encounter-match .encounter-result{grid-column:2;grid-row:1}.encounter-match time{grid-column:1;grid-row:3}.encounter-analysis{grid-column:2;grid-row:3}.encounter-footer{display:block}.encounter-footer .btn{margin-top:12px}.encounter-person .ns-role-badge{font-size:8px!important}}

.site-section-nav a[aria-current=page]{color:#f3f5f7;border-bottom:2px solid #aeb8c2}.site-topbar .faction-switch{font-size:10px}@media(max-width:1250px){.site-topbar .faction-switch{display:none}}

.site-topbar .account-slot{min-width:144px;display:flex;justify-content:flex-end;flex-shrink:0}.site-topbar .top-actions{flex-shrink:0}
@media(max-width:760px){.site-topbar .account-slot{min-width:36px}}