:root{--bg: #0f1d3a;--ink: #f2f6ff;--muted: #c2cfde;--grid: #1e3158;--snake: #4fd1ff;--snakeHead: #7dff89;--city: #ffd65c;--cityDead: #a38352;--missile: #ff4d4d;--trail: #ffe0e0;--terminalTrail: #ffc66d;--terminalMissile: #ffea9a;--cooldownMark: #ffaa66;--shot: #9afcff;--shotTrail: #c9f6ff;--ui-blue: #2667ff;--ui-blue-dark: #103067}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif}#game-root{width:100vw;height:100vh;background:var(--bg);position:relative;overflow:hidden}#game{display:block;margin:0 auto;width:100%;height:100%;image-rendering:pixelated}#ui-root{position:absolute;inset:0;pointer-events:none;z-index:10}#topBar{position:absolute;top:18px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.top-panel{display:flex;flex-direction:column;gap:10px;pointer-events:auto}.top-panel.left .score-box{align-self:flex-start}.top-panel.left{align-items:flex-start}.top-panel.right{align-items:flex-end}.top-panel.center{align-items:center}.label-row{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:800}.label-row.right-align{justify-content:flex-end}.label-text{text-shadow:0 3px 0 rgba(0,0,0,.5)}.icon-circle,.icon-square{width:48px;height:48px}.icon-circle{border-radius:50%}.big-value{font-size:34px;font-weight:900;text-shadow:0 3px 0 rgba(0,0,0,.5)}.score-label{font-size:26px;font-weight:800;margin-bottom:4px;text-shadow:0 3px 0 rgba(0,0,0,.5)}.score-box{min-width:280px;padding:5px;border-radius:18px;background:var(--ui-blue-dark);border:3px solid var(--ui-blue);box-shadow:0 0 0 4px #000000a6,0 12px 22px #0009;text-align:center}.score-box span{display:inline-block;font-size:34px;font-weight:900;letter-spacing:2px}.icon-stack{display:flex;flex-direction:row;align-items:center;gap:10px}.top-panel.left .icon-stack{align-items:flex-start}.top-panel.right .icon-stack{align-items:flex-end}.icon-value{font-size:32px;font-weight:900;text-shadow:0 3px 0 rgba(0,0,0,.5)}.icon-square.missiles-icon{background:url(/assets/graphics/MissileIcon.svg) center/90% no-repeat}#secondaryBar{position:static;display:flex;flex-direction:row;align-items:center;gap:10px;margin-top:4px;font-size:14px;color:var(--muted)}.stat-pill{min-width:120px;padding:10px;border-radius:50px;background:#00000059;border:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center}.stat-pill span{font-weight:600;color:var(--ink);margin-left:4px}.primary-btn{padding:8px 16px;border-radius:999px;background:var(--ui-blue-dark);border:2px solid var(--ui-blue);color:var(--ink);font-size:14px;font-weight:600;cursor:pointer;pointer-events:auto;box-shadow:0 6px 12px #00000080}.primary-btn:hover{filter:brightness(1.15)}#tips{position:absolute;left:24px;bottom:24px;max-width:480px;color:var(--muted);font-size:13px;line-height:1.4;pointer-events:none;text-shadow:0 2px 0 rgba(0,0,0,.7)}#minimapWrapper{position:absolute;right:0;bottom:2px;width:100%;height:100%;max-width:220px;max-height:220px;border-radius:50%;background:transparent;border:none;box-shadow:none;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;pointer-events:none}#minimap{width:180px;height:180px;border-radius:50%;background:#050f28cc}.minimap-label{font-size:18px;font-weight:800;text-shadow:0 2px 0 rgba(0,0,0,.7)}button{font-family:inherit}