:root{--hud-bg: rgba(8, 24, 38, .55);--accent: #4fd1c5}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#07202f}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#eaf6ff}#game{display:block;width:100%;height:100%;touch-action:none;outline:none}#hud{position:fixed;top:env(safe-area-inset-top,8px);left:10px;display:flex;gap:12px;padding:6px 10px;background:var(--hud-bg);border-radius:8px;font-size:12px;font-variant-numeric:tabular-nums;pointer-events:none;backdrop-filter:blur(4px);z-index:20}#hud b{color:var(--accent)}#overlay{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#143c5ad9,#04101af5);z-index:30;transition:opacity .35s ease}#overlay.hidden{opacity:0;pointer-events:none}.panel{width:min(90vw,420px);padding:28px 26px;background:#0a1e2ee6;border:1px solid rgba(79,209,197,.25);border-radius:16px;text-align:center;box-shadow:0 20px 60px #00000080}.panel h1{font-size:30px;letter-spacing:.5px;margin-bottom:4px}.panel .sub{color:#8fb8cf;font-size:13px;margin-bottom:18px}.controls{list-style:none;text-align:left;font-size:13.5px;line-height:1.9;margin-bottom:20px;color:#cfe6f2}.controls b{color:var(--accent)}#start-btn{width:100%;padding:14px;font-size:17px;font-weight:600;color:#04222b;background:linear-gradient(180deg,#6fe3d6,#3bb9ab);border:none;border-radius:10px;cursor:pointer;transition:transform .12s ease,filter .12s ease}#start-btn:active{transform:scale(.97)}#start-btn:hover{filter:brightness(1.08)}.status{margin-top:14px;font-size:12px;color:#7fa6bc}.touch-layer{position:fixed;inset:0;z-index:15;pointer-events:none}.touch-surface{position:absolute;inset:0;pointer-events:auto;touch-action:none}.touch-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:13px;color:#ffffff59;text-align:center;pointer-events:none;transition:opacity .5s ease}.touch-buttons{position:absolute;right:max(18px,env(safe-area-inset-right,18px));bottom:max(28px,env(safe-area-inset-bottom,28px));display:flex;gap:16px;pointer-events:auto}.tbtn{width:72px;height:72px;border-radius:50%;border:2px solid rgba(79,209,197,.5);background:#0a23328c;color:#eaf6ff;font-size:26px;backdrop-filter:blur(3px);touch-action:none;user-select:none}.tbtn:active{background:#4fd1c559;transform:scale(.94)}.tbtn-change{width:58px;height:58px;font-size:20px;align-self:flex-end}.stick{position:fixed;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;border:2px solid rgba(255,255,255,.22);background:#ffffff0f;pointer-events:none;z-index:16}.stick-knob{position:absolute;top:50%;left:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:#4fd1c58c;border:2px solid rgba(255,255,255,.5)}.stick-look{border-color:#ffc8784d}.stick-look .stick-knob{background:#ffc87880}@media(max-width:640px){.panel h1{font-size:24px}.controls{font-size:12.5px}}