:root{--bg-primary: #0f1118;--bg-secondary: #1a1d2e;--bg-card: #242840;--text-primary: #e8e8f0;--text-secondary: #8888a0;--red: #ef4444;--blue: #3b82f6;--yellow: #eab308;--green: #22c55e;--accent: #8b5cf6;--border: #333355}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh}button{cursor:pointer;border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);padding:8px 16px;border-radius:6px;font-size:14px;transition:all .15s}button:hover{background:#2d3152;border-color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.primary:hover{background:#7c3aed}input{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);padding:8px 12px;border-radius:6px;font-size:14px;outline:none}input:focus{border-color:var(--accent)}.resource-dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:4px}.resource-dot.red{background:var(--red)}.resource-dot.blue{background:var(--blue)}.resource-dot.yellow{background:var(--yellow)}.resource-dot.green{background:var(--green)}