:root{--sky: #5c94fc;--accent: #fbd000;--panel: rgba(20, 28, 56, .88)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#1a2240;font-family:Segoe UI,system-ui,sans-serif;color:#fff;-webkit-user-select:none;user-select:none;touch-action:none}canvas#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;image-rendering:pixelated}#hud{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;padding:calc(10px + env(safe-area-inset-top,0)) 18px 10px;pointer-events:none;text-shadow:2px 2px 0 #1a2240;font-weight:700}.hud-item{display:flex;flex-direction:column;gap:2px;min-width:72px}.hud-item span{font-size:11px;letter-spacing:2px;opacity:.85}.hud-item b{font-size:22px;color:var(--accent)}.hud-item:nth-child(2){align-items:center}.hud-item:nth-child(3){align-items:flex-end}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#0a10288c;padding:16px}#overlay.hidden{display:none}#overlay-box{background:var(--panel);border:3px solid var(--accent);border-radius:16px;padding:28px 32px;max-width:440px;width:100%;text-align:center;box-shadow:0 12px 40px #00000059}#overlay-box h1{font-size:clamp(28px,8vw,40px);letter-spacing:3px;color:var(--accent)}#overlay-sub{margin-top:4px;letter-spacing:3px;text-transform:uppercase;font-size:12px;opacity:.75}#overlay-body{margin:18px 0;text-align:left;line-height:1.8;font-size:15px}#overlay-body .goal{color:var(--accent);font-weight:700}#btn-start{border:none;border-radius:10px;padding:12px 34px;font-size:18px;font-weight:800;letter-spacing:2px;background:var(--accent);color:#1a2240;cursor:pointer}#btn-start:active{transform:scale(.97)}#version{position:fixed;right:12px;bottom:8px;z-index:10;font-size:11px;opacity:.45;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));align-items:flex-end;justify-content:space-between}#touch-pad.active{display:flex}.touch-cluster{pointer-events:auto}.touch-row{display:flex;gap:10px}.touch-btn{width:72px;height:72px;border-radius:16px;border:2px solid rgba(255,255,255,.35);background:#141c3873;color:#fff;font-size:24px;font-weight:700;touch-action:none}.touch-btn.action{width:96px;height:96px;font-size:16px;letter-spacing:1px;background:#fbd00059;border-color:#fbd000b3}.touch-btn:active{background:#fbd0008c}@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:#14285af0;color:#fff;align-items:center;justify-content:center;flex-direction:column;gap:1rem;text-align:center;font-weight:800}#rotate-hint.show{display:flex}#rotate-hint .phone{width:42px;height:72px;border:3px solid #fbd000;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)}}