:root{--bg:#0b0908;--surface:#15110e;--surface-2:#1c1713;--border:#d9cbb024;--border-strong:#d9cbb047;--text:#d9cbb0;--text-bright:#efe2c4;--text-muted:#958770;--accent:#de4e40;--accent-ink:#0b0908;--rule:#9b2a22;--rating:#c9a45c;--win:#45b39c;--loss:#de4e40;--draw:#958770;--c-no-mercy:#6f8a7a;--c-death-toll:#5a6f8c;--c-dead-air:#b8842f;--c-blood-harvest:#8a3f32;--font-display:"Anton", Impact, "Arial Narrow", sans-serif;--font-label:"Oswald", "Arial Narrow", sans-serif;--font-body:"IBM Plex Sans", system-ui, "Segoe UI", sans-serif;--fs-label:.75rem;--fs-dense:.875rem;--fs-body:1rem;--fs-h3:1.25rem;--fs-h2:1.75rem;--fs-h1:2.5rem;--fs-title:2.25rem;--fs-hero:5rem;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--radius:0;--radius-lg:2px;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.6  0 0 0 0 0.45  0 0 0 0 0.3  0 0 0 0.14 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--vignette:radial-gradient(ellipse at 50% 0%, #78281e4d, transparent 50%), radial-gradient(ellipse at 50% 60%, transparent 45%, #000c 100%)}[data-urgent=true]{--accent:#f0655a}@media (width<=640px){:root{--fs-hero:3.25rem;--fs-h1:2rem;--fs-title:1.75rem}}*,:before,:after{box-sizing:border-box}body{background-color:var(--bg);background-image:var(--vignette), var(--grain);min-height:100vh;color:var(--text);font-family:var(--font-body);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;line-height:1.5}h1,h2,h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;margin:0;font-weight:700;line-height:1.1}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3);font-weight:600}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}table,.num{font-variant-numeric:tabular-nums}.eyebrow{font-family:var(--font-label);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted);font-weight:500}.nav{align-items:center;gap:var(--sp-5);height:62px;padding:0 var(--sp-5);background:var(--surface);border-bottom:1px solid var(--border);transition:border-color .2s linear,border-width .2s linear;display:flex}body[data-urgent=true] .nav{border-bottom:3px solid var(--accent)}.nav__brand{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--text-bright);font-size:1.625rem}.nav__brand:hover{text-decoration:none}.nav__links{gap:var(--sp-5);flex:1;display:flex}.nav__links a{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.16em;color:var(--text-muted);border-bottom:2px solid #0000;padding-bottom:3px;font-size:.8125rem;font-weight:500}.nav__links a:hover{color:var(--text-bright);text-decoration:none}.nav__links a[aria-current=page]{color:var(--text-bright);border-bottom-color:var(--accent)}.nav__live{align-items:center;gap:var(--sp-2);font-family:var(--font-label);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.16em;color:var(--text);display:inline-flex}.nav__live:hover{color:var(--text-bright);text-decoration:none}.nav__live-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 8px var(--accent);border-radius:50%}.nav__me{align-items:center;gap:var(--sp-2);font-size:var(--fs-dense);display:flex}.nav__me a{color:var(--text)}.nav__me img{border-radius:4px;width:24px;height:24px}.page{margin:var(--sp-6) auto var(--sp-7);padding-inline:var(--sp-5)}.page--play{max-width:720px}.page--play-teams{max-width:880px}.page--list{max-width:1120px}.page--profile{max-width:960px}.page--match{max-width:1120px}.lb-layout{gap:var(--sp-5);grid-template-columns:minmax(0,1fr) 320px;align-items:start;display:grid}@media (width<=960px){.lb-layout{grid-template-columns:minmax(0,1fr)}}.stack>*,.stack{min-width:0}.page-head{margin-bottom:var(--sp-5);border-bottom:2px solid var(--rule);padding-bottom:var(--sp-4)}.page-head__row{justify-content:space-between;align-items:flex-end;gap:var(--sp-4);display:flex}.page-head__eyebrow{margin:0 0 var(--sp-1)}.page-head__title{font-size:var(--fs-title)}.page-head__aside{color:var(--text-muted);font-family:var(--font-label);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.16em;text-align:right}.figures{gap:var(--sp-4) var(--sp-6);margin-top:var(--sp-4);flex-wrap:wrap;display:flex}.figure{min-width:0}.figure__label{margin:0 0 2px}.figure__value{font-family:var(--font-display);font-size:var(--fs-h2);color:var(--text-bright);margin:0;line-height:1}.figure__value--rating{color:var(--rating)}.figure__value--win{color:var(--win)}.figure__value--loss{color:var(--loss)}.figure__sub{margin:var(--sp-1) 0 0;font-size:var(--fs-dense);color:var(--text-muted)}.panel{background:var(--surface);border:1px solid var(--border);padding:var(--sp-5)}.panel>h3:first-child{padding-bottom:var(--sp-2);margin-bottom:var(--sp-3);border-bottom:2px solid var(--rule)}.panel__head{justify-content:space-between;align-items:baseline;gap:var(--sp-4);padding-bottom:var(--sp-2);margin-bottom:var(--sp-3);border-bottom:2px solid var(--rule);display:flex}.stack{gap:var(--sp-5);flex-direction:column;display:flex}.muted{color:var(--text-muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8em}.empty{color:var(--text-muted);font-size:var(--fs-dense);margin:0}.error{color:var(--loss);font-size:var(--fs-dense)}.chip,.btn--ghost,.tabs__tab{justify-content:center;align-items:center;gap:var(--sp-2);min-height:36px;padding:var(--sp-1) var(--sp-3);border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 85%, transparent);color:var(--text-muted);font-family:var(--font-label);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.12em;cursor:pointer;font-weight:500;line-height:1;transition:border-color .12s linear,color .12s linear;display:inline-flex}.chip:hover,.btn--ghost:hover,.tabs__tab:hover{color:var(--text-bright);border-color:var(--border-strong);filter:none;text-decoration:none}.chip.is-on,.tabs__tab.is-active{border-color:var(--accent);color:var(--text-bright);font-weight:500}.chip:disabled{opacity:.5;cursor:default}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:40px;padding:var(--sp-2) var(--sp-5);border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);font-family:var(--font-label);font-size:var(--fs-dense);text-transform:uppercase;letter-spacing:.14em;cursor:pointer;font-weight:600;transition:filter .12s linear;display:inline-flex}.btn:hover{filter:brightness(1.1);text-decoration:none}.btn:disabled{opacity:.5;cursor:default;filter:none}.btn--block{width:100%}.btn--ghost{border-color:var(--border);color:var(--text-muted);background:0 0;min-height:40px}@media (width<=640px){.chip,.btn--ghost,.tabs__tab,.btn{min-height:44px}}:where(a,button,input):focus-visible{outline:2px solid var(--accent);outline-offset:2px}input{padding:var(--sp-3);border:1px solid var(--border);background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--fs-body)}input:focus{border-color:var(--accent)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--fs-dense)}th{text-align:left;padding:var(--sp-2) var(--sp-3);font-family:var(--font-label);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;font-weight:500}td{padding:var(--sp-3);border-bottom:1px solid var(--border)}tbody tr{transition:background-color .1s linear}tbody tr:hover{background:var(--surface-2)}th.num,td.num{text-align:right}td a{color:var(--text)}td a:hover{color:var(--accent)}tbody tr.is-me{background:var(--surface-2);box-shadow:inset 3px 0 0 var(--accent)}.rank{font-family:var(--font-display);color:var(--text-muted);width:3.5rem;font-size:1.375rem;line-height:1}.rank--top{color:var(--rating)}.pname,.pname a{font-family:var(--font-label);font-size:var(--fs-body);letter-spacing:.08em;text-transform:uppercase;color:var(--text-bright)}.pname a:hover{color:var(--accent)}td,th{height:46px}.lb--ranked tbody tr:first-child{background:linear-gradient(90deg, color-mix(in srgb, var(--rating) 10%, transparent), transparent 45%)}.lb--ranked tbody tr:first-child:hover{background:linear-gradient(90deg, color-mix(in srgb, var(--rating) 14%, transparent), var(--surface-2) 45%)}td.campaign-cell{box-shadow:inset 4px 0 0 var(--campaign,transparent)}.ctiles{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));display:grid}.ctile{justify-content:flex-end;align-items:flex-start;gap:var(--sp-1);min-height:150px;padding:var(--sp-3) var(--sp-4);border:1px solid var(--border-strong);background:linear-gradient(180deg, color-mix(in srgb, var(--campaign) 55%, var(--bg)) 0%, var(--bg) 100%);color:var(--text-bright);text-align:left;cursor:default;font:inherit;flex-direction:column;display:flex;position:relative;overflow:hidden}.ctile:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 60px #000000e6}.ctile>*{z-index:1;position:relative}button.ctile{cursor:pointer}button.ctile:hover{border-color:var(--text-muted)}.ctile.is-active{border-color:var(--rule);box-shadow:0 0 0 1px var(--rule)}.ctile.is-muted{opacity:.55}.ctile__name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;font-size:1.875rem;line-height:1}.ctiles+.stack{margin-top:var(--sp-5)}.versus{align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border);border-bottom:2px solid var(--rule);background:linear-gradient(90deg, color-mix(in srgb, var(--win) 8%, transparent), transparent 35%, transparent 65%, color-mix(in srgb, var(--rule) 14%, transparent));grid-template-columns:1fr auto 1fr;display:grid}.versus__side{min-width:0}.versus__side--b{text-align:right}.versus__eyebrow--a{color:var(--win);margin:0 0 var(--sp-1)}.versus__eyebrow--b{color:var(--accent);margin:0 0 var(--sp-1)}.versus__names{font-family:var(--font-label);font-size:var(--fs-h3);letter-spacing:.08em;text-transform:uppercase;color:var(--text-bright);overflow-wrap:anywhere;margin:0}.versus__scores{justify-content:center;align-items:baseline;gap:var(--sp-3);display:flex}.versus__score{font-family:var(--font-display);font-size:var(--fs-hero);color:var(--text-bright);text-shadow:0 3px #2b0e0b;line-height:1}.versus__score--lead{color:var(--rating)}.versus__slash{font-family:var(--font-display);font-size:var(--fs-h2);color:var(--text-muted)}.versus__sub{text-align:center;color:var(--text-muted);font-size:var(--fs-dense);grid-column:1/-1;margin:0}@media (width<=760px){.versus{text-align:center;grid-template-columns:1fr}.versus__side--b{text-align:center}}.versus+.stack{margin-top:var(--sp-5)}.headliner{background:color-mix(in srgb, var(--bg) 35%, var(--surface));position:relative}.headliner__avatar{top:var(--sp-5);right:var(--sp-5);object-fit:cover;width:56px;height:56px;position:absolute}.headliner--avatar{padding-right:calc(56px + 2 * var(--sp-5))}.headliner__eyebrow{margin:0}.headliner__name{font-size:var(--fs-h1);margin-top:var(--sp-1)}.headliner__row{align-items:baseline;gap:var(--sp-3);margin-top:var(--sp-2);display:flex}.headliner__rating{font-family:var(--font-display);font-size:var(--fs-hero);color:var(--rating);text-shadow:0 3px #2b0e0b;line-height:1}.headliner__unrated{color:var(--text-muted);font-size:var(--fs-dense)}.headliner__delta{align-self:center}.headliner__stats{gap:var(--sp-3);margin-top:var(--sp-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.headliner__stats p{margin:0}.headliner__stat-value{font-family:var(--font-display);font-size:var(--fs-h3);color:var(--text-bright);line-height:1.1}.headliner__stat-value--win{color:var(--win)}.headliner__stat-value--loss{color:var(--loss)}.sr{font-family:var(--font-display);color:var(--rating);font-size:1.5rem;line-height:1}.hero{font-family:var(--font-display);font-size:var(--fs-hero);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.delta{min-width:3.25rem;padding:0 var(--sp-2);background:var(--surface-2);font-size:var(--fs-dense);font-variant-numeric:tabular-nums;text-align:right;color:var(--text-muted);border-radius:0;display:inline-block}.delta--up{color:var(--win)}.delta--down{color:var(--loss)}.result{text-align:center;width:1.5rem;font-family:var(--font-display);background:var(--surface-2);border-radius:0;font-weight:700;display:inline-block}.result--win{color:var(--win)}.result--loss{color:var(--loss)}.result--draw{color:var(--draw)}.teams{gap:var(--sp-5);grid-template-columns:1fr 1fr;display:grid}.teams>*{min-width:0}.panel>.teams{margin-top:var(--sp-4)}@media (width<=760px){.teams{grid-template-columns:1fr}}.roster{margin:var(--sp-3) 0 0;padding:0;list-style:none}.roster li{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border);font-size:var(--fs-dense)}.roster li.is-me{box-shadow:inset 3px 0 0 var(--accent);background:var(--surface-2)}@media (width<=640px){.nav{gap:var(--sp-3);height:auto;min-height:62px;padding:var(--sp-3) var(--sp-5);flex-wrap:wrap}.nav__links{flex-wrap:wrap;flex-basis:100%}.page{padding-inline:var(--sp-4)}}.queue-count{align-items:baseline;gap:var(--sp-3);display:flex}.queue-count__of{font-family:var(--font-display);font-size:var(--fs-h2);color:var(--text-muted)}.slots{gap:var(--sp-2);margin:var(--sp-4) 0 var(--sp-5);display:flex}.slot{border:1px dashed var(--border);border-radius:0;flex:1;height:6px;transition:background-color .2s linear,border-color .2s linear}.slot--filled{background:var(--accent);border-color:var(--accent);border-style:solid}.hero-panel h1{margin:var(--sp-2) 0 var(--sp-3)}.hero-panel .btn{margin-top:var(--sp-4)}.register{gap:var(--sp-3);margin-top:var(--sp-4);display:flex}.register input{flex:1}.countdown{margin:var(--sp-4) 0 var(--sp-5)}.countdown__digits{color:var(--accent);font-family:var(--font-display)}.countdown__track{height:6px;margin-top:var(--sp-3);background:var(--surface-2);border-radius:0;overflow:hidden}.countdown__bar{background:var(--accent);height:100%}.urgent-panel{transition:border-color .2s linear}body[data-urgent=true] .urgent-panel{border-color:var(--loss)}body[data-urgent=true] .countdown__digits{animation:1s steps(2,start) infinite blink}@keyframes blink{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){body[data-urgent=true] .countdown__digits{animation:none}.countdown__bar,.slot,tbody tr,.nav{transition:none}}.roster--ready li{justify-content:space-between;align-items:center;display:flex}.roster--ready .tick{color:var(--text-muted);font-weight:600}.roster--ready li.is-ready,.roster--ready li.is-ready .tick{color:var(--win)}.match-id{font-size:var(--fs-label)}.panel--table{padding:var(--sp-4) var(--sp-5) var(--sp-2)}.panel--table h3{margin-bottom:var(--sp-3)}.spark{width:100%;height:120px;margin-top:var(--sp-3)}.spark polyline{fill:none;stroke:var(--rating);stroke-width:2px;vector-effect:non-scaling-stroke}.profile-grid{gap:var(--sp-5);grid-template-columns:1fr 2fr;align-items:start;display:grid}.profile-grid>*{min-width:0}@media (width<=820px){.profile-grid{grid-template-columns:1fr}}.totals{margin:var(--sp-3) 0 0;gap:var(--sp-2);flex-direction:column;display:flex}.totals>div{justify-content:space-between;gap:var(--sp-4);font-size:var(--fs-dense);display:flex}.totals dt{color:var(--text-muted)}.totals dd{margin:0;font-weight:600}.devpanel{right:var(--sp-4);bottom:var(--sp-4);padding:var(--sp-3);border:1px dashed var(--border);border-radius:var(--radius);background:var(--surface);font-size:var(--fs-label);max-width:min(28rem,100vw - 2rem);position:fixed}.devpanel summary{cursor:pointer;list-style:none}.devpanel summary::-webkit-details-marker{display:none}.devpanel summary:after{content:" ▾"}.devpanel:not([open]) summary:after{content:" ▴"}.devpanel:not([open]){padding:var(--sp-2) var(--sp-3)}.devpanel input{width:100%;margin-top:var(--sp-2);font-size:var(--fs-label);padding:var(--sp-1) var(--sp-2)}.devpanel__row{gap:var(--sp-1);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.devpanel button{padding:var(--sp-1) var(--sp-2);border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);font-family:var(--font-body);font-size:var(--fs-label);cursor:pointer;border-radius:4px}.devpanel button:hover{color:var(--text);border-color:var(--text-muted)}.demos{margin:0;padding:0;list-style:none}.demos__row{gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--border);grid-template-columns:1fr auto auto;align-items:baseline;display:grid}.demos__row:last-child{border-bottom:0}.live__stale{color:var(--loss)}.live__teams{gap:var(--sp-4);margin-bottom:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.live__teams h4{margin:0 0 var(--sp-2);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:.85rem}.live__roster{margin:0;padding:0;list-style:none}.live__roster li{padding:var(--sp-1) 0}@media (width<=640px){.live__teams{grid-template-columns:1fr}}.live__stats table{border-collapse:separate;border-spacing:0}.live__stats th,.live__stats td{white-space:nowrap;border-bottom:1px solid var(--border)}.live__pcol{z-index:2;text-align:left;background:var(--surface);padding-right:var(--sp-4);position:sticky;left:0}.live__stats thead .live__pcol{z-index:3}.live__stats .is-groupstart{border-left:1px solid var(--border)}.live__stats td.is-dim{opacity:.35}.live__stats td.is-good{color:var(--win);font-weight:600}.live__stats td.is-bad{color:var(--loss);font-weight:600}.live__stats td.is-dim.is-good,.live__stats td.is-dim.is-bad{opacity:1}.live__teamrow th,.live__teamrow td{background:var(--surface-2);font-family:var(--font-label);font-size:var(--fs-label);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);height:34px;padding-top:0;padding-bottom:0;font-weight:500}.feed{margin-top:var(--sp-4)}.feed__more{margin-top:var(--sp-2)}.match__maps{margin-bottom:var(--sp-3)}.match__sides{margin:var(--sp-2) 0 0}.feed h4{margin:0 0 var(--sp-2);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem}.feed ul{max-height:14rem;margin:0;padding:0;list-style:none;overflow-y:auto}.feed li{padding:var(--sp-1) 0;font-size:var(--fs-dense);color:var(--text-muted)}.feed__line strong{color:var(--text);font-weight:600}.feed__val{color:var(--accent);font-weight:600}.live__section{margin-top:var(--sp-4)}.live__section>h4{margin:0 0 var(--sp-2);letter-spacing:.06em;text-transform:uppercase;color:var(--text);font-size:.8rem}.live__section>h4 .muted{text-transform:none;letter-spacing:0}.feed__map{margin-top:var(--sp-2);padding-top:var(--sp-2);border-top:1px solid var(--border);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.7rem}.feed li:first-child.feed__map{border-top:0;margin-top:0;padding-top:0}.demohint{margin-bottom:var(--sp-3);font-size:var(--fs-dense)}.demohint summary{cursor:pointer;color:var(--accent)}.demohint p{margin:var(--sp-2) 0}.demohint pre{padding:var(--sp-2) var(--sp-3);background:var(--surface-2);white-space:pre;border-radius:3px;margin:0;overflow-x:auto}.lb table{border-collapse:separate;border-spacing:0}.lb th,.lb td{white-space:nowrap;border-bottom:1px solid var(--border)}.lb__pcol{z-index:2;text-align:left;background:var(--surface);padding-right:var(--sp-4);position:sticky;left:0}.lb thead .lb__pcol{z-index:3}.lb td.is-dim{opacity:.35}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable:hover{color:var(--text)}.sortable.is-sorted{color:var(--rating)}.sortable__arrow{margin-left:.25em;font-size:.8em}.bars{margin-top:var(--sp-3)}.bars__label{margin:0 0 var(--sp-2);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.7rem}.bar{margin-bottom:var(--sp-3)}.bar__head{justify-content:space-between;align-items:baseline;gap:var(--sp-3);font-size:var(--fs-dense);margin-bottom:4px;display:flex}.bar__name,.bar__name a{color:var(--text)}.bar__name a:hover{color:var(--accent)}.bar__value{font-variant-numeric:tabular-nums;font-weight:600}.bar__value--good{color:var(--win)}.bar__value--bad{color:var(--loss)}.bar__value--neutral{color:var(--text)}.bar__detail{color:var(--text-muted);font-weight:400}.bar__track{background:var(--surface-2);border-radius:3px;height:6px;overflow:hidden}.bar__fill{border-radius:3px;height:100%;transition:width .2s}.bar__fill--good{background:linear-gradient(90deg, var(--win), color-mix(in srgb, var(--win) 45%, transparent))}.bar__fill--bad{background:linear-gradient(90deg, var(--loss), color-mix(in srgb, var(--loss) 45%, transparent))}.bar__fill--neutral{background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 45%, transparent))}.tabs{gap:var(--sp-1);margin-bottom:var(--sp-3);border-bottom:1px solid var(--border);display:flex;overflow-x:auto}.tabs__tab{color:var(--text-muted);text-transform:uppercase;cursor:pointer;white-space:nowrap;border-bottom:2px solid #0000;border-radius:0}.tabs__tab:hover{color:var(--text)}.tabs__tab.is-active{color:var(--text);border-color:var(--border);border-bottom-color:var(--accent)}.tabs__count{background:var(--surface-2);border-radius:999px;margin-left:.4em;padding:0 .4em;font-size:.85em}.replay{gap:var(--sp-3);flex-direction:column;display:flex}.replay__frame{background:#050403;border-top:3px solid #1a1512;border-bottom:3px solid #1a1512;justify-content:center;display:flex}.replay__sprocket{background:repeating-linear-gradient(#0000 0 10px,#0b0908 10px 22px,#0000 22px 34px),#1a1512;flex:none;width:26px;position:relative}.replay__sprocket:before{content:"";background:repeating-linear-gradient(#2b241f 0 10px,#0000 10px 22px,#2b241f 22px 34px);position:absolute;inset:0 7px}.replay__sprocket--l{border-right:1px solid #0b0908}.replay__sprocket--r{border-left:1px solid #0b0908}.replay__stage{touch-action:pan-y;cursor:grab;width:100%;position:relative}.replay__stage.is-dragging{cursor:grabbing}.replay__sep{background:var(--border);width:1px;height:20px;margin:0 var(--sp-1)}.replay__canvas{background:var(--bg);width:100%;height:100%;display:block}.replay__vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 110px #000c}.rhud{padding:var(--sp-3);pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;inset:0}.rhud__left{align-items:baseline;gap:var(--sp-3);flex-wrap:wrap;display:flex}.rhud__time{font-family:var(--font-display);color:var(--text-bright);text-shadow:0 3px #000;font-size:2.5rem;line-height:1}.rhud__of{color:var(--text)}.rhud__counts{color:var(--win)}.rhud__live{color:var(--accent);flex-basis:100%}.rhud__right{justify-content:flex-end;gap:var(--sp-1);flex-wrap:wrap;display:flex}.rhud .chip{min-height:36px;padding:2px var(--sp-2);pointer-events:auto;background:#15110ed9}@media (width<=640px){.rhud__time{font-size:1.75rem}.rhud .chip{min-height:44px}}.replay--empty{text-align:center;color:var(--text-muted);padding:2rem}.replay__controls,.replay__toolbar,.replay__rounds{gap:var(--sp-2);flex-wrap:wrap;align-items:center;display:flex}.replay__time{font-family:var(--font-label);font-variant-numeric:tabular-nums;font-size:var(--fs-dense);color:var(--text-muted);letter-spacing:.08em}.chip--slot{gap:.35rem}.replay__swatch{background:currentColor;border-radius:50%;flex:none;width:.6rem;height:.6rem}.replay__slot-name{color:var(--text)}.chip--slot.is-on{border-color:currentColor}.replay__rail{flex-direction:column;gap:.15rem;max-height:18rem;display:flex;overflow-y:auto}.replay__entry{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:2px;gap:.4rem;padding:.15rem .3rem;font-size:.75rem;display:flex}.replay__entry:hover{background:var(--surface-2)}.replay__entry--chat .replay__entry-text{opacity:.85;font-style:italic}.replay__entry-t{font-variant-numeric:tabular-nums;opacity:.55}.replay__entry-who{font-weight:600}.replay__entry--ahead{opacity:.45}.replay__rail--player{max-height:24rem}.replay__rail-empty{font-family:var(--font-label);font-size:var(--fs-dense);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:var(--sp-2) .3rem}.rail-group{flex-direction:column;gap:.15rem;display:flex}.rail-group+.rail-group{margin-top:var(--sp-2)}.rail-group__head{font-family:var(--font-label);font-size:var(--fs-label);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);padding:.15rem .3rem}.rail-group__head--did{color:var(--win)}.rail-group__head--suffered{color:var(--accent)}.hud-strip{gap:var(--sp-2);flex-direction:column;display:flex}.hud-row{gap:var(--sp-2);flex-wrap:wrap;align-items:stretch;display:flex}.hud-row__label{font-family:var(--font-label);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted);align-self:center;min-width:5rem}.hudp{gap:var(--sp-2);background:var(--surface);border:1px solid var(--border);padding:var(--sp-2);border-left-width:3px;flex:10rem;min-width:10rem;display:flex}.hudp__slot{font-family:var(--font-label);font-size:var(--fs-label);color:var(--text-muted);font-variant-numeric:tabular-nums}.hudp--empty{visibility:hidden}.hudp--dead{filter:grayscale();opacity:.55}.hudp__face{object-fit:cover;width:34px;height:34px}.hudp__body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.hudp__top{justify-content:space-between;align-items:baseline;gap:var(--sp-2);display:flex}.hudp__name{font-family:var(--font-label);font-size:var(--fs-dense);letter-spacing:.06em;text-transform:uppercase;color:var(--text-bright);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hudp__hp{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.25rem;line-height:1}.hudp__cls,.hudp__gun,.hudp__flags{font-family:var(--font-label);font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.hudp__flags{color:var(--rating)}.hudp__bar{background:var(--bg);border:1px solid var(--border);height:8px;position:relative;overflow:hidden}.hudp__bar-temp,.hudp__bar-perm{position:absolute;inset:0 auto 0 0}.hudp__bar-temp{background:#c2d9a7}.hudp__bar-perm{background:#45b39c}.scrub{background:repeating-linear-gradient(90deg,#1a1512 0 26px,#241d18 26px 28px);flex:200px;height:22px;position:relative}.scrub__progress{background:color-mix(in srgb, var(--rule) 70%, transparent);pointer-events:none;position:absolute;top:0;bottom:0;left:0}.scrub__range{appearance:none;z-index:1;cursor:pointer;background:0 0;border:0;width:100%;height:22px;margin:0;padding:0;position:relative}.scrub__range::-webkit-slider-runnable-track{background:0 0;height:22px}.scrub__range::-moz-range-track{background:0 0;height:22px}.scrub__range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text-bright);border:0;width:3px;height:30px;margin-top:-4px}.scrub__range::-moz-range-thumb{background:var(--text-bright);border:0;border-radius:0;width:3px;height:30px}.scrub__ticks{pointer-events:none;z-index:2;position:absolute;inset:0}.scrub__tick{cursor:pointer;pointer-events:auto;--tick:var(--accent);background:0 0;border:0;width:10px;padding:0;position:absolute;top:0;bottom:0;transform:translate(-50%)}.scrub__tick:after{content:"";background:var(--tick);width:2px;height:16px;position:absolute;top:3px;left:4px}.scrub__tick:hover:after,.scrub__tick:focus-visible:after{width:4px;left:3px}.scrub__tick:focus-visible{outline:2px solid var(--text-bright);outline-offset:-2px}.scrub__tick--event{--tick:var(--accent)}.scrub__tick--chat{--tick:var(--text-muted);opacity:.6}.scrub__tick--did{--tick:var(--win)}.scrub__tick--suffered{--tick:var(--accent)}body.is-theater{overflow:hidden}.replay--theater{z-index:50;background:var(--bg);gap:0;position:fixed;inset:0}.replay--theater .replay__frame{background:var(--bg);border:0;position:absolute;inset:0}.replay--theater .replay__stage{touch-action:none;width:100%;height:100%}.replay--theater .replay__vignette{box-shadow:inset 0 0 160px #000c}.theater__top{z-index:3;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3) var(--sp-3);pointer-events:none;background:linear-gradient(#050403e6,#05040300);flex-direction:column;transition:opacity .4s;display:flex;position:absolute;top:0;left:0;right:0}.theater__top .replay__controls,.theater__top .replay__toolbar,.theater__toggles{pointer-events:auto}.theater__toggles{gap:var(--sp-1);flex-wrap:wrap;display:flex}.replay--theater.is-idle .theater__top{opacity:.15}.replay--theater.is-idle .theater__top:hover,.replay--theater.is-idle .theater__top:focus-within{opacity:1}.replay--theater .chip{background:#050403c7}.hud-edge{z-index:2;gap:var(--sp-2);width:240px;padding:var(--sp-2);pointer-events:none;flex-direction:column;display:flex;position:absolute;top:150px;bottom:60px;overflow:hidden}.hud-edge--l{left:0}.hud-edge--r{right:var(--rail-w,0px);transition:right .25s}.hud-edge .hudp{background:#050403c7;border-color:#ffffff0f;flex:none;min-width:0}.hud-edge .hudp--empty{display:none}.theater__rail{z-index:2;width:320px;padding:var(--sp-2);border-left:1px solid var(--border);background:#050403d9;position:absolute;top:150px;bottom:60px;right:0;overflow-y:auto}.theater__rail .replay__rail{max-height:none}.tstat{z-index:3;align-items:baseline;gap:var(--sp-4);padding:var(--sp-2) var(--sp-3);font-family:var(--font-label);font-size:var(--fs-dense);letter-spacing:.12em;text-transform:uppercase;color:var(--text);pointer-events:none;background:linear-gradient(#05040300,#050403e6);display:flex;position:absolute;bottom:0;left:0;right:0}.tstat__time{font-family:var(--font-display);color:var(--text-bright);letter-spacing:0;text-shadow:0 3px #000;font-size:1.75rem;line-height:1}.tstat__item--win{color:var(--win)}.tstat__item--live{color:var(--accent)}@media (width<=900px){.hud-edge{width:170px}.hud-edge .hudp__face{display:none}.theater__rail{width:260px}}