:root{--red:#ff1f1f;--red-deep:#b30012;--orange:#ff7a00;--amber:#ffb000;--cream:#fff4ea;--ink:#2a0500;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{background:var(--red-deep);height:100%;color:var(--cream);touch-action:none;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}#scene{width:100%;height:100%;display:block;position:fixed;inset:0}button{font:inherit;cursor:pointer;color:var(--ink);background:var(--cream);box-shadow:0 3px 0 var(--red-deep);border:0;border-radius:999px;padding:.5em 1em;font-weight:700}button:focus-visible,input:focus-visible{outline:3px solid var(--amber);outline-offset:3px}button:active{box-shadow:0 1px 0 var(--red-deep);transform:translateY(2px)}#hud{pointer-events:none;position:fixed;inset:0}#hud>*{pointer-events:auto}.counters{top:max(16px, env(safe-area-inset-top));flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute;left:16px}.counter{background:linear-gradient(135deg, var(--red), var(--orange));box-shadow:0 4px 0 var(--red-deep), 0 0 24px #ff7a0099;border-radius:999px;align-items:center;gap:10px;padding:6px 16px 6px 10px;font-size:17px;display:flex}.counter b{font-size:21px}.star-icon{color:var(--amber);text-shadow:0 0 10px #fff3;text-align:center;width:26px;font-size:22px;line-height:1}.level-badge{text-transform:uppercase;letter-spacing:1px;background:#3c05008c;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}.mallow-icon{background:linear-gradient(var(--amber), #e0892f);border-radius:8px;width:26px;height:22px;box-shadow:inset 0 -4px #00000026}.hud-buttons{top:max(16px, env(safe-area-inset-top));gap:8px;display:flex;position:absolute;right:16px}.hint{text-align:center;background:#3c05008c;border-radius:12px;width:max-content;max-width:calc(100% - 32px);margin:0;padding:8px 14px;font-size:14px;transition:opacity 1s;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}#toast-banner{color:var(--cream);text-shadow:0 4px 0 var(--red-deep), 0 0 30px var(--orange);opacity:0;pointer-events:none;text-align:center;width:calc(100% - 32px);font-size:clamp(26px,6vw,54px);font-weight:900;transition:opacity .3s,transform .3s;position:fixed;top:22%;left:50%;transform:translate(-50%,-50%)scale(.8)}#toast-banner.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.panel-wrap{background:radial-gradient(circle at 50% 60%,#ff7a0040,#50000099);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.panel-wrap[hidden]{display:none}.panel{background:linear-gradient(160deg, var(--red) 0%, var(--orange) 100%);width:100%;max-width:440px;box-shadow:0 8px 0 var(--red-deep), 0 0 60px #ffb00080;text-align:center;border-radius:28px;padding:28px 26px}.panel h1{letter-spacing:-1px;text-shadow:0 4px 0 var(--red-deep);margin:0 0 8px;font-size:52px}.panel h2{margin:0 0 16px;font-size:32px}.panel p{margin:0 0 12px;line-height:1.45}.keys{text-align:left;margin:16px 0 20px;padding:0;font-size:15px;line-height:1.9;list-style:none}kbd{background:var(--cream);color:var(--ink);font:inherit;border-radius:6px;padding:1px 6px;font-size:13px;font-weight:700}.big{padding:14px 32px;font-size:22px}.check{margin-top:14px;font-size:14px;display:block}#touch{pointer-events:none;position:fixed;inset:0}#stick{pointer-events:auto;touch-action:none;background:#fff4ea2e;border:3px solid #fff4ea8c;border-radius:50%;width:128px;height:128px;position:absolute;bottom:70px;left:24px}#knob{background:var(--cream);width:56px;height:56px;box-shadow:0 0 18px var(--orange);border-radius:50%;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%}#jumpBtn{pointer-events:auto;touch-action:none;background:var(--cream);width:96px;height:96px;font-size:20px;position:absolute;bottom:80px;right:24px}body.touch .hint{display:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=520px){.counter{padding:4px 12px 4px 8px;font-size:14px}.counter b{font-size:17px}.panel{padding:22px 18px}.hud-buttons button{padding:.45em .8em;font-size:14px}.panel h1{font-size:42px}}.legend{text-align:left;margin:12px 0;padding:0;font-size:14px;line-height:1.4;list-style:none}.legend li{align-items:flex-start;gap:10px;margin:6px 0;display:flex}.dot{border:2px solid var(--cream);border-radius:50%;flex:0 0 16px;height:16px;margin-top:2px}.dot.bouncy{background:#ff9a6b}.dot.geyser{background:0 0;border-color:#ffd000;box-shadow:0 0 8px #ffd000}.dot.mover{background:var(--cream)}.levels{text-align:left;border:0;gap:8px;margin:14px 0 16px;padding:0;display:grid}.levels legend{margin-bottom:8px;font-size:16px;font-weight:800}.levels label{cursor:pointer;display:block}.levels input{opacity:0;position:absolute}.levels label>span{background:#3c050059;border:3px solid #0000;border-radius:16px;padding:10px 14px;display:block}.levels small{opacity:.9;margin-top:2px;font-size:13px;display:block}.levels input:checked+span{background:var(--cream);color:var(--ink);border-color:var(--amber)}.levels input:focus-visible+span{outline:3px solid var(--amber);outline-offset:3px}.keys-wrap{text-align:left;margin-bottom:16px;font-size:14px}.keys-wrap summary{cursor:pointer;font-weight:700}.keys-wrap .keys{margin:8px 0 0}.pause-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.panel{max-height:calc(100dvh - 32px);overflow-y:auto}