:root{--ink: #fff;--gold: #ffd23f;--pink: #ff5e7e;--cyan: #7cf5ff;--bg: #120a2e}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;user-select:none;-webkit-user-select:none;touch-action:none}#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:max(24px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 30%,#3b1a5cd9,#120a2ef5);text-align:center}.screen[hidden]{display:none}#play{background:none;pointer-events:none}#over{background:#120a2e}h1{font-size:clamp(56px,18vw,92px);margin:0;font-weight:900;letter-spacing:-2px;line-height:.9;color:var(--gold);text-shadow:0 0 24px rgba(255,210,63,.5);transform:rotate(-4deg)}h1 span{display:block;color:var(--pink);transform:rotate(6deg) translate(18px);text-shadow:0 0 24px rgba(255,94,126,.6)}h2{margin:0;font-size:28px}.tag{margin:4px 0 14px;opacity:.85;font-size:17px;min-height:1em}.btn{width:min(320px,100%);padding:16px 18px;border-radius:18px;border:2px solid rgba(255,255,255,.25);background:#ffffff14;color:var(--ink);font-size:19px;font-weight:800;cursor:pointer}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55}.btn.primary{background:linear-gradient(135deg,var(--pink),#ff8a3d);border:none;box-shadow:0 8px 28px #ff5e7e73;font-size:21px}.btn.ghost{background:none}.btn small{display:block;font-weight:500;opacity:.7;font-size:13px}.row{display:flex;gap:10px;width:min(320px,100%)}.row .btn{flex:1}.meta{margin:6px 0 0;opacity:.85}.meta a{color:var(--cyan)}.fine{font-size:12px;opacity:.5;max-width:300px}.banner{background:var(--gold);color:#222;padding:10px 14px;border-radius:14px;font-weight:700;max-width:340px}.note{font-size:72px;font-weight:900;color:var(--cyan);min-height:90px}.meter{width:min(280px,90%);height:12px;border-radius:6px;background:#ffffff26;overflow:hidden}#calBar{height:100%;width:0;background:var(--cyan);transition:width .1s}.score{font-size:110px;font-weight:900;line-height:1}#clipPreview{width:min(180px,40vw);max-height:32vh;border-radius:14px;border:2px solid rgba(255,255,255,.3);object-fit:cover}#toast{position:fixed;left:50%;bottom:40px;transform:translate(-50%,40px);opacity:0;background:#fff;color:#222;padding:12px 18px;border-radius:14px;font-weight:700;transition:.25s;pointer-events:none;max-width:90vw}#toast.on{opacity:1;transform:translate(-50%)}.fine a{color:inherit}#iosWrap[hidden]{display:none}.ic{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em;margin-right:.45em;flex-shrink:0}.banner .ic{color:#b3261e}#finalBest .ic{color:var(--gold)}