:root{--bg: #05070c;--fg: #cfe9f5;--dim: #7e96a6;--accent: #2ad4ff;--warn: #ff4d5e;--good: #3dff9a;--panel: rgba(6, 12, 20, .62);--font: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);font-family:var(--font);overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#game{position:fixed;inset:0;width:100%;height:100%;display:block}.hidden,body.is-touch .only-desktop,body.is-desktop .only-touch{display:none!important}.screen{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:radial-gradient(ellipse at center,#05070c8c,#05070ceb);overflow-y:auto;touch-action:pan-y}.card{width:min(520px,100%);margin:auto;padding:clamp(18px,4vw,34px);border:1px solid rgba(42,212,255,.35);background:#060c14c7;box-shadow:0 0 40px #2ad4ff1f,inset 0 0 30px #2ad4ff0d;text-align:center}h1{margin:0;font-size:clamp(32px,9vw,60px);letter-spacing:.12em;text-shadow:0 0 18px rgba(42,212,255,.55)}h1 span{color:var(--accent)}h2{margin:0 0 8px;font-size:clamp(26px,7vw,40px);letter-spacing:.14em}h2.win{color:var(--good);text-shadow:0 0 16px rgba(61,255,154,.5)}h2.lose{color:var(--warn);text-shadow:0 0 16px rgba(255,77,94,.5)}.tag{margin:6px 0 14px;font-size:12px;letter-spacing:.3em;color:var(--accent)}.brief{margin:0 0 20px;line-height:1.55;font-size:clamp(13px,3.4vw,15px);color:var(--fg)}.controls{margin-top:18px;font-size:12px;line-height:1.9;color:var(--dim)}.controls b{color:var(--fg);font-weight:600}.btn{display:block;width:100%;min-height:48px;margin:10px 0 0;padding:12px 16px;font:inherit;font-size:15px;letter-spacing:.2em;color:var(--fg);background:transparent;border:1px solid rgba(207,233,245,.35);cursor:pointer;touch-action:manipulation}.btn:hover,.btn:focus-visible{border-color:var(--accent);color:#fff;outline:none;box-shadow:0 0 14px #2ad4ff59}.btn:active{transform:translateY(1px)}.btn.primary{color:#021018;background:var(--accent);border-color:var(--accent);font-weight:700}.btn.primary:hover,.btn.primary:focus-visible{background:#6fe6ff}#hud{position:fixed;inset:0;z-index:10;pointer-events:none;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.panel{padding:8px 12px;background:var(--panel);border:1px solid rgba(42,212,255,.25);font-size:clamp(12px,2.6vw,16px)}.panel .label{font-size:clamp(9px,1.8vw,11px);letter-spacing:.25em;color:var(--accent);margin-bottom:3px}.panel .sub{margin-top:3px;font-size:clamp(10px,2vw,12px);color:var(--dim)}#hud-objective{max-width:min(44vw,380px)}#hud-timer{text-align:center;min-width:88px}#hud-timer #timer-text{font-size:clamp(18px,4vw,26px);letter-spacing:.08em}#hud-timer.danger{border-color:var(--warn)}#hud-timer.danger #timer-text{color:var(--warn);animation:pulse .8s ease-in-out infinite}.hud-right{display:flex;gap:8px;align-items:flex-start}#hud-cores{text-align:right;min-width:80px}#hud-cores #cores-text{font-size:clamp(16px,3.4vw,22px)}.icon-btn{pointer-events:auto;width:44px;height:44px;font:inherit;font-weight:700;letter-spacing:.1em;color:var(--fg);background:var(--panel);border:1px solid rgba(42,212,255,.4);touch-action:manipulation}#crosshair{position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border:1px solid rgba(207,233,245,.55);border-radius:50%;opacity:.8}#crosshair:after{content:"";position:absolute;left:50%;top:50%;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;background:var(--accent);border-radius:50%}#hint{position:absolute;left:50%;top:calc(50% + 44px);transform:translate(-50%);padding:8px 16px;background:var(--panel);border:1px solid var(--accent);color:#fff;font-size:clamp(12px,3vw,15px);letter-spacing:.08em;white-space:nowrap}#hint.locked{border-color:var(--warn);color:#ffc3c9}#toast{position:absolute;left:50%;top:22%;transform:translate(-50%);max-width:86vw;text-align:center;padding:10px 18px;background:#060c14d9;border:1px solid var(--good);color:var(--good);font-size:clamp(12px,3vw,15px);letter-spacing:.08em}#alert{position:absolute;left:50%;top:84px;transform:translate(-50%);padding:6px 16px;color:#fff;background:#ff4d5e47;border:1px solid var(--warn);font-size:clamp(11px,2.6vw,14px);letter-spacing:.3em;animation:pulse .6s ease-in-out infinite}#hud-keys{position:absolute;left:12px;bottom:10px;font-size:11px;color:#cfe9f573;letter-spacing:.08em}@keyframes pulse{50%{opacity:.45}}#touch-layer{position:fixed;inset:0;z-index:20;pointer-events:none}#touch-move,#touch-look{position:absolute;bottom:0;height:68%;pointer-events:auto;touch-action:none}#touch-move{left:0;width:46%}#touch-look{right:0;width:54%}#stick-base{position:absolute;display:none;width:124px;height:124px;margin:-62px 0 0 -62px;border:2px solid rgba(42,212,255,.5);border-radius:50%;background:#2ad4ff14;pointer-events:none}#stick-knob{position:absolute;left:50%;top:50%;width:54px;height:54px;border-radius:50%;background:#2ad4ff73;border:2px solid rgba(207,233,245,.8);transform:translate(-50%,-50%)}#btn-act{position:absolute;z-index:2;pointer-events:auto;touch-action:none;right:max(22px,env(safe-area-inset-right));bottom:max(26px,env(safe-area-inset-bottom));width:84px;height:84px;border-radius:50%;font:inherit;font-weight:700;letter-spacing:.12em;color:#fff;background:#2ad4ff38;border:2px solid var(--accent)}#btn-act:active{background:#2ad4ff80}@media(max-height:480px){.card{padding:14px 18px}.brief{margin-bottom:12px}.controls{margin-top:10px;line-height:1.6}.btn{min-height:42px;margin-top:8px}#hud-objective .sub{display:none}#alert{top:66px}}