:root{--ink:#f6ecd6;--dim:#f6ecd6a8;--gold:#ffc758;--panel:#0e0c229e;--line:#ffe6b42e;--st:env(safe-area-inset-top,0px);--sr:env(safe-area-inset-right,0px);--sb:env(safe-area-inset-bottom,0px);--sl:env(safe-area-inset-left,0px);--ui:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--serif:"Fraunces", Georgia, "Times New Roman", serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none;background:#0b0a1c;margin:0;overflow:hidden}canvas#c{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}button{font:inherit;color:inherit;cursor:pointer;border:0}#hud{padding:calc(12px + var(--st)) calc(14px + var(--sr)) 0 calc(14px + var(--sl));pointer-events:none;z-index:5;grid-template-columns:1fr auto 1fr;align-items:start;gap:12px;display:grid;position:fixed;top:0;left:0;right:0}.hud-left,.hud-right{align-items:center;gap:8px;display:flex}.hud-right{justify-content:flex-end}#pax,#stars,#score,.hud-mid,.icon{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);border-radius:999px}#pax{gap:5px;padding:8px 11px;display:flex}.pax{border:2px solid var(--c);opacity:.9;border-radius:50%;width:12px;height:12px;transition:transform .25s,background .25s,opacity .25s}.pax.ride{background:color-mix(in srgb, var(--c) 45%, transparent)}.pax.done{background:var(--c);box-shadow:0 0 10px var(--c);transform:scale(1.15)}.pax.lost{opacity:.45;background:0 0;border-color:#ffffff40;transform:scale(.8)}.hud-mid{text-align:center;border-radius:18px;padding:5px 16px 7px}#sun{width:96px;height:30px;margin:0 auto;display:block}#sun .arc{fill:none;stroke:#ffffff29;stroke-width:3px;stroke-linecap:round}#sun .arc-done{fill:none;stroke:var(--gold);stroke-width:3px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px}#sun-dot{fill:#ffd98a;filter:drop-shadow(0 0 4px #ffb347)}#time{letter-spacing:.02em;color:var(--dim);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}#time.late{color:#ffb17a}#stars{font-variant-numeric:tabular-nums;padding:8px 13px;font-size:14px}#stars .star{color:var(--gold)}#score{text-align:center;font-variant-numeric:tabular-nums;min-width:64px;padding:8px 13px;font-size:14px}#score b{color:var(--gold)}#score .of{color:var(--dim);font-size:12px}#pops{pointer-events:none;z-index:6;position:fixed;inset:0;overflow:hidden}.pop{font-variant-numeric:tabular-nums;text-shadow:0 2px 10px #0000008c;white-space:nowrap;font-size:17px;font-weight:700;animation:1.25s cubic-bezier(.2,.8,.3,1) forwards popup;position:absolute;transform:translate(-50%,-50%)}.pop.gold{color:var(--gold)}.pop.good{color:#bff5c9;font-size:20px}@keyframes popup{0%{opacity:0;transform:translate(-50%,-30%)scale(.7)}15%{opacity:1;transform:translate(-50%,-60%)scale(1.08)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-190%)scale(1)}}#stars .of{color:var(--dim);font-size:12px}.icon{pointer-events:auto;letter-spacing:-2px;place-items:center;width:38px;height:38px;font-size:13px;display:grid}.icon.off{opacity:.45}#toast{left:50%;top:calc(84px + var(--st));opacity:0;border:1px solid var(--line);white-space:nowrap;pointer-events:none;z-index:6;background:#0e0c22b8;border-radius:999px;padding:9px 18px;font-size:15px;font-weight:600;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%,-8px)}#toast.show{opacity:1;transform:translate(-50%)}#toast.good{color:#bff5c9}#toast.bad{color:#ffb4a8}#toast.gold{color:var(--gold)}#next{right:calc(10px + var(--sr));background:var(--panel);border:1px solid var(--line);pointer-events:none;z-index:4;border-radius:999px;align-items:center;gap:7px;padding:6px 10px 6px 8px;font-size:12px;font-weight:600;transition:top .2s;display:flex;position:fixed;transform:translateY(-50%)}#next .dot{background:var(--c,#fff);width:10px;height:10px;box-shadow:0 0 8px var(--c,#fff);border-radius:50%}#next .dist{color:var(--dim);font-variant-numeric:tabular-nums}#next .arrow{color:var(--c,#fff)}#hint{left:50%;bottom:calc(26px + var(--sb));border:1px solid var(--line);pointer-events:none;z-index:6;white-space:nowrap;background:#0e0c22b3;border-radius:999px;align-items:center;gap:10px;padding:10px 18px 10px 14px;font-size:15px;font-weight:600;display:flex;position:fixed;transform:translate(-50%)}#hint .finger{background:var(--gold);width:18px;height:18px;box-shadow:0 0 14px var(--gold);border-radius:50%;animation:1.6s ease-in-out infinite swipe}@keyframes swipe{0%{opacity:0;transform:translate(-6px,4px)scale(.8)}20%{opacity:1}80%{opacity:1;transform:translate(10px,-6px)scale(1)}to{opacity:0;transform:translate(12px,-7px)scale(.9)}}.screen{padding:calc(16px + var(--st)) calc(16px + var(--sr)) calc(16px + var(--sb)) calc(16px + var(--sl));z-index:10;background:radial-gradient(at 50% 60%,#08061a33,#08061ab8);place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.card{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);text-align:center;background:linear-gradient(#1a163ad1,#0e0c22db);border-radius:26px;width:min(520px,100%);padding:28px 30px 26px;animation:.5s cubic-bezier(.2,.9,.3,1.2) rise;box-shadow:0 30px 80px #00000073,inset 0 1px #ffffff0f}.card.small{width:min(360px,100%)}.screen{grid-template-columns:minmax(0,1fr)}.screen>.card{margin:auto}.card.wide{width:min(860px,100%)}.res-grid{gap:22px;display:grid}@media (width>=720px){.res-grid{grid-template-columns:1.15fr 1fr;align-items:start}.res-board{border-left:1px solid var(--line);padding-left:22px}}.score-big{margin:2px 0 14px}.score-big b{font-family:var(--serif);color:var(--gold);font-variant-numeric:tabular-nums;text-shadow:0 0 30px #ffbe5059;font-size:52px;line-height:1;display:block}.score-big span{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-size:12px}.res-board{text-align:left}.res-board .kicker{text-align:center;margin-bottom:10px}#post-rank{text-align:center;margin:0 0 10px;font-size:15px}#post-rank b{color:var(--gold)}.post-row{gap:8px;display:flex}#post-name{min-width:0;font:inherit;color:var(--ink);border:1px solid var(--line);-webkit-user-select:text;user-select:text;background:#ffffff12;border-radius:999px;outline:none;flex:1;padding:12px 16px;font-size:16px}#post-name:focus{border-color:var(--gold);background:#ffffff1a}.big.slim{white-space:nowrap;padding:12px 18px;font-size:15px}.big:disabled{opacity:.6}#post-note,#scores-note{text-align:center;min-height:18px;color:var(--dim);margin:8px 0;font-size:13px}#post-note.bad{color:#ffb4a8}.board{text-align:left;gap:3px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.board li{background:#ffffff09;border-radius:10px;grid-template-columns:26px 1fr auto;align-items:center;gap:8px;padding:6px 12px;display:grid}.board li:nth-child(-n+3) .rk{color:var(--gold)}.board .rk{color:var(--dim);font-variant-numeric:tabular-nums;font-weight:600}.board .nm{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board b{font-variant-numeric:tabular-nums}.board li.me{background:#ffc75829;box-shadow:inset 0 0 0 1px #ffc75873}.board li.gap{margin-top:8px}.board:empty:before{content:"No scores yet. Be the first!";text-align:center;color:var(--dim);padding:10px 0;font-size:13px;display:block}#scores .board{margin-bottom:6px}@keyframes rise{0%{opacity:0;transform:translateY(14px)scale(.98)}}.kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);opacity:.9;font-size:11px}h1{font-family:var(--serif);letter-spacing:-.02em;background:linear-gradient(#fff6df,#ffc758 90%);color:#0000;filter:drop-shadow(0 4px 24px #ffbe5a40);-webkit-background-clip:text;background-clip:text;margin:10px 0 12px;font-size:clamp(46px,11vw,74px);font-weight:700;line-height:.95}h2{font-family:var(--serif);margin:8px 0 14px;font-size:34px;font-weight:700}.lede{color:var(--dim);max-width:400px;margin:0 auto 20px;font-size:16px;line-height:1.45}.big{color:#231a08;background:linear-gradient(#ffe39a,#ffb84a);border-radius:999px;padding:15px 28px;font-size:17px;font-weight:700;transition:transform .12s;display:inline-block;box-shadow:0 10px 30px #ffb44659,inset 0 -2px #0000001f}.big:active{transform:scale(.96)}.ghost{border:1px solid var(--line);background:#ffffff0f;border-radius:999px;margin-top:10px;padding:14px 22px;font-weight:600;display:inline-block}.row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:6px;display:flex}.row .ghost{margin-top:0}.how{text-align:left;color:var(--dim);gap:8px;margin:22px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.how li{padding-left:22px;position:relative}.how li:before{content:"";background:var(--gold);border-radius:50%;width:7px;height:7px;position:absolute;top:7px;left:4px}.how b{color:var(--ink)}.turn{color:var(--gold);margin:14px 0 0;font-size:13px;display:none}#tickets{justify-content:center;gap:10px;margin:4px 0 18px;display:flex}.ticket{color:#ffffff24;opacity:0;place-items:center;width:44px;height:44px;font-size:30px;animation:.45s cubic-bezier(.2,1.6,.4,1) forwards pop;display:grid;transform:scale(.6)}.ticket.on{color:var(--gold);text-shadow:0 0 18px #ffbe50b3}@keyframes pop{to{opacity:1;transform:scale(1)}}.stats{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px;display:grid}.stats div{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:14px;padding:10px 4px}.stats b{font-variant-numeric:tabular-nums;font-size:20px;display:block}.stats span{color:var(--dim);font-size:11px}#share-note{min-height:18px;color:var(--dim);margin-top:8px;font-size:12px}@media (pointer:coarse) and (orientation:portrait){.turn{display:block}}@media (height<=520px){.card{padding:18px 22px}h1{margin:6px 0;font-size:44px}.lede{margin-bottom:12px;font-size:14px}.how{display:none}.stats b{font-size:17px}#tickets{display:none}h2{margin:4px 0 8px;font-size:26px}.score-big b{font-size:40px}.stats{margin-bottom:12px}.stats div{padding:7px 4px}.board li{padding:4px 10px;font-size:13px}#toast{top:calc(64px + var(--st))}}@media (width<=560px){#hud{padding-left:calc(8px + var(--sl));padding-right:calc(8px + var(--sr));gap:6px}#pax{flex-wrap:wrap;gap:3px;max-width:112px;padding:7px 8px}.pax{width:10px;height:10px}#sun{width:74px;height:24px}.icon{width:34px;height:34px}#stars,#score{padding:7px 10px;font-size:13px}#score{min-width:0}#stars .of{display:none}.stats{grid-template-columns:repeat(2,1fr)}.card{padding:22px 16px 20px}#tickets{flex-wrap:wrap;gap:2px}.ticket{width:28px;height:32px;font-size:22px}}