@import url("https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@600;700;800&family=Instrument+Sans:wght@400;500;600&family=DM+Mono:wght@400;500&display=swap");*{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:dark;--hall:#0a100e;--felt:#123028;--card:#14231f;--line:#22403a;--cream:#f0ede4;--mute:#7e938c;--brass:#e0a03c;--chalk:#5b8cb8;--red:#c4453a;--green:#4fbf8b;--nav-h:calc(60px + env(safe-area-inset-bottom))}html{-webkit-text-size-adjust:100%}body{min-height:100vh;background:var(--hall);color:var(--cream);font-family:Instrument Sans,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{-webkit-tap-highlight-color:transparent}button,input,select{font-family:inherit}.wrap{position:relative;max-width:560px;margin:0 auto;padding:14px 14px var(--nav-h)}.lamp{position:fixed;top:-180px;left:50%;transform:translateX(-50%);width:620px;height:420px;pointer-events:none;background:radial-gradient(ellipse at center,rgba(224,160,60,.14),transparent 68%);z-index:0}.wrap>*{position:relative;z-index:1}.head{display:flex;align-items:center;justify-content:space-between;margin:4px 2px 16px}.head h1{font-family:Big Shoulders Display,sans-serif;font-weight:800;font-size:30px;line-height:.9;letter-spacing:.02em;text-transform:uppercase}.head h1 span{color:var(--brass)}.head .who{font-size:12px;color:var(--mute);text-align:right}.head .who b{color:var(--brass);font-weight:600;display:block;font-size:13px}.pagetitle{font-family:Big Shoulders Display,sans-serif;font-weight:800;font-size:38px;text-transform:uppercase;line-height:.9;margin:6px 2px 4px}.pagesub{color:var(--mute);font-size:13px;margin:0 2px 16px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:12px}.card.tight{padding:6px}.eyebrow{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--brass);margin-bottom:10px}.hint{font-size:12.5px;line-height:1.55;margin:10px 0}.hint,.note{color:var(--mute)}.note{font-size:11.5px;line-height:1.5;text-align:center;margin:12px 4px 16px}.muted{color:var(--mute)}.center{padding:56px 0}.center,.empty{text-align:center;color:var(--mute)}.empty{border:1px dashed var(--line);border-radius:14px;padding:28px 16px;font-size:13px;margin-bottom:12px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--brass);color:#1a1206;border:0;border-radius:11px;padding:14px 22px;min-height:48px;font-family:Big Shoulders Display,sans-serif;font-weight:700;font-size:19px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;width:100%}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45}.btn.ghost{background:transparent;color:var(--cream);border:1px solid var(--line)}.btn.danger{background:transparent;color:var(--red);border:1px solid #4a2622}.btn.sm{min-height:40px;padding:8px 14px;font-size:16px;width:auto}.row{display:flex;gap:9px;margin-top:10px}.row .btn{flex:1 1}.link{background:none;border:0;color:var(--chalk);font-size:12.5px;cursor:pointer;padding:6px 2px;text-decoration:underline;text-underline-offset:3px}.link.danger{color:var(--red)}.field{margin-bottom:12px}.field label{display:block;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}input,select{width:100%;background:var(--hall);border:1px solid var(--line);color:var(--cream);border-radius:11px;padding:14px;font-size:16px;min-height:48px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--brass);outline-offset:2px}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:var(--cream);caret-color:var(--cream);-webkit-box-shadow:0 0 0 1000px var(--hall) inset;-webkit-transition:background-color 9999s ease-out;transition:background-color 9999s ease-out}.error{background:#2a1512;border:1px solid #4a2622;color:#e8a49c;border-radius:11px;padding:11px 13px;font-size:13px;margin-bottom:12px}.ball{display:inline-flex;flex-shrink:0;box-shadow:inset -2px -3px 6px rgba(0,0,0,.42),inset 2px 2px 4px hsla(0,0%,100%,.22)}.ball,.ball-pip{align-items:center;justify-content:center;border-radius:50%}.ball-pip{background:#f6f3ea;color:#141414;display:flex;font-family:DM Mono,monospace;font-weight:500}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{display:inline-flex;align-items:center;gap:7px;background:var(--felt);border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:14px;cursor:pointer;min-height:40px}.chip.on{border-color:var(--brass);box-shadow:0 0 0 1px var(--brass);background:#1b3a2e}.chip.dim{opacity:.5}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 11px;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.pill .dot{width:7px;height:7px;border-radius:50%}.pill.live{background:#132b1c;color:var(--green);border:1px solid #1e4a30}.pill.live .dot{background:var(--green);animation:pulse 1.6s infinite}.pill.finished{background:var(--card);color:var(--mute);border:1px solid var(--line)}.pill.pending{background:#2e2312;color:var(--brass);border:1px solid #4a3a1c}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.board{background:var(--felt);border:1px solid var(--line);border-radius:16px;padding:18px 12px;margin-bottom:12px}.board-race{font-family:DM Mono,monospace;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--brass);text-align:center;margin-bottom:12px}.board-grid{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:8px;gap:8px;align-items:center}.board-side{text-align:center;min-width:0}.board-score{font-family:Big Shoulders Display,sans-serif;font-weight:800;font-size:74px;line-height:1}.board-side.winner .board-score{color:var(--brass)}.board-names{margin-top:8px;font-size:13.5px;font-weight:500;display:flex;flex-direction:column;gap:2px}.board-vs{font-family:DM Mono,monospace;font-size:11px;color:var(--mute)}.rackdots{display:flex;justify-content:center;gap:6px;margin-top:14px;flex-wrap:wrap}.rackdot{width:12px;height:12px;border-radius:50%;border:1px solid var(--line)}.rackdot.a{background:var(--brass);border-color:var(--brass)}.rackdot.b{background:var(--chalk);border-color:var(--chalk)}.timerbar{display:flex;justify-content:center;gap:18px;margin-top:12px;font-family:DM Mono,monospace;font-size:12px;color:var(--mute)}.timerbar b{color:var(--cream);font-weight:500}.scorebtns{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px;margin-top:4px}.scorebtn{background:var(--felt);border:1px solid var(--line);border-radius:13px;padding:16px 8px;color:var(--cream);cursor:pointer;text-align:center;min-height:64px}.scorebtn b{display:block;font-family:Big Shoulders Display,sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.scorebtn small{color:var(--mute);font-size:11px}.scorebtn:active{transform:scale(.97);border-color:var(--brass)}.trow{display:flex;align-items:center;gap:11px;padding:12px 10px;border-radius:9px;min-height:56px}.trow+.trow{border-top:1px solid var(--line)}.trow.cut{background:rgba(224,160,60,.07)}.rank{font-family:DM Mono,monospace;font-size:12px;color:var(--mute);width:18px;text-align:center}.tname{flex:1 1;display:flex;flex-direction:column;min-width:0}.tname .nm{font-size:14.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tname small{font-size:10.5px;color:var(--mute);margin-top:1px}.pts{font-family:Big Shoulders Display,sans-serif;font-weight:800;font-size:26px;color:var(--brass);min-width:30px;text-align:right}.gcard{display:block;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:10px}.gcard:active{border-color:var(--brass)}.gcard-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.gcard-title{font-weight:600;font-size:15px;line-height:1.3}.gcard-sub{color:var(--mute);font-size:12px;margin-top:6px}.gcard-score{font-family:Big Shoulders Display,sans-serif;font-weight:800;font-size:30px;letter-spacing:.04em}.gcard-score b{color:var(--brass)}.tabs{display:flex;gap:5px;margin-bottom:14px}.tab{flex:1 1;background:var(--card);border:1px solid var(--line);color:var(--mute);border-radius:10px;padding:12px 0;font-family:Big Shoulders Display,sans-serif;font-weight:700;font-size:16px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;min-height:44px}.tab.on{background:var(--brass);color:#1a1206;border-color:var(--brass)}.seg{display:flex;gap:5px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:4px;margin-bottom:14px;overflow-x:auto}.seg button{flex:1 1;background:none;border:0;border-radius:8px;color:var(--mute);padding:10px 12px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;min-height:40px}.seg button.on{background:var(--felt);color:var(--cream);box-shadow:0 0 0 1px var(--line)}.match{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:11px}.match.settled{border-color:#2b4f45}.match-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.rno{font-family:DM Mono,monospace;font-size:11px;letter-spacing:.16em;color:var(--brass)}.sides{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;position:relative}.vs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:DM Mono,monospace;font-size:9.5px;color:var(--mute);background:var(--card);padding:3px 4px;border-radius:4px;pointer-events:none}.side{background:var(--felt);border:1px solid var(--line);border-radius:11px;padding:12px 8px;position:relative;text-align:center;min-height:88px;width:100%}.side.tappable{cursor:pointer}.side:active.tappable{transform:scale(.975)}.side-balls{display:flex;justify-content:center;gap:5px;margin-bottom:7px}.side-names{display:flex;flex-direction:column;gap:1px;font-size:13px;font-weight:500}.side.win{border-color:var(--brass);background:#1b3a2e;box-shadow:0 0 0 1px var(--brass),0 6px 22px -10px rgba(224,160,60,.7)}.side.lose{opacity:.42}.wonflag{position:absolute;top:-8px;left:50%;transform:translateX(-50%);background:var(--brass);color:#1a1206;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;padding:2px 8px;border-radius:999px}.jobs{display:flex;gap:16px;margin-top:11px;padding-top:9px;border-top:1px solid var(--line);font-size:11.5px;color:var(--mute);flex-wrap:wrap}.jobs b{color:var(--chalk);font-weight:500;font-family:DM Mono,monospace;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;margin-right:5px}.ballrow{display:flex;align-items:center;gap:7px;margin-top:11px;flex-wrap:wrap}.ballrow input{flex:0 0 58px;padding:8px;font-size:15px;text-align:center;min-height:42px}.progress{position:relative;height:26px;background:var(--card);border:1px solid var(--line);border-radius:999px;overflow:hidden;margin-bottom:14px}.progress-fill{position:absolute;inset:0 auto 0 0;background:var(--felt);transition:width .45s cubic-bezier(.3,1,.4,1)}.progress-label{position:relative;display:block;text-align:center;line-height:24px;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.08em}.frack{display:grid;grid-template-columns:56px 1fr 1fr;grid-gap:8px;gap:8px;align-items:center;margin-top:9px}.frl{font-family:DM Mono,monospace;font-size:10.5px;color:var(--mute)}.fbtn{background:var(--felt);border:1px solid var(--line);border-radius:9px;padding:11px;display:flex;justify-content:center;gap:5px;min-height:46px;width:100%}.fbtn.on{border-color:var(--brass);background:#1b3a2e;box-shadow:0 0 0 1px var(--brass)}.podium{display:grid;grid-gap:10px;gap:10px;margin-top:6px}.prize{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;text-align:center}.prize.lit{border-color:var(--brass);background:linear-gradient(180deg,#1b3a2e,var(--card))}.pname{font-family:Big Shoulders Display,sans-serif;font-weight:700;font-size:24px;letter-spacing:.02em;text-transform:uppercase;line-height:1.05}.sheet-back{position:fixed;inset:0;background:rgba(4,8,6,.72);z-index:60;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--card);border:1px solid var(--line);border-bottom:0;border-radius:20px 20px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));width:100%;max-width:560px;max-height:82vh;overflow-y:auto;animation:up .22s cubic-bezier(.3,1,.4,1)}.sheet-grab{width:44px;height:4px;border-radius:2px;background:var(--line);margin:0 auto 14px}@keyframes up{0%{transform:translateY(40px);opacity:.5}to{transform:none;opacity:1}}.nav{position:fixed;bottom:0;left:0;right:0;z-index:50;background:rgba(10,16,14,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.nav-inner{max-width:560px;margin:0 auto;display:flex}.nav a{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 0 7px;color:var(--mute);font-size:10px;font-family:DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase;min-height:56px;justify-content:center}.nav a.on{color:var(--brass)}.nav .ico{font-size:19px;line-height:1}.toast{position:fixed;left:50%;bottom:calc(var(--nav-h) + 12px);transform:translateX(-50%);background:var(--brass);color:#1a1206;padding:11px 18px;border-radius:999px;font-size:13px;font-weight:500;max-width:90vw;text-align:center;z-index:70;box-shadow:0 10px 30px -10px rgba(0,0,0,.7)}.castbtn{display:inline-flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--line);color:var(--chalk);border-radius:999px;padding:6px 12px;font-family:DM Mono,monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;min-height:32px}.castbtn:active{border-color:var(--brass);color:var(--brass)}.tv{position:fixed;inset:0;background:var(--hall);color:var(--cream);z-index:80;display:flex;flex-direction:column;padding:3vh 4vw;overflow:hidden}.tv:before{content:"";position:absolute;top:-30vh;left:50%;transform:translateX(-50%);width:90vw;height:60vh;pointer-events:none;background:radial-gradient(ellipse at center,rgba(224,160,60,.15),transparent 68%)}.tv-top{display:flex;align-items:center;justify-content:space-between;gap:2vw;font-family:DM Mono,monospace;font-size:2vh;color:var(--mute);position:relative}.tv-logo{font-family:Big Shoulders Display,sans-serif;font-weight:800;font-size:4.2vh;letter-spacing:.02em;text-transform:uppercase;color:var(--cream)}.tv-logo span{color:var(--brass)}.tv-main{flex:1 1;display:flex;flex-direction:column;justify-content:center;position:relative;min-height:0}.tv-sub{text-align:center;font-family:DM Mono,monospace;font-size:2.3vh;color:var(--brass);letter-spacing:.24em;text-transform:uppercase;margin-bottom:1vh}.tv-title{text-align:center;font-size:3.4vh;font-weight:600;margin-bottom:2vh}.tv-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;grid-gap:2vw;gap:2vw}.tv-score{font-family:Big Shoulders Display,sans-serif;font-weight:800;font-size:min(30vh,22vw);line-height:.95}.tv-side.winner .tv-score{color:var(--brass)}.tv-names{font-size:3.6vh;font-weight:500;display:flex;flex-direction:column;gap:.4vh;margin-top:1vh}.tv-vs{font-family:DM Mono,monospace;font-size:2.6vh;color:var(--mute)}.tv .rackdots{margin-top:2.5vh;gap:1.2vh}.tv .rackdot{width:2vh;height:2vh}.tv-timers{display:flex;justify-content:center;gap:4vw;margin-top:2.5vh;font-family:DM Mono,monospace;font-size:2.4vh;color:var(--mute)}.tv-timers b{color:var(--cream);font-weight:500}.tv-table{max-width:70vw;margin:0 auto;width:100%}.tv-trow{display:flex;align-items:center;gap:2vw;padding:1.2vh 1vw;border-bottom:1px solid var(--line);font-size:3.4vh}.tv-trow .rank{font-family:DM Mono,monospace;color:var(--mute);width:4vw;font-size:2.4vh}.tv-trow .nm{flex:1 1;font-weight:500}.tv-trow .tv-pts{font-family:Big Shoulders Display,sans-serif;font-weight:800;font-size:4.6vh;color:var(--brass)}.tv-trow.cut{background:rgba(224,160,60,.08)}.tv-foot{display:flex;align-items:center;justify-content:space-between;gap:2vw;position:relative;font-family:DM Mono,monospace;font-size:1.9vh;color:var(--mute);letter-spacing:.08em}.tv-pager{display:flex;gap:1vh}.tv-pager span{width:1.4vh;height:1.4vh;border-radius:50%;background:var(--line)}.tv-pager span.on{background:var(--brass)}.tv-btn{background:var(--card);border:1px solid var(--line);color:var(--mute);border-radius:.9vh;padding:1vh 1.6vh;font-family:DM Mono,monospace;font-size:1.8vh;cursor:pointer;letter-spacing:.08em}.tv-btn:hover{color:var(--brass);border-color:var(--brass)}.tv-empty{text-align:center}.tv-empty .tv-logo{font-size:9vh}.tv-empty p{color:var(--mute);font-size:2.6vh;margin-top:1.5vh}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (min-width:561px){.pagetitle{font-size:46px}}