:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}html,body{color:#fff;background:#120a1c;height:100%;margin:0;overflow:hidden}#app{position:fixed;inset:0}#app canvas{width:100%;height:100%;display:block}#hud{pointer-events:none;position:fixed;inset:0}#hud>*{pointer-events:auto}#no-webgl{text-align:center;place-content:center;max-width:40rem;margin:auto;padding:2rem;display:grid;position:fixed;inset:0}#no-webgl[hidden]{display:none}#debug-overlay{z-index:10;pointer-events:none;color:#b6ffb0;background:#0009;border-radius:4px;margin:0;padding:6px 8px;font:11px/1.35 ui-monospace,monospace;position:fixed;top:8px;left:8px}html[data-capture] *,html[data-capture] :before,html[data-capture] :after{transition:none!important;animation:none!important}#hud{--plum:#211923;--plum-a:#211923e6;--ivory:#fff3dc;--gold:#f2c35b;color:var(--ivory);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}#hud button{font:inherit;color:inherit;cursor:pointer}#hud button.on{color:#211923}#hud button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}#hud>.hud{pointer-events:none;position:absolute;inset:0}.hud>*,.hud .top>*,.hud .bottom>*{pointer-events:auto}.hud .captions,.hud .name-tags{pointer-events:none}.hud.dimmed:before{content:"";background:#0a060e73;position:absolute;inset:0}.panel{background:var(--plum-a);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #fff3dc1f;border-radius:12px;box-shadow:0 8px 30px #00000059}.num,.gap,.race-no,.rank{font-variant-numeric:tabular-nums}.hud .top{justify-items:center;gap:8px;display:grid;position:absolute;top:14px;left:50%;transform:translate(-50%)}.badge{background:var(--plum-a);letter-spacing:.04em;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:14px;font-weight:700;display:flex}.badge small{opacity:.8;letter-spacing:0;font-weight:500}.badge .dot{background:#e2453c;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 3px #e2453c4d}.badge.replay{border:2px solid var(--gold);background:#3a2a10}.badge.replay .dot{background:var(--gold);box-shadow:none;border-radius:2px}.badge.warn .dot{background:var(--gold);animation:1s infinite alternate pulse}.badge.lost{background:#4a1414}.badge.lost .dot{box-shadow:none;background:#999}@keyframes pulse{to{opacity:.3}}.lost-banner{text-align:center;background:#4a1414f2;border-radius:12px;gap:2px;padding:12px 22px;display:grid}.standings{width:clamp(240px,20vw,330px);padding:10px;position:absolute;top:16px;left:16px}.standings header{text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:baseline;padding:0 6px 8px;font-size:13px;font-weight:800;display:flex}.standings .gap-head{text-transform:none;letter-spacing:0;opacity:.7;font-size:11px;font-weight:500}.standings ol{gap:4px;margin:0;padding:0;list-style:none;display:grid}.standings .row{border-left:4px solid var(--cat);background:#fff3dc0d;border-radius:8px;align-items:stretch;transition:transform .3s;display:flex}.standings .row.leader{background:#f2c35b24}.standings .row.followed{outline:2px solid var(--ivory);outline-offset:-2px}.row-main{text-align:left;background:0 0;border:0;flex:1;grid-template-columns:22px 40px 1fr auto;align-items:center;gap:8px;padding:6px 6px 6px 8px;display:grid}.rank{text-align:center;font-size:20px;font-weight:900}.swatch{background:var(--cat);color:#211923;border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;font-weight:800;display:inline-grid}.who{min-width:0;display:grid}.name{font-size:15px;font-weight:700}.tags{flex-wrap:wrap;gap:4px;font-size:11px;display:flex}.tag{white-space:nowrap;background:#fff3dc1a;border-radius:4px;padding:0 5px}.tag.lead{background:var(--gold);color:#211923;font-weight:800}.tag.follow{background:var(--ivory);color:#211923;font-weight:800}.gap{opacity:.9;font-size:13px}.info{background:0 0;border:0;border-left:1px solid #fff3dc1a;border-radius:0 8px 8px 0;width:28px;font-style:italic;font-weight:800}.info:hover,.row-main:hover{background:#fff3dc14}.captions{grid-template-columns:minmax(0,1fr);justify-items:end;gap:8px;width:min(420px,34vw);display:grid;position:absolute;top:70px;right:24px}.caption{box-sizing:border-box;text-align:left;overflow-wrap:anywhere;background:var(--plum-a);border-left:4px solid var(--ivory);border-radius:10px;width:max-content;max-width:100%;margin:0;padding:8px 14px;font-size:17px;font-style:normal;font-weight:700;animation:.3s ease-out cap-in}.caption.finish{border-left-color:var(--gold);font-size:20px}.caption.catnip{background:linear-gradient(90deg, #5a1e78eb, var(--plum-a));border-left-color:#c77dff}.caption.lead{border-left-color:var(--gold)}@keyframes cap-in{0%{opacity:0;transform:translate(20px)}}.restrained .caption{animation:none}.hud .bottom{grid-template-columns:minmax(min(360px,100%),1fr) auto;align-items:end;gap:12px;display:grid;position:absolute;bottom:14px;left:16px;right:16px}.race-map{padding:8px 10px}.race-map svg{width:100%;height:auto;max-height:200px;display:block}.race-map .lane{stroke:#fff3dc2e;stroke-width:22px;stroke-linecap:round}.race-map .mark{stroke:var(--ivory);stroke-width:2px}.race-map .mark.finish{stroke:var(--gold);stroke-dasharray:4 3;stroke-width:3px}.race-map .end{fill:var(--ivory);font-size:13px;font-weight:800}.race-map .item{font-size:13px}.race-map .marker text{fill:#211923;font-size:10px;font-weight:900}.race-map .marker.followed circle{stroke:var(--ivory);stroke-width:3px}.race-map .psy{opacity:.55}.standings .icon{background:var(--cat);border-radius:50%;width:40px;height:40px;display:inline-block;position:relative}.standings .icon img{width:40px;height:40px;display:block}.standings .lane-no{min-width:16px;height:16px;color:var(--ivory);background:#211923;border-radius:8px;place-items:center;font-size:10px;font-weight:800;display:grid;position:absolute;bottom:-4px;right:-4px}.tag-img{vertical-align:-2px;width:auto;height:12px}.tag-img.ham{vertical-align:0;height:8px}.controls{gap:6px;min-width:0;padding:8px;display:grid}.controls .group{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.controls button{white-space:nowrap}.controls button,.cat-card button,.title-screen .start{background:#fff3dc0f;border:1px solid #fff3dc40;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:600}.controls .volume{align-items:center;padding:0 4px;display:inline-flex}.controls .volume input{width:84px;accent-color:var(--gold)}.controls button.on,.cat-card button.on{background:var(--gold);color:#211923;border-color:var(--gold)}.following-note{opacity:.8;font-size:12px}.name-tags{position:absolute;inset:0;overflow:hidden}.name-tag{border-bottom:3px solid var(--cat);white-space:nowrap;background:#211923d9;border-radius:6px;padding:2px 8px;font-size:13px;font-weight:700;transition:opacity .3s;position:absolute;top:0;left:0}.name-tag.faded{opacity:.3}.cat-card{border-top:5px solid var(--cat);gap:10px;width:280px;padding:16px;display:grid;position:absolute;top:16px;left:calc(clamp(240px,20vw,330px) + 32px)}.cat-card h2{margin:0;font-size:20px}.cat-card .portrait{background:var(--cat);color:#211923;border-radius:50%;place-items:center;width:64px;height:64px;font-size:30px;font-weight:900;display:grid}.cat-card dl{grid-template-columns:auto 1fr;gap:4px 12px;margin:0;display:grid}.cat-card dt{opacity:.7}.cat-card dd{align-items:center;gap:6px;margin:0;display:flex}.cat-card .swatch{width:14px;height:14px}.cat-card .actions{gap:8px;display:flex}.hud .results-side{pointer-events:none;flex-direction:column;justify-content:safe center;gap:10px;width:min(360px,34vw);display:flex;position:absolute;top:64px;bottom:120px;right:16px;overflow-y:auto}.hud .results-side:has(.photo-finish){width:min(470px,36vw)}.results-side>*{pointer-events:auto;flex:none}.results{padding:12px 14px}.results h2{text-align:center;text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px;font-size:14px}.results table{border-collapse:collapse;width:100%}.results th,.results td{text-align:left;border-top:1px solid #fff3dc1a;padding:4px 6px;font-size:14px}.results thead th{opacity:.7;border:0;font-size:12px}.results tbody th{align-items:center;gap:8px;font-weight:600;display:flex}.results .swatch{width:12px;height:12px}.results tr.dsq{opacity:.75}.stamp{color:#ff8a80;border:2px solid;border-radius:4px;padding:0 6px;font-weight:800;display:inline-block;transform:rotate(-3deg)}.results .next{text-align:center;opacity:.7;margin:6px 0 0;font-size:12px}.results .crown{margin-left:2px}.photo-finish{border-top:3px solid var(--gold);padding:10px 12px 12px}.photo-finish header{align-items:center;gap:10px;margin-bottom:6px;display:flex}.photo-finish h2{text-transform:uppercase;letter-spacing:.06em;margin:0 auto 0 0;font-size:14px}.photo-finish .close{background:#fff3dc0f;border:1px solid #fff3dc40;border-radius:6px;flex:none;width:28px;height:28px;font-size:18px;line-height:1}.photo-picks{gap:4px;display:flex}.photo-picks button{background:#fff3dc0f;border:1px solid #fff3dc40;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.photo-picks button.on{background:var(--gold);border-color:var(--gold)}.photo-finish .photo{cursor:crosshair;touch-action:none;background:#111;border-radius:4px;position:relative;overflow:hidden}.photo-finish .photo:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.photo-finish canvas{aspect-ratio:2.6;width:100%;display:block}.photo-finish .cursor{pointer-events:none;border-left:1px dashed #fff;width:0;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #00000080}.photo-finish .cursor span{color:#fff;white-space:nowrap;background:#000000d9;padding:1px 5px;font:600 11px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:absolute;bottom:14%;left:4px}.photo-finish .cursor.flip span{left:auto;right:4px}.photo-finish .verdict{color:var(--gold);font-variant-numeric:tabular-nums;margin:8px 0 4px;font-size:15px;font-weight:800}.photo-finish table{border-collapse:collapse;width:100%}.photo-finish th,.photo-finish td{text-align:left;white-space:nowrap;border-top:1px solid #fff3dc1a;padding:3px 5px;font-size:13px}.photo-finish thead th{opacity:.7;border:0;font-size:11px}.photo-finish tbody th{align-items:center;gap:6px;font-weight:600;display:flex}.photo-finish .swatch{width:10px;height:10px}.photo-finish td.num{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}@media (max-height:800px){.photo-finish canvas{aspect-ratio:3.4}.photo-finish thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.results-side:has(.photo-finish) .results thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.photo-finish th,.photo-finish td{padding:2px 5px}.photo-finish .verdict{margin:5px 0 2px;font-size:14px}.results-side:has(.photo-finish) .results h2{margin-bottom:2px}:is(.results-side:has(.photo-finish) .results th,.results-side:has(.photo-finish) .results td){padding:2px 6px;font-size:13px}.results-side:has(.photo-finish) .results .next{display:none}}.title-screen{text-align:center;background:radial-gradient(#21192340,#211923d9);place-content:center;justify-items:center;gap:1rem;display:grid;position:absolute;inset:0;overflow:hidden}.title-screen .starburst{background:repeating-conic-gradient(#f2c35b1a 0 7.5deg, transparent 7.5deg 15deg);width:140vmax;height:140vmax;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);-webkit-mask:radial-gradient(circle,#000 0,#0000 45%);mask:radial-gradient(circle,#000 0,#0000 45%)}.wordmark{letter-spacing:-.01em;color:var(--gold);text-transform:uppercase;-webkit-text-stroke:3px #211923;text-shadow:0 .07em #b5541b,0 .14em #211923,0 .3em .5em #00000080;margin:0;font-family:Arial Black,Inter,system-ui,sans-serif;font-size:clamp(3rem,9vw,7rem);font-weight:900;line-height:.95;position:relative;transform:rotate(-3deg)}.title-screen .tagline,.title-screen .hint,.title-screen .signal-status{margin:0;position:relative}.title-screen .hint{opacity:.7;font-size:13px}.title-screen .signal-status{background:var(--plum-a);border-radius:999px;padding:4px 12px;font-weight:600}.title-screen .signal-status.tone-replay{border:2px solid var(--gold)}.title-screen .start{background:var(--gold);color:#211923;border:0;border-radius:999px;padding:.7rem 2.8rem;font-size:1.4rem;font-weight:900;position:relative;box-shadow:0 .35rem #b5541b}.title-screen .start:hover{filter:brightness(1.08)}.title-screen .start:disabled{color:#fff3dcb3;box-shadow:none;cursor:progress;filter:none;background:#fff3dc24}.load{background:#fff3dc26;border-radius:3px;width:min(320px,70vw);height:6px;position:relative;overflow:hidden}.load span{background:var(--gold);height:100%;display:block}@media (max-width:760px){.standings{width:auto;top:60px;right:16px}.standings .tags .state{display:none}.hud .bottom{grid-template-columns:1fr}.captions{width:auto;top:auto;bottom:200px;left:16px}.hud.showing-results .standings{display:none}:is(.hud .results-side,.hud .results-side:has(.photo-finish)){justify-content:flex-start;width:auto;max-height:calc(100% - 300px);inset:96px 16px auto}.results{padding:8px 10px}.results th,.results td{padding:2px 6px;font-size:13px}.results .next{display:none}}@media (prefers-reduced-motion:reduce){.caption,.badge .dot{animation:none!important}}.title-screen .credits{opacity:.7;text-align:center;margin:0;font-size:11px;position:absolute;bottom:14px;left:0;right:0}.title-screen .credits a{color:inherit}.history{z-index:5;flex-direction:column;gap:10px;width:min(720px,100vw - 32px);max-height:min(78vh,640px);padding:14px 16px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.history header{align-items:center;gap:12px;display:flex}.history h2{flex:1;margin:0;font-size:18px}.history button{background:#fff3dc0f;border:1px solid #fff3dc40;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:600}.history button.on{background:var(--gold);color:#211923;border-color:var(--gold)}.history button.danger{background:#8e2b25;border-color:#ff8a80}.history .tabs{gap:4px;display:flex}.history .scroll{flex:1;min-height:0;overflow:auto}.history .summary{grid-template-columns:repeat(4,1fr);gap:8px;margin:0;display:grid}.history .summary div{background:#fff3dc0d;border-radius:8px;padding:6px 10px}.history .summary dt{opacity:.7;text-transform:uppercase;letter-spacing:.05em;font-size:11px}.history .summary dd{align-items:center;gap:6px;margin:2px 0 0;font-weight:700;display:flex}.history table{border-collapse:collapse;width:100%}.history th,.history td{text-align:left;white-space:nowrap;border-top:1px solid #fff3dc1a;padding:5px 6px;font-size:14px}.history thead th{opacity:.7;background:#211923;border:0;font-size:12px;position:sticky;top:0}.history tbody th{font-weight:600}.history .num{text-align:right;font-variant-numeric:tabular-nums}.history .swatch{vertical-align:-1px;width:12px;height:12px;margin-right:6px}.history .race{border-top:1px solid #fff3dc1a}.history .race summary{cursor:pointer;align-items:center;gap:12px;padding:7px 4px;font-size:14px;display:flex}.history .race summary .no{opacity:.6;font-variant-numeric:tabular-nums;min-width:3ch}.history .race summary .at{opacity:.8;min-width:12ch}.history .race ol{gap:2px;margin:0 0 4px;padding:0 4px 0 36px;font-size:13px;list-style:none;display:grid}.history .race li{align-items:center;gap:4px;display:flex}.history .race li .place{opacity:.7;min-width:2ch}.history .race li .num{max-width:8ch;margin-left:auto}.history .race li.dsq{opacity:.7}.history .notes{opacity:.8;flex-wrap:wrap;gap:4px 12px;margin:0 0 8px;padding-left:36px;font-size:12px;display:flex}.history .empty{opacity:.85;margin:8px 0}.history footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.history .hint{opacity:.6;font-size:12px}@media (max-width:760px){.history{max-height:calc(100vh - 220px);top:16px;transform:translate(-50%)}.history .summary{grid-template-columns:repeat(2,1fr)}}.ticket-icon{vertical-align:-.1em;display:inline-block}.tag.bet .ticket-icon{width:1.1em;height:.75em}.tag.bet{color:var(--ivory);background:#f2c35b38;font-weight:700}.controls .count-dot{background:var(--gold);color:#211923;vertical-align:1px;border-radius:8px;place-items:center;min-width:16px;height:16px;margin-left:5px;padding:0 4px;font-size:11px;font-weight:900;display:inline-grid}.controls button.on .count-dot{color:var(--gold);background:#211923}.bet-ticker{flex-wrap:wrap;justify-content:center;gap:6px;max-width:min(760px,100vw - 32px);display:flex}.bet-chip{background:var(--plum-a);border:1px solid #f2c35b73;border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 10px;font-size:13px;display:inline-flex}#hud .bet-chip{cursor:pointer}.bet-chip .t{text-overflow:ellipsis;white-space:nowrap;max-width:22ch;font-weight:800;overflow:hidden}.bet-chip .s{opacity:.92}.bet-chip img{background:var(--cat,transparent);border-radius:50%;width:18px;height:18px}.bet-chip.quiet{opacity:.9;border-color:#fff3dc33}#hud .bet-chip.news{background:var(--gold);color:#211923;border-color:var(--gold);font-weight:700;animation:.5s ease-out chip-in}#hud .bet-chip.news.none{color:var(--ivory);background:#4a3a52;border-color:#fff3dc4d}@keyframes chip-in{0%{opacity:0;transform:scale(.85)rotate(-2deg)}60%{opacity:1;transform:scale(1.06)rotate(1deg)}}.restrained .bet-chip{animation:none}.bets{z-index:6;flex-direction:column;gap:10px;width:min(780px,100vw - 32px);max-height:min(84vh,760px);padding:14px 16px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bets>header{align-items:center;gap:10px;display:flex}.bets h2{letter-spacing:.01em;color:var(--gold);flex:1;margin:0;font-family:Arial Black,Inter,system-ui,sans-serif;font-size:20px}.bets button{white-space:nowrap;background:#fff3dc0f;border:1px solid #fff3dc40;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:600}#hud .bets button.on{background:var(--gold);color:#211923;border-color:var(--gold)}#hud .bets button.danger{color:var(--ivory);background:#8e2b25;border-color:#ff8a80}.bets button:disabled{opacity:.4;cursor:not-allowed}#hud .bets button.place,#hud .bets button.new{background:var(--gold);color:#211923;border-color:var(--gold);font-weight:800}.bets button.place{padding:8px 18px;font-size:15px;box-shadow:0 3px #b5541b}.bets .tabs{gap:4px;display:flex}.bets .scroll{flex:1;align-content:start;gap:12px;min-height:0;padding:2px 4px 4px 2px;display:grid;overflow:auto}.bets .note{border:1px solid var(--gold);background:#3a2a10;border-radius:8px;margin:0;padding:6px 10px;font-size:13px}.bets .empty{text-align:center;opacity:.95;justify-items:center;gap:10px;padding:24px 12px;display:grid}.bets .empty p{max-width:46ch;margin:0}.bets>footer{justify-content:space-between;display:flex}.bets .hint{opacity:.6;font-size:12px}.ticket{--paper:#fff3dc;--ink:#211923;color:var(--ink);filter:drop-shadow(0 6px 14px #00000059);background:radial-gradient(circle at 92px 0, transparent 9px, var(--paper) 9.5px) top / 100% 51% no-repeat, radial-gradient(circle at 92px 100%, transparent 9px, var(--paper) 9.5px) bottom / 100% 51% no-repeat;border-radius:10px;grid-template-columns:92px 1fr;display:grid;position:relative}.ticket .stub{text-align:center;background:repeating-linear-gradient(-45deg,#f2c35b59 0 6px,#0000 6px 12px);border-right:2px dashed #2119234d;border-radius:10px 0 0 10px;align-content:center;justify-items:center;gap:6px;padding:12px 6px;display:grid}.ticket .mode-icon{font-size:28px;font-weight:900;line-height:1}.ticket .mode{text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:900}.ticket .value{font-size:11px;line-height:1.25}.ticket .value strong{font-variant-numeric:tabular-nums;font-size:14px}.ticket .body{gap:8px;min-width:0;padding:10px 14px;display:grid}.ticket header{align-items:center;gap:10px;display:flex}.ticket h3{overflow-wrap:anywhere;flex:1;margin:0;font-family:Arial Black,Inter,system-ui,sans-serif;font-size:18px;line-height:1.1}.ticket [class^=stamp-]{text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;border:2px solid;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:900;transform:rotate(-4deg)}.ticket .stamp-active{color:#1d7a3a}.ticket .stamp-paused{color:#b5541b;transform:rotate(4deg)}.ticket .stamp-settled{color:#8e2b25}.ticket .terms{opacity:.75;margin:-4px 0 0;font-size:12px}.ticket .sides{flex-wrap:wrap;align-items:stretch;gap:6px;display:flex}.ticket .side{border-top:4px solid var(--side);background:#2119230f;border-radius:8px;flex:90px;justify-items:center;gap:2px;padding:8px 6px 6px;display:grid}.ticket .side.ahead{background:#f2c35b59}.ticket .faces{justify-content:center;display:flex}.ticket .face{border:2px solid var(--paper);border-radius:50%;margin-left:-8px}.ticket .face:first-child{margin-left:0}.ticket .who{text-align:center;overflow-wrap:anywhere;font-size:15px;font-weight:800}.ticket .pts{font-variant-numeric:tabular-nums;font-family:Arial Black,Inter,system-ui,sans-serif;font-size:30px;line-height:1}.ticket .pts small{opacity:.6;font-family:inherit;font-size:12px}.ticket .money{font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.ticket .money.up{color:#1d7a3a}.ticket .money.down{color:#8e2b25}.ticket .vs{text-transform:uppercase;color:#b5541b;align-self:center;font-family:Arial Black,Inter,system-ui,sans-serif;font-size:13px;transform:rotate(-8deg)}.ticket .progress{align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.ticket .pips{flex-wrap:wrap;flex:1;gap:4px;margin:0;padding:0;list-style:none;display:flex}.ticket .pips li{font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:grid}.ticket .pips li.todo{color:#21192373;border:2px dashed #2119234d}.ticket .pips li.none{background:#21192326}.ticket .pips li.won{background:var(--pip);box-shadow:inset 0 0 0 2px #21192340}.ticket .progress .count{font-variant-numeric:tabular-nums;font-weight:800}.ticket .progress.continuous .inf{font-size:22px;font-weight:900;line-height:1}.ticket .settle{flex-wrap:wrap;gap:4px 10px;margin:0;font-size:13px;display:flex}.ticket .race-log summary{cursor:pointer;opacity:.8;font-size:12px;font-weight:700}.ticket .race-log ol{gap:2px;max-height:140px;margin:4px 0 0;padding:0;font-size:12px;list-style:none;display:grid;overflow:auto}.ticket .race-log li{border-top:1px solid #2119231a;grid-template-columns:7ch 1fr auto;gap:8px;padding:2px 0;display:grid}.ticket .race-log .no{opacity:.65;font-variant-numeric:tabular-nums}.ticket .race-log .scorer{font-weight:700}.ticket footer{justify-content:flex-end;gap:6px;display:flex}#hud .ticket footer button{color:var(--ink);background:#2119230f;border-color:#2119234d}#hud .ticket footer button.on{background:var(--ink);color:var(--gold);border-color:var(--ink)}#hud .ticket footer button.danger{color:var(--ivory);background:#8e2b25;border-color:#8e2b25}.ticket.paused .body>:not(header):not(footer){opacity:.6}.ticket.settled .stub{background:repeating-linear-gradient(-45deg,#2119231a 0 6px,#0000 6px 12px)}.bet-form{gap:12px;display:grid}.bet-form fieldset{border:0;min-width:0;margin:0;padding:0}.bet-form legend{text-transform:uppercase;letter-spacing:.07em;opacity:.8;margin-bottom:6px;padding:0;font-size:12px;font-weight:800}.bet-form small{opacity:.75;font-size:12px;font-weight:400;display:block}.bet-form input[type=text],.bet-form input[type=number]{font:inherit;color:var(--ivory);background:#fff3dc14;border:1px solid #fff3dc4d;border-radius:8px;padding:6px 10px}.bet-form input:focus-visible{outline:3px solid var(--gold);outline-offset:1px}.bet-form input[type=radio]{accent-color:var(--gold);margin:3px 0 0}.bet-form .modes{grid-template-columns:1fr 1fr;gap:8px;display:grid}.bet-form .modes legend{grid-column:1/-1}.bet-form .mode-card{cursor:pointer;background:#fff3dc0a;border:2px solid #fff3dc2e;border-radius:10px;grid-template-columns:auto auto 1fr;align-items:start;gap:8px;padding:10px 12px;display:grid}.bet-form .mode-card.on{border-color:var(--gold);background:#f2c35b24}.bet-form .mode-card .mode-icon{font-size:26px;line-height:1}.bet-form .row-2{grid-template-columns:1.2fr 1fr;gap:12px;display:grid}.bet-form .length,.bet-form .value{align-content:start;gap:6px;display:grid}.bet-form .length label{cursor:pointer;border:1px solid #fff3dc26;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;display:flex}.bet-form .length label:last-child{align-items:start}.bet-form .length label.on{border-color:var(--gold);background:#f2c35b1a}.bet-form .stepper{align-items:center;gap:2px;display:inline-flex}.bet-form .stepper input{text-align:center;-moz-appearance:textfield;width:3.5em;padding:4px}.bet-form .stepper input::-webkit-inner-spin-button{-webkit-appearance:none}.bet-form .stepper button{width:28px;padding:4px 0}.bet-form .euro{align-items:center;gap:6px;font-size:18px;font-weight:800;display:inline-flex}.bet-form .euro input{font-variant-numeric:tabular-nums;width:6em;font-size:18px;font-weight:800}.bet-form .quick{flex-wrap:wrap;gap:4px;display:flex}.bet-form .players{gap:8px;display:grid}.bet-form .player{border-left:5px solid var(--side);background:#fff3dc0d;border-radius:10px;gap:8px;padding:10px;display:grid}.bet-form .player-head{gap:6px;display:flex}.bet-form .player-head input{flex:1;font-weight:700}.bet-form .cat-picks{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.bet-form .pick{border-radius:10px;justify-items:center;gap:2px;padding:6px 2px 4px;font-size:12px;display:grid;position:relative}.bet-form .pick img{background:var(--cat);border-radius:50%;width:36px;height:36px;transition:transform .15s}#hud .bet-form .pick.on{color:var(--ivory);background:color-mix(in srgb, var(--cat) 30%, transparent);border-color:var(--cat);box-shadow:inset 0 0 0 1px var(--cat)}.bet-form .pick.on img{box-shadow:0 0 0 3px var(--ivory);transform:scale(1.1)}.bet-form .pick.on:after{content:"✓";color:var(--ivory);font-weight:900;position:absolute;top:2px;right:6px}.bet-form .pick:disabled{opacity:1}.bet-form .pick:disabled img{filter:grayscale();opacity:.4}.bet-form .pick:disabled span{opacity:.5}.bet-form .pick small{text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--gold);max-width:100%;color:var(--gold);opacity:1;background:#211923;border-radius:3px;padding:0 4px;font-size:10px;font-weight:800;position:absolute;top:26px;left:50%;overflow:hidden;transform:translate(-50%)rotate(-8deg)}.bet-form .add{justify-self:start}.bet-form .title-field{text-transform:uppercase;letter-spacing:.07em;gap:4px;font-size:12px;font-weight:800;display:grid}.bet-form .title-field small{text-transform:none;letter-spacing:0;display:inline}.bet-form .title-field input{text-transform:none;letter-spacing:0;font-size:14px;font-weight:600}.bet-form .preview{color:#211923;background:#fff3dc;border:2px dashed #21192359;border-radius:10px;margin:0;padding:10px 12px;font-size:14px}.bet-form .problems{background:#8e2b2580;border:1px solid #ff8a80;border-radius:8px;margin:0;padding:8px 12px 8px 28px;font-size:13px}.bet-form>footer{background:linear-gradient(#0000,#211923 30%);justify-content:flex-end;gap:8px;padding:8px 0 4px;display:flex;position:sticky;bottom:-4px}@media (max-width:760px){.bets{z-index:7;max-height:calc(100vh - 24px);top:12px;transform:translate(-50%)}.bet-form .modes,.bet-form .row-2{grid-template-columns:1fr}.bet-form .cat-picks{grid-template-columns:repeat(3,1fr)}.ticket{background:radial-gradient(circle at 64px 0, transparent 9px, var(--paper) 9.5px) top / 100% 51% no-repeat, radial-gradient(circle at 64px 100%, transparent 9px, var(--paper) 9.5px) bottom / 100% 51% no-repeat;grid-template-columns:64px 1fr}.ticket .mode-icon{font-size:22px}.bet-ticker{display:none}.bets>header{flex-wrap:wrap}.bets h2{flex-basis:calc(100% - 52px)}.bets .tabs{flex:1}.ticket .vs{display:none}.ticket .pts{font-size:26px}}@media (prefers-reduced-motion:reduce){.bet-chip{animation:none!important}}