:root{--ink:#f6ead6;--ink-dim:#f6ead69e;--panel:#1f161094;--accent:#ffb86b;--ground:#1b1410;--sketchy:#ffd166;--bail:#ff6a4d;--ease-out:cubic-bezier(.23, 1, .32, 1);--display:"Jost", "Futura", "Avenir Next", ui-sans-serif, sans-serif}html,body{overscroll-behavior:none;background:#1b1410;height:100%;margin:0;overflow:hidden}body{color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;font-family:ui-sans-serif,-apple-system,SF Pro Text,Inter,system-ui,sans-serif}#c{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{inset:0 calc(env(safe-area-inset-right,0px) / 2) 0 calc(env(safe-area-inset-left,0px) / 2);pointer-events:none;padding:calc(env(safe-area-inset-top,0px) + 12px) 14px calc(env(safe-area-inset-bottom,0px) + 12px);flex-direction:column;display:flex;position:fixed}body.sides-old #hud{inset:0}.tag{background:var(--panel);-webkit-backdrop-filter:blur(6px);border-radius:10px;align-self:flex-start;align-items:baseline;gap:10px;padding:7px 11px;font-size:12px;display:flex}body:not(.with-debug) .tag,body:not(.with-debug) .debug,body:not(.with-debug) .hint{display:none}.tag b{letter-spacing:.18em;text-transform:uppercase;font-weight:700}.tag span{color:var(--ink-dim)}.credit{color:var(--ink-dim);align-self:flex-start;margin:4px 0 0 4px;font-size:9px}.rate{color:var(--accent);background:var(--panel);border-radius:6px;align-self:flex-start;margin:4px 0 0 4px;padding:2px 6px;font:600 12px ui-monospace,Menlo,monospace}.debug{color:var(--ink-dim);white-space:pre;align-self:flex-start;margin:6px 0 0 4px;font:11px ui-monospace,Menlo,monospace}.trick{text-align:center;letter-spacing:-.01em;opacity:0;text-shadow:0 2px 18px #00000059;font-size:clamp(26px,7vw,44px);font-weight:800;transition:opacity .18s,transform .18s;position:absolute;top:22%;left:0;right:0;transform:translateY(8px)}.trick.show{opacity:1;transform:none}.trick.down{color:var(--ink-dim);font-weight:600}.trick small{letter-spacing:.12em;color:var(--accent);text-transform:uppercase;margin-top:4px;font-size:.42em;font-weight:500;display:block}.callout{transition:opacity .22s var(--ease-out), transform .22s var(--ease-out);flex-direction:column;align-items:center;gap:3px;padding:0 16px;display:flex;position:absolute;bottom:67%;left:0;right:0}.callout.gone{opacity:0;transform:translateY(-6px)}.callout .chips{flex-wrap:wrap;justify-content:center;gap:4px;margin-bottom:2px;display:flex}.callout .chip{letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:#1b14109e;border-radius:4px;padding:2px 6px;font:700 10.5px ui-monospace,Menlo,monospace}.callout .ln{font:italic 800 clamp(22px, 6.4vw, 30px)/1 var(--display);letter-spacing:.005em;text-transform:uppercase;text-align:center;text-wrap:balance;color:var(--ink);text-shadow:0 1.5px #1b1410d9,0 0 10px #1b14108c}.callout .ln i{letter-spacing:.04em;text-transform:lowercase;color:var(--accent);vertical-align:.35em;font:700 .5em ui-sans-serif,-apple-system,system-ui,sans-serif}.callout .ln .pre{margin-right:.3em}.callout .ln .post{margin-left:.35em}.callout.down .ln{color:var(--ink-dim)}.callout .stamp{font:italic 900 14px var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--ground);background:var(--sketchy);border-radius:3px;margin-top:4px;padding:2px 8px;transform:rotate(-4deg)}.callout .stamp.hung{background:var(--ink-dim)}.callout .stamp.bail{background:var(--bail)}.callout .nums{letter-spacing:.06em;color:var(--accent);text-shadow:0 1px #1b1410cc;margin-top:4px;font:600 10px ui-monospace,Menlo,monospace}.callout .pop{opacity:0;transform-origin:bottom;transform:translateY(5px)scale(.96)}.callout .pop.in{opacity:1;transition:opacity .18s var(--ease-out), transform .18s var(--ease-out);transform:none}.callout .stamp.pop{transform:rotate(-4deg)scale(1.25)}.callout .stamp.pop.in{transition:opacity .14s var(--ease-out), transform .16s var(--ease-out);transform:rotate(-4deg)}.callout .pts{font:italic 800 15px/1 var(--display);letter-spacing:.04em;color:var(--accent);text-shadow:0 1px #1b1410d9,0 0 8px #1b141080}.line{top:calc(env(safe-area-inset-top,0px) + 10px);font:italic 800 20px/1 var(--display);letter-spacing:.02em;color:var(--ink);text-shadow:0 1.5px #1b1410d9,0 0 10px #1b14108c;transition:opacity .2s var(--ease-out);align-items:center;gap:7px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.line.gone{opacity:0}.watch-who{top:calc(env(safe-area-inset-top,0px) + 10px);background:var(--panel);-webkit-backdrop-filter:blur(6px);max-width:calc(100% - 118px);color:var(--ink);transition:opacity .2s var(--ease-out);border-radius:12px;padding:7px 10px;position:absolute;left:12px}.watch-who.gone{display:none}.watch-name{letter-spacing:.04em;overflow-wrap:anywhere;margin:0;font:700 11px/1.3 ui-monospace,Menlo,monospace}.watch-score{font:italic 800 15px/1.1 var(--display);font-variant-numeric:tabular-nums;margin:3px 0 0}body.watching .replay-clip{display:none}body.watching .line{top:calc(env(safe-area-inset-top,0px) + 72px)}body.watching .caption{top:calc(env(safe-area-inset-top,0px) + 110px)}.line .mark{place-items:center;width:30px;height:30px;display:grid;position:relative}.line .ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.line .ring circle{fill:#1f161073;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round}.line .mult{color:var(--accent);font-size:12px;position:relative}.line.banked,.line.lost{pointer-events:none}.line.banked .mark,.line.lost .mark{visibility:hidden}.line.banked{color:var(--accent);animation:line-banked .9s var(--ease-out) forwards}.line.lost .total{color:var(--bail);text-decoration:line-through}.line.lost{animation:line-lost .9s var(--ease-out) forwards}.call{top:calc(env(safe-area-inset-top,0px) + 46px);box-sizing:border-box;background:var(--panel);-webkit-backdrop-filter:blur(6px);width:-moz-fit-content;width:fit-content;max-width:520px;color:var(--ink);font:italic 800 16px/1.25 var(--display);text-align:center;text-wrap:balance;transition:opacity .22s var(--ease-out), transform .22s var(--ease-out);border-radius:10px;margin:0 auto;padding:6px 10px 7px;position:absolute;left:16px;right:16px}.call.gone{opacity:0;transform:translateY(-6px)}.call .count{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);white-space:nowrap;font:700 10.5px ui-monospace,Menlo,monospace}.call .count:after{content:"·";color:var(--ink-dim);margin-left:.5em}.call.missed .words{color:var(--bail)}.skip{top:calc(env(safe-area-inset-top,0px) + 46px);pointer-events:auto;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);background:var(--panel);-webkit-backdrop-filter:blur(6px);-webkit-tap-highlight-color:transparent;transition:opacity .2s var(--ease-out), transform .2s var(--ease-out);border:0;border-radius:999px;padding:7px 11px;font:700 10.5px ui-monospace,Menlo,monospace;position:absolute;right:12px}.skip:active{transform:scale(.96)}.skip.gone{opacity:0;pointer-events:none;transform:translateY(-6px)}.call:not(.gone)~.skip{top:calc(env(safe-area-inset-top,0px) + 124px)}.skip.again{top:calc(env(safe-area-inset-top,0px) + 80px)}.learn{top:calc(env(safe-area-inset-top,0px) + 46px);box-sizing:border-box;background:var(--panel);-webkit-backdrop-filter:blur(6px);width:-moz-fit-content;width:fit-content;max-width:520px;color:var(--ink);text-align:center;transition:opacity .22s var(--ease-out), transform .22s var(--ease-out);border-radius:10px;margin:0 auto;padding:6px 10px 7px;position:absolute;left:16px;right:16px}.learn.gone{opacity:0;transform:translateY(-6px)}.learn-label{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font:700 10.5px ui-monospace,Menlo,monospace}.learn-line{font:italic 800 16px/1.25 var(--display);text-wrap:balance;margin-top:2px}.learn-say{color:var(--ink);text-wrap:balance;margin-top:4px;font:600 12.5px/1.3 ui-sans-serif,-apple-system,system-ui,sans-serif}.learn-say.got{font:italic 800 15px/1.2 var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}.learn-buttons{justify-content:center;gap:6px;margin-top:6px;display:flex}.learn-skip,.learn-next{pointer-events:auto;letter-spacing:.14em;text-transform:uppercase;-webkit-tap-highlight-color:transparent;transition:transform .12s var(--ease-out);border:0;border-radius:999px;padding:6px 10px;font:700 10px ui-monospace,Menlo,monospace}.learn-skip{color:var(--ink-dim);background:#f6ead612}.learn-next{background:var(--accent);color:var(--ground)}.learn-skip:active,.learn-next:active{transform:scale(.96)}.learn.gone .learn-skip,.learn.gone .learn-next{pointer-events:none}.learn:not(.gone)~.skip{top:calc(env(safe-area-inset-top,0px) + 54px + var(--learn-h,124px))}body.replaying .learn,body.front-open .learn,body.learn-ready-open .callout{display:none}.ghost{pointer-events:none;opacity:.8;transition:opacity .25s;position:fixed;inset:0}.ghost.gone,.ghost.under{opacity:0}.ghost .thumb{background:#f6ead61a;border-color:#f6ead6cc}body.replaying .ghost,body.front-open .ghost{display:none}.pull{top:calc(env(safe-area-inset-top,0px) + 54px);pointer-events:auto;letter-spacing:.06em;text-transform:uppercase;color:#1b1410;background:var(--accent);-webkit-tap-highlight-color:transparent;transition:opacity .2s var(--ease-out), transform .2s var(--ease-out);border:0;border-radius:999px;padding:10px 30px 11px;font:italic 900 22px Jost,system-ui,sans-serif;position:absolute;left:50%;transform:translate(-50%)}.pull:active{transform:translate(-50%)scale(.96)}.pull.gone{opacity:0;pointer-events:none;transform:translate(-50%)translateY(-6px)}body.replaying .pull,body.front-open .pull{display:none}.skip-fade{background:var(--ground);opacity:0;pointer-events:none;transition:opacity .42s var(--ease-out);position:absolute;inset:0}.skip-fade.in{opacity:1;transition:none}body.replaying .skip,body.front-open .skip{display:none}.run{top:calc(env(safe-area-inset-top,0px) + 48px);color:var(--ink);text-shadow:0 1.5px #1b1410d9,0 0 10px #1b14108c;transition:opacity .26s var(--ease-out), transform .26s var(--ease-out);flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;left:0;right:0}.run.gone{opacity:0;transform:translateY(-6px)}.run .head{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);font:700 10.5px ui-monospace,Menlo,monospace}.run .score{font:italic 800 30px/1 var(--display);letter-spacing:.01em}.run .note{letter-spacing:.06em;color:var(--ink-dim);font:600 11px ui-monospace,Menlo,monospace}.run.best .head,.run.best .score{color:var(--accent)}@keyframes line-banked{0%{opacity:1;transform:translate(-50%)scale(1.08)}60%{opacity:1;transform:translate(-50%)translateY(-4px)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-14px)}}@keyframes line-lost{0%,55%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)translateY(8px)}}@media (prefers-reduced-motion:reduce){.callout,.callout .pop,.callout .pop.in{transform:none}.callout .stamp.pop,.callout .stamp.pop.in{transform:rotate(-4deg)}.call.gone,.learn.gone{transform:none}}.hint{color:var(--ink-dim);background:var(--panel);text-align:center;border-radius:8px;align-self:center;margin-top:auto;padding:6px 10px;font-size:12px}.touch .hint{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 44px);width:max-content;max-width:80vw;margin:0;font-size:11px;transition:opacity .6s;position:absolute;transform:translate(-50%)}.hint.gone{opacity:0}.zones{height:46%;display:flex;position:absolute;bottom:0;left:0;right:0}.zone{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 14px);flex:1;justify-content:center;align-items:flex-end;display:flex;position:relative}.zone span{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);font-size:10px}.board{border:2px solid var(--ink-dim);opacity:.55;border-radius:12px;width:70px;height:186px;margin-left:-35px;position:absolute;bottom:24%;left:50%}.board i{background:var(--ink-dim);height:2px;position:absolute;left:12px;right:12px}.board .nose{top:34px}.board .tail{bottom:34px}.board .pop{border-top:2px dashed var(--accent);opacity:.8;background:0 0;height:0;top:50%;left:6px;right:6px}.read{max-width:92vw;color:var(--accent);white-space:pre-wrap;opacity:0;align-self:flex-start;margin:4px 0 0 4px;font:11px ui-monospace,Menlo,monospace;transition:opacity .25s}.read.show{opacity:1}.trace{pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.trace polyline{stroke:var(--accent);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round;opacity:.9}.trace circle{fill:var(--accent)}.comet{pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.thumb{border:2px solid var(--accent);pointer-events:none;will-change:transform;background:#ffb86b29;border-radius:50%;width:48px;height:48px;position:fixed;top:-24px;left:-24px}.replay-open{top:calc(env(safe-area-inset-top,0px) + 10px);pointer-events:auto;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:var(--panel);-webkit-backdrop-filter:blur(6px);-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;padding:7px 11px;font:700 10.5px ui-monospace,Menlo,monospace;position:absolute;right:12px}.replay-open:disabled{opacity:.35}body.replaying .replay-open,body.replaying:not(.watching) .line,body.replaying .run,body.replaying .zones,body.replaying .thumb,body.replaying .comet,body.replaying .result{display:none}.replay{left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);pointer-events:auto;background:var(--panel);-webkit-backdrop-filter:blur(8px);transition:opacity .2s var(--ease-out), transform .2s var(--ease-out);border-radius:14px;flex-direction:column;gap:10px;padding:12px;display:flex;position:absolute}.replay.gone{opacity:0;pointer-events:none;transform:translateY(8px)}.replay-track{touch-action:none;height:44px;position:relative}.replay-track:before{content:"";background:var(--ink-dim);border-radius:1px;height:2px;position:absolute;top:21px;left:0;right:0}.replay-ticks{position:absolute;inset:0}.replay-tick{background:var(--accent);border-radius:2px;width:4px;height:16px;margin-left:-2px;position:absolute;top:14px}.replay-tick.is-fall{background:var(--bail)}.replay-head{background:var(--ink);border-radius:50%;width:28px;height:28px;margin-left:-14px;position:absolute;top:8px;box-shadow:0 1px 4px #1b141099}.replay-row{align-items:center;gap:8px;display:flex}.replay-row button{min-width:44px;height:44px;color:var(--ink);-webkit-tap-highlight-color:transparent;background:#f6ead61f;border:0;border-radius:10px;font:700 15px ui-sans-serif,-apple-system,system-ui,sans-serif}.replay-row .replay-speed{font:700 13px ui-monospace,Menlo,monospace}.replay-row .replay-back{background:var(--accent);color:var(--ground);font:italic 800 14px var(--display);letter-spacing:.04em;text-transform:uppercase;margin-left:auto;padding:0 14px}.replay-angles{gap:5px;display:flex}.replay-angle{min-width:0;height:34px;color:var(--ink);letter-spacing:.06em;text-transform:uppercase;-webkit-tap-highlight-color:transparent;background:#f6ead61f;border:0;border-radius:999px;flex:1 1 0;padding:0 2px;font:700 10px ui-monospace,Menlo,monospace}.replay-angle.on{background:var(--ink);color:var(--ground)}.caption{top:calc(env(safe-area-inset-top,0px) + 54px);text-align:center;font:italic 800 15px/1.25 var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);text-shadow:0 1.5px #1b1410d9,0 0 10px #1b14108c;transition:opacity .22s var(--ease-out);position:absolute;left:16px;right:16px}.caption.gone{opacity:0}body:not(.replaying) .caption,body:not(.replaying) .replay-names,body.replaying .callout{display:none}.replay-names{top:calc(env(safe-area-inset-top,0px) + 10px);pointer-events:auto;letter-spacing:.14em;text-transform:uppercase;color:var(--ground);background:var(--ink);-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;padding:7px 11px;font:700 10.5px ui-monospace,Menlo,monospace;position:absolute;right:12px}.replay-names.off{color:var(--ink);background:var(--panel)}.replay-clip{top:calc(env(safe-area-inset-top,0px) + 10px);pointer-events:auto;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:var(--panel);-webkit-backdrop-filter:blur(6px);-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;padding:7px 11px;font:700 10.5px ui-monospace,Menlo,monospace;position:absolute;left:12px}body:not(.replaying) .replay-clip,body.clip-picking .replay-clip,body.clip-picking .replay-row,body.clip-over-open .replay-clip,body.clip-over-open .replay,body.clip-over-open .replay-names,body.clip-over-open .caption{display:none}.hint-ring{box-sizing:border-box;border:2px solid var(--accent);pointer-events:none;transition:opacity .22s var(--ease-out);border-radius:999px;position:absolute}.hint-ring:after{content:"";border-radius:inherit;animation:1.6s ease-in-out infinite alternate hint-breathe;position:absolute;inset:-2px;box-shadow:0 0 10px 2px #ffb86b8c}@keyframes hint-breathe{0%{opacity:.35;transform:scale(1)}to{opacity:1;transform:scale(1.06)}}.hint-tag{box-sizing:border-box;-webkit-backdrop-filter:blur(6px);max-width:calc(100% - 24px);color:var(--accent);font:italic 800 14px/1.2 var(--display);white-space:nowrap;pointer-events:none;transition:opacity .22s var(--ease-out), transform .22s var(--ease-out);background:#1b1410eb;border-radius:10px;padding:6px 10px 7px;position:absolute}.hint-tag:before{content:"";top:-6px;left:calc(var(--arrow,50%) - 6px);clip-path:polygon(50% 0,100% 100%,0 100%);background:#1b1410eb;width:12px;height:6px;position:absolute}.hint-ring.gone,.hint-tag.gone{opacity:0;transition-duration:.16s}.hint-tag.gone{transform:translateY(-4px)}.hint-ring.gone:after{animation-play-state:paused}body.front-open .hint-ring,body.front-open .hint-tag,body.result-open .hint-ring,body.result-open .hint-tag{display:none}@media (prefers-reduced-motion:reduce){.hint-ring:after{opacity:.8;animation:none}.hint-tag.gone{transform:none}}.clip-span{border:2px solid var(--accent);box-sizing:border-box;pointer-events:none;background:#ffb86b52;border-radius:6px;height:24px;position:absolute;top:10px}.clip-span.gone{display:none}.clip-row{flex-direction:column;gap:8px;display:flex}.clip-line{align-items:center;gap:8px;display:flex}.clip-line .clip-make{flex:1}.clip-handle{touch-action:none;width:30px;height:44px;position:absolute;top:0}.clip-handle.is-from{margin-left:-30px}.clip-handle.is-from:before{left:20px}.clip-handle.is-to:before{left:0}.clip-handle:before{content:"";background:var(--accent);width:10px;height:34px;box-shadow:0 0 0 2px var(--ground), 0 1px 4px #1b141099;border-radius:5px;position:absolute;top:5px}.clip-handle.gone,.clip-row.gone{display:none}.clip-length{color:var(--ink);margin-right:auto;font:700 13px ui-monospace,Menlo,monospace}.clip-row .clip-line>button,.clip-over-row button{height:44px;color:var(--ink);font:italic 800 14px var(--display);letter-spacing:.04em;text-transform:uppercase;-webkit-tap-highlight-color:transparent;background:#f6ead61f;border:0;border-radius:10px;padding:0 16px}.clip-row .clip-line>button.clip-make,.clip-over-row .clip-share,.clip-over-row .clip-keep{background:var(--accent);color:var(--ground)}.clip-over{pointer-events:auto;padding:calc(env(safe-area-inset-top,0px) + 16px) 16px calc(env(safe-area-inset-bottom,0px) + 16px);transition:opacity .2s var(--ease-out);background:#1b1410db;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.clip-over.gone{opacity:0;pointer-events:none}.clip-words{font:italic 800 18px var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);text-align:center;margin:0}.clip-meter{background:#f6ead62e;border-radius:2px;width:min(240px,70vw);height:4px;overflow:hidden}.clip-fill{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.clip-video{aspect-ratio:9/16;background:#000;border-radius:14px;max-width:100%;max-height:64vh}.clip-over-row{gap:10px;display:flex}.clip-note{color:var(--ink-dim);text-align:center;margin:0;font:600 13px ui-sans-serif,-apple-system,system-ui,sans-serif}.clip-hint{color:var(--ink);text-align:center;margin:0;font:600 13px ui-sans-serif,-apple-system,system-ui,sans-serif}.clip-close{top:calc(env(safe-area-inset-top,0px) + 12px);width:44px;height:44px;color:var(--ink);-webkit-tap-highlight-color:transparent;background:#f6ead61f;border:0;border-radius:50%;font:600 18px ui-sans-serif,-apple-system,system-ui,sans-serif;position:absolute;right:12px}.clip-over [hidden],body.front-open .replay-open,body.front-open .line,body.front-open .run,body.front-open .zones,body.front-open .thumb,body.front-open .comet,body.front-open .callout,body.front-open .trick,body.front-open .hint,body.front-open .front-menu,body.front-open .result,body.replaying .front-menu{display:none}.front{pointer-events:none;position:absolute;inset:0}.front-head{top:calc(env(safe-area-inset-top,0px) + 12px);transition:opacity .26s var(--ease-out);justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;left:18px;right:12px}.front-name{font:italic 900 34px/1.05 var(--display);letter-spacing:-.005em;text-transform:uppercase;color:var(--ink);text-shadow:0 2px #1b1410d9,0 0 14px #1b141080;margin:0;padding-bottom:2px}.front-board,.front-menu{pointer-events:auto;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:var(--panel);-webkit-backdrop-filter:blur(6px);-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font:700 10.5px ui-monospace,Menlo,monospace;display:inline-flex}.front-board{color:var(--ink-dim);margin-top:2px}.front-menu{top:calc(env(safe-area-inset-top,0px) + 10px);position:absolute;left:12px}.sound-switch{pointer-events:auto;top:calc(env(safe-area-inset-top,0px) + 10px);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:var(--panel);-webkit-backdrop-filter:blur(6px);-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;padding:7px 9px;font:700 10.5px ui-monospace,Menlo,monospace;position:absolute;left:73px}.sound-switch svg{display:block}.sound-switch:after{content:"";position:absolute;inset:-10px -4px -8px}.sound-switch.words{padding:7px 11px}.sound-switch.off{color:var(--ink-dim)}.sound-switch:focus-visible{outline:2px solid var(--ink);outline-offset:2px}body.front-open .sound-switch,body.replaying .sound-switch{display:none}.front-panel{pointer-events:auto;padding:14px 14px calc(env(safe-area-inset-bottom,0px) + 14px);box-sizing:border-box;overscroll-behavior:contain;touch-action:pan-y;max-height:72dvh;transition:transform .36s var(--ease-out);background:#1b1410f0;border-radius:20px 20px 0 0;flex-direction:column;gap:10px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -10px 30px #1b141059}.front.gone .front-panel{transform:translateY(105%)}.front.gone .front-head{opacity:0}.front-row{flex-direction:column;gap:6px;display:flex}.front-label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);font:700 10px ui-monospace,Menlo,monospace}.front-tiles{scrollbar-width:none;gap:8px;margin:-3px;padding:3px;display:flex;overflow-x:auto}.front-tiles::-webkit-scrollbar{display:none}.tile{width:100px;color:var(--ink);text-align:left;-webkit-tap-highlight-color:transparent;transition:transform .12s var(--ease-out), box-shadow .16s var(--ease-out);background:#f6ead612;border:0;border-radius:12px;flex-direction:column;flex:none;padding:0 0 7px;display:flex;position:relative;overflow:hidden}.tile:active:not([aria-disabled=true]){transform:scale(.97)}.tile-pic{aspect-ratio:16/9;object-fit:cover;background:#f6ead60d;width:100%;display:block}.tile-locked{color:var(--ink-dim);place-items:center;display:grid}.tile-locked .lock{transform:scale(1.5)}.tile-name{font:italic 800 12.5px/1.1 var(--display);letter-spacing:.02em;text-transform:uppercase;padding:6px 8px 0}.tile-soon{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);padding:2px 9px 0;font:700 9.5px ui-monospace,Menlo,monospace}.tile[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--accent)}.tile[aria-pressed=true] .tile-name{color:var(--accent)}.tile[aria-disabled=true]{color:var(--ink-dim);background:#f6ead60a}.tile[aria-disabled=true] img.tile-pic{opacity:.35;filter:grayscale(.7)}.tile-stamp{letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:#1b1410d1;border-radius:5px;align-items:center;gap:5px;padding:3px 6px;font:700 9px/1 ui-monospace,Menlo,monospace;display:inline-flex;position:absolute;top:5px;left:5px}.tile-stamp .lock{flex:none;width:8px;height:6px;margin-top:3px}.tile-stamp .lock:before{border-width:1.5px;width:2px;height:3px;top:-4px;left:1px}.tile:has(.tile-stamp) img.tile-pic{opacity:.6;filter:grayscale(.5)}.tile-word{flex-direction:row;flex:1 1 0;justify-content:center;align-items:center;gap:7px;width:auto;height:44px;padding:0 12px}.tile-word .tile-name,.tile-word .tile-soon{padding:0}.front-ride{background:var(--accent);height:52px;color:var(--ground);font:italic 900 22px var(--display);letter-spacing:.08em;text-transform:uppercase;-webkit-tap-highlight-color:transparent;transition:transform .12s var(--ease-out);border:0;border-radius:14px;margin-top:2px}.front-ride:active{transform:scale(.98)}.front-legal{justify-content:center;gap:0 18px;margin:2px 0 0;display:flex}.front-legal-link{color:var(--ink-dim);text-underline-offset:3px;-webkit-tap-highlight-color:transparent;padding:6px 4px;font:500 13px/1.35 ui-sans-serif,-apple-system,SF Pro Text,Inter,system-ui,sans-serif}.front-legal-link:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:4px}.front button:focus-visible,.front-menu:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.front button:focus:not(:focus-visible){outline:none}.lock{background:currentColor;border-radius:2px;width:10px;height:8px;margin-top:5px;display:inline-block;position:relative}.lock:before{content:"";border:2px solid;border-bottom:0;border-radius:4px 4px 0 0;width:3px;height:5px;position:absolute;top:-6px;left:1.5px}@media (min-aspect-ratio:1){.front-panel{left:auto;top:calc(env(safe-area-inset-top,0px) + 12px);border-radius:20px;justify-content:safe center;width:min(380px,46vw);max-height:none;bottom:12px;right:12px}.front.gone .front-panel{transform:translate(110%)}.front-head{right:calc(min(380px,46vw) + 24px)}}@media (min-width:900px) and (min-aspect-ratio:1){.front-name{font-size:48px}}.result{top:calc(env(safe-area-inset-top,0px) + 46px);box-sizing:border-box;pointer-events:auto;max-width:360px;color:var(--ink);text-align:center;transition:opacity .26s var(--ease-out), transform .26s var(--ease-out);background:#1b1410f0;border-radius:20px;flex-direction:column;gap:6px;margin:0 auto;padding:14px 16px;display:flex;position:absolute;left:16px;right:16px;box-shadow:0 10px 30px #1b141059}body.result-open .callout,body.result-open .call{display:none}.result.gone{opacity:0;pointer-events:none;transform:translateY(-6px)}.result-head{font:italic 900 22px/1.1 var(--display);letter-spacing:.01em;text-transform:uppercase;text-wrap:balance}.result-best{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);font:700 10.5px ui-monospace,Menlo,monospace}.result.best .result-best{color:var(--accent)}.result-buttons{gap:8px;margin-top:8px;display:flex}.result-again,.result-menu{-webkit-tap-highlight-color:transparent;height:52px;transition:transform .12s var(--ease-out);border:0;border-radius:14px}.result-again{background:var(--accent);color:var(--ground);font:italic 900 22px var(--display);letter-spacing:.08em;text-transform:uppercase;flex:auto}.result-menu{color:var(--ink);letter-spacing:.14em;text-transform:uppercase;background:#f6ead612;flex:none;padding:0 20px;font:700 10.5px ui-monospace,Menlo,monospace}.result-again:active,.result-menu:active{transform:scale(.98)}.result button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.result button:focus:not(:focus-visible){outline:none}.front-head:has(.front-corner:not(:empty)){grid-template-columns:1fr auto;grid-auto-rows:min-content;justify-items:end;gap:6px 12px;display:grid}.front-head:has(.front-corner:not(:empty)) .front-name{grid-row:1/span 2;justify-self:start}.front-corner{display:flex}.front-corner:empty{display:none}.front-board.front-account{color:var(--ink);white-space:nowrap}.front-board.front-account.named{text-transform:none;letter-spacing:.04em;padding:6px 12px;font-size:12px}.account-veil{pointer-events:auto;padding:calc(env(safe-area-inset-top,0px) + 56px) 16px 16px;box-sizing:border-box;transition:opacity .22s var(--ease-out);background:#1b141080;outline:none;justify-content:center;align-items:flex-start;display:flex;position:absolute;inset:0;overflow-y:auto}.account-veil.gone{opacity:0;pointer-events:none}.account-captcha{pointer-events:none;z-index:1000;justify-content:center;display:flex;position:fixed;top:50%;left:0;right:0}.account-captcha>*{pointer-events:auto}.account-card{box-sizing:border-box;width:100%;max-width:360px;color:var(--ink);animation:account-in .24s var(--ease-out);background:#1b1410f5;border-radius:20px;flex-direction:column;gap:10px;padding:18px 16px 16px;display:flex;position:relative;box-shadow:0 10px 30px #1b141073}@keyframes account-in{0%{opacity:0;transform:translateY(-6px)}}.account-title{font:italic 900 24px/1.1 var(--display);letter-spacing:.01em;text-transform:uppercase;text-wrap:balance;margin:0;padding-right:36px}.account-body,.account-form{flex-direction:column;gap:10px;display:flex}.account-close{width:36px;height:36px;color:var(--ink-dim);-webkit-tap-highlight-color:transparent;background:#f6ead612;border:0;border-radius:999px;position:absolute;top:10px;right:10px}.account-close:before,.account-close:after{content:"";background:currentColor;border-radius:1px;width:14px;height:2px;position:absolute;top:17px;left:11px;transform:rotate(45deg)}.account-close:after{transform:rotate(-45deg)}.account-field{box-sizing:border-box;width:100%;height:50px;color:var(--ink);-webkit-user-select:text;user-select:text;touch-action:manipulation;appearance:none;background:#f6ead614;border:0;border-radius:12px;padding:0 14px;font:500 17px ui-sans-serif,-apple-system,SF Pro Text,Inter,system-ui,sans-serif;box-shadow:inset 0 0 0 1px #f6ead61a}.account-field::placeholder{color:var(--ink-dim);opacity:.8}.account-field:focus{box-shadow:inset 0 0 0 2px var(--accent);outline:none}.account-year{background-image:linear-gradient(45deg, transparent 50%, var(--ink-dim) 50%), linear-gradient(135deg, var(--ink-dim) 50%, transparent 50%);background-color:#f6ead614;background-position:calc(100% - 20px) 22px,calc(100% - 15px) 22px;background-repeat:no-repeat;background-size:5px 5px}.account-year:invalid,.account-year option[value=""]{color:var(--ink-dim)}.account-year option{color:var(--ink);background:var(--ground)}.account-code{--box:44px;width:calc(var(--box) * 6 + 14px);height:56px;padding:0 0 0 calc((var(--box) - 6px - 1ch) / 2);letter-spacing:calc(var(--box) - 1ch);background:repeating-linear-gradient(90deg, #f6ead614 0 calc(var(--box) - 6px), transparent calc(var(--box) - 6px) var(--box));background-size:calc(var(--box) * 6 - 6px) 100%;box-shadow:none;background-repeat:no-repeat;align-self:center;margin-left:20px;font:700 26px ui-monospace,Menlo,monospace;overflow:hidden}.account-code:focus{box-shadow:none;background-image:repeating-linear-gradient(90deg, #ffb86b29 0 calc(var(--box) - 6px), transparent calc(var(--box) - 6px) var(--box))}.account-error{min-height:1.3em;color:var(--bail);margin:-4px 2px 0;font:600 13.5px/1.3 ui-sans-serif,-apple-system,SF Pro Text,Inter,system-ui,sans-serif}.account-error:empty{min-height:0;margin:0}.account-note{color:var(--ink-dim);overflow-wrap:anywhere;margin:0 2px;font:500 13.5px/1.35 ui-sans-serif,-apple-system,SF Pro Text,Inter,system-ui,sans-serif}.account-go{background:var(--accent);height:52px;color:var(--ground);font:italic 900 20px var(--display);letter-spacing:.08em;text-transform:uppercase;-webkit-tap-highlight-color:transparent;transition:transform .12s var(--ease-out), opacity .16s linear;border:0;border-radius:14px}.account-go:active:not(:disabled){transform:scale(.98)}.account-go:disabled{opacity:.45}.account-link{color:var(--ink);letter-spacing:.14em;text-transform:uppercase;-webkit-tap-highlight-color:transparent;background:#f6ead612;border:0;border-radius:999px;align-self:center;padding:9px 14px;font:700 10.5px ui-monospace,Menlo,monospace}.account-link:disabled{color:var(--ink-dim)}.account-resend{letter-spacing:.05em;white-space:nowrap}.account-sent+.account-sent{margin-top:-6px}.account-notice{top:calc(env(safe-area-inset-top,0px) + 94px);box-sizing:border-box;pointer-events:none;letter-spacing:.02em;max-width:calc(100% - 28px);color:var(--ink);background:var(--panel);-webkit-backdrop-filter:blur(6px);overflow-wrap:anywhere;opacity:0;transition:opacity .2s var(--ease-out), transform .2s var(--ease-out);border-radius:999px;padding:7px 13px;font:700 12px/1.3 ui-sans-serif,-apple-system,SF Pro Text,Inter,system-ui,sans-serif;position:absolute;right:14px;transform:translateY(-4px);box-shadow:0 0 0 1px #f6ead629}.account-notice:empty{display:none}.account-notice.shown{opacity:1;transform:none}.account-title.account-name{text-transform:none;overflow-wrap:anywhere}.account-choice{height:48px;color:var(--ink);letter-spacing:.14em;text-transform:uppercase;text-align:left;-webkit-tap-highlight-color:transparent;transition:transform .12s var(--ease-out), opacity .16s linear;background:#f6ead612;border:0;border-radius:12px;padding:0 14px;font:700 11.5px ui-monospace,Menlo,monospace}.account-choice:active:not(:disabled){transform:scale(.98)}.account-choice:disabled{opacity:.45}.account-choice.account-danger{color:var(--bail)}.account-go.account-delete{background:var(--bail)}.account-wait{padding:4px 0}.account-body>.account-error:empty{margin:-10px 0 0}.account-veil button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.account-veil button:focus:not(:focus-visible){outline:none}.front-side{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.front-board.front-feedback{color:var(--ink);white-space:nowrap}.front-beta{vertical-align:.55em;letter-spacing:.14em;color:var(--accent);text-shadow:none;border-radius:999px;margin-left:8px;padding:3px 7px 2px;font:700 9px/1 ui-monospace,Menlo,monospace;display:inline-block;box-shadow:inset 0 0 0 1px #ffb86bb3}.feedback-form[hidden],.feedback-sent[hidden],.feedback-label[hidden]{display:none}.feedback-chips{flex-wrap:wrap;gap:8px;display:flex}.feedback-chip{color:var(--ink);-webkit-tap-highlight-color:transparent;transition:background-color .16s var(--ease-out), color .16s var(--ease-out), transform .12s var(--ease-out);background:#f6ead614;border:0;border-radius:999px;padding:9px 13px;font:600 14px ui-sans-serif,-apple-system,SF Pro Text,Inter,system-ui,sans-serif;box-shadow:inset 0 0 0 1px #f6ead629}.feedback-chip[aria-pressed=true]{background:var(--ink);color:var(--ground);box-shadow:none}.feedback-chip:active{transform:scale(.97)}.account-field.feedback-words{resize:none;height:auto;min-height:112px;padding:12px 14px;line-height:1.35}.feedback-count{text-align:right;color:var(--ink-dim);margin:-6px 2px 0;font:500 12px ui-monospace,Menlo,monospace}.feedback-count:empty{display:none}.feedback-label{color:var(--ink-dim);flex-direction:column;gap:6px;font:500 13.5px/1.35 ui-sans-serif,-apple-system,SF Pro Text,Inter,system-ui,sans-serif;display:flex}.feedback-trap{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-9999px}.feedback-thanks{color:var(--ink);font-size:16px}.feedback-send.shake{animation:feedback-shake .3s var(--ease-out)}@keyframes feedback-shake{25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}@media (prefers-reduced-motion:reduce){.feedback-send.shake{animation:none}}.account-card.account-fixed .account-title{padding-right:0}.account-gets{flex-direction:column;gap:8px;margin:0 0 4px;padding:0;font:600 15px/1.3 ui-sans-serif,-apple-system,SF Pro Text,Inter,system-ui,sans-serif;list-style:none;display:flex}.account-gets li{padding-left:20px;position:relative}.account-gets li:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:.45em;left:2px}.account-skip{padding:15px 22px;font-size:11.5px}.account-have{text-align:center;color:var(--ink-dim);margin:0;font:600 13.5px/1.35 ui-sans-serif,-apple-system,SF Pro Text,Inter,system-ui,sans-serif}.account-text{color:var(--ink);letter-spacing:.14em;text-transform:uppercase;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:6px;padding:10px 4px;font:700 10.5px ui-monospace,Menlo,monospace}.account-policies{flex-wrap:wrap;justify-content:center;gap:0 14px;margin:0;display:flex}.account-policy{color:var(--ink-dim);text-underline-offset:3px;-webkit-tap-highlight-color:transparent;padding:6px 4px;font:500 13px/1.35 ui-sans-serif,-apple-system,SF Pro Text,Inter,system-ui,sans-serif}.account-policy:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.tile.tile-guest .tile-name{font-size:10.5px;line-height:1.2}.run .post{letter-spacing:.06em;color:var(--ink);margin-top:2px;font:600 11px ui-monospace,Menlo,monospace}.front-board.front-board-open{color:var(--ink)}.board-card{gap:12px}.board-switch{background:#f6ead60f;border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.board-choice{height:40px;color:var(--ink-dim);letter-spacing:.14em;text-transform:uppercase;-webkit-tap-highlight-color:transparent;transition:background-color .16s var(--ease-out), color .16s var(--ease-out);background:0 0;border:0;border-radius:10px;font:700 10.5px ui-monospace,Menlo,monospace}.board-choice[aria-pressed=true]{color:var(--ink);background:#f6ead61a}.board-list{flex-direction:column;min-height:40px;margin:2px 0 0;padding:0;list-style:none;transition:opacity .16s linear;display:flex}.board-card.loading .board-list,.board-card.loading .board-pinned{opacity:.5}.board-row{border-radius:10px;grid-template-columns:3.4em 1fr auto;align-items:baseline;gap:8px;padding:8px 10px;font:600 14.5px/1.2 ui-sans-serif,-apple-system,SF Pro Text,Inter,system-ui,sans-serif;display:grid}.board-row+.board-row{box-shadow:0 -1px #f6ead60f}.board-row.tappable{padding:0;display:block}.board-tap{width:100%;color:inherit;font:inherit;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:10px;grid-template-columns:3.4em 1fr auto;align-items:baseline;gap:8px;padding:8px 10px;display:grid}.board-more{flex-direction:column;gap:6px;padding:2px 10px 10px;display:flex}.board-watch{background:var(--accent);height:44px;color:var(--ground);font:italic 900 16px var(--display);letter-spacing:.08em;text-transform:uppercase;-webkit-tap-highlight-color:transparent;transition:transform .12s var(--ease-out), opacity .16s linear;border:0;border-radius:12px}.board-watch:active{transform:scale(.98)}.board-watch[aria-busy=true]{opacity:.6}.board-why{text-align:center}.board-rank{letter-spacing:.04em;color:var(--ink-dim);font:700 11.5px ui-monospace,Menlo,monospace}.board-name{overflow-wrap:anywhere}.board-score{font:italic 800 17px/1 var(--display);letter-spacing:.01em;font-variant-numeric:tabular-nums}.board-row.mine{box-shadow:none;background:#ffb86b1f}.board-row.mine .board-name,.board-row.mine .board-score,.board-row.mine .board-rank{color:var(--accent)}.board-row.mine+.board-row{box-shadow:none}.board-pinned:empty{display:none}.board-pinned{padding-top:14px;position:relative}.board-pinned:before{content:"";background:radial-gradient(circle, var(--ink-dim) 1.5px, transparent 2px) 0 0 / 8px 4px repeat-x;width:22px;height:4px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.board-line:empty{display:none}.board-line{text-align:center;padding:6px 0}.board-past[aria-disabled=true]{color:var(--ink-dim);align-items:center;gap:7px;display:inline-flex}.board-past[hidden]{display:none}.board-past .lock{margin-top:4px}.board-choice:focus-visible{outline:2px solid var(--ink);outline-offset:1px}@media (min-aspect-ratio:1){.account-veil{padding-right:calc(min(380px,46vw) + 28px);padding-top:calc(env(safe-area-inset-top,0px) + 12vh)}}@media (min-aspect-ratio:1) and (max-height:500px){.account-veil:has(.account-welcome){padding:calc(env(safe-area-inset-top,0px) + 12px) max(16px, env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 12px) max(16px, env(safe-area-inset-left,0px))}.account-welcome{max-width:600px;margin-block:auto}.account-welcome .account-body{grid-template-columns:1fr 1fr;align-items:start;gap:10px 16px;display:grid}.account-welcome .account-gets{grid-area:1/1/span 3;align-self:center}.account-welcome .account-go{grid-area:1/2}.account-welcome .account-have{grid-area:2/2}.account-welcome .account-skip{grid-area:3/2;justify-self:center}}@media (prefers-reduced-motion:reduce){.result{transition:opacity .2s linear}.result.gone{transform:none}.account-card{animation:none}.board-choice,.board-list{transition:none}.account-notice{transition:opacity .2s linear;transform:none}.front-panel{transition:opacity .2s linear}.front.gone .front-panel{opacity:0;transform:none}}.front-menu.front-ride-feedback{top:calc(env(safe-area-inset-top,0px) + 46px)}:is(.front.strip .front-head,.front.strip .front-head:has(.front-corner:not(:empty))){flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:9px;display:flex}.front.strip .front-name{white-space:nowrap;font-size:26px}.front.strip .front-beta{vertical-align:.3em;background:var(--accent);box-shadow:none;color:var(--ground);border-radius:5px;padding:3px 6px 2px}.front-pills{transition:opacity .22s var(--ease-out);flex-wrap:wrap;align-items:center;gap:6px;display:flex}body:has(.account-veil:not(.gone)) .front-pills{opacity:0}.front-pills .front-board{margin-top:0}.front.strip .front-panel{max-height:86dvh}.front-drawer{animation:front-drawer-in .18s var(--ease-out);flex-direction:column;gap:10px;display:flex}.front-drawer[hidden],.front-strip[hidden],.front.strip .front-row[hidden]{display:none}.front-drawer-head{align-items:center;gap:10px;min-height:32px;display:flex}.front-drawer-title{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);font:700 10px ui-monospace,Menlo,monospace}.front.strip .front-drawer .front-label{display:none}.front.strip .front-drawer-head .front-row-stance{flex:auto;min-width:0}.front.strip .front-drawer-head .front-row-stance .front-tiles{gap:4px}.front.strip .front-drawer-head .tile-word{border-radius:10px;height:32px;padding:0 8px}.front.strip .front-drawer-head .tile-word .tile-name{font-size:11.5px}.front-done{color:var(--ink);letter-spacing:.14em;text-transform:uppercase;-webkit-tap-highlight-color:transparent;transition:transform .12s var(--ease-out);background:#f6ead61a;border:0;border-radius:999px;flex:none;margin-left:auto;padding:8px 13px;font:700 10.5px ui-monospace,Menlo,monospace}.front-done:active{transform:scale(.96)}@keyframes front-drawer-in{0%{opacity:0;transform:translateY(8px)}}.front-strip{animation:front-drawer-in .18s var(--ease-out);grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.front-chip{min-width:0;color:var(--ink);text-align:left;-webkit-tap-highlight-color:transparent;transition:transform .12s var(--ease-out), box-shadow .16s var(--ease-out);background:#f6ead612;border:0;border-radius:12px;flex-direction:column;padding:0 0 7px;display:flex;position:relative;overflow:hidden}.front-chip:active{transform:scale(.97)}.front-chip-pic{aspect-ratio:16/9;object-fit:cover;background:#f6ead60d;width:100%;display:block}.front-chip-badge{letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:#1b1410d1;border-radius:5px;padding:3px 5px 2px;font:700 9px/1 ui-monospace,Menlo,monospace;position:absolute;top:5px;left:5px}.front-chip-badge[hidden]{display:none}.front-chip-name{font:italic 800 12.5px/1.1 var(--display);letter-spacing:.02em;text-transform:uppercase;overflow-wrap:anywhere;padding:6px 8px 0}.front-chip-label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);margin-top:auto;padding:3px 8px 0;font:700 9px ui-monospace,Menlo,monospace}.front-chip[aria-expanded=true]{box-shadow:inset 0 0 0 2px var(--accent)}.front-chip[aria-expanded=true] .front-chip-name{color:var(--accent)}.front-chip.front-chip-dim{color:var(--ink-dim)}.front-chip.front-chip-dim .front-chip-pic{opacity:.35;filter:grayscale(.7)}@media (min-aspect-ratio:1){.front.strip .front-panel{max-height:calc(100dvh - env(safe-area-inset-top,0px) - 24px);top:auto}}@media (min-width:900px) and (min-aspect-ratio:1){.front.strip .front-name{font-size:40px}}@media (prefers-reduced-motion:reduce){.front-drawer,.front-strip{animation:none}}.front-menu.front-over{top:calc(env(safe-area-inset-top,0px) + 82px);color:var(--ink);letter-spacing:0;padding:5px 11px;font-size:15px;line-height:1}.front-menu.front-over:after{content:"";position:absolute;inset:-5px -10px -10px -6px}.front-menu.front-over.gone,.front-over-picks.gone{display:none}.front-over-picks{top:calc(env(safe-area-inset-top,0px) + 82px);pointer-events:auto;gap:6px;display:flex;position:absolute;left:50px}.front-over-picks .front-menu{color:var(--accent);position:static}body.front-open .front-over-picks,body.replaying .front-over-picks{display:none}@font-face{font-family:Jost;font-style:italic;font-display:swap;font-weight:900;src:url(/assets/jost-latin-900-italic-JR1XL1RR.woff2)format("woff2"),url(/assets/jost-latin-900-italic-CNxoQ3Vs.woff)format("woff")}
