/** * Post-Apocalyptic theme — bunker concrete, rust, dust haze, sickly yellow-green * radiation glow. Activated via data-world="postapoc" on . */ html[data-world="postapoc"] { /* Background — dusty olive-brown, like late afternoon through smog. */ --c-bg: #0e0f08; --c-bg-alt: #15160c; --c-bg-warm: #1a1a10; --c-surface: #1b1c12; --c-surface-light: #28281a; --c-border: #3a3a26; --c-border-glow: rgba(170, 184, 56, 0.25); --c-text: #d8d8b8; --c-text-dim: #94946a; --c-text-bright: #f0f0d0; /* Accent — sickly radiation yellow-green */ --c-accent: #aab838; --c-accent-dim: rgba(170, 184, 56, 0.18); --c-accent-glow: rgba(170, 184, 56, 0.45); /* Scraps — rust-orange */ --c-gold: #c88838; --c-gold-dim: rgba(200, 136, 56, 0.18); --c-gold-glow: rgba(200, 136, 56, 0.4); --c-heal: #7aae5a; --c-heal-dim: rgba(122, 174, 90, 0.15); --c-danger: #c84838; --c-danger-dim: rgba(200, 72, 56, 0.15); --c-danger-glow: rgba(200, 72, 56, 0.45); --c-mana: #7aa8a0; --c-mana-dim: rgba(122, 168, 160, 0.15); /* Walls — cracked concrete, rebar showing through. */ --c-wall: #2a2818; --c-wall-light: #3a382a; --c-wall-dark: #1a1810; --c-wall-edge: #4a4632; --c-floor: #1c1a10; --c-floor-alt: #221f14; --c-floor-edge: rgba(170, 184, 56, 0.04); --c-trail: rgba(200, 136, 56, 0.22); /* Wall texture — concrete with rebar streaks */ --wall-texture: url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='40' fill='%232a2818'/%3E%3Crect x='0' y='8' width='40' height='1' fill='%231a1810'/%3E%3Crect x='0' y='24' width='40' height='1' fill='%231a1810'/%3E%3Crect x='6' y='2' width='1' height='8' fill='%233a382a'/%3E%3Crect x='22' y='14' width='1' height='8' fill='%233a382a'/%3E%3Crect x='32' y='28' width='1' height='8' fill='%233a382a'/%3E%3Crect x='12' y='30' width='3' height='1' fill='%23aab838'/%3E%3C/svg%3E"); /* Floor — broken asphalt + dust */ --floor-texture: url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='40' fill='%231c1a10'/%3E%3Crect x='0' y='0' width='22' height='22' fill='%23221f14'/%3E%3Crect x='22' y='0' width='18' height='18' fill='%231f1d12'/%3E%3Crect x='0' y='22' width='18' height='18' fill='%231f1d12'/%3E%3Crect x='18' y='18' width='22' height='22' fill='%23221f14'/%3E%3Cline x1='0' y1='12' x2='40' y2='14' stroke='%231a180e' stroke-width='0.4'/%3E%3Cline x1='6' y1='0' x2='8' y2='40' stroke='%231a180e' stroke-width='0.4'/%3E%3C/svg%3E"); /* Background — radiation sky-glow + dust haze */ --bg-abyss: radial-gradient(ellipse at 30% 30%, rgba(170, 184, 56, 0.10) 0%, transparent 50%), radial-gradient(ellipse at 70% 70%, rgba(200, 136, 56, 0.07) 0%, transparent 45%), radial-gradient(ellipse at 50% 100%, rgba(140, 132, 80, 0.06) 0%, transparent 40%), radial-gradient(ellipse at 90% 20%, rgba(180, 100, 60, 0.05) 0%, transparent 35%); --fog-color: rgba(14, 14, 8, 0.95); }