622a9fd170
Inverted tower-defense browser game — deploy enemies yourself, tower auto-kills them, pocket credits, upgrade weapons. HTML + Canvas + vanilla JS, no build step. Co-Authored-By: claude-flow <ruv@ruv.net>
15 lines
699 B
CSS
15 lines
699 B
CSS
/* ── VARIABLES ── */
|
|
:root {
|
|
--bg:#040a10; --panel:#060e16; --border:#122030; --border2:#1a3048;
|
|
--tower:#00d4ff; --tower-g:rgba(0,212,255,0.35); --health:#00ff88;
|
|
--danger:#ff3355; --credits:#ffd700; --text:#b8d8e8; --dim:#2a4a60;
|
|
--dim2:#3a6080; --bought:#1a3020; --locked:#0a1520;
|
|
--mono:'Share Tech Mono',monospace; --orb:'Orbitron',monospace;
|
|
}
|
|
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
|
|
html,body{width:100%;height:100%;overflow:hidden;background:#020508;color:var(--text);font-family:var(--mono);font-size:13px;user-select:none}
|
|
|
|
/* ── CANVAS: full viewport, behind everything ── */
|
|
#canvas{position:fixed;top:0;left:0;z-index:0;display:block}
|
|
|