:root{--bg: #12072e;--ink: #ffffff;--veil: rgba(18, 7, 46, .62);--accent: #5fe9ff;--btn-ink: #2a0f5c;--tg-viewport-height: 100dvh;--tg-viewport-stable-height: 100dvh;--tg-safe-area-inset-top: env(safe-area-inset-top, 0px);--tg-safe-area-inset-right: env(safe-area-inset-right, 0px);--tg-safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--tg-safe-area-inset-left: env(safe-area-inset-left, 0px);--tg-content-safe-area-inset-top: 0px;--tg-content-safe-area-inset-right: 0px;--tg-content-safe-area-inset-bottom: 0px;--tg-content-safe-area-inset-left: 0px;--safe-top: calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top));--safe-right: calc(var(--tg-safe-area-inset-right) + var(--tg-content-safe-area-inset-right));--safe-bottom: calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom));--safe-left: calc(var(--tg-safe-area-inset-left) + var(--tg-content-safe-area-inset-left));color-scheme:dark;box-sizing:border-box;background:var(--bg)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #12072e;--veil: rgba(18, 7, 46, .62)}}:root[data-theme=dark]{--bg: #12072e;--veil: rgba(18, 7, 46, .62)}*,*:before,*:after{box-sizing:inherit}html,body{margin:0;height:100%;background:var(--bg);overflow:hidden;overscroll-behavior:none;color:var(--ink);font-family:Fredoka,ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#stage{position:fixed;inset:0;height:var(--tg-viewport-stable-height, 100dvh);display:flex;align-items:center;justify-content:center;background:var(--bg)}#safeProbe{position:fixed;top:0;left:0;width:0;height:0;visibility:hidden;pointer-events:none;border-style:solid;border-color:transparent;border-width:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}#game{position:relative;height:100%;width:100%;max-width:calc(var(--tg-viewport-stable-height, 100dvh) * .62);margin:0 auto;overflow:hidden;touch-action:none;background:#000;--game-safe-top: var(--safe-top);--game-safe-right: var(--safe-right);--game-safe-bottom: var(--safe-bottom);--game-safe-left: var(--safe-left)}.bg,#gl{position:absolute;inset:0;width:100%;height:100%;display:block}.bg{opacity:0;transition:opacity 1.4s ease}.bg.on{opacity:1}#score{position:absolute;top:calc(18px + var(--game-safe-top));left:var(--game-safe-left);right:var(--game-safe-right);text-align:center;pointer-events:none;font-family:Oswald,Arial Narrow,Impact,sans-serif;font-weight:500;font-size:44px;line-height:1;letter-spacing:.01em;text-shadow:0 2px 0 rgba(0,0,0,.25),0 0 14px rgba(0,0,0,.25)}#score.bump{animation:bump .18s ease-out}@keyframes bump{0%{transform:scale(1.12)}to{transform:scale(1)}}#judge{position:absolute;top:calc(15.5% + var(--game-safe-top));left:var(--game-safe-left);right:var(--game-safe-right);text-align:center;pointer-events:none;font-weight:700;font-size:46px;line-height:1;opacity:0;color:var(--accent);text-shadow:0 0 2px #fff,0 0 1px #fff,0 3px 0 #1b5a86,0 0 22px rgba(80,220,255,.85)}#judge.perfect{color:#ffe78a;text-shadow:0 0 2px #fff,0 3px 0 #9a5a12,0 0 22px rgba(255,210,90,.85)}#judge.show{animation:judge .7s ease-out forwards}@keyframes judge{0%{opacity:0;transform:scale(.6)}15%{opacity:1;transform:scale(1.08)}30%{transform:scale(1)}75%{opacity:1}to{opacity:0;transform:scale(1) translateY(-8px)}}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:calc(var(--tg-viewport-stable-height, 100dvh) * .34 + var(--game-safe-top)) calc(24px + var(--game-safe-right)) calc(24px + var(--game-safe-bottom)) calc(24px + var(--game-safe-left));text-align:center;background:radial-gradient(ellipse 70% 22% at 50% 44%,var(--veil),rgba(0,0,0,0));transition:opacity .35s ease}.screen.hidden{opacity:0;pointer-events:none}.title{font-weight:700;font-size:60px;line-height:1;margin:0 0 14px;text-shadow:0 0 18px rgba(255,255,255,.55),0 4px 0 rgba(40,10,90,.45)}.hint{font-weight:500;font-size:18px;line-height:1.4;margin:0 0 28px;max-width:26ch;opacity:.9}.tap{font-weight:700;font-size:22px;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.35;transform:scale(.96)}}.final{font-family:Oswald,Arial Narrow,Impact,sans-serif;font-weight:500;font-size:96px;line-height:1;margin:0}.best{font-size:20px;margin:6px 0 30px;opacity:.85}button{font:700 22px/1 Fredoka,ui-rounded,system-ui,sans-serif;color:var(--btn-ink);background:#fff;border:0;border-radius:999px;padding:16px 38px;cursor:pointer;box-shadow:0 0 24px #ffffff73}button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.ctrl{position:absolute;top:calc(14px + var(--game-safe-top));left:calc(14px + var(--game-safe-left));z-index:5;font:700 13px/1 Fredoka,ui-rounded,system-ui,sans-serif;letter-spacing:.01em;color:#fff;background:#0a041e80;border:1.5px solid rgba(255,255,255,.35);border-radius:999px;padding:9px 14px;min-width:86px;backdrop-filter:blur(6px);box-shadow:none;transition:background .2s,border-color .2s,color .2s}.ctrl:before{content:"☝ "}.ctrl.on{color:var(--btn-ink);background:var(--accent);border-color:#fff;box-shadow:0 0 18px #5fe9ff8c}.ctrl.on:before{content:"📱 "}@media(prefers-reduced-motion:reduce){.tap{animation:none}#judge.show{animation-duration:.01s;animation-fill-mode:none;opacity:1}.bg{transition:none}}