:root{--accent: #ffd23f;--danger: #ff4d6d;--panel: rgba(10, 15, 30, .9)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0b1220;font-family:Segoe UI,system-ui,sans-serif;color:#e8ecf4;-webkit-user-select:none;user-select:none;touch-action:none}canvas#game{position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:100vw;height:100vh}#hud{position:fixed;top:0;left:0;right:0;height:56px;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top,0));display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(0,0,0,.55),transparent);pointer-events:none;z-index:10;font-size:14px}.hud-group{display:flex;flex-direction:column;gap:4px;min-width:120px}.hud-group.center{align-items:center;flex:1}.hud-group.right{align-items:flex-end}.hud-label{font-size:11px;letter-spacing:2px;opacity:.7;text-transform:uppercase}.hud-value{font-size:18px;font-weight:700;color:var(--accent)}.hud-bar{width:min(160px,28vw);height:12px;background:#ffffff26;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.25)}.hud-fill{height:100%;width:100%;background:linear-gradient(90deg,#ff4d6d,#ffd23f);transition:width .12s linear}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#050812b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:30;padding:16px}#overlay.hidden{display:none}#overlay-box{background:var(--panel);border:1px solid rgba(255,210,63,.4);border-radius:14px;padding:28px 32px;text-align:center;max-width:460px;width:100%;box-shadow:0 0 40px #ffd23f26}#overlay-box h1{font-size:clamp(26px,7vw,34px);letter-spacing:4px;color:var(--accent);text-shadow:0 0 18px rgba(255,210,63,.5)}#overlay-sub{margin-top:4px;opacity:.7;font-size:13px;letter-spacing:3px;text-transform:uppercase}#overlay-body{margin:18px 0;text-align:left;font-size:15px;line-height:1.85}#overlay-body .goal{color:var(--accent);font-weight:700}#btn-start{margin-top:8px;padding:12px 34px;font-size:18px;font-weight:700;letter-spacing:2px;border:none;border-radius:8px;cursor:pointer;background:var(--accent);color:#141a2a}#btn-start:active{transform:scale(.97)}#version{position:fixed;bottom:8px;right:12px;font-size:12px;opacity:.35;z-index:10;pointer-events:none}#touch-pad{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;pointer-events:none;padding:max(12px,env(safe-area-inset-bottom,12px))}#touch-pad.active{display:flex;align-items:flex-end;justify-content:space-between}.touch-cluster{pointer-events:auto;display:flex;flex-direction:column;gap:8px}.touch-cluster.right{flex-direction:row;align-items:flex-end;gap:12px}.touch-row{display:flex;gap:8px}.touch-btn{width:64px;height:64px;border:1px solid rgba(255,210,63,.35);border-radius:14px;background:#0a0f1e8c;color:#e8ecf4;font-size:22px;font-weight:700;-webkit-user-select:none;user-select:none;touch-action:none}.touch-btn.action{width:76px;height:76px;font-size:13px;letter-spacing:1px}.touch-btn.fire{background:#ff4d6d66;border-color:#ff4d6db3}.touch-btn:active{background:#ffd23f4d}@media(pointer:fine)and (min-width:900px)and (hover:hover){html:not(.touch-ui) #touch-pad.active{display:none}}html.touch-ui #touch-pad.active{display:flex}#rotate-hint{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#080c16f0;color:#e8ecf4;align-items:center;justify-content:center;flex-direction:column;gap:1rem;text-align:center;font-weight:800;letter-spacing:.04em}#rotate-hint.show{display:flex}#rotate-hint .phone{width:42px;height:72px;border:3px solid #ffd23f;border-radius:8px;animation:tip-phone 1.4s ease-in-out infinite}@keyframes tip-phone{0%,to{transform:rotate(0)}40%,60%{transform:rotate(90deg)}}@media(pointer:coarse),(max-width:900px){#touch-pad.active{display:flex}}