:root{--ink: #2A1B12;--paper: #F2E4C4;--mustard: #E6A733;--cherry: #C4402E;--teal: #3F8C84;--slab: "Alfa Slab One", Rockwell, "Roboto Slab", Georgia, serif;--grotesk: "Bricolage Grotesque Variable", "Bricolage Grotesque", system-ui, -apple-system, sans-serif;--tech: "Chakra Petch", ui-monospace, "SF Mono", system-ui, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}:root[data-look=toy]{--page: var(--paper);--page-ink: var(--ink);color-scheme:light}:root[data-look=arcade]{--page: #05060F;--page-ink: #F2F2FF;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{overflow:hidden;overscroll-behavior:none;background:var(--page);color:var(--page-ink);font-family:var(--grotesk);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}[hidden]{display:none!important}.stage{position:fixed;inset:0;display:flex;justify-content:center}:root[data-look=toy] .stage{background-image:radial-gradient(rgba(42,27,18,.12) 1.4px,transparent 1.7px);background-size:12px 12px}:root[data-look=arcade] .stage{background-image:linear-gradient(rgba(61,240,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(61,240,255,.05) 1px,transparent 1px);background-size:34px 34px}.column{position:relative;width:100%;height:100%;max-width:60vh;max-width:60dvh;overflow:hidden;background:#000}@media(min-width:640px){:root[data-look=toy] .column{border-inline:3px solid var(--ink);box-shadow:10px 0 #2a1b122e}:root[data-look=arcade] .column{box-shadow:0 0 60px #3df0ff24}}.feed{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;touch-action:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}.feed::-webkit-scrollbar{display:none}.help{position:fixed;left:24px;bottom:18px;margin:0;font:500 13px/1 var(--tech);letter-spacing:.06em;opacity:.55}@media(max-width:899px),(hover:none){.help{display:none}}.card{position:relative;height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:var(--card-bg, #000);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.card canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;transition:filter .18s ease}.card[data-state=paused] canvas{filter:saturate(.25) brightness(.92)}.hud,.meta,.pill,.over{position:absolute;pointer-events:none}.hud{opacity:0;transition:opacity .2s ease}.card[data-state=play] .hud,.card[data-state=paused] .hud{opacity:1}.meta{transition:opacity .25s ease,transform .25s ease}.card[data-state=play] .meta,.card[data-state=over] .meta{opacity:0;transform:translateY(8px)}.meta h2,.meta p,.over p{margin:0}.pill{left:0;right:0;margin-inline:auto;width:max-content;max-width:84%;text-align:center;opacity:0;transition:opacity .2s ease}.card[data-state=attract] .pill,.card[data-state=paused] .pill,.card[data-state=play][data-waiting=true] .pill{opacity:1}.over{inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .22s ease}.over-box{text-align:center;transform:scale(.94);transition:transform .3s cubic-bezier(.2,1.4,.4,1)}.card[data-state=over] .over{opacity:1}.card[data-state=over] .over-box{transform:none}.hud-score{display:inline-block}.hud-score.bump{animation:bump .22s ease-out}@keyframes bump{40%{transform:scale(1.25)}}.controls{position:absolute;top:calc(var(--safe-top) + 14px);right:14px;z-index:5;display:flex;flex-direction:column;gap:12px;transition:opacity .2s ease}.column[data-playing=true] .controls{opacity:0;pointer-events:none}.ctl{width:42px;height:42px;padding:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.ctl svg{width:20px;height:20px}.ctl-lang{font:15px/1 var(--slab);letter-spacing:.02em}:root[data-look=arcade] .ctl-lang{font:700 14px/1 var(--tech);letter-spacing:.08em}.ctl:focus-visible{outline:3px solid var(--mustard);outline-offset:2px}.toast{position:absolute;left:50%;top:calc(var(--safe-top) + 20px);z-index:25;max-width:calc(100% - 140px);padding:10px 18px;translate:-50% -12px;opacity:0;pointer-events:none;text-align:center;transition:opacity .2s ease,translate .2s ease}.toast.show{opacity:1;translate:-50% 0}.swipe-hint{position:absolute;right:16px;bottom:calc(var(--safe-bottom) + 150px);z-index:4;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:6px;transition:opacity .2s ease}.swipe-hint:before{content:"";width:14px;height:14px;border-left:3px solid currentColor;border-top:3px solid currentColor;transform:rotate(45deg);animation:nudge 1.4s ease-in-out infinite}.column[data-playing=true] .swipe-hint{opacity:0}@keyframes nudge{50%{translate:0 -8px}}:root[data-look=toy] .card{font-family:var(--grotesk);color:var(--paper)}:root[data-look=toy] .hud{top:calc(var(--safe-top) + 46px);left:0;right:0;text-align:center}:root[data-look=toy] .hud-score{min-width:78px;padding:4px 18px 2px;font:34px/1.1 var(--slab);font-variant-numeric:tabular-nums;background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:999px;box-shadow:0 5px 0 var(--ink)}:root[data-look=toy] .hud-best{display:none}:root[data-look=toy] .card[data-light=true] .g-name{color:var(--ink);text-shadow:0 4px 0 rgba(42,27,18,.2)}:root[data-look=toy] .meta{left:22px;right:70px;bottom:calc(var(--safe-bottom) + 26px)}:root[data-look=toy] .g-name{font:50px/.95 var(--slab);letter-spacing:.01em;text-shadow:0 4px 0 var(--ink),3px 4px 0 var(--ink)}:root[data-look=toy] .g-hint{display:inline-block;margin-top:12px;font-size:15px;font-weight:600;background:var(--ink);color:var(--paper);padding:4px 10px;border-radius:8px}:root[data-look=toy] .pill{bottom:calc(var(--safe-bottom) + 168px);font:18px/1.2 var(--slab);letter-spacing:.02em;color:var(--ink);background:var(--paper);border:3px solid var(--ink);border-radius:999px;padding:9px 20px 7px;box-shadow:0 5px 0 var(--ink);rotate:-2deg}:root[data-look=toy] .over-box{background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:26px;box-shadow:0 8px 0 var(--ink);padding:18px 30px 20px;rotate:-2deg}:root[data-look=toy] .over-title{font:26px/1.1 var(--slab);color:var(--cherry)}:root[data-look=toy] .over-score{font:76px/1 var(--slab);font-variant-numeric:tabular-nums;margin-top:4px}:root[data-look=toy] .over-best{font-size:15px;font-weight:700;opacity:.7;margin-top:6px}:root[data-look=toy] .card[data-record=true] .over-best{opacity:1;color:var(--cherry)}:root[data-look=toy] .over-hint{font-size:14px;font-weight:600;margin-top:14px}:root[data-look=toy] .ctl{background:var(--paper);color:var(--ink);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink)}:root[data-look=toy] .ctl:active{translate:0 3px;box-shadow:0 1px 0 var(--ink)}:root[data-look=toy] .toast{background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:999px;box-shadow:0 4px 0 var(--ink);font:700 15px/1.2 var(--grotesk)}:root[data-look=toy] .swipe-hint{color:var(--paper);font:16px/1.1 var(--slab);text-shadow:0 2px 0 var(--ink),2px 2px 0 var(--ink)}:root[data-look=arcade] .card{font-family:var(--tech);color:#f2f2ff;text-transform:uppercase;letter-spacing:.08em}:root[data-look=arcade] .hud{top:calc(var(--safe-top) + 22px);left:24px;right:72px;display:flex;justify-content:space-between;align-items:baseline}:root[data-look=arcade] .hud-score{font-size:32px;font-weight:700;font-variant-numeric:tabular-nums;text-shadow:0 0 14px var(--acc)}:root[data-look=arcade] .hud-best{font-size:13px;opacity:.7;font-variant-numeric:tabular-nums}:root[data-look=arcade] .meta{left:24px;right:70px;bottom:calc(var(--safe-bottom) + 28px)}:root[data-look=arcade] .g-name{font-size:24px;font-weight:700;letter-spacing:.16em}:root[data-look=arcade] .g-name:before{content:"▸ ";color:var(--acc)}:root[data-look=arcade] .g-hint{font-size:12px;color:var(--acc);margin-top:4px}:root[data-look=arcade] .pill{top:46%;font-size:17px;font-weight:700;letter-spacing:.26em;color:var(--acc);text-shadow:0 0 12px var(--acc)}:root[data-look=arcade] .card[data-state=attract] .pill{animation:blink 1.1s steps(2,start) infinite}:root[data-look=arcade] .over{background:#04040c9e}:root[data-look=arcade] .over-title{font-size:30px;font-weight:700;letter-spacing:.2em;color:var(--acc);text-shadow:0 0 16px var(--acc)}:root[data-look=arcade] .over-score{font-size:68px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}:root[data-look=arcade] .over-best{font-size:13px;opacity:.75}:root[data-look=arcade] .card[data-record=true] .over-best{opacity:1;color:var(--acc)}:root[data-look=arcade] .over-hint{font-size:12px;opacity:.6;margin-top:26px}:root[data-look=arcade] .ctl{background:#0a0a18b3;color:#3df0ff;border:1.5px solid #3DF0FF;box-shadow:0 0 12px #3df0ff73}:root[data-look=arcade] .toast{background:#0a0a18d9;color:#3df0ff;border:1.5px solid #3DF0FF;box-shadow:0 0 12px #3df0ff73;font:700 13px/1.2 var(--tech);letter-spacing:.14em;text-transform:uppercase}:root[data-look=arcade] .swipe-hint{color:#3df0ff;font:700 13px/1.2 var(--tech);letter-spacing:.2em;text-transform:uppercase;text-shadow:0 0 10px #3DF0FF}@keyframes blink{to{visibility:hidden}}@media(prefers-reduced-motion:reduce){:root[data-look=arcade] .card[data-state=attract] .pill,.swipe-hint:before,.hud-score.bump{animation:none}.over-box,.meta{transition:none}}.embed{position:absolute;inset:0;z-index:20;background:var(--card-bg, #000);animation:embed-in .22s cubic-bezier(.2,.9,.3,1)}.embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.embed-veil{position:absolute;inset:0;z-index:1;display:grid;place-content:center;justify-items:center;gap:16px;background:var(--card-bg, #000);transition:opacity .25s ease,visibility .25s}.embed.loaded .embed-veil{opacity:0;visibility:hidden;pointer-events:none}.embed-veil p{margin:0;font:20px/1.2 var(--slab)}.embed.stalled .embed-spinner{display:none}.embed-retry{padding:10px 18px;cursor:pointer;font:inherit}:root[data-look=toy] .embed-retry{font:16px/1.2 var(--slab);color:var(--ink);background:var(--paper);border:3px solid var(--ink);border-radius:999px;box-shadow:0 4px 0 var(--ink)}:root[data-look=arcade] .embed-retry{font:700 13px/1.2 var(--tech);letter-spacing:.14em;text-transform:uppercase;color:#3df0ff;background:transparent;border:1.5px solid #3DF0FF}.embed-spinner{width:34px;height:34px;border-radius:50%;border:4px solid currentColor;border-right-color:transparent;animation:spin .8s linear infinite}.embed-close{position:absolute;z-index:3;top:calc(var(--safe-top) + 8px);left:8px;width:44px;height:44px}.embed-confirm{position:absolute;inset:0;z-index:4;display:grid;place-items:center;padding:24px;background:#140c0680}.embed-confirm-box{display:grid;gap:18px;padding:22px 24px;text-align:center;max-width:320px}.embed-confirm-box p{margin:0}.embed-confirm-actions{display:flex;gap:12px;justify-content:center}.embed-confirm-actions button{padding:10px 16px;cursor:pointer;font:inherit}@keyframes embed-in{0%{opacity:0;transform:scale(.96)}}@keyframes spin{to{transform:rotate(1turn)}}:root[data-look=toy] .embed-veil{color:var(--ink)}:root[data-look=toy] .embed-confirm-box{background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:22px;box-shadow:0 6px 0 var(--ink);font:22px/1.2 var(--slab)}:root[data-look=toy] .embed-confirm-actions button{font:16px/1.2 var(--slab);border:3px solid var(--ink);border-radius:999px;box-shadow:0 4px 0 var(--ink);background:var(--paper);color:var(--ink)}:root[data-look=toy] .embed-confirm-actions .embed-leave{background:var(--cherry);color:var(--paper)}:root[data-look=arcade] .embed-veil{color:#3df0ff}:root[data-look=arcade] .embed-veil p{font:700 16px/1.2 var(--tech);letter-spacing:.2em;text-transform:uppercase}:root[data-look=arcade] .embed-confirm-box{background:#0a0b16;color:#f2f2ff;border:1.5px solid #3DF0FF;box-shadow:0 0 24px #3df0ff4d;font:700 18px/1.2 var(--tech);letter-spacing:.12em;text-transform:uppercase}:root[data-look=arcade] .embed-confirm-actions button{font:700 13px/1.2 var(--tech);letter-spacing:.14em;text-transform:uppercase;background:transparent;color:#3df0ff;border:1.5px solid #3DF0FF}:root[data-look=arcade] .embed-confirm-actions .embed-leave{color:#ff4d6a;border-color:#ff4d6a}@media(prefers-reduced-motion:reduce){.embed,.embed-spinner{animation:none}}.ctl-card{font:18px/1 var(--slab)}:root[data-look=arcade] .ctl-card{font:700 18px/1 var(--tech)}.over-rank{display:block;margin:10px auto 0;padding:7px 14px;border-radius:999px;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.over-rank[hidden]{display:none}.card[data-state=over] .over-rank{pointer-events:auto}.sheet{position:absolute;inset:0;z-index:22;display:flex;align-items:flex-end;background:#00000073;animation:sheet-fade .18s ease}.sheet-panel{width:100%;max-height:86%;display:flex;flex-direction:column;padding:18px 18px calc(var(--safe-bottom) + 22px);animation:sheet-up .24s cubic-bezier(.2,.9,.3,1)}.sheet-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.sheet-title{flex:1;margin:0;font-size:20px;line-height:1.15}.sheet-close{flex:none}.sheet-body{overflow-y:auto;overscroll-behavior:contain}.sheet-tabs{display:flex;gap:8px;margin-bottom:12px}.sheet-tab,.sheet-link,.me-step{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.sheet-tab{flex:1;padding:9px 10px;border-radius:999px}.sheet-link{display:flex;align-items:center;gap:8px;margin:14px auto 0;padding:9px 16px;border-radius:999px}.me-dice{width:20px;height:20px}.sheet-note{list-style:none;padding:18px 4px;text-align:center;opacity:.8}.board-list{list-style:none;margin:0;padding:0}.board-row{display:flex;align-items:baseline;gap:12px;padding:9px 10px;border-radius:12px}.board-place{width:2.2em;text-align:right;font-variant-numeric:tabular-nums;opacity:.75}.board-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-score{font-variant-numeric:tabular-nums}.board-gap{list-style:none;text-align:center;opacity:.6;line-height:1}.me-intro{margin:0;opacity:.8}.me-name{margin:6px 0 12px;font-size:28px;line-height:1.1}.me-steppers{display:grid;gap:8px}.me-stepper{display:flex;align-items:center;gap:10px}.me-word{flex:1;text-align:center}.me-step{width:44px;height:40px;border-radius:12px}.me-bests-title{margin:20px 0 8px;font-size:16px}.me-bests{width:100%;border-collapse:collapse}.me-bests td,.me-bests th{padding:6px 4px;text-align:right;font-variant-numeric:tabular-nums}.me-bests td:first-child,.me-bests th:first-child{text-align:left}.me-bests th{font-size:13px;opacity:.7;font-weight:600}@keyframes sheet-fade{0%{opacity:0}}@keyframes sheet-up{0%{transform:translateY(40px);opacity:0}}:root[data-look=toy] .ctl-card[data-hue="0"]{background:var(--mustard)}:root[data-look=toy] .ctl-card[data-hue="1"]{background:var(--cherry);color:var(--paper)}:root[data-look=toy] .ctl-card[data-hue="2"]{background:var(--teal);color:var(--paper)}:root[data-look=toy] .over-rank{background:var(--mustard);color:var(--ink);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);font:16px/1.1 var(--slab)}:root[data-look=toy] .over-rank:active{translate:0 2px;box-shadow:0 1px 0 var(--ink)}:root[data-look=toy] .sheet-panel{background:var(--paper);color:var(--ink);border-top:3px solid var(--ink);border-radius:26px 26px 0 0;box-shadow:0 -6px #2a1b1240;font-family:var(--grotesk)}:root[data-look=toy] .sheet-title,:root[data-look=toy] .me-name{font-family:var(--slab);font-weight:400}:root[data-look=toy] .sheet-tab,:root[data-look=toy] .sheet-link,:root[data-look=toy] .me-step{background:var(--paper);color:var(--ink);border:3px solid var(--ink);font-weight:700}:root[data-look=toy] .sheet-tab[aria-pressed=true]{background:var(--ink);color:var(--paper)}:root[data-look=toy] .board-row.is-me{background:var(--mustard)}:root[data-look=toy] .board-row{font-weight:600}:root[data-look=toy] .board-score{font:18px/1 var(--slab)}:root[data-look=toy] .me-word{font:18px/1.1 var(--slab)}:root[data-look=arcade] .ctl-card[data-hue="0"]{color:#ffd23d;border-color:#ffd23d;box-shadow:0 0 12px #ffd23d73}:root[data-look=arcade] .ctl-card[data-hue="1"]{color:#ff4fa3;border-color:#ff4fa3;box-shadow:0 0 12px #ff4fa373}:root[data-look=arcade] .over-rank{background:transparent;color:var(--acc);border:1.5px solid var(--acc);box-shadow:0 0 12px var(--acc);font:700 13px/1.1 var(--tech);letter-spacing:.14em;text-transform:uppercase}:root[data-look=arcade] .sheet-panel{background:#0a0a18;color:#f2f2ff;border-top:1.5px solid #3DF0FF;box-shadow:0 -8px 30px #3df0ff2e;font-family:var(--tech)}:root[data-look=arcade] .sheet-title,:root[data-look=arcade] .me-name{font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#3df0ff;text-shadow:0 0 10px rgba(61,240,255,.6)}:root[data-look=arcade] .sheet-tab,:root[data-look=arcade] .sheet-link,:root[data-look=arcade] .me-step{background:transparent;color:#3df0ff;border:1.5px solid #3DF0FF;font-weight:700;letter-spacing:.08em;text-transform:uppercase}:root[data-look=arcade] .sheet-tab[aria-pressed=true]{background:#3df0ff;color:#05060f;box-shadow:0 0 12px #3df0ff99}:root[data-look=arcade] .board-row.is-me{background:#3df0ff24;outline:1px solid #3DF0FF}:root[data-look=arcade] .board-score{color:#ffd23d;font-weight:700}:root[data-look=arcade] .me-word{font-weight:700;letter-spacing:.08em;text-transform:uppercase}@media(prefers-reduced-motion:reduce){.sheet,.sheet-panel{animation:none}}