:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#070b0f;--color-bg-elevated:#0a1016;--color-surface:#0d151c;--color-surface-raised:#111c25;--color-surface-strong:#17242e;--color-surface-hover:#192832;--color-text:#eef3f5;--color-text-soft:#c8d2d8;--color-muted:#98a8b3;--color-faint:#6f7f8a;--color-line:#b8cfdb24;--color-line-strong:#b8cfdb42;--color-accent:#eeab47;--color-accent-bright:#ffc86f;--color-accent-dim:#eeab4721;--color-info:#5fc2d2;--color-info-dim:#5fc2d21f;--color-positive:#66cf94;--color-positive-dim:#66cf941f;--color-negative:#f07878;--color-negative-dim:#f078781f;--color-warning:#e3a852;--color-warning-dim:#e3a8521f;--color-alpha:#64afe9;--color-alpha-dim:#64afe921;--color-bravo:#ed756c;--color-bravo-dim:#ed756c21;--color-focus:#ffd27f;--font-sans:"Segoe UI Variable", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Bahnschrift Condensed", "Arial Narrow", "Segoe UI", sans-serif;--font-mono:"Cascadia Code", "SFMono-Regular", Consolas, monospace;--radius-xs:3px;--radius-sm:5px;--radius-md:8px;--radius-lg:12px;--shadow-low:0 10px 30px #00000038;--shadow-high:0 24px 70px #0000007a;--rail-width:0px;--status-height:112px;--content-max:1500px;--motion-fast:.16s;--motion-base:.24s}*,:before,:after{box-sizing:border-box}html{background:var(--color-bg);scroll-behavior:smooth;min-width:320px;min-height:100%}body{min-width:320px;min-height:100dvh;color:var(--color-text);background:radial-gradient(circle at 84% 5%, #4473821f, transparent 30rem), radial-gradient(circle at 12% 95%, #a86f2814, transparent 28rem), var(--color-bg);font-family:var(--font-sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5;overflow-x:hidden}body:before{z-index:-1;content:"";pointer-events:none;background-image:linear-gradient(#7fa1b206 1px,#0000 1px),linear-gradient(90deg,#7fa1b206 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0}button,input,textarea{color:inherit;font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}::selection{color:#13100a;background:var(--color-accent-bright)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-elevated)}::-webkit-scrollbar-thumb{border:2px solid var(--color-bg-elevated);background:#40515d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#586b78}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.skip-link{z-index:200;border:1px solid var(--color-accent);border-radius:var(--radius-sm);color:#171109;background:var(--color-accent-bright);transition:transform var(--motion-fast) ease;padding:10px 14px;font-weight:700;position:fixed;top:8px;left:8px;transform:translateY(-140%)}.skip-link:focus{transform:translateY(0)}.eyebrow,.section-kicker{color:var(--color-accent);font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;font-size:.68rem;font-weight:700;line-height:1.35;display:block}.section-kicker{color:var(--color-muted);font-size:.63rem}.numeric,.metric__value,.team-score,.history-score,.player-count,.stream-readout,.service-status__state{font-variant-numeric:tabular-nums}.value-strong{color:var(--color-text);font-weight:750}.value-positive{color:var(--color-positive)!important}.value-negative{color:var(--color-negative)!important}.value-warning{color:var(--color-warning)!important}.button,.icon-button,.back-button{border-radius:var(--radius-sm);min-height:44px;transition:color var(--motion-fast) ease, border-color var(--motion-fast) ease, background-color var(--motion-fast) ease, transform var(--motion-fast) ease;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.button{font-family:var(--font-display);letter-spacing:.045em;text-transform:uppercase;padding:9px 14px;font-size:.84rem;font-weight:750}.button:not(:disabled):active,.icon-button:not(:disabled):active,.back-button:not(:disabled):active{transform:translateY(1px)}.button:disabled,.icon-button:disabled{border-color:var(--color-line);color:var(--color-faint);opacity:.72;background:#ffffff06}.button--primary{color:#151007;background:var(--color-accent);border-color:#d99534}.button--primary:not(:disabled):hover{border-color:var(--color-accent-bright);background:var(--color-accent-bright)}.button--secondary{border-color:var(--color-line-strong);color:var(--color-text);background:var(--color-surface-strong)}.button--secondary:not(:disabled):hover,.button--ghost:not(:disabled):hover{color:var(--color-accent-bright);background:var(--color-accent-dim);border-color:#eeab4785}.button--ghost{border-color:var(--color-line);color:var(--color-text-soft);background:0 0}.button--positive{color:var(--color-positive);background:var(--color-positive-dim);border-color:#66cf9466}.button--positive:not(:disabled):hover{border-color:var(--color-positive);background:#66cf9433}.button--negative{color:var(--color-negative);background:var(--color-negative-dim);border-color:#f0787866}.button--negative:not(:disabled):hover{border-color:var(--color-negative);background:#f0787833}.icon-button{border-color:var(--color-line);width:44px;min-width:44px;color:var(--color-muted);background:var(--color-surface-raised);padding:0}.icon-button:not(:disabled):hover{border-color:var(--color-accent);color:var(--color-accent-bright);background:var(--color-accent-dim)}.icon-button--quiet{background:0 0;border-color:#0000}.state-badge{border:1px solid var(--color-line);min-height:24px;color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.055em;text-transform:uppercase;background:#ffffff06;border-radius:99px;align-items:center;gap:5px;padding:3px 8px;font-size:.63rem;font-weight:700;line-height:1;display:inline-flex}.state-badge--online{color:var(--color-positive);background:var(--color-positive-dim);border-color:#66cf9452}.state-badge--syncing,.state-badge--degraded{color:var(--color-warning);background:var(--color-warning-dim);border-color:#e3a85259}.state-badge--offline{color:var(--color-negative);background:var(--color-negative-dim);border-color:#f0787859}.state-badge--alpha{color:var(--color-alpha);background:var(--color-alpha-dim);border-color:#64afe959}.state-badge--bravo{color:var(--color-bravo);background:var(--color-bravo-dim);border-color:#ed756c59}.skeleton{vertical-align:middle;background:linear-gradient(90deg,#1c2a34 20%,#2c3c47 45%,#1c2a34 70%) 0 0/240% 100%;border-radius:2px;width:5rem;max-width:100%;height:.78rem;animation:1.35s linear infinite skeleton-scan;display:inline-block;overflow:hidden}.skeleton--short{width:2.8rem}.skeleton--long{width:8rem}.loading-value{align-items:center;min-width:2.7rem;display:inline-flex}@keyframes skeleton-scan{to{background-position:-240% 0}}.icon-spin{animation:1s linear infinite icon-spin}@keyframes icon-spin{to{transform:rotate(360deg)}}.notice{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);border-left-width:3px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:11px;margin:0 0 18px;padding:13px 14px;display:grid}.notice>svg{margin-top:2px}.notice strong{font-family:var(--font-display);letter-spacing:.035em;text-transform:uppercase;font-size:.88rem;display:block}.notice p{color:var(--color-muted);margin:3px 0 0;font-size:.82rem;line-height:1.45}.notice--info{border-left-color:var(--color-info);background:linear-gradient(90deg, var(--color-info-dim), var(--color-surface) 38%)}.notice--info>svg,.notice--info strong{color:var(--color-info)}.notice--warning{border-left-color:var(--color-warning);background:linear-gradient(90deg, var(--color-warning-dim), var(--color-surface) 38%)}.notice--warning>svg,.notice--warning strong{color:var(--color-warning)}.notice--danger{border-left-color:var(--color-negative);background:linear-gradient(90deg, var(--color-negative-dim), var(--color-surface) 38%)}.notice--danger>svg,.notice--danger strong{color:var(--color-negative)}.app-shell{min-height:100dvh}.side-rail{display:none}.brand{color:var(--color-text);align-items:center;gap:10px;text-decoration:none;display:flex}.brand__mark{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--color-accent);background:linear-gradient(135deg, var(--color-accent-dim), transparent), var(--color-surface);border:1px solid #eeab4773;flex:0 0 44px;place-items:center;display:grid;box-shadow:inset 0 0 18px #eeab4712}.brand__text{flex-direction:column;min-width:0;display:flex}.brand__text strong{font-family:var(--font-display);letter-spacing:.12em;font-size:1.18rem;line-height:1}.brand__text small{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.09em;white-space:nowrap;margin-top:5px;font-size:.51rem}.brand--compact .brand__mark{flex-basis:34px;width:34px;height:34px}.brand--compact .brand__text strong{font-size:.94rem}.status-header{z-index:40;min-height:var(--status-height);padding:max(8px, env(safe-area-inset-top)) 12px 8px;border-bottom:1px solid var(--color-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080d12f0;position:sticky;top:0;box-shadow:0 8px 26px #00000040}.status-header__mobile-brand{align-items:center;gap:10px;min-height:38px;margin-bottom:8px;display:flex}.status-header__mode{color:var(--color-faint);font-family:var(--font-mono);letter-spacing:.08em;font-size:.56rem;font-weight:700}.service-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.service-status{border:1px solid var(--color-line);border-radius:var(--radius-xs);min-width:0;min-height:42px;color:var(--color-muted);background:#ffffff05;grid-template-rows:repeat(2,min-content);grid-template-columns:15px minmax(0,1fr) 6px;align-content:center;align-items:center;gap:1px 5px;padding:5px 4px 5px 7px;display:grid;position:relative;overflow:hidden}.service-status>svg{grid-row:1/-1}.service-status:before{content:"";opacity:.45;background:currentColor;height:1px;position:absolute;top:0;left:0;right:0}.service-status__name{font-family:var(--font-display);letter-spacing:.035em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;grid-area:1/2;font-size:.57rem;font-weight:750;line-height:1.05;overflow:hidden}.service-status__state{color:currentColor;font-family:var(--font-mono);letter-spacing:.025em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;grid-area:2/2;font-size:.47rem;font-weight:700;line-height:1.05;display:block;overflow:hidden}.service-status__dot{background:currentColor;border-radius:50%;grid-area:1/3/-1;width:5px;height:5px;box-shadow:0 0 8px}.service-status--online{color:var(--color-positive)}.service-status--syncing,.service-status--degraded{color:var(--color-warning)}.service-status--offline{color:var(--color-negative)}.service-status--unknown{color:var(--color-faint)}.stream-readout{top:max(17px, calc(env(safe-area-inset-top) + 9px));color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.075em;align-items:center;gap:6px;font-size:.56rem;font-weight:700;display:flex;position:absolute;right:12px}.stream-readout__pulse{background:var(--color-faint);border-radius:50%;width:7px;height:7px}.stream-readout__pulse--connected{background:var(--color-positive);box-shadow:0 0 10px #66cf948c}.stream-readout__pulse--connecting,.stream-readout__pulse--reconnecting{background:var(--color-warning)}.main-content{width:100%;min-width:0;padding:20px 16px calc(92px + env(safe-area-inset-bottom))}.main-content>*{width:min(100%, var(--content-max));margin-inline:auto}.mobile-nav{z-index:50;min-height:calc(68px + env(safe-area-inset-bottom));padding:5px 5px calc(5px + env(safe-area-inset-bottom));border-top:1px solid var(--color-line-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#090f14f7;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 30px #0000004d}.nav-link{border-radius:var(--radius-sm);min-width:0;min-height:54px;color:var(--color-muted);transition:color var(--motion-fast) ease, border-color var(--motion-fast) ease, background-color var(--motion-fast) ease;border:1px solid #0000;justify-content:center;align-items:center;gap:4px;text-decoration:none;display:flex;position:relative}.mobile-nav .nav-link{font-family:var(--font-display);letter-spacing:.015em;text-align:center;flex-direction:column;font-size:clamp(.53rem,2.2vw,.64rem);font-weight:700;line-height:1}.nav-link:before{content:"";background:0 0;position:absolute}.mobile-nav .nav-link:before{width:25px;height:2px;top:-6px}.nav-link:hover{color:var(--color-text);background:#ffffff09}.nav-link--active{color:var(--color-accent-bright);background:var(--color-accent-dim);border-color:#eeab472e}.nav-link--active:before{background:var(--color-accent);box-shadow:0 0 9px #eeab4773}.page{min-width:0}.page-heading{border-bottom:1px solid var(--color-line);flex-direction:column;gap:16px;margin:2px 0 22px;padding-bottom:18px;display:flex}.page-heading__copy{min-width:0}.page-heading h1{max-width:900px;color:var(--color-text);font-family:var(--font-display);letter-spacing:-.025em;margin:5px 0 6px;font-size:clamp(1.85rem,7.5vw,3.2rem);font-weight:720;font-stretch:75%;line-height:.98}.page-heading p{max-width:72ch;color:var(--color-muted);margin:0;font-size:.91rem}.page-heading__meta,.page-heading__actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.page-heading__meta{color:var(--color-muted);margin-top:10px;font-size:.75rem}.page-heading__meta>span:not(.state-badge){align-items:center;gap:5px;display:inline-flex}.page-heading__actions{align-self:flex-start}.player-count,.archive-count{border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);min-height:46px;color:var(--color-muted);background:var(--color-surface);align-items:center;gap:7px;padding:8px 13px;display:inline-flex}.player-count strong{color:var(--color-text);font-family:var(--font-display);font-size:1.35rem;line-height:1}.archive-count{color:var(--color-text-soft);font-family:var(--font-mono);text-transform:uppercase;font-size:.72rem}.empty-state,.boot-screen,.fatal-error{border:1px dashed var(--color-line-strong);border-radius:var(--radius-md);text-align:center;background:linear-gradient(145deg,#17242e8c,#0d151c99);flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:36px 20px;display:flex}.empty-state__icon,.boot-screen__radar{border:1px solid var(--color-line-strong);width:58px;height:58px;color:var(--color-accent);background:var(--color-accent-dim);border-radius:50%;place-items:center;margin-bottom:15px;display:grid}.empty-state h2,.boot-screen h1,.fatal-error h1{font-family:var(--font-display);letter-spacing:.015em;margin:0 0 8px;font-size:1.35rem}.empty-state p,.boot-screen p,.fatal-error p{max-width:52ch;color:var(--color-muted);margin:0;font-size:.88rem}.empty-state>.button,.fatal-error>.button{margin-top:20px}.boot-screen{border-style:solid;min-height:58vh}.boot-screen__radar svg{animation:1.5s linear infinite icon-spin}.fatal-error{border-color:#f0787866;width:min(620px,100% - 32px);min-height:360px;margin:10vh auto}.fatal-error>svg{color:var(--color-negative);margin-bottom:14px}.roster-toolbar{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#0d151cb8;flex-direction:column;gap:10px;margin:0 0 14px;padding:10px;display:flex}.roster-toolbar__label,.roster-toolbar__live{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.045em;text-transform:uppercase;align-items:center;gap:7px;font-size:.66rem;display:flex}.roster-toolbar__live{margin:0}.roster-toolbar__live svg{color:var(--color-positive)}.segmented-control{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.segmented-control button{border:1px solid var(--color-line);border-radius:var(--radius-xs);min-width:0;min-height:44px;color:var(--color-muted);background:var(--color-surface);font-family:var(--font-display);text-transform:uppercase;justify-content:center;align-items:center;gap:5px;padding:6px 8px;font-size:.72rem;font-weight:700;display:flex}.segmented-control button span{color:var(--color-faint);font-family:var(--font-mono);font-size:.58rem}.segmented-control button:hover{color:var(--color-text);background:var(--color-surface-hover)}.segmented-control button.is-active{color:var(--color-accent-bright);background:var(--color-accent-dim);border-color:#eeab4773}.player-data-grid{gap:16px;display:grid}.data-panel,.team-panel,.settings-panel,.profile-page-panel,.privacy-panel{border:1px solid var(--color-line);border-radius:var(--radius-md);background:linear-gradient(140deg, #ffffff04, transparent 35%), var(--color-surface);min-width:0;box-shadow:var(--shadow-low);position:relative;overflow:hidden}.data-panel:before,.team-panel:before,.settings-panel:before,.profile-page-panel:before{z-index:1;background:linear-gradient(90deg, var(--color-accent), transparent 45%);content:"";height:2px;position:absolute;top:0;left:0;right:0}.data-panel:nth-child(2):before{background:linear-gradient(90deg, var(--color-info), transparent 45%)}.data-panel__header,.team-panel__header{border-bottom:1px solid var(--color-line);background:#111c25ad;justify-content:space-between;align-items:center;gap:16px;min-height:70px;padding:15px 14px;display:flex}.data-panel__header h2,.team-panel__header h2,.settings-panel h2,.privacy-panel h2{font-family:var(--font-display);letter-spacing:.075em;align-items:center;gap:8px;margin:4px 0 0;font-size:1.05rem;font-weight:750;display:flex}.data-panel__header h2 svg{color:var(--color-accent)}.data-panel:nth-child(2) .data-panel__header h2 svg{color:var(--color-info)}.data-table-wrap{max-width:100%;display:none;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;color:var(--color-text-soft);font-size:.78rem}.data-table th,.data-table td{border-bottom:1px solid var(--color-line);text-align:left;white-space:nowrap;padding:11px 12px}.data-table thead th{height:38px;color:var(--color-faint);font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;background:#060b0f7a;padding-block:8px;font-size:.58rem;font-weight:700}.data-table tbody th{min-width:190px;font-weight:400}.data-table tbody tr{transition:background-color var(--motion-fast) ease;background:0 0}.data-table tbody tr:hover{background:#ffffff06}.data-table tbody tr:last-child th,.data-table tbody tr:last-child td{border-bottom:0}.data-table .numeric{text-align:right}.table-action{width:48px;text-align:center!important;padding:4px!important}.player-name-button{border-radius:var(--radius-xs);min-width:0;max-width:100%;min-height:44px;color:inherit;text-align:left;background:0 0;border:0;align-items:center;padding:3px 4px;display:flex}.player-name-button:hover .player-identity__name{color:var(--color-accent-bright)}.player-identity{flex-direction:column;gap:2px;min-width:0;display:flex}.player-identity__name{color:var(--color-text);text-overflow:ellipsis;transition:color var(--motion-fast) ease;white-space:nowrap;font-size:.82rem;font-weight:650;line-height:1.3;overflow:hidden}.player-identity__meta{color:var(--color-faint);text-overflow:ellipsis;white-space:nowrap;align-items:center;font-size:.65rem;font-weight:500;display:flex;overflow:hidden}.team-marker{background:var(--color-faint);border-radius:50%;width:6px;height:6px;margin-right:5px}.team-marker--alpha{background:var(--color-alpha)}.team-marker--bravo{background:var(--color-bravo)}.unavailable-value{color:var(--color-faint);cursor:help}.player-card-list,.match-player-list{gap:8px;padding:9px;display:grid}.player-card,.match-player-card{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#111c25b8;min-width:0}.player-card__header{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:6px 7px 6px 10px;display:flex}.player-card__header .player-name-button{flex:1}.compact-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.compact-stats div{border-right:1px solid var(--color-line);border-bottom:1px solid var(--color-line);min-width:0;padding:10px}.compact-stats div:nth-child(3n){border-right:0}.compact-stats div:nth-last-child(-n+2){border-bottom:0}.compact-stats dt,.match-player-card dt{color:var(--color-faint);font-family:var(--font-mono);letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin-bottom:3px;font-size:.55rem;overflow:hidden}.compact-stats dd,.match-player-card dd{color:var(--color-text-soft);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.76rem;font-weight:650;overflow:hidden}.player-card--skeleton{justify-content:space-around;align-items:center;min-height:108px;padding:16px;display:flex}.drawer-layer{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:layer-in var(--motion-fast) ease-out;background:#010407b8;justify-content:flex-end;display:flex;position:fixed;inset:0}@keyframes layer-in{0%{opacity:0}}.player-drawer{background:var(--color-bg-elevated);width:100%;height:100%;box-shadow:var(--shadow-high);animation:drawer-in var(--motion-base) cubic-bezier(.2, .8, .2, 1);border:0}@keyframes drawer-in{0%{opacity:.4;transform:translate(24px)}}.player-drawer__bar{min-height:66px;padding:max(10px, env(safe-area-inset-top)) 12px 10px 16px;border-bottom:1px solid var(--color-line-strong);background:#0d151cfa;justify-content:space-between;align-items:center;display:flex}.player-drawer__bar strong{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;margin-top:3px;font-size:.95rem;display:block}.player-drawer__scroll{overscroll-behavior:contain;height:calc(100% - 66px);overflow-y:auto}.player-profile{min-width:0}.player-profile__header{border-bottom:1px solid var(--color-line);background:linear-gradient(125deg, #eeab471a, transparent 50%), var(--color-surface);flex-direction:column;gap:16px;padding:20px 16px;display:flex}.player-profile__identity{align-items:center;gap:13px;min-width:0;display:flex}.profile-avatar{border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);width:54px;height:54px;color:var(--color-text);background:var(--color-surface-strong);font-family:var(--font-display);letter-spacing:.04em;flex:0 0 54px;place-items:center;font-size:1.1rem;font-weight:800;display:grid}.profile-avatar--alpha{color:var(--color-alpha);background:var(--color-alpha-dim);border-color:#64afe97a}.profile-avatar--bravo{color:var(--color-bravo);background:var(--color-bravo-dim);border-color:#ed756c7a}.player-profile__identity>div{min-width:0}.player-profile__identity h2{overflow-wrap:anywhere;font-family:var(--font-display);margin:3px 0 7px;font-size:clamp(1.35rem,6vw,2rem);line-height:1}.player-profile__meta{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.69rem;display:flex}.self-marker{color:var(--color-accent);font-family:var(--font-mono);text-transform:uppercase}.profile-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.profile-link{border:1px solid var(--color-line);border-radius:var(--radius-sm);min-width:0;min-height:44px;color:var(--color-text-soft);font-family:var(--font-display);text-align:center;text-transform:uppercase;transition:border-color var(--motion-fast) ease, color var(--motion-fast) ease, background-color var(--motion-fast) ease;background:#111c25b3;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:.7rem;font-weight:700;text-decoration:none;display:flex;position:relative}.profile-link>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-link:hover{border-color:var(--color-accent);color:var(--color-accent-bright);background:var(--color-accent-dim)}.profile-link--disabled{color:var(--color-faint);cursor:help;background:#ffffff05}.profile-link__external{display:none}.metric-section,.comment-log,.interaction-panel{border-bottom:1px solid var(--color-line);padding:20px 16px}.metric-section__heading,.comment-log__heading,.interaction-panel__heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.metric-section__heading h3,.comment-log__heading h3,.interaction-panel__heading h3{font-family:var(--font-display);letter-spacing:.035em;margin:3px 0 0;font-size:1rem}.metric-section__heading p{max-width:40ch;color:var(--color-warning);text-align:right;margin:0 0 0 auto;font-size:.7rem}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.metric{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#111c25a3;min-width:0;min-height:76px;padding:10px}.metric__label{color:var(--color-faint);font-family:var(--font-mono);letter-spacing:.045em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin-bottom:5px;font-size:.56rem;display:block;overflow:hidden}.metric__value{color:var(--color-text);font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:1.12rem;line-height:1.1;display:block;overflow:hidden}.metric--positive .metric__value{color:var(--color-positive)}.metric--negative .metric__value{color:var(--color-negative)}.metric--accent .metric__value{color:var(--color-accent-bright)}.metric__detail{color:var(--color-muted);margin-top:4px;font-size:.65rem;display:block}.comment-total{border:1px solid var(--color-line);min-width:28px;height:28px;color:var(--color-text-soft);background:var(--color-surface-raised);font-family:var(--font-mono);border-radius:50%;place-items:center;font-size:.65rem;display:grid}.comment-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.comment{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#111c2594;padding:12px}.comment header{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:8px;display:flex}.comment header strong{color:var(--color-text-soft);font-size:.75rem}.comment time{color:var(--color-faint);font-family:var(--font-mono);margin-left:auto;font-size:.57rem}.comment p{color:var(--color-text-soft);overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:.8rem;line-height:1.55}.comment__edited{color:var(--color-faint);font-family:var(--font-mono);text-transform:uppercase;font-size:.58rem}.comment-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.comment-actions .button{min-height:44px;padding-inline:12px}.comment-inline-form{border-top:1px solid var(--color-line);gap:8px;margin-top:10px;padding-top:10px;display:grid}.comment-inline-form label{color:var(--color-text-soft);font-size:.72rem;font-weight:650}.comment-inline-form select{border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);min-height:44px;color:var(--color-text);background:var(--color-surface-raised);font:inherit;padding:8px 10px}.empty-copy,.inline-loading{color:var(--color-muted);margin:0;font-size:.8rem}.inline-loading{align-items:center;gap:10px;display:flex}.interaction-panel{background:#070c1061;border-bottom:0}.rep-action-group,.comment-form{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#111c2585;padding:12px}.comment-form{margin-top:10px}.rep-vote-status{grid-template-columns:auto 1fr;align-items:baseline;gap:4px 10px;margin-bottom:12px;display:grid}.rep-vote-status>span{color:var(--color-faint);font-family:var(--font-mono);text-transform:uppercase;font-size:.62rem}.rep-vote-status>strong{color:var(--color-text);font-family:var(--font-display);text-align:right}.rep-vote-status>small{color:var(--color-muted);grid-column:1/-1;font-size:.68rem;line-height:1.45}.button--selected{outline-offset:2px;outline:2px solid}.rep-revoke{width:100%;margin-top:10px}.rep-action-group>label,.comment-form>label{color:var(--color-text-soft);margin-bottom:7px;font-size:.72rem;font-weight:650;display:block}textarea,input[type=search]{border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);width:100%;color:var(--color-text);background:#091016;font-size:1rem}textarea{resize:vertical;min-height:72px;padding:10px 11px;line-height:1.45;display:block}textarea::placeholder,input::placeholder{color:#657580}textarea:hover:not(:disabled),input:hover:not(:disabled){border-color:#526673}textarea:focus,input:focus{border-color:var(--color-accent);outline-offset:1px;outline:2px solid #eeab4738}textarea:disabled{color:var(--color-faint);background:#070c108c}.field-footer{color:var(--color-faint);font-family:var(--font-mono);justify-content:space-between;align-items:center;gap:10px;margin-top:8px;font-size:.6rem;display:flex}.rep-buttons{gap:6px;display:flex}.disabled-reason{border-left:2px solid var(--color-warning);color:var(--color-warning);margin:9px 0 0;padding-left:9px;font-size:.7rem;line-height:1.4}.mutation-feedback{min-height:20px;margin-top:8px}.mutation-feedback p{margin:0;font-size:.72rem}.mutation-feedback--success{color:var(--color-positive)}.mutation-feedback--error{color:var(--color-negative)}.drawer-missing{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:30px;display:flex}.drawer-missing>svg{color:var(--color-warning);margin-bottom:12px}.drawer-missing h2{font-family:var(--font-display);margin-bottom:7px}.drawer-missing p{max-width:42ch;color:var(--color-muted)}.match-command-bar{border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-surface);min-height:78px;box-shadow:var(--shadow-low);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;margin-bottom:14px;display:grid;overflow:hidden}.match-command-bar__team{font-family:var(--font-display);justify-content:center;align-items:center;gap:10px;padding:10px;display:flex}.match-command-bar__team span{letter-spacing:.08em;font-size:.72rem;font-weight:750}.match-command-bar__team strong{font-size:2rem;line-height:1}.match-command-bar__team--alpha{color:var(--color-alpha);background:linear-gradient(90deg, var(--color-alpha-dim), transparent)}.match-command-bar__team--bravo{color:var(--color-bravo);background:linear-gradient(270deg, var(--color-bravo-dim), transparent)}.match-command-bar__center{border-right:1px solid var(--color-line);border-left:1px solid var(--color-line);min-width:58px;color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.08em;background:#05090c8c;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:.55rem;font-weight:700;display:flex}.team-grid{gap:14px;display:grid}.team-panel--alpha:before{background:linear-gradient(90deg, var(--color-alpha), transparent 55%)}.team-panel--bravo:before{background:linear-gradient(90deg, var(--color-bravo), transparent 55%)}.team-panel--alpha .team-panel__header h2,.team-panel--alpha .team-score{color:var(--color-alpha)}.team-panel--bravo .team-panel__header h2,.team-panel--bravo .team-score{color:var(--color-bravo)}.team-score{align-items:center;gap:8px;display:flex}.team-score strong{font-family:var(--font-display);font-size:2rem;line-height:1}.match-player-card{grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:5px;padding:7px;display:grid}.match-player-card>dl{border-top:1px solid var(--color-line);grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.match-player-card dl div{min-width:0;padding:8px 5px 3px}.match-table{min-width:690px}.back-button{border-color:var(--color-line);color:var(--color-muted);background:0 0;margin:0 0 18px;padding:8px 10px;font-size:.78rem}.back-button:hover{border-color:var(--color-accent);color:var(--color-accent-bright)}.search-field{max-width:520px;color:var(--color-muted);align-items:center;margin-bottom:16px;display:flex;position:relative}.search-field>svg{z-index:1;pointer-events:none;position:absolute;left:12px}.search-field input{min-height:46px;padding:9px 12px 9px 40px}.history-grid{gap:11px;display:grid}.history-card{border:1px solid var(--color-line);border-radius:var(--radius-md);background:linear-gradient(145deg, #ffffff05, transparent 50%), var(--color-surface);min-width:0;min-height:176px;box-shadow:var(--shadow-low);transition:border-color var(--motion-fast) ease, background-color var(--motion-fast) ease, transform var(--motion-fast) ease;flex-direction:column;padding:15px;text-decoration:none;display:flex}.history-card:hover{background-color:var(--color-surface-raised);border-color:#eeab476b;transform:translateY(-2px)}.history-card__result,.history-card__main,.history-card__meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.history-card__result time,.history-card__meta{color:var(--color-faint);font-family:var(--font-mono);font-size:.59rem}.history-card__main{flex:1;margin:14px 0}.history-card__main h2{overflow-wrap:anywhere;font-family:var(--font-display);margin:3px 0 0;font-size:1.25rem}.history-score{font-family:var(--font-display);align-items:center;gap:7px;font-size:1.75rem;line-height:1;display:flex}.history-score small{color:var(--color-faint);font-size:.8rem}.history-score__alpha{color:var(--color-alpha)}.history-score__bravo{color:var(--color-bravo)}.history-card__meta{border-top:1px solid var(--color-line);padding-top:11px}.history-card__meta span{align-items:center;gap:5px;display:inline-flex}.history-card__meta>svg{color:var(--color-accent)}.profile-page-panel{max-width:1040px;margin-inline:auto}.settings-grid{gap:14px;display:grid}.settings-panel{padding:16px}.settings-panel>header{border-bottom:1px solid var(--color-line);align-items:center;gap:10px;padding-bottom:14px;display:flex}.settings-panel>header>svg{color:var(--color-accent)}.setting-row{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:18px;min-height:82px;padding:14px 0;display:flex}.setting-row label:not(.switch){color:var(--color-text-soft);font-size:.85rem;font-weight:650}.setting-row p{max-width:52ch;color:var(--color-muted);margin:4px 0 0;font-size:.73rem}.switch{cursor:pointer;flex:0 0 50px;width:50px;height:30px;display:block;position:relative}.switch input{opacity:0;width:1px;height:1px;position:absolute}.switch span{border:1px solid var(--color-line-strong);color:#0000;transition:border-color var(--motion-fast) ease, background-color var(--motion-fast) ease;background:#091016;border-radius:99px;align-items:center;padding:3px;display:flex;position:absolute;inset:0}.switch span:before{background:var(--color-faint);content:"";width:22px;height:22px;transition:background-color var(--motion-fast) ease, transform var(--motion-fast) ease;border-radius:50%}.switch svg{z-index:1;position:absolute;left:7px}.switch input:checked+span{color:#07120d;background:var(--color-positive-dim);border-color:#66cf9480}.switch input:checked+span:before{background:var(--color-positive);transform:translate(20px)}.switch input:checked+span svg{transform:translate(20px)}.switch input:focus-visible+span{outline:2px solid var(--color-focus);outline-offset:3px}.settings-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;padding-top:16px;display:flex}.save-feedback{min-height:20px;color:var(--color-positive);text-align:right;margin:5px 0 -5px;font-size:.73rem}.diagnostic-list{margin:0}.diagnostic-list>div{border-bottom:1px solid var(--color-line);grid-template-columns:minmax(100px,.7fr) minmax(0,1.3fr);align-items:center;gap:12px;min-height:51px;display:grid}.diagnostic-list dt{color:var(--color-muted);font-size:.72rem}.diagnostic-list dd{overflow-wrap:anywhere;min-width:0;color:var(--color-text-soft);text-align:right;margin:0;font-size:.74rem}.diagnostic-list code{color:var(--color-info);font-family:var(--font-mono);font-size:.68rem}.diagnostics-panel .notice{margin:14px 0 0}.privacy-panel{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;margin-top:14px;padding:17px;display:grid}.privacy-panel>svg{color:var(--color-info)}.privacy-panel>svg:last-child{display:none}.privacy-panel h2{margin-top:3px}.privacy-panel p{color:var(--color-muted);margin:4px 0 0;font-size:.78rem}.public-app{min-height:100dvh}.public-brand-bar{border-bottom:1px solid var(--color-line);background:#080d12;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:9px 16px;display:flex}.public-brand{align-items:center;gap:9px;text-decoration:none;display:flex}.public-brand>span:first-child{border-radius:var(--radius-sm);width:39px;height:39px;color:var(--color-accent);background:var(--color-accent-dim);border:1px solid #eeab4773;place-items:center;display:grid}.public-brand>span:last-child{flex-direction:column;display:flex}.public-brand strong{font-family:var(--font-display);letter-spacing:.12em;line-height:1}.public-brand small{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.08em;margin-top:4px;font-size:.5rem}.public-brand-bar__trust{color:var(--color-muted);font-family:var(--font-mono);text-transform:uppercase;align-items:center;gap:7px;font-size:.63rem;display:none}.status-header--public{min-height:58px;top:0}.status-header--public .status-header__mobile-brand{display:none}.public-content{width:min(100%,1120px);min-height:calc(100dvh - 220px);margin-inline:auto;padding:24px 16px 56px}.public-footer{border-top:1px solid var(--color-line);min-height:80px;color:var(--color-faint);background:#080d12;justify-content:space-between;align-items:center;gap:20px;padding:18px 16px;display:flex}.public-footer span{color:var(--color-accent);font-family:var(--font-display);letter-spacing:.12em;font-weight:800}.public-footer p{text-align:right;margin:0;font-size:.68rem}html[data-density=compact] .data-table th,html[data-density=compact] .data-table td{padding-block:7px}@media (width>=700px){:root{--rail-width:88px;--status-height:64px}.side-rail{z-index:60;width:var(--rail-width);border-right:1px solid var(--color-line);background:#080d12fa;flex-direction:column;padding:10px 8px;display:flex;position:fixed;inset:0 auto 0 0}.side-rail>.brand{border-bottom:1px solid var(--color-line);justify-content:center;padding-bottom:12px}.side-rail .brand__text,.side-rail__footer{display:none}.side-nav{flex-direction:column;flex:1;gap:5px;padding-top:14px;display:flex}.side-nav .nav-link{min-height:61px;font-family:var(--font-display);text-align:center;flex-direction:column;font-size:.62rem;font-weight:700;line-height:1}.side-nav .nav-link:before{width:2px;top:12px;bottom:12px;left:-9px}.status-header{min-height:var(--status-height);margin-left:var(--rail-width);padding:9px 14px}.status-header__mobile-brand{display:none}.service-strip{gap:6px;max-width:calc(100% - 118px);display:flex}.service-status{flex:1 1 0;min-width:94px;min-height:44px;padding-inline:10px}.service-status__name{font-size:.64rem}.stream-readout{top:23px;right:16px}.main-content{margin-left:var(--rail-width);width:calc(100% - var(--rail-width));padding:28px 24px 52px}.mobile-nav{display:none}.page-heading{flex-direction:row;justify-content:space-between;align-items:flex-end}.page-heading h1{font-size:clamp(2.15rem,5vw,3.4rem)}.page-heading__actions{flex:none;align-self:flex-end}.roster-toolbar{flex-direction:row;align-items:center}.roster-toolbar__label{flex:none}.segmented-control{display:flex}.segmented-control button{min-width:82px}.roster-toolbar__live{margin-left:auto}.data-table-wrap{display:block}.data-table{min-width:690px}.player-card-list,.match-player-list{display:none}.player-drawer{width:min(720px, calc(100% - var(--rail-width)));border-left:1px solid var(--color-line-strong)}.player-profile__header{padding:24px}.profile-links{align-self:flex-start}.profile-link{min-width:130px}.profile-link__external{display:block}.metric-section,.comment-log,.interaction-panel{padding:22px 24px}.metric-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.metric{min-height:82px}.history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-panel{padding:20px}.privacy-panel{grid-template-columns:auto minmax(0,1fr) auto;padding:22px}.privacy-panel>svg:last-child{color:var(--color-faint);align-self:center;display:block}.public-brand-bar{padding-inline:28px}.public-brand-bar__trust{display:flex}.status-header--public{margin-left:0;padding-inline:28px}.status-header--public .service-strip{max-width:100%;margin-inline:auto}.public-content{padding:38px 28px 72px}.public-footer{padding-inline:28px}}@media (width>=1024px){:root{--rail-width:236px;--status-height:68px}.side-rail{padding:13px 12px}.side-rail>.brand{justify-content:flex-start;padding:0 3px 16px}.side-rail .brand__text{display:flex}.side-nav{gap:6px;padding-top:18px}.side-nav .nav-link{letter-spacing:.025em;text-align:left;text-transform:uppercase;flex-direction:row;justify-content:flex-start;align-items:center;gap:11px;min-height:50px;padding:8px 12px;font-size:.77rem}.side-nav .nav-link:before{left:-13px}.side-rail__footer{border-top:1px solid var(--color-line);color:var(--color-faint);align-items:flex-start;gap:7px;padding:12px 8px 5px;font-size:.62rem;line-height:1.4;display:flex}.side-rail__footer svg{flex:none;margin-top:1px}.status-header{padding:11px 22px}.service-strip{max-width:calc(100% - 145px)}.service-status{min-width:120px}.service-status__state{letter-spacing:.03em;font-size:.53rem}.main-content{padding:34px 34px 64px}.notice{padding-inline:16px}.data-panel__header,.team-panel__header{padding-inline:18px}.data-table th,.data-table td{padding-inline:16px}.player-profile__header{flex-direction:row;justify-content:space-between;align-items:center}.settings-grid{grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr)}}@media (width>=1280px){.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-grid .data-table{min-width:650px}.history-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1440px){.main-content{padding-inline:42px}.data-table{font-size:.81rem}.data-table thead th{font-size:.6rem}.public-content{padding-top:48px}}@media (width<=374px){.service-status{grid-template-columns:minmax(0,1fr) 6px}.service-status>svg{display:none}.service-status__name,.service-status__state{grid-column:1}.service-status__name{font-size:.53rem}.service-status__dot{grid-column:2}.compact-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-stats div:nth-child(3n){border-right:1px solid var(--color-line)}.compact-stats div:nth-child(2n){border-right:0}.compact-stats div:nth-last-child(-n+2){border-bottom:0}.profile-links{grid-template-columns:1fr}.field-footer{flex-direction:column;align-items:stretch}.rep-buttons .button{flex:1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html[data-reduce-effects=true] *,html[data-reduce-effects=true] :before,html[data-reduce-effects=true] :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}