:root{--bg: #0e1420;--surface-1: #151c2b;--surface-2: #1c2435;--text: #e6edf7;--text-dim: #9aa7bd;--accent: #4cd964;--warn: #ffcc00;--danger: #ff5e57;--info: #5ac8fa;--fog-unseen: rgba(0, 0, 0, .88);--fog-revealed: rgba(10, 14, 24, .54);--glow: rgba(255, 215, 64, .55)}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body{font-family:Inter,SF Pro,system-ui,sans-serif;background:var(--bg);color:var(--text)}.game-container{display:flex;flex-direction:column;min-height:100vh;height:100dvh;box-sizing:border-box;overflow:hidden}.hud{position:sticky;top:0;display:flex;flex-direction:column;gap:4px;z-index:1;flex-shrink:0;padding:calc(12px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) 0 calc(12px + env(safe-area-inset-left))}.hud-row{display:flex;gap:8px;flex-wrap:wrap}.chip{display:flex;align-items:center;gap:8px;padding:12px 8px;background:var(--surface-2);border-radius:8px;font-size:14px;position:relative}.chip .icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:20px}.chip .value{font-variant-numeric:tabular-nums}.energy-chip .bar{position:absolute;left:8px;right:8px;bottom:4px;height:4px;background:var(--surface-1);border-radius:2px;overflow:hidden}.energy-chip .bar .fill{height:100%;background:var(--accent)}.game-area{flex:1;position:relative;overflow:hidden;min-height:0}.canvas-wrapper{position:absolute;top:0;left:0}.game-canvas{image-rendering:pixelated;background:#0f172a;touch-action:none;display:block}.zoom-reset{position:absolute;top:12px;right:12px;width:40px;height:40px;background:var(--surface-2);border:none;border-radius:6px;color:var(--text);font-size:20px;cursor:pointer;z-index:1}.zoom-reset:active{transform:scale(.97)}.action-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--surface-2);padding:16px;border-radius:8px;display:flex;flex-direction:column;gap:8px;z-index:1}.action-modal button{padding:8px 12px;background:var(--surface-1);border:none;border-radius:6px;color:var(--text);cursor:pointer}.action-modal button:active{transform:scale(.97)}