*{box-sizing:border-box}body,html{margin:0;height:100%;background:#0b0d12;color:#e8f0ff;font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,sans-serif;user-select:none;touch-action:none;overscroll-behavior:none;-webkit-text-size-adjust:100%}body.mobile{min-height:100dvh}#game-root{position:relative;width:960px;max-width:100vw;margin:0 auto;--hud-scale:1;--lives-h:24px;--hud-h:32px;--lives-w:160px}canvas#game{display:block;width:100%;height:auto;border:2px solid #3a4466;background:#101523;image-rendering:pixelated;outline:0;-webkit-user-drag:none;touch-action:none}.overlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:rgba(9,12,20,.84);backdrop-filter:blur(2px)}.overlay.visible{display:flex}.panel{width:min(640px,92vw);max-height:calc(100% - 16px);overflow:auto;background:rgba(15,20,36,.8);border:1px solid #3a4466;border-radius:8px;padding:16px 18px;box-shadow:0 10px 30px rgba(0,0,0,.35);text-align:center;position:relative;z-index:2;-webkit-backdrop-filter:blur(1px) saturate(1);backdrop-filter:blur(1px) saturate(1)}h1{margin:0 0 8px;letter-spacing:1px;font-weight:800;font-size:clamp(28px,6vw,42px);line-height:1.1}h1.swirl{position:relative;color:#e8f0ff;background:linear-gradient(90deg,#ff8a00,#e52e71,#7f00ff,#00c6ff,#ff8a00);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(61,128,255,.25),0 0 24px rgba(226,82,173,.18);animation:gradient-move 10s linear infinite alternate,swirl-pulse 2.2s ease-in-out infinite alternate}@keyframes gradient-move{from{background-position:0 50%}to{background-position:100% 50%}}@keyframes swirl-pulse{from{filter:saturate(1) brightness(1)}to{filter:saturate(1.2) brightness(1.08)}}.subtitle{opacity:.85;margin:0 0 8px}.meta{font-size:12px;opacity:.75;margin:4px 0 0}.help{margin-top:12px}.help p{margin:4px 0}#btn-start{margin-top:12px;animation:pop 1.4s ease-in-out infinite alternate;font-size:clamp(16px,4.6vw,20px);padding:12px 18px}@keyframes pop{to{filter:brightness(1.15);transform:translateY(-1px)}}button{cursor:pointer;border:1px solid #6f86ff;background:linear-gradient(#3a55ff,#283bd4);color:#fff;font-weight:700;padding:10px 14px;border-radius:6px;box-shadow:0 2px 0 rgba(0,0,0,.3)}button:hover{filter:brightness(1.05)}.chip{display:inline-block;padding:2px 6px;border-radius:6px;border:1px solid;font-weight:700;font-size:12px;line-height:1.2;box-shadow:0 1px 0 rgba(0,0,0,.3);margin:0 2px}.chip.key{border-color:#46507a;background:linear-gradient(#1a233b,#121a2f);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;color:#e8f0ff}.chip.gp{border-color:#2f8b5c;background:linear-gradient(#2b7f55,#226645);color:#eafff4}.chip.mouse{border-color:#6f86ff;background:linear-gradient(#3a55ff,#283bd4);color:#fff}.legend{margin-top:6px;font-size:12px;opacity:.9}.panel a,.panel a:visited{color:#9ed0ff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.panel a:hover{color:#cfe6ff;text-decoration-color:rgba(207,230,255,.9)}details{margin-top:14px}.loader{margin-top:10px;display:grid;gap:10px}.loader label{display:grid;gap:6px}textarea{width:100%;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-size:13px;padding:8px;border-radius:6px;border:1px solid #3a4466;background:#0c1220;color:#dfe6ff}.note{font-size:12px;opacity:.8}.panel .version{position:absolute;right:10px;bottom:8px;font-size:11px;opacity:.55;pointer-events:none}#title-bg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.9;image-rendering:pixelated;z-index:1}@media (max-width:600px){.panel{padding:12px 14px}.subtitle{font-size:14px}}#mobile-ui{display:none;position:fixed;inset:0;pointer-events:none;z-index:50;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}body.mobile #mobile-ui{display:block}.stick{position:absolute;width:clamp(88px,22vw,128px);height:clamp(88px,22vw,128px);pointer-events:auto;touch-action:none;--stick-rgb:36,28,140;--stick-alpha:0.40;--stick-color:rgba(var(--stick-rgb), var(--stick-alpha));--ring-width:3px}.stick.left{left:calc(10px + env(safe-area-inset-left));bottom:calc(10px + env(safe-area-inset-bottom))}.stick.right{right:calc(10px + env(safe-area-inset-right));bottom:calc(10px + env(safe-area-inset-bottom))}.stick .ring{position:absolute;inset:0;border-radius:50%;border:none;box-shadow:none;background:radial-gradient(circle,transparent calc(50% - var(--ring-width)/ 2),var(--stick-color) calc(50% - var(--ring-width)/ 2) calc(50% + var(--ring-width)/ 2),transparent calc(50% + var(--ring-width)/ 2))}.stick .dot{position:absolute;width:24%;height:24%;left:50%;top:50%;border-radius:50%;border:none;background:var(--stick-color);box-shadow:none;transform:translate(-50%,-50%)}#rotate-hint{display:none;position:fixed;inset:0;background:rgba(9,12,20,.92);color:#e8f0ff;align-items:center;justify-content:center;text-align:center;padding:20px;z-index:60}body.mobile.portrait #rotate-hint{display:flex}#fs-ui{position:absolute;top:0;left:0;right:0;z-index:70;pointer-events:none}#fs-ui #fs-toggle{position:absolute}#fs-toggle{position:relative;width:calc(var(--hud-h) - 2px);height:calc(var(--hud-h) - 2px);right:calc(8px * var(--hud-scale));top:calc(6px * var(--hud-scale) - 1px);border:1px solid rgba(235,240,255,.45);border-radius:4px;background:0 0;padding:0;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;color:rgba(235,240,255,.7);cursor:pointer;opacity:.35;transition:opacity 150ms ease,filter 150ms ease;pointer-events:auto}#fs-toggle:focus,#fs-toggle:hover{opacity:.9;filter:brightness(1.1)}body.mobile #fs-toggle{opacity:.45}#fs-toggle .ico{display:block;width:100%;height:100%}#fs-toggle .exit{display:none}#fs-toggle[aria-pressed=true] .enter{display:none}#fs-toggle[aria-pressed=true] .exit{display:inline}@media (hover:none) and (pointer:coarse){#fs-toggle{min-width:min(44px,calc(var(--hud-h) - 2px));min-height:min(44px,calc(var(--hud-h) - 2px))}}