:root{--ink: #f4f1ff;--muted: #b9b3dd;--panel: rgba(16, 14, 44, .78);--line: rgba(255, 255, 255, .14);--accent: #ffc861;--accent-ink: #2a1a00;--danger: #ff6b9a}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;touch-action:none;overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-touch-callout:none;background:#0b0f2a;color:var(--ink);font-family:Hiragino Maru Gothic ProN,Zen Maru Gothic,"M PLUS Rounded 1c",system-ui,sans-serif;-webkit-user-select:none;user-select:none}#game{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}#game:active{cursor:grabbing}.hidden{display:none!important}#hud{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:max(12px,env(safe-area-inset-top)) 16px 0;pointer-events:none}.hud-row{display:flex;gap:8px;flex-wrap:wrap}.hud-actions{display:flex;gap:8px}.pill{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:16px;font-weight:700;backdrop-filter:blur(6px)}.hearts{color:var(--danger);letter-spacing:2px}.mono{font-variant-numeric:tabular-nums}#hud-stars{color:var(--accent)}.icon-btn{pointer-events:auto;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-size:18px;cursor:pointer}.icon-btn.off{opacity:.45;text-decoration:line-through}#toast{position:fixed;top:22%;left:50%;transform:translate(-50%,-8px);padding:10px 20px;border-radius:12px;background:var(--panel);border:1px solid var(--line);font-weight:700;font-size:18px;text-align:center;max-width:calc(100vw - 32px);opacity:0;transition:opacity .25s,transform .25s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%)}.screen{position:fixed;inset:0;display:grid;place-items:center;padding:16px;background:radial-gradient(ellipse at center,#0a081e33,#060414b3)}.panel{width:min(520px,100%);max-height:calc(100dvh - 32px);overflow:auto;touch-action:pan-y;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:28px 24px;text-align:center;backdrop-filter:blur(10px);box-shadow:0 20px 60px #00000073}.eyebrow{margin:0;letter-spacing:.3em;font-size:12px;color:var(--accent)}h1,h2{margin:6px 0 12px}h1{font-size:clamp(30px,8vw,44px);text-shadow:0 0 24px rgba(255,200,97,.55)}.lead{color:var(--muted);line-height:1.7;margin:0 0 16px}.lead strong{color:var(--accent)}.controls{list-style:none;padding:12px 16px;margin:0 0 12px;text-align:left;font-size:14px;line-height:1.9;border:1px solid var(--line);border-radius:12px;color:var(--muted)}.controls-slot{margin-bottom:20px}.controls.tips{border-style:dashed}.quality{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 0 12px;font-size:14px;color:var(--muted)}.quality span{margin-right:4px}.q-btn{font:inherit;font-size:14px;cursor:pointer;padding:4px 14px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink)}.q-btn[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:700}.controls b{color:var(--ink)}.only-touch{display:none}body.is-touch .only-touch{display:block}body.is-touch .only-pc{display:none}kbd{display:inline-block;padding:0 6px;border-radius:6px;border:1px solid var(--line);background:#ffffff14;color:var(--ink);font-family:inherit;font-size:12px}.primary{font:inherit;font-weight:800;font-size:18px;padding:12px 36px;border-radius:999px;border:none;background:var(--accent);color:var(--accent-ink);cursor:pointer;box-shadow:0 0 24px #ffc86180}.primary:active{transform:scale(.97)}.secondary{display:block;margin:14px auto 0;font:inherit;font-size:14px;padding:8px 20px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer}.best{margin:14px 0 0;font-size:13px;color:var(--muted);min-height:1em}#touch{position:fixed;inset:0;pointer-events:none}#touch-left{position:absolute;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));width:min(42vw,240px);height:min(42vh,220px);border:1px dashed rgba(255,255,255,.18);border-radius:24px;background:#ffffff08;pointer-events:auto;touch-action:none}.zone-label{position:absolute;top:8px;left:0;right:0;text-align:center;font-size:11px;color:#ffffff59;pointer-events:none}#stick{position:absolute;width:110px;height:110px;margin:-55px 0 0 -55px;border-radius:50%;border:2px solid rgba(255,255,255,.25);background:#ffffff0f;left:calc(max(12px,env(safe-area-inset-left)) + min(21vw,120px));bottom:calc(max(12px,env(safe-area-inset-bottom)) + min(21vh,110px) - 55px);top:auto;opacity:.5;pointer-events:none}#stick.active{opacity:1}#stick-knob{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:#ffdc96b3}#btn-jump{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:max(40px,env(safe-area-inset-bottom));width:88px;height:88px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#ffc86159;color:var(--ink);font:inherit;font-weight:800;pointer-events:auto;touch-action:none}#btn-jump:active{background:#ffc86199}