:root{--bg: #0b1020;--bg2: #131a33;--panel: rgba(20, 26, 50, .85);--panel-edge: rgba(120, 140, 220, .18);--text: #e6ecff;--muted: #8a96c0;--accent: #7cf0ff;--accent2: #f59e0b;--danger: #ef4444;--good: #22c55e;--shadow: 0 8px 32px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;height:100%;background:radial-gradient(ellipse at top,#1c2554 0%,var(--bg) 60%);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Inter,sans-serif;overflow:hidden}button{background:linear-gradient(180deg,#2b3a78,#1b2554);color:var(--text);border:1px solid var(--panel-edge);border-radius:10px;padding:10px 16px;font-weight:600;cursor:pointer;transition:transform .05s ease,background .15s ease,box-shadow .15s ease;font-size:14px}button:hover:not(:disabled){background:linear-gradient(180deg,#3b4e9c,#233072);box-shadow:0 4px 12px #283ca066}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:linear-gradient(180deg,#7cf0ff,#3aa6c2);color:#06121a;border-color:transparent}button.primary:hover:not(:disabled){background:linear-gradient(180deg,#a4f6ff,#4cc0dc)}button.danger{background:linear-gradient(180deg,#ef4444,#a32b2b)}input[type=text],input[type=number]{background:#0c1230;color:var(--text);border:1px solid var(--panel-edge);border-radius:8px;padding:10px 12px;font-size:14px;outline:none}input:focus{border-color:var(--accent)}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.card{background:var(--panel);border:1px solid var(--panel-edge);border-radius:16px;padding:24px;min-width:360px;max-width:720px;box-shadow:var(--shadow);backdrop-filter:blur(10px)}.card h1{margin-top:0;font-size:28px;letter-spacing:.5px}.card h2{margin-top:0;font-size:20px}.row{display:flex;gap:10px;align-items:center}.col{display:flex;flex-direction:column;gap:10px}.grow{flex:1}.muted{color:var(--muted);font-size:13px}.spacer{height:12px}.error{color:var(--danger);font-size:13px;min-height:18px}.game-root{position:relative;width:100%;height:100%}canvas#world{position:absolute;inset:0;width:100%;height:100%;display:block;background:#0a0f22}.hud{position:absolute;inset:0;pointer-events:none}.hud .panel{pointer-events:auto}.top-bar{position:absolute;top:12px;left:12px;right:12px;display:flex;gap:12px;align-items:center;justify-content:space-between}.player-pill{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--panel);border:1px solid var(--panel-edge);font-size:13px}.dot{width:10px;height:10px;border-radius:50%}.bottom-bar{position:absolute;bottom:12px;left:12px;right:12px;display:flex;gap:12px;align-items:flex-end;justify-content:space-between}.aim-panel{background:var(--panel);padding:14px;border-radius:14px;border:1px solid var(--panel-edge);min-width:320px}.aim-row{display:flex;gap:10px;align-items:center}.aim-row label{width:60px;color:var(--muted);font-size:13px}.aim-row input[type=range]{flex:1}.weapon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-width:360px}.weapon-btn{padding:8px 6px;font-size:12px;border-radius:8px;text-align:left}.weapon-btn.selected{outline:2px solid var(--accent)}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.shop-card{background:#131a33;padding:12px;border-radius:10px;border:1px solid var(--panel-edge)}.shop-card h3{margin:0 0 4px;font-size:14px}.shop-card p{margin:0 0 8px;font-size:12px;color:var(--muted);min-height:32px}.turn-banner{position:absolute;top:56px;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--panel-edge);padding:6px 14px;border-radius:999px;font-size:14px}.chip{background:#0c1230;border:1px solid var(--panel-edge);padding:4px 8px;border-radius:8px;font-size:12px}