/*
* Google Fonts are now loaded via +
* in the HTML — preconnect establishes the TCP+TLS connection early,
* and a is non-render-blocking (unlike @import which blocks the parser).
*/
/* ── Tokens ──────────────────────────────────────────────────────────────── */
:root {
/* Backgrounds */
--void: #020a18;
--abyss: #010712;
--deep-navy: #050f24;
--navy: #0a1a38;
/* Cyber blue — primary accent (calibrated to Unknown Security Conference palette) */
--cyber: #0094e0;
--cyber-bright:#00e5ff;
--cyber-deep: #003a70;
--cyber-dim: #004a88;
/* Red Team (danger / enemy) — kept vivid for gameplay contrast */
--ember: #ff2200;
--flame: #ff4400;
--fire: #ff0000;
/* Scores / gold */
--gold: #f0c040;
--gold-dim: #8a6e00;
/* Blue Team (ice) */
--ice: #00d8ff;
--ice-dim: #004d80;
/* Glows — updated to match vivid cyan (#00e5ff) accent */
--glow-cyber: 0 0 22px rgba(0,170,255,0.65), 0 0 8px rgba(0,229,255,0.40);
--glow-fire: 0 0 22px rgba(255,50,0,0.60), 0 0 6px rgba(255,50,0,0.30);
--glow-ice: 0 0 22px rgba(0,229,255,0.55), 0 0 8px rgba(0,229,255,0.30);
--glow-gold: 0 0 18px rgba(240,192,64,0.50);
/* Glitch effect colors */
--glitch-red: rgba(255, 30, 30, 0.80);
--glitch-cyan: rgba(0, 229, 255, 0.80);
/* Surfaces */
--surface: rgba(2, 12, 30, 0.82);
--border: rgba(0, 148, 224, 0.20);
/* Fonts */
--font-display:'Bebas Neue', sans-serif;
--font-title: 'Cinzel Decorative', serif;
--font-hud: 'Press Start 2P', monospace;
--font-ui: 'Rajdhani', sans-serif;
--font-tech: 'Orbitron', monospace;
}
/* ── Reset ───────────────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body {
width: 100%; height: 100%;
overflow: hidden;
background: var(--void);
color: #c8dff0;
font-family: var(--font-ui);
-webkit-font-smoothing: antialiased;
}
button { font-family: inherit; cursor: pointer; border: none; background: none; }
img { display: block; }