*{box-sizing:border-box;margin:0;padding:0}html,body{color:#f4f1ea;-webkit-user-select:none;user-select:none;touch-action:none;background:#0b0d12;height:100%;font-family:Hiragino Sans,Noto Sans JP,system-ui,sans-serif;overflow:hidden}#stage{position:fixed;inset:0}#game{width:100%;height:100%;display:block}#stage:after{content:"";pointer-events:none;background:radial-gradient(#0000 55%,#0000008c 100%);position:absolute;inset:0}.hidden{display:none!important}#hud{top:calc(env(safe-area-inset-top) + 12px);pointer-events:none;z-index:2;text-shadow:0 2px 8px #000c;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;left:16px;right:128px}#score{font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:28px;font-weight:700;line-height:1.1}#stage-name{color:#c3c8d4;margin-top:2px;font-size:12px}#balls{letter-spacing:.25em;font-size:16px;line-height:36px}#powers{left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 18px);text-align:center;color:#ffd98a;pointer-events:none;z-index:2;text-shadow:0 2px 10px #000000e6;font-variant-numeric:tabular-nums;font-size:15px;font-weight:700;position:absolute}#msg{text-align:center;white-space:pre-line;pointer-events:none;z-index:2;text-shadow:0 2px 14px #000000f2;font-size:20px;font-weight:700;line-height:1.6;position:absolute;top:52%;left:0;right:0}#tiltpad{left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 48px);z-index:2;justify-content:center;gap:14px;display:flex;position:absolute}#tiltpad button{color:#f4f1ea;background:#0a0c1299;border:1px solid #ffffff4d;border-radius:14px;width:64px;height:48px;font-size:18px}#tiltpad button:active{background:#ffffff40}#mute,#pause{top:calc(env(safe-area-inset-top) + 10px);color:#f4f1ea;z-index:4;background:#0a0c128c;border:1px solid #ffffff40;border-radius:50%;width:46px;height:46px;font-size:15px;font-weight:700;position:absolute}#mute{right:12px}#mute.off{opacity:.4;text-decoration:line-through}#pause{background:#f4f1eaeb;border-color:#fff9;right:68px}#pause:before,#pause:after{content:"";background:#12141a;border-radius:2px;width:5px;height:16px;position:absolute;top:14px}#pause:before{left:14px}#pause:after{right:14px}#select{justify-content:flex-start}.screen{z-index:3;padding:calc(env(safe-area-inset-top) + 56px) 20px calc(env(safe-area-inset-bottom) + 24px);text-align:center;-webkit-backdrop-filter:blur(3px);touch-action:pan-y;background:#06070a9e;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0;overflow-y:auto}#title{-webkit-backdrop-filter:none;background:linear-gradient(#06070a40,#06070ab3)}.kicker{letter-spacing:.3em;color:#c3c8d4;font-size:13px}h1{letter-spacing:.04em;text-shadow:0 4px 24px #000c;font-size:58px;line-height:1}h2{letter-spacing:.04em;font-size:30px}.lead{text-shadow:0 2px 10px #000000e6;font-size:15px;line-height:1.7}.hint{white-space:pre-line;color:#c3c8d4;font-size:13px;line-height:1.8}.score{font-variant-numeric:tabular-nums;font-size:44px;font-weight:700}button{cursor:pointer;font-family:inherit}.primary,.ghost{border-radius:999px;flex-shrink:0;width:min(280px,100%);padding:15px 20px;font-size:17px;font-weight:700}.primary{color:#12141a;background:#f4f1ea;border:none;box-shadow:0 6px 24px #00000080}.ghost{color:#f4f1ea;background:#ffffff0f;border:1px solid #ffffff59}.back{color:#c3c8d4;font-size:13px}.stage-grid{grid-template-columns:repeat(2,1fr);gap:10px;width:min(420px,100%);display:grid}.stage-btn{color:#f4f1ea;text-align:left;background:#ffffff12;border:1px solid #ffffff38;border-radius:14px;padding:12px 10px;line-height:1.5}.stage-btn .num{color:#c3c8d4;letter-spacing:.1em;font-size:12px}.stage-btn .name{font-size:16px;font-weight:700;display:block}.stage-btn .best{color:#ffd98a;font-variant-numeric:tabular-nums;font-size:12px}.stage-btn.cleared{border-color:#ffd98a8c}.stage-btn:disabled{opacity:.35;cursor:default}