:root{--ink:#2a1840;--ink-soft:#5b4a75;--paper:#fffdf7;--line:#2a1840;--yellow:#fc3;--yellow-dark:#e6a800;--pink:#ff4d8d;--blue:#3d8bff;--green:#2fbf55;--red:#ff4d5e;--radius:20px;--shadow:0 5px 0 var(--line);--font:"Baloo 2", ui-rounded, "SF Pro Rounded", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#4aa8ff;margin:0;overflow:hidden}button,input{font:inherit;color:inherit}#stage canvas{touch-action:none;display:block;position:fixed;inset:0}.labels{pointer-events:none;inset:0;position:fixed!important}#ui,#overlay{pointer-events:none;position:fixed;inset:0}#ui>*,#overlay>*{pointer-events:auto}.card{background:var(--paper);border:3px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px}.card h2,.card h3{margin:0;line-height:1.1}.card h2{font-size:24px;font-weight:800}.card h3{margin-bottom:8px;font-size:19px;font-weight:800}.btn{appearance:none;border:3px solid var(--line);background:var(--paper);box-shadow:0 4px 0 var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:14px;padding:8px 18px;font-size:17px;font-weight:800;transition:transform 60ms,box-shadow 60ms,background .15s}.btn:hover:not(:disabled){box-shadow:0 5px 0 var(--line);transform:translateY(-1px)}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--line);transform:translateY(3px)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn.primary{background:var(--yellow)}.btn.primary:hover:not(:disabled){background:#ffd659}.btn.secondary{background:#bfe0ff}.btn.ghost{box-shadow:none;color:var(--ink-soft);text-underline-offset:3px;background:0 0;border-color:#0000;text-decoration:underline}.btn.ghost:hover:not(:disabled),.btn.ghost:active:not(:disabled){box-shadow:none;color:var(--ink);transform:none}.btn.ghost.small{box-shadow:none}.btn.big{width:100%;padding:12px 18px;font-size:21px}.btn.small{box-shadow:0 3px 0 var(--line);border-width:2px;border-radius:10px;padding:4px 12px;font-size:14px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--pink);font-size:13px;font-weight:800}.dot{background:var(--c);border:2.5px solid var(--line);border-radius:50%;flex:none;width:16px;height:16px}.shake{animation:.35s shake}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.logo{letter-spacing:-.01em;pointer-events:none;white-space:nowrap;margin:0;font-size:clamp(44px,7vw,92px);font-weight:800;line-height:1;position:fixed;top:28px;left:36px}.logo span{color:var(--c);-webkit-text-stroke:.09em var(--line);paint-order:stroke fill;text-shadow:0 .07em 0 var(--line);animation:2.4s ease-in-out infinite bob;animation-delay:calc(var(--i) * -.18s);display:inline-block}.logo .sp{width:.3em}@keyframes bob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-.12em)rotate(3deg)}}.panel{scrollbar-width:thin;flex-direction:column;gap:14px;width:390px;padding:2px 2px 8px;display:flex;position:fixed;top:20px;bottom:20px;right:20px;overflow-y:auto}.home .panel{justify-content:center}.home-card{flex-direction:column;gap:14px;padding:22px;display:flex}.field{flex-direction:column;gap:4px;font-weight:700;display:flex}.field span{color:var(--ink-soft);font-size:15px}input{border:3px solid var(--line);background:#fff;border-radius:12px;outline:none;min-width:0;padding:10px 14px;font-size:20px;font-weight:700}input:focus{box-shadow:0 0 0 4px #fc38}.divider{color:var(--ink-soft);align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.divider:before,.divider:after{content:"";background:#e6dfef;border-radius:2px;flex:1;height:3px}.join-row{gap:10px;display:flex}.code-input{text-transform:uppercase;letter-spacing:.3em;text-align:center;flex:1;font-size:24px}.fineprint{text-align:center;letter-spacing:.01em;color:#fff;-webkit-text-stroke:4px var(--line);paint-order:stroke fill;text-shadow:0 2px 0 var(--line);margin:0;font-size:17px;font-weight:800}.card-head{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.count{color:var(--ink-soft);font-weight:800}.lock-note{color:var(--ink-soft);margin:8px 0 0;font-size:13px;font-weight:700}.player-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.player{background:#f4effa;border-radius:12px;align-items:center;gap:10px;padding:6px 10px;font-weight:700;display:flex}.player.me{background:color-mix(in srgb, var(--c) 22%, white)}.player.offline{opacity:.55}.pname{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pname em{color:var(--ink-soft);font-style:normal;font-weight:600}.coins{color:var(--ink-soft);white-space:nowrap;font-size:14px}.state{border:2px solid var(--line);white-space:nowrap;border-radius:999px;padding:1px 9px;font-size:13px;font-weight:800}.state.ready{background:#7ef09a}.state.waiting{color:var(--ink-soft);background:#fff}.state.host{background:var(--yellow)}.state.offline{background:#ddd}.swatches{grid-template-columns:repeat(8,1fr);gap:8px;display:grid}.swatch{aspect-ratio:1;border:3px solid var(--line);background:var(--c);cursor:pointer;box-shadow:0 3px 0 var(--line);border-radius:50%;padding:0;transition:transform .1s}.swatch:hover:not(:disabled){transform:scale(1.1)}.swatch.selected{outline:4px solid var(--c);outline-offset:3px;transform:scale(1.08)}.swatch:disabled:not(.selected){opacity:.25;cursor:not-allowed;box-shadow:none}.picker{flex-wrap:wrap;gap:6px;margin:6px 0 10px;display:flex}.pick{border:2.5px solid var(--line);cursor:pointer;background:#f4effa;border-radius:999px;padding:2px 12px;font-size:14px;font-weight:800}.pick.selected{background:var(--yellow);box-shadow:0 3px 0 var(--line)}.pick.played:after{content:" ✓";color:var(--green)}.pick.spin{background:var(--pink);color:#fff;box-shadow:0 3px 0 var(--line)}.pick:disabled{cursor:default;opacity:.55}.game-tabs{background:#f4effa;border-radius:14px;gap:6px;margin:6px 0 8px;padding:4px;display:flex}.game-tab{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;padding:5px 8px;font-size:15px;font-weight:800}.game-tab.selected{background:var(--paper);color:var(--ink);box-shadow:0 0 0 2.5px var(--line), 0 3px 0 2.5px var(--line)}.tab-count{background:var(--pink);color:#fff;border-radius:999px;min-width:22px;padding:0 6px;font-size:12px;line-height:18px;display:inline-block}.user-games{flex-direction:column;gap:6px;max-height:210px;margin-bottom:8px;padding:2px;display:flex;overflow-y:auto}.user-game{text-align:left;border:2.5px solid var(--line);background:#f4effa;border-radius:14px;align-items:center;gap:10px;width:100%;padding:6px 10px;display:flex}button.user-game{cursor:pointer}.user-game.selected{box-shadow:0 3px 0 var(--line);background:#fff1b8}.ug-dot{background:var(--c);border:2.5px solid var(--line);border-radius:50%;flex:none;width:14px;height:14px}.ug-text{flex-direction:column;min-width:0;display:flex}.ug-text b{font-size:16px;line-height:1.2}.ug-text small{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:1.25;overflow:hidden}.user-empty,.user-note{color:var(--ink-soft);margin:4px 0 8px;font-size:15px;font-weight:600}.user-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.guide-links{color:var(--ink-soft);font-size:14px;font-weight:700}.guide-links a{color:inherit;text-underline-offset:3px}.made-by{color:var(--ink-soft);margin:-6px 0 4px;font-size:14px;font-weight:700}.upload-overlay{z-index:50;background:#2a184066;place-items:center;padding:16px;animation:.25s both fade;display:grid;position:fixed;inset:0}.upload-card{width:min(440px,100%);padding:20px 22px;animation:.4s cubic-bezier(.2,1.4,.4,1) both pop}.upload-card h2{overflow-wrap:anywhere;margin-bottom:12px;font-size:24px}.upload-steps{flex-direction:column;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.upload-step{color:var(--ink-soft);grid-template-columns:26px 1fr;align-items:center;column-gap:8px;font-weight:700;display:grid}.upload-step[data-state]{color:var(--ink)}.step-icon{border:2.5px solid #c9bedb;border-radius:50%;width:22px;height:22px}.upload-step[data-state=running] .step-icon{border-color:var(--pink) var(--pink) var(--pink) transparent;animation:.8s linear infinite spin}.upload-step[data-state=ok] .step-icon,.upload-step[data-state=failed] .step-icon{border-color:var(--line);color:#fff;place-items:center;font-size:13px;font-weight:800;display:grid}.upload-step[data-state=ok] .step-icon{background:var(--green)}.upload-step[data-state=ok] .step-icon:after{content:"✓"}.upload-step[data-state=failed] .step-icon{background:var(--red)}.upload-step[data-state=failed] .step-icon:after{content:"✕"}.step-detail{color:var(--ink-soft);grid-column:2;font-size:13px;font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}.upload-queued{color:var(--ink-soft);margin:0 0 10px;font-weight:600}.upload-result{border:2.5px solid var(--line);overflow-wrap:anywhere;border-radius:14px;margin:0 0 12px;padding:10px 12px;font-weight:600}.upload-result.ok{background:#d9f7de}.upload-result.bad{background:#ffe1e4}.upload-result ul{white-space:pre-line;margin:6px 0 0;padding-left:20px}.upload-actions{justify-content:flex-end;gap:8px;display:flex}.minigame-card .tagline{margin:0 0 6px;font-weight:600}.rules{color:var(--ink-soft);margin:0 0 8px;padding-left:20px;font-size:15px;line-height:1.35}.controls{background:#f4effa;border-radius:10px;margin:0;padding:6px 10px;font-size:14px;font-weight:700}.actions{background:var(--paper);border:3px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:4px;margin-top:auto;margin-bottom:5px;padding:12px 12px 4px;display:flex;position:sticky;bottom:0}.status-note{text-align:center;background:var(--paper);border:3px solid var(--line);border-radius:14px;width:100%;padding:10px;font-weight:800}.room-badge{background:var(--paper);border:3px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;align-items:flex-start;gap:2px;padding:10px 16px 14px;display:flex;position:fixed;top:20px;left:20px}.room-label{text-transform:uppercase;letter-spacing:.08em;color:var(--pink);font-size:13px;font-weight:800}.room-code{letter-spacing:.12em;-webkit-user-select:all;user-select:all;margin-bottom:6px;font-size:48px;font-weight:800;line-height:1}.nametag{border:2.5px solid var(--c);color:var(--ink);font-family:var(--font);white-space:nowrap;background:#fff;border-radius:999px;padding:1px 10px;font-size:15px;font-weight:800;line-height:1.2;box-shadow:0 3px #2a184044}.nametag.me{background:var(--c);color:#fff;border-color:var(--line);text-shadow:0 1px #2a184088}.nametag b{font-weight:800}.nametag.offline{opacity:.6}.nametag .tick{color:var(--green)}.nametag.me .tick{color:#fff}.screen.message{place-items:center;padding:20px;display:grid;position:fixed;inset:0}.message-card{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:420px;display:flex}.message-card p{color:var(--ink-soft);margin:0;font-weight:600}.hud{position:fixed;inset:0;pointer-events:none!important}.hud,.touch-controls,.swipe-zone{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.hud-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;top:14px;left:14px;right:14px}.hud-chips{flex-wrap:wrap;gap:6px;max-width:60%;display:flex}.chip{background:var(--paper);border:2.5px solid var(--line);box-shadow:0 3px 0 var(--line);border-radius:999px;align-items:center;gap:6px;padding:2px 10px 2px 4px;font-size:14px;font-weight:800;transition:opacity .3s,transform .3s;display:flex}.chip-dot{background:var(--c);border:2px solid var(--line);border-radius:50%;width:18px;height:18px}.chip.me{background:color-mix(in srgb, var(--c) 30%, white)}.chip.out{opacity:.45;transform:scale(.92)}.chip.out .chip-name{text-decoration:line-through;text-decoration-thickness:3px}.hud-timer{background:var(--paper);border:3px solid var(--line);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;align-items:center;min-width:110px;padding:2px 16px 4px;animation:.45s cubic-bezier(.2,1.6,.4,1) both pop;display:flex}.hud-timer-label{text-transform:uppercase;letter-spacing:.08em;color:var(--pink);white-space:nowrap;font-size:12px;font-weight:800}.hud-timer-value{font-variant-numeric:tabular-nums;font-size:34px;font-weight:800;line-height:1}.hud-timer.urgent{background:#ffd0d6;animation:.5s ease-in-out infinite alternate pulse}@keyframes pulse{to{transform:scale(1.08)}}.hud-banner{background:var(--paper);border:3px solid var(--line);box-shadow:0 4px 0 var(--line);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:calc(100vw - 28px);padding:4px 18px;font-size:17px;font-weight:800;position:absolute;top:92px;left:50%;overflow:hidden;transform:translate(-50%)}.hud-banner.warn{background:repeating-linear-gradient(-45deg,#fc3 0 14px,#ffe27a 14px 28px);animation:.5s steps(2,end) infinite blink}@keyframes blink{50%{color:#fff;background:#ff6b7a}}.hud-center{place-items:center;display:grid;position:absolute;inset:0}.pop{color:#fff;-webkit-text-stroke:.08em var(--line);paint-order:stroke fill;text-shadow:0 .06em 0 var(--line);font-size:clamp(72px,16vw,170px);font-weight:800;line-height:1;animation:.45s cubic-bezier(.2,1.6,.4,1) both pop}.pop.count{color:var(--yellow)}.pop.go{color:#7ef09a}.pop.bad{color:var(--red);font-size:clamp(56px,11vw,120px)}.pop.big{color:var(--yellow)}@keyframes pop{0%{opacity:0;transform:scale(.2)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(0)}}.hud-bottom{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.hud-hint{color:#fff;white-space:nowrap;background:#2a1840cc;border-radius:999px;padding:3px 14px;font-size:14px;font-weight:700}.dash-meter{border:3px solid var(--line);background:var(--paper);width:160px;height:26px;box-shadow:0 3px 0 var(--line);border-radius:999px;position:relative;overflow:hidden}.dash-fill{transform-origin:0;background:#9fc8ff;position:absolute;inset:0}.dash-meter.ready .dash-fill{background:#7ef09a}.dash-meter span{text-align:center;letter-spacing:.1em;font-size:14px;font-weight:800;line-height:20px;display:block;position:relative}.race-top{align-items:flex-start;gap:12px;display:flex;position:absolute;top:14px;left:14px;right:14px}.race-progress{background:var(--paper);border:3px solid var(--line);max-width:560px;height:36px;box-shadow:0 4px 0 var(--line);border-radius:999px;flex:1;position:relative}.race-track{background:#e6dfef;border-radius:3px;height:5px;margin-top:-2.5px;position:absolute;top:50%;left:20px;right:40px}.race-flag{font-size:18px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.race-dot{background:var(--c);border:2.5px solid var(--line);border-radius:50%;width:16px;height:16px;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.race-dot.me{z-index:2;width:22px;height:22px;box-shadow:0 0 0 3px #fff}.race-dot.done{opacity:.7}.race-place{background:var(--paper);border:3px solid var(--line);box-shadow:var(--shadow);border-radius:16px;align-items:baseline;gap:2px;margin-left:auto;padding:0 14px 2px;display:flex}.race-place-value{font-size:34px;font-weight:800;line-height:1.1}.race-place-of{color:var(--ink-soft);font-size:15px;font-weight:700}.climb-top{justify-content:center;display:flex;position:absolute;top:14px;left:14px;right:14px}.climb-top .race-place{position:absolute;top:0;right:0}.climb-tower{background:var(--paper);border:3px solid var(--line);width:36px;box-shadow:0 4px 0 var(--line);border-radius:999px;position:absolute;top:92px;bottom:96px;right:14px}.climb-star{font-size:18px;line-height:1;position:absolute;top:4px;left:50%;transform:translate(-50%)}.climb-track{background:linear-gradient(#2a1840,#a98bff 45%,#58b0ff 75%,#7fd66b);border-radius:3px;width:5px;margin-left:-2.5px;position:absolute;top:32px;bottom:14px;left:50%}.climb-dot{background:var(--c);border:2.5px solid var(--line);border-radius:50%;width:16px;height:16px;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.climb-dot.me{z-index:2;width:22px;height:22px;box-shadow:0 0 0 3px #fff}.climb-dot.done{opacity:.7}.hud-banner.section{white-space:normal;text-align:center;border-radius:18px;width:max-content;max-width:min(480px,100vw - 28px);padding:4px 18px 6px}.hud-banner.section b{color:var(--pink);font-size:22px;display:block}.mash-bubble{background:var(--yellow);border:3px solid var(--line);font-family:var(--font);color:var(--ink);box-shadow:0 3px 0 var(--line);white-space:nowrap;border-radius:999px;padding:0 12px;font-size:18px;font-weight:800;animation:.25s ease-in-out infinite alternate pulse;display:block}.tap-zone{pointer-events:auto;touch-action:none;background:0 0;border:0;width:50%;padding:0;position:absolute;top:15%;bottom:0}.tap-zone.left{left:0}.tap-zone.right{right:0}.tap-zone span{bottom:max(32px, env(safe-area-inset-bottom));border:4px solid var(--line);width:84px;height:84px;box-shadow:0 5px 0 var(--line);color:var(--ink);background:#fffdf7dd;border-radius:50%;place-items:center;font-size:32px;display:grid;position:absolute}.tap-zone.left span{left:max(20px, env(safe-area-inset-left))}.tap-zone.right span{right:max(20px, env(safe-area-inset-right))}.tap-zone.pressed span{background:var(--yellow);box-shadow:0 1px 0 var(--line);transform:translateY(4px)}.flag-round{background:var(--paper);border:3px solid var(--line);box-shadow:0 3px 0 var(--line);white-space:nowrap;border-radius:999px;padding:2px 14px;font-size:16px;font-weight:800}.flag-call{background:var(--paper);border:4px solid var(--line);width:max-content;box-shadow:0 5px 0 var(--line);border-radius:22px;grid-template-columns:auto auto;align-items:center;column-gap:12px;margin-top:-60px;padding:8px 22px 10px 10px;display:grid;position:absolute;top:50%;left:24px}.flag-call.fresh{animation:.45s cubic-bezier(.2,1.6,.4,1) both pop}.flag-swatch{background:var(--c);border:3px solid var(--line);color:#fff;-webkit-text-stroke:2px var(--line);paint-order:stroke fill;border-radius:14px;place-items:center;width:58px;height:58px;font-size:34px;line-height:1;display:grid}.flag-name{color:var(--c);-webkit-text-stroke:.12em var(--line);paint-order:stroke fill;font-size:40px;font-weight:800;line-height:1}.flag-bar{border:2.5px solid var(--line);background:#e6dfef;border-radius:999px;grid-column:1/-1;height:10px;margin-top:8px;overflow:hidden}.flag-bar i{background:var(--c);transform-origin:0;height:100%;display:block}.flag-call.sinking .flag-name{animation:.4s steps(2,end) infinite flag-flash}@keyframes flag-flash{50%{opacity:.35}}.chip-score{background:var(--yellow);border:2px solid var(--line);text-align:center;border-radius:999px;min-width:18px;margin-left:2px;padding:0 6px;font-size:13px}.count-intro,.count-result{background:var(--paper);border:4px solid var(--line);width:max-content;max-width:calc(100vw - 28px);box-shadow:0 6px 0 var(--line);text-align:center;border-radius:24px;flex-direction:column;align-items:center;margin:0 auto;padding:10px 26px 12px;animation:.45s cubic-bezier(.2,1.6,.4,1) both pop;display:flex;position:absolute;left:0;right:0}.count-intro{top:30%}.count-intro-round{color:var(--pink);text-transform:uppercase;letter-spacing:.08em;font-size:18px;font-weight:800}.count-intro-hint{font-size:clamp(28px,5vw,46px);font-weight:800;line-height:1.1}.count-result{top:72px}.count-result-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-size:14px;font-weight:800}.count-result-value{color:var(--yellow);-webkit-text-stroke:.08em var(--line);paint-order:stroke fill;font-size:64px;font-weight:800;line-height:1}.count-result-you{font-size:18px;font-weight:800}.count-result-you:empty{display:none}.count-result.good .count-result-you{color:var(--green)}.count-ask{background:var(--paper);border:4px solid var(--line);width:min(460px,100vw - 28px);box-shadow:0 6px 0 var(--line);pointer-events:auto;border-radius:24px;flex-direction:column;align-items:center;gap:10px;margin:-130px auto 0;padding:14px 18px 16px;animation:.45s cubic-bezier(.2,1.6,.4,1) both pop;display:flex;position:absolute;top:50%;left:0;right:0}.count-question{text-align:center;font-size:24px;font-weight:800;line-height:1.2}.count-color{color:var(--c);-webkit-text-stroke:.1em var(--line);paint-order:stroke fill}.count-picker{align-items:center;gap:18px;display:flex}.count-btn{border:4px solid var(--line);background:var(--yellow);width:64px;height:64px;box-shadow:0 4px 0 var(--line);cursor:pointer;touch-action:manipulation;border-radius:50%;padding:0;font-size:34px;font-weight:800;line-height:1}.count-btn:active{box-shadow:0 1px 0 var(--line);transform:translateY(3px)}.count-value{text-align:center;font-variant-numeric:tabular-nums;min-width:90px;font-size:72px;font-weight:800;line-height:1}.count-value.bump{animation:.2s ease-out pop}.count-lock{min-width:180px}.count-ask.locked .count-btn,.count-ask.locked .count-lock{opacity:.5;pointer-events:none}.count-bar{border:2.5px solid var(--line);background:#e6dfef;border-radius:999px;width:100%;height:10px;overflow:hidden}.count-bar i{background:var(--pink);transform-origin:0;height:100%;display:block}.count-tag{background:var(--yellow);border:3px solid var(--line);min-width:34px;box-shadow:0 3px 0 var(--line);font-family:var(--font);text-align:center;color:var(--ink);border-radius:999px;padding:0 8px;font-size:20px;font-weight:800}.count-watcher{flex-direction:column;align-items:center;gap:4px;display:flex}.count-bubble{border:3px solid var(--line);font-family:var(--font);color:var(--ink);background:#fff;border-radius:14px;padding:0 10px;font-size:20px;font-weight:800}.count-bubble.exact{background:#7ef09a}.count-bubble.close{background:var(--yellow)}.count-bubble.wrong{background:#ffc2c8}.swipe-zone{pointer-events:auto;touch-action:none;position:fixed;inset:0}.stack-meter .climb-track{background:linear-gradient(#ff5c6c,#ffd447 40%,#6fd14f 70%,#e0a55c)}.stack-float{font-family:var(--font);white-space:nowrap;color:#fff;-webkit-text-stroke:5px var(--line);paint-order:stroke fill;pointer-events:none;font-size:26px;font-weight:800}.stack-float.great{color:var(--yellow);font-size:32px}.stack-float.bad{color:var(--red)}.rope-meter{width:200px;height:104px;margin-left:-100px;position:absolute;bottom:54px;left:50%;overflow:hidden}.rope-arc{border:4px solid var(--line);background:radial-gradient(circle at 50% 50%, var(--paper) 0 56%, transparent 57%), conic-gradient(from -90deg, #ff4d5e 0 14deg, #fc3 14deg 46deg, #7ef09a 46deg 134deg, #fc3 134deg 166deg, #ff4d5e 166deg 180deg, transparent 180deg);width:200px;height:200px;box-shadow:0 4px 0 var(--line);border-radius:50%;position:absolute;top:0;left:0}.rope-needle{background:var(--line);transform-origin:50% 100%;border-radius:4px;width:8px;height:84px;margin-left:-4px;position:absolute;bottom:4px;left:50%}.rope-needle:after{content:"";background:var(--line);border-radius:50%;width:22px;height:22px;margin-left:-11px;position:absolute;bottom:-9px;left:50%}.rope-meter.danger .rope-arc{animation:.25s ease-in-out infinite alternate pulse}.touch-controls{position:fixed;inset:0;pointer-events:none!important}.touch-zone{pointer-events:auto;touch-action:none;width:60%;height:75%;position:absolute;bottom:0;left:0}.stick-base{pointer-events:none;width:0;height:0;position:fixed;top:0;left:0}.stick-base:before{content:"";background:#fff5;border:3px solid #fffc;border-radius:50%;width:128px;height:128px;position:absolute;top:-64px;left:-64px}.stick-knob{background:var(--paper);border:3px solid var(--line);width:60px;height:60px;box-shadow:0 3px 0 var(--line);border-radius:50%;position:absolute;top:0;left:0}.dash-btn{--cd:1;right:max(24px, env(safe-area-inset-right));bottom:max(40px, env(safe-area-inset-bottom));border:4px solid var(--line);background:conic-gradient(#7ef09a calc(var(--cd) * 360deg), #c9c2d6 0);width:104px;height:104px;box-shadow:0 6px 0 var(--line);pointer-events:auto;touch-action:none;border-radius:50%;padding:0;font-size:20px;font-weight:800;position:absolute}.dash-btn span{background:var(--paper);border-radius:50%;place-items:center;display:grid;position:absolute;inset:10px}.dash-btn.ready span{background:var(--yellow)}.dash-btn.pressed{box-shadow:0 2px 0 var(--line);transform:translateY(4px)}.results-overlay{background:#2a184066;place-items:center;padding:16px;animation:.3s both fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.results-card{text-align:center;width:min(440px,100%);padding:20px 22px;animation:.45s cubic-bezier(.2,1.4,.4,1) both pop}.results-card h2{margin-bottom:12px;font-size:36px}.result-list{text-align:left;flex-direction:column;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.result{animation:.4s cubic-bezier(.2,1.3,.4,1) both slide-in;animation-delay:calc(.3s + var(--i) * .12s);background:#f4effa;border:2.5px solid #0000;border-radius:14px;align-items:center;gap:10px;padding:8px 12px;font-size:18px;font-weight:800;display:flex}.result.place-1{border-color:var(--line);background:#fff1b8;font-size:21px}.result.me{box-shadow:0 0 0 3px var(--c)}.medal{text-align:center;width:38px;font-size:24px}.rname{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.rname em{color:var(--ink-soft);font-style:normal;font-weight:600}.earned{color:#a86b00}.results-foot{color:var(--ink-soft);font-weight:700}@keyframes slide-in{0%{opacity:0;transform:translate(-30px)}}.results-save{color:#a86b00;margin:-2px 0 12px;font-weight:800}.save-note{color:var(--ink-soft);font-size:14px;font-weight:700}.home-chips{align-items:center;gap:8px;display:flex}.games-chip,.account-chip{border:3px solid var(--line);background:var(--paper);box-shadow:0 3px 0 var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:3px 14px;font-size:16px;font-weight:800;transition:transform 60ms,box-shadow 60ms;display:inline-flex}.account-chip{margin-left:auto}.games-chip:hover,.account-chip:hover{box-shadow:0 4px 0 var(--line);transform:translateY(-1px)}.games-chip:active,.account-chip:active{box-shadow:0 1px 0 var(--line);transform:translateY(2px)}.chip-sign{color:var(--blue)}.chip-sep{color:var(--ink-soft)}.account-overlay,.modal-overlay{z-index:50;background:#2a184066;place-items:center;padding:16px;animation:.25s both fade;display:grid;position:fixed;inset:0}.account-card,.modal-card{text-align:center;flex-direction:column;align-items:center;gap:10px;width:min(400px,100%);padding:20px 22px;animation:.4s cubic-bezier(.2,1.4,.4,1) both pop;display:flex;position:relative}.account-card p,.modal-card p{color:var(--ink-soft);margin:0;font-weight:600}.modal-card h2{font-size:24px}.modal-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.account-card p b{color:var(--ink);overflow-wrap:anywhere}.account-card .wallet-total{margin:-4px 0 0;font-size:44px}.account-card .spend{font-size:14px}.google-button{place-items:center;min-height:44px;display:grid}.google-button .loading{color:var(--ink-soft);font-weight:700}.account-foot{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;margin-top:4px;font-size:14px;font-weight:700;display:flex}.account-foot a{color:var(--ink-soft)}.close-x{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:4px;font-size:20px;font-weight:800;position:absolute;top:8px;right:10px}.linkish{font:inherit;color:var(--blue);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;font-weight:800;text-decoration:underline}.linkish.danger{color:#c0392b}.library-overlay{z-index:45;background:#2a184066;place-items:center;padding:16px;animation:.25s both fade;display:grid;position:fixed;inset:0}.library-card{flex-direction:column;width:min(560px,100%);height:min(720px,100dvh - 32px);padding:18px 20px 14px;animation:.4s cubic-bezier(.2,1.4,.4,1) both pop;display:flex;position:relative}.lib-head .game-tabs{margin:8px 0 10px}.lib-body{scrollbar-width:thin;flex-direction:column;flex:1;gap:10px;min-height:0;padding:2px 2px 4px;display:flex;overflow-y:auto}.lib-search{flex:none;width:100%;padding:8px 14px;font-size:17px}.lib-list{flex-direction:column;gap:6px;display:flex}.lib-row{text-align:left;border:2.5px solid var(--line);cursor:pointer;background:#f4effa;border-radius:14px;align-items:center;gap:10px;width:100%;padding:8px 12px;transition:background .12s;display:flex}.lib-row:hover,.lib-row:focus-visible{background:#fff1b8}.lib-row .ug-text{flex:1}.yours{border:2px solid var(--line);background:var(--green);color:#fff;border-radius:999px;flex:none;margin-left:auto;padding:0 8px;font-size:12px;font-weight:800;line-height:18px}.lib-empty{text-align:center;color:var(--ink-soft);margin:18px 8px;font-weight:600}.lib-empty p{margin:6px 0}.lib-empty a{color:var(--blue);font-weight:800}.lib-foot{border-top:3px solid #e6dfef;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px;display:flex}.lib-note{width:100%;color:var(--ink-soft);margin:0;font-size:14px;font-weight:600}.lib-name{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.lib-name label,.lib-edit label{color:var(--ink-soft);flex-direction:column;gap:4px;font-size:14px;font-weight:700;display:flex}.lib-name input,.lib-edit input{padding:7px 12px;font-size:17px}.lib-back{font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:2px 0;font-weight:800}.lib-back:hover{color:var(--ink)}.lib-game h2{overflow-wrap:anywhere;align-items:center;gap:10px;font-size:30px;display:flex}.lib-game h2 .ug-dot{width:20px;height:20px}.lib-meta{color:var(--ink-soft);margin:4px 0 0;font-size:14px;font-weight:600}.lib-meta b{color:var(--ink)}.lib-game .tagline{margin:12px 0 8px;font-size:18px;font-weight:700}.lib-game .controls{line-height:1.5}.lib-play{margin:14px 0 4px}.lib-play .btn{width:100%;font-size:19px}.lib-owner{border-top:3px solid #e6dfef;flex-direction:column;align-items:flex-start;gap:10px;margin-top:14px;padding-top:12px;display:flex}.lib-owner-head{letter-spacing:.08em;text-transform:uppercase;color:var(--green);font-size:13px;font-weight:800}.lib-actions{flex-wrap:wrap;gap:8px;display:flex}.btn.danger{background:#ffd6db}.kit-key{background:#f4effa;border-radius:14px;flex-direction:column;align-items:flex-start;gap:8px;width:100%;padding:10px 12px;display:flex}.kit-key p{margin:0;font-weight:600}.kit-command{background:var(--ink);color:#fff;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:10px;width:100%;padding:8px 10px;font:600 13px/1.4 ui-monospace,SF Mono,Menlo,monospace;display:block}.lib-edit{border-top:3px solid #e6dfef;flex-direction:column;gap:10px;width:100%;margin-top:14px;padding-top:12px;display:flex}.user-foot .guide-links{gap:12px;display:flex}#toasts{z-index:20;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 32px);display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.toast{background:var(--paper);border:3px solid var(--line);box-shadow:0 4px 0 var(--line);border-radius:14px;padding:8px 16px;font-weight:800;transition:opacity .4s,transform .4s;animation:.3s cubic-bezier(.2,1.4,.4,1) both pop}.toast.error{background:#ffd6db}.toast.leaving{opacity:0;transform:translateY(-10px)}#mute{z-index:15;border:3px solid var(--line);background:var(--paper);width:44px;height:44px;box-shadow:0 3px 0 var(--line);cursor:pointer;border-radius:50%;padding:0;font-size:20px;position:fixed;bottom:14px;left:14px}body:has(.tap-controls) #mute{top:14px;bottom:auto}body:has(.tap-controls) .race-top{left:70px}#netstatus{z-index:25;background:var(--ink);color:#fff;border-radius:999px;padding:6px 18px;font-weight:800;position:fixed;top:16px;left:50%;transform:translate(-50%)}@media (width<=899px){.logo{left:0;right:0;top:max(18px, env(safe-area-inset-top));text-align:center;font-size:clamp(40px,12vw,72px)}.panel{width:auto;max-height:56vh;padding:12px 12px max(12px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);border-top:3px solid var(--line);background:#fff5;border-radius:24px 24px 0 0;gap:10px;inset:auto 0 0}.library-overlay{place-items:end stretch;padding:0}.library-card{width:100%;height:min(92dvh,760px);padding:14px 14px max(12px, env(safe-area-inset-bottom));border-bottom:none;border-radius:24px 24px 0 0;animation:.3s cubic-bezier(.2,1,.4,1) both rise}.lib-game h2{font-size:26px}.lib-tabs .game-tab{white-space:nowrap;padding:5px 4px;font-size:14px}.home .panel{-webkit-backdrop-filter:none;background:0 0;border-top:none;max-height:none}.lobby .minigame-card .rules{display:none}.user-games{max-height:150px}.actions{border:none;border-top:3px solid var(--line);box-shadow:none;padding:10px 12px max(8px, env(safe-area-inset-bottom));border-radius:0;margin:0 -12px -12px;bottom:-12px}.nametag.in-game{border-width:2px;padding:0 6px;font-size:11px}.race-top{gap:8px;top:10px;left:10px;right:10px}.race-progress{height:30px}.race-place-value{font-size:26px}.climb-top{top:10px;left:10px;right:10px}.climb-tower{width:30px;top:70px;bottom:140px;right:10px}.hud-banner.section{max-width:calc(100vw - 70px);font-size:14px;top:70px;bottom:auto}.hud-banner.section b{font-size:18px}.mash-bubble{font-size:15px}.flag-round{padding:1px 10px;font-size:13px}.flag-call{column-gap:8px;margin:0 auto;padding:6px 16px 8px 8px;top:58px;left:0;right:0}.flag-swatch{width:44px;height:44px;font-size:26px}.flag-name{font-size:30px}.count-question{font-size:19px}.count-value{font-size:56px}.count-result{padding:6px 18px 8px;top:120px}.count-result-value{font-size:48px}.count-bubble,.count-tag{font-size:15px}body:has(.tap-controls) .hud-bottom{bottom:max(140px, calc(env(safe-area-inset-bottom) + 120px))}body:has(.tap-controls) #mute{top:10px;bottom:auto}body:has(.tap-controls) .race-top{left:64px}.rope-meter{transform-origin:50% 0;top:58px;bottom:auto;transform:scale(.6)}.hud-chips.many .chip-name{display:none}.hud-chips.many .chip{padding:2px}.results-card{max-height:100%;padding:14px;overflow-y:auto}.results-card h2{margin-bottom:8px;font-size:28px}.result-list{gap:5px}.result{padding:4px 10px;font-size:16px}.result.place-1{font-size:18px}.medal{width:32px;font-size:19px}.nametag{padding:0 8px;font-size:13px}.room-badge{top:max(12px, env(safe-area-inset-top));flex-direction:row;align-items:center;gap:12px;padding:8px 12px;left:12px;right:12px}.room-label{display:none}.room-code{flex:1;margin:0;font-size:34px}.hud-top{top:10px;left:10px;right:10px}.hud-chips{max-width:62%}.chip{padding:1px 8px 1px 3px;font-size:12px}.chip-dot{width:14px;height:14px}.hud-timer{min-width:84px;padding:2px 10px 3px}.hud-timer-label{font-size:10px}.hud-timer-value{font-size:26px}.hud-banner{font-size:14px;top:auto;bottom:160px}.hud-bottom{bottom:max(10px, env(safe-area-inset-bottom))}.hud-hint{font-size:12px}#mute{width:38px;height:38px;font-size:17px;top:auto}body:has(.lobby) #mute{top:76px;bottom:auto}body:has(.home) #mute{top:100px;bottom:auto}}@media (width<=899px) and (orientation:landscape){body:has(.tap-controls) .hud-bottom{bottom:max(10px, env(safe-area-inset-bottom))}body:has(.tap-controls) .hud-banner{bottom:max(44px, calc(env(safe-area-inset-bottom) + 34px))}}@keyframes rise{0%{opacity:0;transform:translateY(40%)}}
