:root{font-family:Arial,Helvetica,sans-serif;color:#f5f3e8;background:#10191d;font-synthesis:none;-webkit-font-smoothing:antialiased;--cream:#f5f3e8;--lime:#b8ff67}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{overscroll-behavior:none;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline:2px solid var(--lime);outline-offset:7px}button:disabled{opacity:.4;cursor:wait}[hidden]{display:none!important}.arcade{height:100svh;min-height:100%;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 45%,#1b2a2e 0,#10191d 58%)}.game-shell{position:relative;width:min(100vw,calc(100svh * 420 / 720),480px);aspect-ratio:420/720;isolation:isolate;container-type:inline-size}.play-area{position:relative;width:100%;aspect-ratio:420/720;overflow:hidden;background:#10191d}#canvas-host{position:absolute;inset:0}#canvas-host canvas{display:block;width:100%!important;height:100%!important;touch-action:none;outline:none}.top-hud{position:absolute;top:max(22px,var(--safe-top,env(safe-area-inset-top)));left:7.15%;right:5%;z-index:8;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.best{display:flex;align-items:baseline;gap:8px;font-weight:900}.best span{font-size:9px;letter-spacing:2px;color:#7c9499}.best b{font-size:22px;font-variant-numeric:tabular-nums;letter-spacing:-1px}.icon-button{pointer-events:auto;display:grid;place-items:center;width:44px;height:44px;background:transparent;border:0;font-size:23px;font-weight:900;line-height:1;color:#98adb0;border-radius:50%}.icon-button:hover{color:var(--cream);background:#f5f3e80a}.intro{position:absolute;inset:0;pointer-events:none}.intro h1{position:absolute;top:46.5%;left:50%;margin:0;transform:translate(-50%,-50%) rotate(-5deg);font-size:clamp(40px,14.8cqw,71px);font-weight:1000;line-height:.88;letter-spacing:-4px;text-align:center;text-shadow:0 5px 0 #050d1080}.intro h1 span{color:var(--lime)}.tap-hint{position:absolute;top:77.4%;left:17%;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:10px;font-weight:900;letter-spacing:1.3px;color:var(--cream);animation:hint 1.9s ease-in-out infinite}.tap-hint i{width:17px;height:17px;border:2px solid var(--cream);border-radius:50%;box-shadow:0 0 0 7px #f5f3e812;position:relative}.tap-hint i:after{content:"";position:absolute;inset:4px;background:var(--lime);border-radius:50%}@keyframes hint{50%{opacity:.5;transform:translateY(3px)}}.shout{position:absolute;top:55%;left:50%;transform:translate(-50%,10px) rotate(-5deg) scale(.85);opacity:0;pointer-events:none;font-size:clamp(22px,7cqw,34px);line-height:1;font-weight:1000;font-style:italic;letter-spacing:-1px;white-space:nowrap;color:var(--lime);text-shadow:0 3px 0 #0006;transition:opacity .1s,transform .12s;z-index:4}.shout.visible{opacity:1;transform:translate(-50%) rotate(-5deg) scale(1)}.shout.crash{color:#ff665f;font-size:clamp(30px,10cqw,48px)}.overlay{position:absolute;inset:0;z-index:6;background:radial-gradient(ellipse 38% 29% at 50% 47%,#10191dfa 0,#10191de0 66%,#10191d33);display:flex;justify-content:center;align-items:center}.dialog{position:absolute;top:46.5%;left:50%;width:68%;transform:translate(-50%,-50%);text-align:center;animation:arrive .28s ease-out}.result-score{font-size:clamp(75px,26cqw,125px);font-weight:1000;line-height:.98;letter-spacing:-6px;font-variant-numeric:tabular-nums;text-shadow:0 5px 0 #0004}.result-best{font-size:11px;font-weight:900;letter-spacing:2px;color:#8ba2a7;margin:11px 0 24px}.result-best.record{color:var(--lime);transform:rotate(-4deg)}.again{border:0;background:none;font-size:clamp(25px,8.3cqw,40px);font-weight:1000;letter-spacing:-1.4px;line-height:1.2;padding:9px 8px;color:var(--cream)}.again b{display:inline-block;color:var(--lime);font-size:1.25em;vertical-align:-.03em;margin-right:8px}.again:hover b{transform:rotate(-35deg)}.share{display:block;margin:14px auto 0;border:0;background:none;font-size:11px;font-weight:700;letter-spacing:1px;color:#92a9ae;padding:10px}.share:hover{color:var(--cream)}.dialog h2{font-size:clamp(30px,10cqw,48px);font-weight:1000;letter-spacing:-2px;margin:0 0 22px;transform:rotate(-4deg)}.menu-button{display:block;background:none;border:0;margin:12px auto;font-weight:900;font-size:14px;padding:10px;letter-spacing:1px;color:#93adb0}.menu-button.primary{color:var(--lime);font-size:23px;letter-spacing:0}.receipt{font-size:10px;line-height:1.5;max-width:235px;margin:12px auto 0;color:#b5c4c3}.receipt:empty{display:none}.connection-error{position:absolute;bottom:8%;left:12%;right:12%;padding:12px;text-align:center;font-size:11px;line-height:1.5;color:#ffb0a9;background:#10191def;border-radius:8px;z-index:9}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes arrive{0%{opacity:0;transform:translate(-50%,-47%) scale(.86)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.overlay.is-result{background:linear-gradient(to bottom,transparent 63%,#10191d25 75%,#10191da6 100%)}.dialog.result-dialog{inset:0;width:100%;height:100%;transform:none;animation:none;pointer-events:none}.result-summary{position:absolute;left:50%;top:46.5%;transform:translate(-50%,-50%);text-align:center}.result-summary .result-best{margin:9px 0 0;white-space:nowrap}.result-actions{position:absolute;left:7%;right:7%;bottom:max(22px,var(--safe-bottom,env(safe-area-inset-bottom)));display:flex;flex-direction:column;gap:10px;pointer-events:auto}.result-actions .again{width:100%;min-height:80px;padding:0;font-size:36px;letter-spacing:-1px;text-shadow:0 3px 8px #10191d}.result-actions .again:active{transform:scale(.96)}.friends{min-height:56px;width:100%;display:flex;align-items:center;justify-content:center;gap:9px;background:#192c32e8;border:1.5px solid #50686d;border-radius:30px;font-size:13px;letter-spacing:1px;font-weight:900;text-decoration:none;color:var(--cream);touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 5px 18px #09121650}.friends span{color:var(--lime);font-size:27px;line-height:1}.friends:hover{border-color:var(--lime)}.friends:active{transform:scale(.98)}.friends:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.result-actions .receipt{margin:0 auto;text-shadow:0 1px 3px #000}.result-actions .share{margin:0 auto;padding:3px 10px}#canvas-host[hidden]{display:none}.intro.telegram-gate .tap-hint{pointer-events:auto;text-decoration:none;color:var(--lime);padding:15px 17px;border:1px solid #50686d;border-radius:30px;background:#192c32e8}.intro.telegram-gate .tap-hint i{border-color:var(--lime)}.result-replay-cue{position:absolute;left:50%;top:72%;transform:translate(-50%);white-space:nowrap;font-size:11px;letter-spacing:1.2px;font-weight:900;color:#d9e1d4;text-shadow:0 2px 8px #071014;opacity:0;pointer-events:none;animation:replay-cue-in .22s ease .6s forwards}@keyframes replay-cue-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:.88;transform:translate(-50%)}}.result-actions .friends{min-height:60px;font-size:14px}