:root{color-scheme:dark;--c-bg: #070b14;--c-bg-mid: #101c34;--c-surface: #121a2b;--c-surface-hi: #182236;--c-surface-base: #0e1624;--c-accent: #f26522;--c-accent-hi: #ff7d3c;--c-accent-btn: #c85116;--c-text: #f5f4f0;--c-text-sub: #96a6be;--c-line: #2e4568;--c-stroke-glass: rgba(140, 175, 230, .18);--bdr: rgba(245, 244, 240, .08);--bdr2: rgba(245, 244, 240, .14);--green: #22c55e;--red: #ef4444;--font-ui: "Helvetica Neue", Helvetica, "DM Sans", Inter, sans-serif;--bg: var(--c-bg);--text: var(--c-text);--muted: var(--c-text-sub);--accent: var(--c-accent);--line: var(--c-line);--bar: calc(54px + env(safe-area-inset-top)) ;font-family:var(--font-ui);background:var(--c-bg);color:var(--c-text);font-size:15px;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;min-height:100dvh}html,body{overflow-x:clip}body{margin:0;background:transparent;color:var(--c-text)}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 100% 0%,#f2652224,#f2652212 22%,#f2652200 48%),radial-gradient(ellipse 90% 70% at 12% 0%,#4678d229,#3764b90d 32%,#2850a006 52%,#2850a000 70%),#070b14}button,input,select,textarea{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}img,video{max-width:100%}h1,h2,h3{font-family:inherit;font-weight:700;letter-spacing:-.3px}h1{font-size:28px;letter-spacing:-.5px;line-height:1.15;margin:0 0 4px}h2{font-size:16px;margin:0}p{margin:0;font-size:14px;line-height:1.55}.skip{position:absolute;left:12px;top:-48px;background:var(--c-accent);color:#1a0c05;padding:8px 12px;z-index:6;border-radius:999px}.skip:focus{top:12px}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;height:var(--bar);padding:env(safe-area-inset-top) clamp(16px,3vw,32px) 0;background:#0e16248c;border-bottom:1px solid rgba(140,175,230,.18);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.ah-logo{display:flex;align-items:center;flex-shrink:0;color:#f5f4f0;text-decoration:none}.brand-lockup-bar{gap:8px}.brand-lockup-bar .brand-type{gap:1px}.brand-lockup-bar .brand-name{font-size:20px;line-height:1}.brand-lockup-bar .brand-sub{font-size:12px;line-height:1;font-weight:600}.brand-lockup{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand-mark{display:block;flex:0 0 auto}.brand-type{display:flex;flex-direction:column;line-height:.9}.brand-name{font-family:Outfit,Helvetica Neue,Helvetica,sans-serif;font-weight:800;font-size:20px;letter-spacing:-.03em;color:#f5f4f0}.brand-lockup-login{gap:14px;align-items:center}.brand-lockup-login .brand-type{gap:2px;line-height:1}.brand-lockup-login .brand-name{font-size:40px;line-height:.95}.brand-sub{font-family:Outfit,Helvetica Neue,Helvetica,sans-serif;font-weight:600;font-size:16px;letter-spacing:0;color:#f26522}.ah-right{display:flex;align-items:center;gap:4px;margin-left:auto;padding-left:12px;align-self:stretch}.desktop-nav{display:none;align-items:stretch;align-self:stretch;height:100%;margin-left:8px}.desktop-nav a,.ah-right .ah-link{color:#f5f4f0d1;text-decoration:none;display:inline-flex;align-items:center;gap:7px;font-family:Inter,Helvetica Neue,Helvetica,sans-serif;font-size:13px;font-weight:700;padding:0 15px;border:0;border-bottom:2.5px solid transparent;border-radius:0;background:transparent;white-space:nowrap;min-height:0;cursor:pointer}.desktop-nav a svg,.ah-right .ah-link svg{opacity:.7}.desktop-nav a:hover,.ah-right .ah-link:hover{color:#f5f4f0}.desktop-nav a.active,.ah-right .ah-link.active{color:#f5f4f0;border-bottom-color:#f26522}.desktop-nav a.active svg,.ah-right .ah-link.active svg{opacity:1}.bottom-nav a{color:#f5f4f0d1;text-decoration:none;display:flex;flex:1 1 0;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;font-size:10px;font-weight:700;line-height:1.15;padding:4px 2px;min-height:48px;border-radius:10px}.bottom-nav a span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav svg{width:20px;height:20px}.bottom-nav a.active{color:#f5f4f0;background:#f2652229}.lang{display:flex;gap:8px;margin-left:auto;align-self:center}.topbar .lang{margin-left:0}.lang button{font-size:11px;font-weight:800;letter-spacing:.04em;padding:6px 10px;min-height:0;border-radius:6px;border:1px solid var(--c-line);background:transparent;color:#f5f4f066}.lang button[aria-pressed=true]{background:#f2652224;border-color:#f2652259;color:#f26522}.page{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:28px 0 120px;display:flex;flex-direction:column;gap:24px}.page>.kicker{display:none}.page>h1{margin:0}.page>.lede{margin:-12px 0 0;max-width:62ch}.bottom-nav[hidden]{display:none!important}.bottom-nav{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-around;gap:4px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#0e1624b8;border-top:1px solid rgba(140,175,230,.18);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:4}.path{margin:0;padding:12px 14px;border-radius:12px;background:var(--c-surface-base);color:var(--c-text);font-family:ui-monospace,Cascadia Mono,Consolas,monospace;word-break:break-all}.kicker{margin:0 0 6px;color:var(--c-accent);font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.lede,.meta{color:var(--c-text-sub)}.lede{margin-top:0}.auth-card,.panel,.card,.person,.storage-row{background:var(--c-surface);border:1px solid var(--bdr2);border-radius:16px}.panel{padding:20px}.video-card{transition:border-color .15s ease}.video-card:hover{border-color:#f5f4f047}.auth-card{width:min(440px,100%);margin:10vh auto;padding:32px 24px;display:flex}.stack{display:flex;flex-direction:column;align-items:stretch;gap:16px}.stack>button,.stack>.button,.stack>.button-row{align-self:flex-start}label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--c-text-sub)}fieldset{border:0;margin:0;padding:0}legend{padding:0;margin-bottom:8px;color:var(--c-text-sub)}input,select,textarea{color-scheme:dark;border-radius:12px;border:1px solid #3d5275;background-color:#070b14;padding:6px 10px;min-height:34px;font-size:14px;font-weight:400;letter-spacing:0;text-transform:none}select{appearance:none;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3 5l4 4 4-4' stroke='%23F5F4F0' stroke-opacity='0.45' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}select option{background:#111e35}select:focus,input:focus,textarea:focus{outline:none;border-color:#f2652273;box-shadow:0 0 0 3px #f265221a}textarea{min-height:96px;resize:vertical}button,.button{border-radius:10px;border:1px solid transparent;padding:6px 12px;min-height:34px;font-size:13px;font-weight:700;letter-spacing:0;text-transform:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #f26522;outline-offset:2px}button.primary,a.button{background:#f26522;color:#fff;min-height:38px}button.primary:hover,a.button:hover{background:#e05500}button.ghost,a.ghost{background:#ffffff0a;border-color:var(--c-line);color:var(--c-text);font-size:13px;min-height:34px;padding:5px 12px;border-radius:10px}.button-row,.pager,.choice{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.choice button{min-height:30px;max-width:100%;padding:4px 10px;border-radius:8px;font-size:12px;white-space:normal}.speeds{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;width:fit-content;max-width:100%;padding:4px;border-radius:14px;border:1px solid var(--c-line);background:#f5f4f00a}.speeds button{min-width:44px;min-height:32px;padding:4px 8px;font-size:12px}.pager a,.pager .button{min-width:128px}.player-shell{display:flex;flex-direction:column;gap:24px}.player-shell>header{display:flex;flex-direction:column;gap:8px}.player-shell>header h1{margin:0}.player-shell>section,.bookmarks{display:flex;flex-direction:column;gap:16px}.transport{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;padding:12px;background:var(--c-surface);border:1px solid var(--bdr2);border-radius:16px}button.bookmark{width:100%;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:4px;text-align:left;background:#0b1220;border-color:var(--bdr2);font-weight:600}.match-results{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow:auto}.cup-games{display:flex;flex-direction:column;gap:8px}button.cup-game{width:100%;min-height:0;justify-content:flex-start;flex-direction:column;align-items:stretch;gap:2px;text-align:left;background:#ffffff08;border-color:var(--c-line);font-weight:500;padding:8px 12px}.cup-line{display:flex;justify-content:space-between;align-items:baseline;gap:12px;width:100%}.cup-line strong{font-variant-numeric:tabular-nums;flex:0 0 auto}button.match-pick{width:100%;justify-content:flex-start;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;background:#ffffff08;border-color:var(--c-line);font-weight:500}button.match-pick[aria-pressed=true]{border-color:#f26522;background:#f265221f}details.paste summary{cursor:pointer;color:var(--c-text-sub);font-size:13px;font-weight:700}button.danger{background:transparent;border-color:#ef444473;color:#ffb4ab}button:disabled{opacity:.55}.segments{display:flex;flex-wrap:wrap;gap:6px;width:100%;max-width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent}.segments button{border-radius:8px;border:1px solid var(--c-line);background:#ffffff0a;color:var(--c-text-sub);font-size:12px;min-height:30px;max-width:100%;padding:4px 10px;white-space:normal}.segments button[aria-pressed=true],.choice button[aria-pressed=true],.chips button.primary{background:#f2652229;border-color:#f2652273;color:#ff7d3c}.error{color:#ffb4ab}.ok{color:#86efac}.warning{color:#fdba74}.filters{display:flex;flex-wrap:wrap;align-items:end;gap:10px 12px;margin:0;padding:12px;background:#f5f4f00a;border:1px solid #3d5275;border-radius:22px}.filters label{flex:1 1 160px;max-width:240px;gap:6px;font-size:12px;font-weight:700;letter-spacing:0;text-transform:none;min-width:0}.filters label.wide{flex:1.4 1 220px;max-width:320px}.filters input,.filters select{width:100%}.filter-actions{display:flex;align-items:flex-end;flex:0 0 auto}.filter-actions button{min-height:34px;padding:5px 12px}.filter-more{display:contents}.filter-toggle{display:none}.grid{display:grid;grid-template-columns:1fr;gap:20px}.video-card{color:inherit;text-decoration:none;overflow:hidden;display:flex;flex-direction:column}.thumb{aspect-ratio:16 / 9;background:#0b1220 center / cover no-repeat;position:relative;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.watch-bar{position:absolute;left:0;bottom:0;height:4px;background:#f26522}.stage{position:relative}.stage-tap{position:absolute;top:0;bottom:56px;width:28%;z-index:1;background:transparent;border:0}.stage-tap.left{left:0}.stage-tap.right{right:0}.stage-back{z-index:2}.meter.indeterminate{display:block;height:4px;margin-top:8px;border-radius:99px;background:linear-gradient(90deg,transparent,#f26522,transparent);background-size:40% 100%;animation:slide 1.2s linear infinite}@keyframes slide{0%{background-position:-40% 0}to{background-position:140% 0}}.skeleton{min-height:180px;background:linear-gradient(90deg,#121a2b,#1c2942,#121a2b);background-size:200% 100%;animation:slide 1.4s linear infinite}.chips{display:flex;flex-wrap:wrap;gap:6px;overflow:visible;width:100%;max-width:100%}.chips button{flex:0 1 auto;min-width:0;max-width:100%;min-height:30px;padding:4px 10px;border-radius:8px;font-size:12px;white-space:normal;text-align:left}.bookmark{display:flex;align-items:center;gap:8px}.bookmark>button:first-child{flex:1;text-align:left;background:transparent;color:inherit;border:0;min-height:44px}.report-bar{display:block;height:8px;border-radius:99px;background:#243044;overflow:hidden}.report-bar b{display:block;height:100%;background:#f26522}.scroll-tabs{display:flex;flex-wrap:wrap;gap:6px;overflow:visible;width:100%;border:0;border-radius:0;background:transparent;padding:0}.scroll-tabs button{flex:0 1 auto;min-height:30px}.scoreboard .extra{display:table-cell}@media(max-width:800px){.scoreboard:not(.is-splits) .extra{display:none}}.thumb>span,.status,.chips span{position:absolute;right:10px;bottom:10px;background:#070b14d1;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.result-chip{position:absolute;left:10px;top:10px;background:#070b14d1;color:#f5f4f0;border-radius:999px;padding:4px 8px;font-size:12px;font-style:normal;font-weight:700;font-variant-numeric:tabular-nums}.video-card>div{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px}.video-card h2{font-size:17px;line-height:1.25;letter-spacing:-.2px}.video-card .meta{font-size:13px;line-height:1.4}.chips{flex-wrap:wrap}.chips span,.status{position:static}.list{display:flex;flex-direction:column;gap:12px}.roster{display:flex;flex-direction:column;gap:6px}.roster-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.roster-tools label{flex-direction:row;align-items:center;gap:8px}.roster-tools input{flex:1 1 180px;min-height:36px}.roster-tools .segments{margin:0}.roster-tools .segments button{min-height:28px;padding:4px 10px}.roster-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who when" "actions actions";gap:2px 12px;align-items:center;padding:8px 12px;background:var(--c-surface);border:1px solid var(--bdr2);border-radius:12px}.roster-who{grid-area:who;min-width:0}.roster-who strong{display:block;font-size:15px;line-height:1.2}.roster-who span,.roster-when{color:var(--c-text-sub);font-size:12px;line-height:1.3}.roster-who span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-when{grid-area:when;white-space:nowrap;text-align:right}.roster-when.is-pending{color:#fdba74}.roster-when.is-done{color:#86efac}.roster-actions{grid-area:actions;display:flex;flex-wrap:wrap;gap:6px}.roster-actions button{min-height:32px;padding:4px 10px;font-size:12px;border-radius:8px}.roster-actions input{min-height:32px;width:min(100%,14rem)}.roster-tools select{min-height:34px}button.roster-row{display:grid;width:100%;min-height:0;padding:8px 12px;text-align:left;font-weight:500;color:inherit;background:var(--c-surface);border:1px solid var(--bdr2);border-radius:12px}button.roster-row[aria-pressed=true]{border-color:#f26522;background:#f265221f}.account-form,.player-form{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;align-items:end}.account-form>h2,.account-form>button,.player-form>h2,.player-form>button,.player-form>.meta{grid-column:1 / -1}.account-form>button,.player-form>button{justify-self:start}@media(min-width:800px){.roster-row{grid-template-columns:minmax(160px,1.3fr) auto auto;grid-template-areas:"who when actions";padding:8px 12px}.roster-actions{justify-content:flex-end}}@media(max-width:640px){.account-form,.player-form{grid-template-columns:1fr}.account-form>button,.player-form>button{justify-self:stretch}}.person,.storage-row{padding:16px 18px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.stage{position:relative;background:#000;border-radius:16px;overflow:hidden;border:1px solid var(--bdr)}.stage video{width:100%;display:block;max-height:78vh;background:#000}.stage-back{position:absolute;z-index:2;top:12px;left:12px;display:inline-flex;align-items:center;min-height:36px;padding:6px 12px;border-radius:999px;background:#070b14d1;color:#f5f4f0;text-decoration:none;font-size:13px;font-weight:700}.banner{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid rgba(242,101,34,.35);background:#f265221a;border-radius:16px;margin-bottom:16px}.stat,.score-line strong{font-size:40px;font-weight:700;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.scoreboard{display:flex;flex-direction:column;gap:16px}.store-note{margin:20px 0 8px;color:var(--c-text-sub)}.store-badges{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.store-badges a{display:inline-flex;align-items:center;min-height:44px;line-height:0}.store-badges img{height:40px;width:auto}.store-badges img.play{height:60px}.score-line{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}.score-line span:first-child{text-align:right}.score-line span:last-of-type{text-align:left}.score-line span{font-size:15px;font-weight:700;color:var(--c-text)}.quarters{display:flex;flex-wrap:wrap;gap:8px}.quarters div{min-width:72px;padding:8px 10px;border-radius:10px;background:#0b1220;border:1px solid var(--bdr);display:flex;flex-direction:column;gap:2px}.quarters span{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--c-text-sub)}.quarters strong{font-size:14px;font-variant-numeric:tabular-nums}.table-scroll{overflow-x:auto}.box{width:100%;min-width:560px;border-collapse:collapse;font-size:13px}.box th{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--c-text-sub);text-align:left;padding:6px 8px 6px 0}.box td{padding:7px 8px 7px 0;border-top:1px solid var(--bdr)}.box td.num,.box th.num{text-align:right;font-variant-numeric:tabular-nums}progress{width:100%;height:8px;accent-color:var(--c-accent)}.password-row{display:flex;gap:12px;align-items:center}.password-row input{flex:1;min-width:0}.password-row button{flex:0 0 auto;white-space:nowrap}.check{display:flex;flex-direction:row;align-items:center;gap:10px;color:var(--c-text)}.check input{width:20px;min-height:20px;flex:0 0 auto}.player-picks{display:flex;flex-direction:column;gap:8px}.player-pick{min-height:34px;width:100%;box-sizing:border-box;padding:4px 10px;border:1px solid var(--c-line);border-radius:10px;background:#ffffff08}.text-link{color:var(--c-accent-hi)}button.quiet{min-height:32px;padding:4px 0;background:transparent;border-color:transparent;color:var(--c-text-sub);font-size:13px;font-weight:600;justify-content:flex-start}.guide{max-width:68ch;display:flex;flex-direction:column;gap:12px}.guide h2{margin-top:12px}.guide ol,.guide ul{margin:0;padding-left:1.25em;display:flex;flex-direction:column;gap:8px}.guide li,.guide p{font-size:15px;line-height:1.55}@media(max-width:799px){input,select,textarea{font-size:16px}.ah-right .ah-link{display:none}.page{width:calc(100% - 24px);padding:14px 0 104px;gap:14px}.page.is-watching{width:100%;padding:0 0 28px;gap:12px}.grid{gap:12px}.auth-card{margin:16px auto;padding:24px 16px}.stack>button.primary,.stack>a.button{align-self:stretch}.banner{flex-direction:column;align-items:stretch}.password-row{flex-wrap:wrap}.password-row button{flex:1 1 100%}.is-watching .player-shell{gap:12px}.is-watching .stage{border-radius:0;border-inline:0;position:sticky;top:var(--bar);z-index:3}.is-watching .player-shell>:not(.stage){margin-inline:16px}.is-watching .transport{flex-direction:column;align-items:stretch;gap:12px;padding:10px}.is-watching .speeds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.is-watching .speeds button{min-width:0;min-height:34px;padding:4px 0}.is-watching .pager{display:flex;width:100%}.is-watching .pager a{flex:1;min-width:0}.is-watching .score-line{gap:8px}.is-watching .score-line strong{font-size:28px}.is-watching .score-line span{font-size:13px;min-width:0;overflow-wrap:anywhere;line-height:1.2}.is-watching .player-shell>header h1{font-size:22px}.box{min-width:0}.box caption{text-align:left}.filters{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px}.filters .filter-search{position:relative;max-width:none}.filters .filter-search>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.filter-toggle{display:inline-flex;min-height:34px;padding:4px 12px;white-space:nowrap}.filter-more{display:none}.filters.is-open .filter-more{display:grid;grid-column:1 / -1;grid-template-columns:1fr 1fr;gap:8px 10px}.filters.is-open .filter-more label,.filters.is-open .filter-more label.wide{max-width:none}.filters.is-open .filter-more label.wide,.filters.is-open .filter-actions{grid-column:1 / -1}}@media(min-width:800px){.desktop-nav{display:flex}.bottom-nav{display:none}.page{padding-bottom:48px}.grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){body:before{background:#070b14}}
