/* Generated by merge-slots.js — ready writer skins only */

/* slot 1 sam */
/* 1 - Terminal Mode / Sam Okonkwo */
[data-nerd-type="1"] {
  --bg: #0a0f0a;
  --bg-panel: #121a12;
  --bg-card: #162016;
  --phosphor: #39ff14;
  --phosphor-dim: #2bc410;
  --amber: #ffb000;
  --amber-dim: #cc8c00;
  --magenta: #ff2d95;
  --cyan: #00e5ff;
  --text: #d8eed8;
  --text-muted: #8fcc8f;
  --border: #2a4a2a;
  --shadow-glow: 0 0 20px rgba(57, 255, 20, 0.15);
  --font-display: "Press Start 2P", monospace;
  --font-body: "VT323", "Consolas", monospace;
  --font-mono: "VT323", monospace;
  --scanline-opacity: 0.28;
  --mascot-filter: drop-shadow(0 0 10px rgba(57, 255, 20, 0.4));
  --header-bg: rgba(10, 15, 10, 0.95);
  --btn-text-on: #0a0f0a;
  --theme-color: #0a0f0a;
  --hover-bg: rgba(57, 255, 20, 0.1);
  --hover-bg-strong: rgba(57, 255, 20, 0.14);
  --hero-gradient: radial-gradient(ellipse at 50% 0%, rgba(57, 255, 20, 0.08) 0%, transparent 60%);
  --payid-bg: rgba(57, 255, 20, 0.08);
  --step-bg: rgba(57, 255, 20, 0.15);
  --display-scale: 0.55rem;
  --display-line: 1.6;
  --brand-size: clamp(0.55rem, 2.5vw, 0.7rem);
  --h1-size: clamp(0.85rem, 4vw, 1.35rem);
  --h2-size: clamp(0.7rem, 2.8vw, 1rem);
  --menu-btn-size: 0.45rem;
  --btn-size: 0.55rem;
  --radius: 0;
  --brand-shadow: 0 0 10px var(--phosphor);
  --btn-shadow: 0 0 12px rgba(57, 255, 20, 0.35);
}

/* slot 2 rio */
/* 2 - Arcade Mode / Rio Martinez - cabinet skin, not identity */
[data-nerd-type="2"] {
  --bg: #1a1030;
  --bg-panel: #221845;
  --bg-card: #2a1f55;
  --phosphor: #ffd700;
  --phosphor-dim: #e6c200;
  --amber: #ff4757;
  --amber-dim: #cc3945;
  --magenta: #e040fb;
  --cyan: #448aff;
  --text: #fff8e7;
  --text-muted: #c9b8e8;
  --border: #4a3a7a;
  --shadow-glow: 0 0 16px rgba(255, 215, 0, 0.2);
  --font-display: "Press Start 2P", monospace;
  --font-body: "VT323", monospace;
  --font-mono: "VT323", monospace;
  --scanline-opacity: 0.12;
  --mascot-filter: drop-shadow(0 0 10px rgba(255, 215, 0, 0.45));
  --header-bg: rgba(26, 16, 48, 0.96);
  --btn-text-on: #1a1030;
  --theme-color: #1a1030;
  --hover-bg: rgba(255, 215, 0, 0.1);
  --hover-bg-strong: rgba(255, 215, 0, 0.16);
  --hero-gradient: radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.1) 0%, transparent 55%);
  --payid-bg: rgba(255, 215, 0, 0.1);
  --step-bg: rgba(255, 215, 0, 0.14);
  --display-scale: 0.55rem;
  --display-line: 1.6;
  --brand-size: clamp(0.55rem, 2.5vw, 0.7rem);
  --h1-size: clamp(0.85rem, 4vw, 1.35rem);
  --h2-size: clamp(0.7rem, 2.8vw, 1rem);
  --menu-btn-size: 0.45rem;
  --btn-size: 0.55rem;
  --radius: 2px;
  --brand-shadow: 0 0 10px var(--phosphor);
  --btn-shadow: 0 0 12px rgba(255, 215, 0, 0.35);
}

[data-nerd-type="2"] body {
  background-color: var(--bg);
  background-image:
    repeating-linear-gradient(
      to bottom,
      transparent,
      transparent 2px,
      rgba(0, 0, 0, 0.18) 2px,
      rgba(0, 0, 0, 0.18) 3px
    ),
    var(--hero-gradient);
  color: var(--text);
  font-family: var(--font-body);
}

[data-nerd-type="2"] .hero h1,
[data-nerd-type="2"] h2,
[data-nerd-type="2"] .brand {
  font-family: var(--font-display);
  letter-spacing: 0.04em;
  text-shadow: var(--brand-shadow), 2px 2px 0 var(--phosphor-dim);
  line-height: 1.8;
}

[data-nerd-type="2"] .hero-badge,
[data-nerd-type="2"] .section-label {
  font-family: var(--font-mono);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--amber);
}

[data-nerd-type="2"] .btn {
  border-radius: var(--radius);
  box-shadow: var(--btn-shadow);
}

[data-nerd-type="2"] .package,
[data-nerd-type="2"] .payment-panel,
[data-nerd-type="2"] .contact-panel,
[data-nerd-type="2"] .card {
  border-color: var(--border);
  box-shadow: var(--shadow-glow);
}

[data-nerd-type="2"] .payid-value,
[data-nerd-type="2"] .package-price,
[data-nerd-type="2"] .quick-fix-price,
[data-nerd-type="2"] .step-num {
  font-family: var(--font-display);
  font-size: calc(var(--display-scale) + 0.1rem);
  color: var(--phosphor);
}

/* slot 3 amara */
/* Starship Mode - LCARS tokens only */
[data-nerd-type="3"] {
  --bg: #0a1628;
  --bg-panel: #101c30;
  --bg-card: #152238;
  --phosphor: #ff9944;
  --phosphor-dim: #e07a2a;
  --amber: #cc99ff;
  --amber-dim: #a87ae6;
  --magenta: #ff6666;
  --cyan: #66ccff;
  --text: #e8eef8;
  --text-muted: #9ab0cc;
  --border: #2a4060;
  --shadow-glow: 0 0 18px rgba(102, 204, 255, 0.12);
  --font-display: "Orbitron", sans-serif;
  --font-body: "Share Tech Mono", monospace;
  --font-mono: "Share Tech Mono", monospace;
  --scanline-opacity: 0;
  --mascot-filter: drop-shadow(0 0 10px rgba(102, 204, 255, 0.4));
  --header-bg: rgba(10, 22, 40, 0.96);
  --btn-text-on: #0a1628;
  --theme-color: #0a1628;
  --hover-bg: rgba(102, 204, 255, 0.1);
  --hover-bg-strong: rgba(102, 204, 255, 0.16);
  --hero-gradient: radial-gradient(ellipse at 30% 0%, rgba(102, 204, 255, 0.12) 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, rgba(255, 153, 68, 0.08) 0%, transparent 45%);
  --payid-bg: rgba(102, 204, 255, 0.08);
  --step-bg: rgba(255, 153, 68, 0.12);
  --display-scale: 0.65rem;
  --display-line: 1.5;
  --brand-size: clamp(0.65rem, 2.8vw, 0.85rem);
  --h1-size: clamp(1rem, 4vw, 1.5rem);
  --h2-size: clamp(0.75rem, 2.5vw, 0.95rem);
  --menu-btn-size: 0.7rem;
  --btn-size: 0.7rem;
  --lcars-radius: 24px 4px 24px 4px;
  --brand-shadow: 0 0 10px var(--cyan);
  --btn-shadow: 0 0 12px rgba(255, 153, 68, 0.35);
}

/* slot 4 priya */
[data-nerd-type="4"] {
  --bg: #f4f7fb;
  --bg-panel: #ffffff;
  --bg-card: #eef3f9;
  --phosphor: #0066cc;
  --amber: #e67e22;
  --text: #1a2a3a;
  --text-muted: #4a5f72;
  --border: #c5d4e4;
  --font-display: "IBM Plex Sans", system-ui, sans-serif;
  --font-body: "IBM Plex Sans", system-ui, sans-serif;
  --theme-color: #f4f7fb;
  --header-bg: rgba(244, 247, 251, 0.97);
  --btn-text-on: #ffffff;
}

/* slot 5 elias */
/* 5 - Study Hall Mode / Elias Bergstrom */
[data-nerd-type="5"] {
  --bg: #f5f0e6;
  --bg-panel: #faf7f0;
  --bg-card: #ede8dc;
  --phosphor: #6b3a2a;
  --phosphor-dim: #543020;
  --amber: #b8860b;
  --amber-dim: #96700a;
  --magenta: #7a4a3a;
  --cyan: #2e5d4e;
  --text: #2c2416;
  --text-muted: #5c4f3a;
  --border: #d4c9b5;
  --shadow-glow: 0 2px 10px rgba(107, 58, 42, 0.08);
  --font-display: "Lora", Georgia, serif;
  --font-body: "Source Serif 4", Georgia, serif;
  --font-mono: "Source Serif 4", Georgia, serif;
  --scanline-opacity: 0;
  --mascot-filter: none;
  --mascot-scale: 0.8;
  --heading-shadow: none;
  --brand-shadow: none;
  --btn-shadow: 0 1px 4px rgba(107, 58, 42, 0.15);
  --header-bg: rgba(245, 240, 230, 0.97);
  --btn-text-on: #faf7f0;
  --theme-color: #f5f0e6;
  --hover-bg: rgba(107, 58, 42, 0.07);
  --hover-bg-strong: rgba(107, 58, 42, 0.11);
  --hero-gradient: radial-gradient(ellipse at 50% 0%, rgba(184, 134, 11, 0.08) 0%, transparent 55%);
  --payid-bg: rgba(107, 58, 42, 0.06);
  --step-bg: rgba(184, 134, 11, 0.12);
  --display-scale: 1rem;
  --display-line: 1.35;
  --body-size: 1.05rem;
  --brand-size: clamp(1rem, 3.2vw, 1.2rem);
  --h1-size: clamp(1.6rem, 5vw, 2.2rem);
  --h2-size: clamp(1.15rem, 3vw, 1.45rem);
  --menu-btn-size: 0.85rem;
  --btn-size: 0.9rem;
  --radius: 6px;
}

/* slot 6 sofia */
/* Kawaii Code Mode - Sofia Andrade */
[data-nerd-type="6"] {
  --bg: #1a1025;
  --bg-panel: #251535;
  --bg-card: #2d1a45;
  --phosphor: #ff6eb4;
  --phosphor-dim: #e0559a;
  --amber: #ffd93d;
  --amber-dim: #e6c235;
  --magenta: #c084fc;
  --cyan: #67e8f9;
  --text: #f5e6ff;
  --text-muted: #c9a8e0;
  --border: #4a3068;
  --shadow-glow: 0 0 20px rgba(255, 110, 180, 0.15);
  --font-display: "M PLUS Rounded 1c", "Nunito", sans-serif;
  --font-body: "Nunito", system-ui, sans-serif;
  --font-mono: "Nunito", system-ui, sans-serif;
  --scanline-opacity: 0;
  --mascot-filter: drop-shadow(0 0 12px rgba(255, 110, 180, 0.4));
  --header-bg: rgba(26, 16, 37, 0.96);
  --btn-text-on: #1a1025;
  --theme-color: #1a1025;
  --hover-bg: rgba(255, 110, 180, 0.1);
  --hover-bg-strong: rgba(255, 110, 180, 0.16);
  --hero-gradient: radial-gradient(ellipse at 20% 0%, rgba(255, 110, 180, 0.12) 0%, transparent 50%), radial-gradient(ellipse at 80% 10%, rgba(103, 232, 249, 0.08) 0%, transparent 45%);
  --payid-bg: rgba(255, 110, 180, 0.08);
  --step-bg: rgba(255, 110, 180, 0.12);
  --display-scale: 0.85rem;
  --display-line: 1.4;
  --brand-size: clamp(0.85rem, 3vw, 1rem);
  --h1-size: clamp(1.2rem, 4.5vw, 1.75rem);
  --h2-size: clamp(0.95rem, 2.8vw, 1.2rem);
  --menu-btn-size: 0.8rem;
  --btn-size: 0.85rem;
  --radius: 12px;
}

/* slot 7 finn */
/* 7 - Quest Log Mode / Finn O'Brien */
[data-nerd-type="7"] {
  --bg: #2c2416;
  --bg-panel: #3d3225;
  --bg-card: #4a3f2f;
  --phosphor: #c9a227;
  --phosphor-dim: #a88620;
  --amber: #8b2500;
  --amber-dim: #6e1e00;
  --magenta: #6b4423;
  --cyan: #4a6741;
  --text: #f4ead5;
  --text-muted: #c4b79a;
  --border: #6b5a42;
  --shadow-glow: 0 0 16px rgba(201, 162, 39, 0.12);
  --font-display: "Cinzel", Georgia, serif;
  --font-body: "Crimson Pro", Georgia, serif;
  --font-mono: "Crimson Pro", Georgia, serif;
  --scanline-opacity: 0;
  --mascot-filter: drop-shadow(0 0 8px rgba(201, 162, 39, 0.35));
  --header-bg: rgba(44, 36, 22, 0.96);
  --btn-text-on: #2c2416;
  --theme-color: #2c2416;
  --hover-bg: rgba(201, 162, 39, 0.1);
  --hover-bg-strong: rgba(201, 162, 39, 0.16);
  --hero-gradient: radial-gradient(ellipse at 50% 0%, rgba(201, 162, 39, 0.1) 0%, transparent 55%);
  --payid-bg: rgba(201, 162, 39, 0.08);
  --step-bg: rgba(201, 162, 39, 0.12);
  --display-scale: 0.9rem;
  --display-line: 1.4;
  --brand-size: clamp(0.85rem, 3vw, 1rem);
  --h1-size: clamp(1.3rem, 4.5vw, 1.85rem);
  --h2-size: clamp(1rem, 2.8vw, 1.25rem);
  --menu-btn-size: 0.8rem;
  --btn-size: 0.85rem;
  --radius: 6px;
}

/* slot 8 marcus */
/* 8 - Comic Mode / Marcus Webb - bold primaries, not a cape identity */
[data-nerd-type="8"] {
  --bg: #0d1b4d;
  --bg-panel: #152560;
  --bg-card: #1a2f75;
  --phosphor: #ff4136;
  --phosphor-dim: #cc342b;
  --amber: #ffdc00;
  --amber-dim: #e6c600;
  --magenta: #0074d9;
  --cyan: #01ff70;
  --text: #f4f8ff;
  --text-muted: #a8b8e8;
  --border: #2a4490;
  --shadow-glow: 0 0 18px rgba(255, 65, 54, 0.2);
  --font-display: "Bangers", "Anton", sans-serif;
  --font-body: "Roboto", system-ui, sans-serif;
  --font-mono: "Roboto", system-ui, sans-serif;
  --scanline-opacity: 0;
  --mascot-filter: drop-shadow(0 0 10px rgba(255, 220, 0, 0.45));
  --header-bg: rgba(13, 27, 77, 0.96);
  --btn-text-on: #0d1b4d;
  --theme-color: #0d1b4d;
  --hover-bg: rgba(255, 65, 54, 0.12);
  --hover-bg-strong: rgba(255, 65, 54, 0.18);
  --hero-gradient: radial-gradient(ellipse at 20% 0%, rgba(255, 65, 54, 0.15) 0%, transparent 50%), radial-gradient(ellipse at 80% 10%, rgba(0, 116, 217, 0.12) 0%, transparent 45%);
  --payid-bg: rgba(255, 220, 0, 0.1);
  --step-bg: rgba(255, 65, 54, 0.14);
  --display-scale: 1rem;
  --display-line: 1.3;
  --brand-size: clamp(1rem, 3.5vw, 1.3rem);
  --h1-size: clamp(1.5rem, 5vw, 2.2rem);
  --h2-size: clamp(1.1rem, 3vw, 1.4rem);
  --menu-btn-size: 0.85rem;
  --btn-size: 0.9rem;
  --radius: 4px;
}

/* slot 9 ingrid */
/* Ingrid Voss - Maker Mode */
[data-nerd-type="9"] {
  --bg: #1c1c1e;
  --bg-panel: #2a2a2e;
  --bg-card: #333338;
  --phosphor: #ff6b00;
  --phosphor-dim: #e05a00;
  --amber: #ffc107;
  --amber-dim: #e6ad00;
  --magenta: #78909c;
  --cyan: #26a69a;
  --text: #eceff1;
  --text-muted: #b0bec5;
  --border: #455a64;
  --shadow-glow: 0 0 14px rgba(255, 107, 0, 0.15);
  --font-display: "Oswald", sans-serif;
  --font-body: "Roboto", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", monospace;
  --scanline-opacity: 0;
  --mascot-filter: drop-shadow(0 0 8px rgba(255, 107, 0, 0.35));
  --header-bg: rgba(28, 28, 30, 0.96);
  --btn-text-on: #1c1c1e;
  --theme-color: #1c1c1e;
  --hover-bg: rgba(255, 107, 0, 0.1);
  --hover-bg-strong: rgba(255, 107, 0, 0.16);
  --hero-gradient: radial-gradient(ellipse at 50% 0%, rgba(255, 107, 0, 0.1) 0%, transparent 55%);
  --payid-bg: rgba(255, 107, 0, 0.08);
  --step-bg: rgba(255, 107, 0, 0.12);
  --display-scale: 0.95rem;
  --display-line: 1.35;
  --brand-size: clamp(0.9rem, 3vw, 1.1rem);
  --h1-size: clamp(1.4rem, 4.5vw, 2rem);
  --h2-size: clamp(1.05rem, 2.8vw, 1.3rem);
  --menu-btn-size: 0.8rem;
  --btn-size: 0.85rem;
  --radius: 2px;
}

[data-nerd-type="9"] body {
  background:
    linear-gradient(180deg, rgba(38, 166, 154, 0.04) 0%, transparent 28%),
    var(--hero-gradient),
    var(--bg);
}

[data-nerd-type="9"] .brand,
[data-nerd-type="9"] .hero h1,
[data-nerd-type="9"] h2 {
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

[data-nerd-type="9"] .hero h1 {
  text-shadow: 0 0 12px rgba(255, 107, 0, 0.28);
}

[data-nerd-type="9"] .btn,
[data-nerd-type="9"] .package,
[data-nerd-type="9"] .payment-panel,
[data-nerd-type="9"] .contact-panel,
[data-nerd-type="9"] .card {
  border-radius: 2px;
}

[data-nerd-type="9"] .btn:hover {
  box-shadow: 0 0 18px rgba(255, 107, 0, 0.45);
}

[data-nerd-type="9"] .package,
[data-nerd-type="9"] .card {
  box-shadow: inset 0 1px 0 rgba(255, 193, 7, 0.12), var(--shadow-glow);
}

[data-nerd-type="9"] .hero-badge,
[data-nerd-type="9"] .section-label {
  color: var(--cyan);
  font-family: var(--font-mono);
  letter-spacing: 0.08em;
}

/* slot 10 leila */
[data-nerd-type="10"] {
  --bg: #0a0a0a;
  --bg-panel: #141414;
  --bg-card: #1a1a1a;
  --phosphor: #d4af37;
  --phosphor-dim: #b8942f;
  --amber: #c41e3a;
  --amber-dim: #9e1830;
  --magenta: #8b7355;
  --cyan: #e8e8e8;
  --text: #f5f0e6;
  --text-muted: #a89880;
  --border: #3a3a3a;
  --shadow-glow: 0 0 20px rgba(212, 175, 55, 0.12);
  --font-display: "Bebas Neue", sans-serif;
  --font-body: "Roboto", system-ui, sans-serif;
  --font-mono: "Roboto", system-ui, sans-serif;
  --scanline-opacity: 0.06;
  --mascot-filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.35));
  --header-bg: rgba(10, 10, 10, 0.97);
  --btn-text-on: #0a0a0a;
  --theme-color: #0a0a0a;
  --hover-bg: rgba(212, 175, 55, 0.1);
  --hover-bg-strong: rgba(212, 175, 55, 0.16);
  --hero-gradient: radial-gradient(ellipse at 50% 0%, rgba(212, 175, 55, 0.08) 0%, transparent 55%);
  --payid-bg: rgba(212, 175, 55, 0.08);
  --step-bg: rgba(212, 175, 55, 0.12);
  --display-scale: 1.1rem;
  --display-line: 1.25;
  --brand-size: clamp(1.1rem, 3.5vw, 1.4rem);
  --h1-size: clamp(1.6rem, 5vw, 2.4rem);
  --h2-size: clamp(1.15rem, 3vw, 1.45rem);
  --menu-btn-size: 0.85rem;
  --btn-size: 0.9rem;
  --radius: 0;
}

/* slot 11 diego */
/* 11 - Studio Mode / Diego Reyes */
[data-nerd-type="11"] {
  --bg: #12081f;
  --bg-panel: #1a1030;
  --bg-card: #221840;
  --phosphor: #00f5d4;
  --phosphor-dim: #00c4aa;
  --amber: #f72585;
  --amber-dim: #c41e6a;
  --magenta: #7209b7;
  --cyan: #4361ee;
  --text: #f0ebff;
  --text-muted: #b8a8d8;
  --border: #3a2860;
  --shadow-glow: 0 0 20px rgba(0, 245, 212, 0.12);
  --font-display: "Anton", sans-serif;
  --font-body: "Work Sans", system-ui, sans-serif;
  --font-mono: "Work Sans", system-ui, sans-serif;
  --scanline-opacity: 0;
  --mascot-filter: drop-shadow(0 0 12px rgba(247, 37, 133, 0.4));
  --header-bg: rgba(18, 8, 31, 0.96);
  --btn-text-on: #12081f;
  --theme-color: #12081f;
  --hover-bg: rgba(0, 245, 212, 0.1);
  --hover-bg-strong: rgba(0, 245, 212, 0.16);
  --hero-gradient: radial-gradient(ellipse at 30% 0%, rgba(247, 37, 133, 0.12) 0%, transparent 50%), radial-gradient(ellipse at 70% 10%, rgba(0, 245, 212, 0.1) 0%, transparent 45%);
  --payid-bg: rgba(0, 245, 212, 0.08);
  --step-bg: rgba(247, 37, 133, 0.12);
  --display-scale: 1rem;
  --display-line: 1.3;
  --brand-size: clamp(1rem, 3.2vw, 1.2rem);
  --h1-size: clamp(1.5rem, 4.5vw, 2.1rem);
  --h2-size: clamp(1.1rem, 2.8vw, 1.35rem);
  --menu-btn-size: 0.85rem;
  --btn-size: 0.9rem;
  --radius: 8px;
}

/* slot 12 avery */
/* 12 - Convention Mode / Avery Park */
[data-nerd-type="12"] {
  --bg: #1a0a2e;
  --bg-panel: #240f3d;
  --bg-card: #2e1450;
  --phosphor: #00d4ff;
  --phosphor-dim: #00a8cc;
  --amber: #ff006e;
  --amber-dim: #cc0058;
  --magenta: #8338ec;
  --cyan: #ffbe0b;
  --text: #faf0ff;
  --text-muted: #c8a8e8;
  --border: #4a2878;
  --shadow-glow: 0 0 22px rgba(131, 56, 236, 0.18);
  --font-display: "Poppins", sans-serif;
  --font-body: "Rubik", system-ui, sans-serif;
  --font-mono: "Rubik", system-ui, sans-serif;
  --scanline-opacity: 0;
  --mascot-filter: drop-shadow(0 0 14px rgba(255, 0, 110, 0.4));
  --header-bg: rgba(26, 10, 46, 0.96);
  --btn-text-on: #1a0a2e;
  --theme-color: #1a0a2e;
  --hover-bg: rgba(0, 212, 255, 0.1);
  --hover-bg-strong: rgba(0, 212, 255, 0.16);
  --hero-gradient: radial-gradient(ellipse at 15% 0%, rgba(255, 0, 110, 0.12) 0%, transparent 45%), radial-gradient(ellipse at 85% 5%, rgba(255, 190, 11, 0.1) 0%, transparent 40%);
  --payid-bg: rgba(131, 56, 236, 0.1);
  --step-bg: rgba(0, 212, 255, 0.12);
  --display-scale: 0.9rem;
  --display-line: 1.35;
  --brand-size: clamp(0.9rem, 3vw, 1.05rem);
  --h1-size: clamp(1.3rem, 4.5vw, 1.85rem);
  --h2-size: clamp(1rem, 2.8vw, 1.25rem);
  --menu-btn-size: 0.8rem;
  --btn-size: 0.85rem;
  --radius: 14px;
}

/* slot 13 elena */
/* 13 - Proof Mode / Dr. Elena Volkov */
[data-nerd-type="13"] {
  --bg: #fafafa;
  --bg-panel: #ffffff;
  --bg-card: #f0f0f0;
  --phosphor: #1565c0;
  --phosphor-dim: #0d47a1;
  --amber: #c62828;
  --amber-dim: #a02020;
  --magenta: #6a1b9a;
  --cyan: #00838f;
  --text: #212121;
  --text-muted: #616161;
  --border: #bdbdbd;
  --shadow-glow: 0 2px 10px rgba(21, 101, 192, 0.08);
  --font-display: "Inter", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --font-mono: "Fira Code", monospace;
  --scanline-opacity: 0;
  --mascot-filter: none;
  --mascot-scale: 0.85;
  --heading-shadow: none;
  --brand-shadow: none;
  --btn-shadow: 0 1px 4px rgba(21, 101, 192, 0.2);
  --header-bg: rgba(250, 250, 250, 0.97);
  --btn-text-on: #ffffff;
  --theme-color: #fafafa;
  --hover-bg: rgba(21, 101, 192, 0.08);
  --hover-bg-strong: rgba(21, 101, 192, 0.12);
  --hero-gradient: linear-gradient(180deg, rgba(21, 101, 192, 0.04) 0%, transparent 40%);
  --payid-bg: rgba(21, 101, 192, 0.06);
  --step-bg: rgba(21, 101, 192, 0.1);
  --display-scale: 0.95rem;
  --display-line: 1.35;
  --body-size: 1.05rem;
  --brand-size: clamp(0.95rem, 3vw, 1.1rem);
  --h1-size: clamp(1.5rem, 5vw, 2rem);
  --h2-size: clamp(1.1rem, 3vw, 1.35rem);
  --menu-btn-size: 0.8rem;
  --btn-size: 0.875rem;
  --radius: 4px;
}

/* slot 14 james */
/* James Okafor - Archive Mode. Finding-aid brown, folio gold, no ceremony. */
[data-nerd-type="14"] {
  --bg: #3d3428;
  --bg-panel: #4a4035;
  --bg-card: #564c40;
  --phosphor: #c4a574;
  --phosphor-dim: #a08858;
  --amber: #8b4513;
  --amber-dim: #6e370f;
  --magenta: #5c4033;
  --cyan: #6b8e6b;
  --text: #f0e8d8;
  --text-muted: #c4b8a0;
  --border: #6b5e4e;
  --shadow-glow: 0 0 14px rgba(196, 165, 116, 0.1);
  --font-display: "EB Garamond", Georgia, serif;
  --font-body: "Source Serif 4", Georgia, serif;
  --font-mono: "Source Serif 4", Georgia, serif;
  --scanline-opacity: 0;
  --mascot-filter: sepia(0.3);
  --header-bg: rgba(61, 52, 40, 0.96);
  --btn-text-on: #3d3428;
  --theme-color: #3d3428;
  --hover-bg: rgba(196, 165, 116, 0.1);
  --hover-bg-strong: rgba(196, 165, 116, 0.16);
  --hero-gradient: radial-gradient(ellipse at 50% 0%, rgba(196, 165, 116, 0.08) 0%, transparent 55%);
  --payid-bg: rgba(196, 165, 116, 0.08);
  --step-bg: rgba(196, 165, 116, 0.12);
  --display-scale: 1rem;
  --display-line: 1.4;
  --brand-size: clamp(1rem, 3.2vw, 1.2rem);
  --h1-size: clamp(1.6rem, 5vw, 2.2rem);
  --h2-size: clamp(1.15rem, 3vw, 1.4rem);
  --menu-btn-size: 0.85rem;
  --btn-size: 0.9rem;
  --radius: 2px;
}

[data-nerd-type="14"] body {
  background-color: var(--bg);
  background-image:
    linear-gradient(180deg, rgba(196, 165, 116, 0.04) 0%, transparent 28%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 27px,
      rgba(139, 69, 19, 0.05) 28px
    );
}

[data-nerd-type="14"] .hero-badge,
[data-nerd-type="14"] .section-label {
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-family: var(--font-display);
  color: var(--phosphor);
}

[data-nerd-type="14"] .hero h1,
[data-nerd-type="14"] h2,
[data-nerd-type="14"] .brand {
  font-family: var(--font-display);
  font-weight: 600;
}

[data-nerd-type="14"] .btn {
  border-radius: var(--radius);
  box-shadow: var(--shadow-glow);
}

[data-nerd-type="14"] .package,
[data-nerd-type="14"] .payment-panel,
[data-nerd-type="14"] .contact-panel {
  border-color: var(--border);
  box-shadow: inset 0 0 0 1px rgba(196, 165, 116, 0.08);
}

/* slot 15 chioma */
/* 15 - Chioma Eze / Frame Mode */
[data-nerd-type="15"] {
  --bg: #1a1a1a;
  --bg-panel: #242424;
  --bg-card: #2e2e2e;
  --phosphor: #ffffff;
  --phosphor-dim: #e0e0e0;
  --amber: #ff9800;
  --amber-dim: #e68900;
  --magenta: #757575;
  --cyan: #4fc3f7;
  --text: #f5f5f5;
  --text-muted: #bdbdbd;
  --border: #424242;
  --shadow-glow: 0 0 16px rgba(255, 255, 255, 0.06);
  --font-display: "Montserrat", sans-serif;
  --font-body: "Open Sans", system-ui, sans-serif;
  --font-mono: "Open Sans", system-ui, sans-serif;
  --scanline-opacity: 0;
  --mascot-filter: grayscale(0.2) contrast(1.1);
  --header-bg: rgba(26, 26, 26, 0.97);
  --btn-text-on: #1a1a1a;
  --theme-color: #1a1a1a;
  --hover-bg: rgba(255, 255, 255, 0.06);
  --hover-bg-strong: rgba(255, 255, 255, 0.1);
  --hero-gradient: radial-gradient(ellipse at 50% 0%, rgba(255, 255, 255, 0.04) 0%, transparent 55%);
  --payid-bg: rgba(255, 255, 255, 0.05);
  --step-bg: rgba(255, 255, 255, 0.08);
  --display-scale: 0.85rem;
  --display-line: 1.4;
  --brand-size: clamp(0.85rem, 3vw, 1rem);
  --h1-size: clamp(1.3rem, 4.5vw, 1.85rem);
  --h2-size: clamp(1rem, 2.8vw, 1.25rem);
  --menu-btn-size: 0.8rem;
  --btn-size: 0.85rem;
  --radius: 0;
}

/* slot 16 tess */
/* Tess Score - Scoreboard Mode */
[data-nerd-type="16"] {
  --bg: #1a2e14;
  --bg-panel: #24381c;
  --bg-card: #2d4422;
  --phosphor: #c8f542;
  --phosphor-dim: #9ec234;
  --amber: #ffb000;
  --amber-dim: #cc8c00;
  --magenta: #e8f5c8;
  --cyan: #7dff6a;
  --text: #eef8d8;
  --text-muted: #b4c894;
  --border: #4a6a32;
  --shadow-glow: 0 0 16px rgba(200, 245, 66, 0.15);
  --font-display: "Oswald", "Arial Narrow", Impact, sans-serif;
  --font-body: "Roboto", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "Consolas", monospace;
  --scanline-opacity: 0.04;
  --mascot-filter: drop-shadow(0 0 8px rgba(200, 245, 66, 0.4));
  --header-bg: rgba(26, 46, 20, 0.96);
  --btn-text-on: #1a2e14;
  --theme-color: #1a2e14;
  --hover-bg: rgba(200, 245, 66, 0.1);
  --hover-bg-strong: rgba(200, 245, 66, 0.16);
  --hero-gradient: radial-gradient(ellipse at 50% 0%, rgba(200, 245, 66, 0.1) 0%, transparent 55%);
  --payid-bg: rgba(200, 245, 66, 0.08);
  --step-bg: rgba(200, 245, 66, 0.12);
  --display-scale: 0.95rem;
  --display-line: 1.3;
  --brand-size: clamp(0.95rem, 3vw, 1.15rem);
  --h1-size: clamp(1.4rem, 4.5vw, 2rem);
  --h2-size: clamp(1.05rem, 2.8vw, 1.3rem);
  --menu-btn-size: 0.8rem;
  --btn-size: 0.85rem;
  --radius: 2px;
}

[data-nerd-type="16"] body {
  background-color: var(--bg);
  background-image:
    linear-gradient(rgba(200, 245, 66, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(200, 245, 66, 0.04) 1px, transparent 1px);
  background-size: 48px 24px;
  color: var(--text);
  font-family: var(--font-body);
}

[data-nerd-type="16"] .hero h1,
[data-nerd-type="16"] h2,
[data-nerd-type="16"] .brand,
[data-nerd-type="16"] .package-price,
[data-nerd-type="16"] .quick-fix-price {
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

[data-nerd-type="16"] .package-price,
[data-nerd-type="16"] .quick-fix-price,
[data-nerd-type="16"] .payid-value,
[data-nerd-type="16"] .step-num {
  font-variant-numeric: tabular-nums;
  color: var(--phosphor);
}

[data-nerd-type="16"] .hero-badge,
[data-nerd-type="16"] .section-label {
  font-family: var(--font-mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--amber);
}

[data-nerd-type="16"] .btn {
  border-radius: var(--radius);
  box-shadow: var(--shadow-glow);
}

[data-nerd-type="16"] .package,
[data-nerd-type="16"] .payment-panel,
[data-nerd-type="16"] .contact-panel,
[data-nerd-type="16"] .card {
  border-color: var(--border);
  box-shadow: inset 0 2px 0 var(--phosphor);
}

/* slot 17 axel */
/* 17 - Garage Mode / Axel Torque */
[data-nerd-type="17"] {
  --bg: #1c1c1c;
  --bg-panel: #262626;
  --bg-card: #2b2b2b;
  --phosphor: #e10600;
  --phosphor-dim: #b30500;
  --amber: #c0c0c0;
  --amber-dim: #9a9a9a;
  --magenta: #8a8a8a;
  --cyan: #e8e8e8;
  --text: #f2f2f2;
  --text-muted: #b8b8b8;
  --border: #4a4a4a;
  --shadow-glow: 0 0 14px rgba(225, 6, 0, 0.18);
  --font-display: "Oswald", sans-serif;
  --font-body: "Roboto", system-ui, sans-serif;
  --font-mono: "Roboto", system-ui, sans-serif;
  --scanline-opacity: 0;
  --mascot-filter: drop-shadow(0 0 8px rgba(225, 6, 0, 0.35));
  --header-bg: rgba(28, 28, 28, 0.96);
  --btn-text-on: #ffffff;
  --theme-color: #1c1c1c;
  --hover-bg: rgba(225, 6, 0, 0.1);
  --hover-bg-strong: rgba(225, 6, 0, 0.16);
  --hero-gradient: radial-gradient(ellipse at 50% 0%, rgba(225, 6, 0, 0.1) 0%, transparent 55%);
  --payid-bg: rgba(225, 6, 0, 0.08);
  --step-bg: rgba(192, 192, 192, 0.1);
  --display-scale: 0.95rem;
  --display-line: 1.3;
  --brand-size: clamp(0.95rem, 3vw, 1.15rem);
  --h1-size: clamp(1.4rem, 4.5vw, 2rem);
  --h2-size: clamp(1.05rem, 2.8vw, 1.3rem);
  --menu-btn-size: 0.8rem;
  --btn-size: 0.85rem;
  --radius: 2px;
}

/* slot 18 kip */
/* 18 - Beige Box Mode / Kip Beige */
[data-nerd-type="18"] {
  --bg: #c8c4b8;
  --bg-panel: #d4d0c4;
  --bg-card: #b8b4a8;
  --phosphor: #000080;
  --phosphor-dim: #000060;
  --amber: #800000;
  --amber-dim: #600000;
  --magenta: #404040;
  --cyan: #004080;
  --text: #1a1a1a;
  --text-muted: #3a3a3a;
  --border: #8a8678;
  --shadow-glow: 0 2px 8px rgba(0, 0, 128, 0.12);
  --font-display: "IBM Plex Sans", system-ui, sans-serif;
  --font-body: "IBM Plex Sans", system-ui, sans-serif;
  --font-mono: "IBM Plex Sans", monospace;
  --scanline-opacity: 0;
  --mascot-filter: none;
  --header-bg: rgba(200, 196, 184, 0.97);
  --btn-text-on: #f4f0e8;
  --theme-color: #c8c4b8;
  --hover-bg: rgba(0, 0, 128, 0.08);
  --hover-bg-strong: rgba(0, 0, 128, 0.12);
  --hero-gradient: linear-gradient(180deg, rgba(0, 0, 128, 0.06) 0%, transparent 40%);
  --payid-bg: rgba(0, 0, 128, 0.06);
  --step-bg: rgba(128, 0, 0, 0.08);
  --display-scale: 0.9rem;
  --display-line: 1.35;
  --brand-size: clamp(0.9rem, 3vw, 1.1rem);
  --h1-size: clamp(1.4rem, 4.5vw, 1.9rem);
  --h2-size: clamp(1.05rem, 2.8vw, 1.3rem);
  --menu-btn-size: 0.8rem;
  --btn-size: 0.85rem;
  --radius: 0;
}

/* slot 19 kade */
/* 19 - Relay Mode / Kade Relay */
[data-nerd-type="19"] {
  --bg: #041018;
  --bg-panel: #0a1c24;
  --bg-card: #0e2430;
  --phosphor: #00ffc8;
  --phosphor-dim: #00c8a0;
  --amber: #ff5c00;
  --amber-dim: #cc4a00;
  --magenta: #00a8ff;
  --cyan: #7dffef;
  --text: #d8fff6;
  --text-muted: #7ab0a4;
  --border: #1a4a50;
  --shadow-glow: 0 0 18px rgba(0, 255, 200, 0.14);
  --font-display: "Share Tech Mono", monospace;
  --font-body: "Share Tech Mono", monospace;
  --font-mono: "Share Tech Mono", monospace;
  --scanline-opacity: 0.1;
  --mascot-filter: drop-shadow(0 0 10px rgba(0, 255, 200, 0.4));
  --header-bg: rgba(4, 16, 24, 0.96);
  --btn-text-on: #041018;
  --theme-color: #041018;
  --hover-bg: rgba(0, 255, 200, 0.1);
  --hover-bg-strong: rgba(0, 255, 200, 0.16);
  --hero-gradient: radial-gradient(ellipse at 20% 0%, rgba(0, 255, 200, 0.1) 0%, transparent 50%), radial-gradient(ellipse at 80% 10%, rgba(255, 92, 0, 0.08) 0%, transparent 45%);
  --payid-bg: rgba(0, 255, 200, 0.08);
  --step-bg: rgba(255, 92, 0, 0.12);
  --display-scale: 0.85rem;
  --display-line: 1.4;
  --brand-size: clamp(0.8rem, 3vw, 1rem);
  --h1-size: clamp(1.2rem, 4.5vw, 1.75rem);
  --h2-size: clamp(0.95rem, 2.8vw, 1.2rem);
  --menu-btn-size: 0.75rem;
  --btn-size: 0.8rem;
  --radius: 0;
  --brand-shadow: 0 0 10px var(--phosphor);
  --btn-shadow: 0 0 12px rgba(0, 255, 200, 0.3);
}

/* slot 20 mira */
/* 20 - Ticket Mode / Mira Ticket */
[data-nerd-type="20"] {
  --bg: #f3ead8;
  --bg-panel: #fff8ee;
  --bg-card: #efe4ce;
  --phosphor: #c45c26;
  --phosphor-dim: #a34b1f;
  --amber: #d4a017;
  --amber-dim: #b8860b;
  --magenta: #b33a3a;
  --cyan: #2a4a3a;
  --text: #2a2418;
  --text-muted: #6a5a48;
  --border: #d4c4a8;
  --shadow-glow: 0 2px 10px rgba(196, 92, 38, 0.1);
  --font-display: "Archivo Narrow", "Arial Narrow", sans-serif;
  --font-body: "Source Sans 3", "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", "Consolas", monospace;
  --scanline-opacity: 0;
  --mascot-filter: drop-shadow(0 1px 0 rgba(42, 74, 58, 0.15));
  --header-bg: rgba(243, 234, 216, 0.96);
  --btn-text-on: #fff8ee;
  --theme-color: #f3ead8;
  --hover-bg: rgba(196, 92, 38, 0.08);
  --hover-bg-strong: rgba(196, 92, 38, 0.14);
  --hero-gradient: radial-gradient(ellipse at 50% 0%, rgba(196, 92, 38, 0.08) 0%, transparent 55%);
  --payid-bg: rgba(42, 74, 58, 0.06);
  --step-bg: rgba(196, 92, 38, 0.12);
  --display-scale: 1rem;
  --display-line: 1.3;
  --brand-size: clamp(1rem, 3.2vw, 1.2rem);
  --h1-size: clamp(1.5rem, 5vw, 2.1rem);
  --h2-size: clamp(1.1rem, 3vw, 1.4rem);
  --menu-btn-size: 0.85rem;
  --btn-size: 0.9rem;
  --radius: 4px;
  --brand-shadow: none;
  --btn-shadow: 0 1px 4px rgba(196, 92, 38, 0.2);
}

/* slot 21 quill */
/* 21 - Carbon Mode / Quill Carbon */
[data-nerd-type="21"] {
  --bg: #e8e2d6;
  --bg-panel: #f4efe6;
  --bg-card: #ebe4d6;
  --phosphor: #2c3a4a;
  --phosphor-dim: #1f2a36;
  --amber: #8b1e1e;
  --amber-dim: #6e1818;
  --magenta: #6b2a3a;
  --cyan: #4a6678;
  --text: #2c3a4a;
  --text-muted: #5c5348;
  --border: #c8bfb0;
  --shadow-glow: 0 2px 10px rgba(44, 58, 74, 0.08);
  --font-display: "Crimson Pro", "Georgia", serif;
  --font-body: "Source Serif 4", Georgia, serif;
  --font-mono: "IBM Plex Sans", "Segoe UI", sans-serif;
  --scanline-opacity: 0;
  --mascot-filter: none;
  --heading-shadow: none;
  --brand-shadow: none;
  --btn-shadow: 0 1px 4px rgba(139, 30, 30, 0.18);
  --header-bg: rgba(232, 226, 214, 0.97);
  --btn-text-on: #f4efe6;
  --theme-color: #e8e2d6;
  --hover-bg: rgba(44, 58, 74, 0.07);
  --hover-bg-strong: rgba(139, 30, 30, 0.1);
  --hero-gradient: radial-gradient(ellipse at 50% 0%, rgba(139, 30, 30, 0.07) 0%, transparent 55%);
  --payid-bg: rgba(44, 58, 74, 0.06);
  --step-bg: rgba(139, 30, 30, 0.1);
  --display-scale: 1rem;
  --display-line: 1.4;
  --body-size: 1.05rem;
  --brand-size: clamp(1rem, 3.2vw, 1.2rem);
  --h1-size: clamp(1.6rem, 5vw, 2.2rem);
  --h2-size: clamp(1.15rem, 3vw, 1.45rem);
  --menu-btn-size: 0.85rem;
  --btn-size: 0.9rem;
  --radius: 2px;
}

/* slot 22 noor */
/* 22 - Tablebase Mode / Noor Al-Rashid */
[data-nerd-type="22"] {
  --bg: #0e1a12;
  --bg-panel: #163024;
  --bg-card: #1a3a2a;
  --phosphor: #d4a017;
  --phosphor-dim: #a87e12;
  --amber: #f4e8c8;
  --amber-dim: #c4bc98;
  --magenta: #6b8e6b;
  --cyan: #c8f542;
  --text: #f4e8c8;
  --text-muted: #b4c894;
  --border: #3a5a40;
  --shadow-glow: 0 0 16px rgba(212, 160, 23, 0.15);
  --font-display: "Cinzel", Georgia, serif;
  --font-body: "Source Serif 4", Georgia, serif;
  --font-mono: "IBM Plex Mono", "Consolas", monospace;
  --scanline-opacity: 0;
  --mascot-filter: drop-shadow(0 0 8px rgba(212, 160, 23, 0.35));
  --header-bg: rgba(14, 26, 18, 0.96);
  --btn-text-on: #0e1a12;
  --theme-color: #0e1a12;
  --hover-bg: rgba(212, 160, 23, 0.1);
  --hover-bg-strong: rgba(212, 160, 23, 0.16);
  --hero-gradient: radial-gradient(ellipse at 50% 0%, rgba(212, 160, 23, 0.1) 0%, transparent 55%);
  --payid-bg: rgba(212, 160, 23, 0.08);
  --step-bg: rgba(212, 160, 23, 0.12);
  --display-scale: 0.95rem;
  --display-line: 1.35;
  --brand-size: clamp(0.95rem, 3vw, 1.15rem);
  --h1-size: clamp(1.4rem, 4.5vw, 2rem);
  --h2-size: clamp(1.05rem, 2.8vw, 1.3rem);
  --menu-btn-size: 0.8rem;
  --btn-size: 0.85rem;
  --radius: 2px;
  --brand-shadow: 0 0 8px rgba(212, 160, 23, 0.25);
  --btn-shadow: 0 0 10px rgba(212, 160, 23, 0.28);
}

/* slot 23 june */
/* 23 - Loadbar Mode / June Coil - C64 cream-and-cobalt skin, not identity */
[data-nerd-type="23"] {
  --bg: #352879;
  --bg-panel: #2b2166;
  --bg-card: #403090;
  --phosphor: #fff1aa;
  --phosphor-dim: #c9c07a;
  --amber: #80ff80;
  --amber-dim: #5cb85c;
  --magenta: #a5a2ff;
  --cyan: #6c5eb5;
  --text: #fff1aa;
  --text-muted: #a5a2ff;
  --border: #6c5eb5;
  --shadow-glow: 0 0 16px rgba(255, 241, 170, 0.18);
  --font-display: "Share Tech Mono", monospace;
  --font-body: "VT323", monospace;
  --font-mono: "Share Tech Mono", monospace;
  --scanline-opacity: 0.14;
  --mascot-filter: drop-shadow(0 0 10px rgba(255, 241, 170, 0.4));
  --header-bg: rgba(53, 40, 121, 0.96);
  --btn-text-on: #352879;
  --theme-color: #352879;
  --hover-bg: rgba(255, 241, 170, 0.1);
  --hover-bg-strong: rgba(255, 241, 170, 0.16);
  --hero-gradient: radial-gradient(ellipse at 50% 0%, rgba(255, 241, 170, 0.12) 0%, transparent 55%);
  --payid-bg: rgba(255, 241, 170, 0.1);
  --step-bg: rgba(128, 255, 128, 0.12);
  --display-scale: 0.7rem;
  --display-line: 1.5;
  --brand-size: clamp(0.7rem, 2.8vw, 0.9rem);
  --h1-size: clamp(1.05rem, 4vw, 1.55rem);
  --h2-size: clamp(0.8rem, 2.6vw, 1.05rem);
  --menu-btn-size: 0.7rem;
  --btn-size: 0.75rem;
  --radius: 0;
  --brand-shadow: 0 0 10px var(--phosphor);
  --btn-shadow: 0 0 12px rgba(255, 241, 170, 0.3);
}

/* slot 24 rex */
/* 24 - Floor Show Mode / Rex Midnight - midnight skin, not a face */
[data-nerd-type="24"] {
  --bg: #1a0010;
  --bg-panel: #2a0820;
  --bg-card: #3a1030;
  --phosphor: #ff2d6a;
  --phosphor-dim: #cc2455;
  --amber: #ffd166;
  --amber-dim: #cca752;
  --magenta: #ff4d8a;
  --cyan: #f5e6c8;
  --text: #fff0e8;
  --text-muted: #c9a0b0;
  --border: #6a2040;
  --shadow-glow: 0 0 18px rgba(255, 45, 106, 0.22);
  --font-display: "Cinzel", serif;
  --font-body: "Crimson Pro", Georgia, serif;
  --font-mono: "Share Tech Mono", "Consolas", monospace;
  --scanline-opacity: 0.14;
  --mascot-filter: drop-shadow(0 0 10px rgba(255, 45, 106, 0.45));
  --header-bg: rgba(26, 0, 16, 0.96);
  --btn-text-on: #1a0010;
  --theme-color: #1a0010;
  --hover-bg: rgba(255, 45, 106, 0.1);
  --hover-bg-strong: rgba(255, 45, 106, 0.16);
  --hero-gradient: radial-gradient(ellipse at 50% 0%, rgba(255, 45, 106, 0.12) 0%, transparent 55%);
  --payid-bg: rgba(255, 209, 102, 0.08);
  --step-bg: rgba(255, 45, 106, 0.14);
  --display-scale: 1rem;
  --display-line: 1.35;
  --brand-size: clamp(1rem, 3.2vw, 1.25rem);
  --h1-size: clamp(1.5rem, 4.8vw, 2.2rem);
  --h2-size: clamp(1.1rem, 3vw, 1.4rem);
  --menu-btn-size: 0.85rem;
  --btn-size: 0.9rem;
  --radius: 2px;
  --brand-shadow: 0 0 10px var(--phosphor);
  --btn-shadow: 0 0 12px rgba(255, 45, 106, 0.35);
}

/* slot 25 dot */
/* 25 - Coil Mode / Dot Ferric - wet field skin, not identity */
[data-nerd-type="25"] {
  --bg: #1c2418;
  --bg-panel: #2c3828;
  --bg-card: #243020;
  --phosphor: #7a9a4a;
  --phosphor-dim: #5e7a38;
  --amber: #c4a35a;
  --amber-dim: #9a8046;
  --magenta: #8a6a3a;
  --cyan: #8fbc8f;
  --text: #e8e0c8;
  --text-muted: #b8b090;
  --border: #5a4a2e;
  --shadow-glow: 0 0 16px rgba(196, 163, 90, 0.18);
  --font-display: "Oswald", sans-serif;
  --font-body: "Work Sans", system-ui, sans-serif;
  --font-mono: "Work Sans", system-ui, sans-serif;
  --scanline-opacity: 0.08;
  --mascot-filter: drop-shadow(0 0 8px rgba(122, 154, 74, 0.35));
  --header-bg: rgba(28, 36, 24, 0.96);
  --btn-text-on: #1c2418;
  --theme-color: #1c2418;
  --hover-bg: rgba(122, 154, 74, 0.1);
  --hover-bg-strong: rgba(122, 154, 74, 0.16);
  --hero-gradient: radial-gradient(ellipse at 50% 0%, rgba(196, 163, 90, 0.1) 0%, transparent 55%);
  --payid-bg: rgba(196, 163, 90, 0.1);
  --step-bg: rgba(122, 154, 74, 0.14);
  --display-scale: 0.95rem;
  --display-line: 1.3;
  --brand-size: clamp(0.95rem, 3vw, 1.15rem);
  --h1-size: clamp(1.4rem, 4.5vw, 2rem);
  --h2-size: clamp(1.05rem, 2.8vw, 1.3rem);
  --menu-btn-size: 0.8rem;
  --btn-size: 0.85rem;
  --radius: 2px;
  --brand-shadow: 0 0 10px var(--amber);
  --btn-shadow: 0 0 12px rgba(196, 163, 90, 0.3);
}

/* slot 26 sal */
/* 26 - Joliet Mode / Sal Joliet - black suit, white socks, soul neon */
[data-nerd-type="26"] {
  --bg: #0b0b0b;
  --bg-panel: #141414;
  --bg-card: #1a1a1a;
  --phosphor: #f5f5f5;
  --phosphor-dim: #c8c8c8;
  --amber: #ff7a18;
  --amber-dim: #cc6213;
  --magenta: #e23a6e;
  --cyan: #1e4d8c;
  --text: #f0e6d2;
  --text-muted: #b8ae9a;
  --border: #3a3a3a;
  --shadow-glow: 0 0 16px rgba(245, 245, 245, 0.12);
  --font-display: "Oswald", sans-serif;
  --font-body: "Open Sans", system-ui, sans-serif;
  --font-mono: "Open Sans", system-ui, sans-serif;
  --scanline-opacity: 0.04;
  --mascot-filter: drop-shadow(0 1px 0 #f5f5f5) drop-shadow(0 0 10px rgba(30, 77, 140, 0.35));
  --header-bg: rgba(11, 11, 11, 0.96);
  --btn-text-on: #0b0b0b;
  --theme-color: #0b0b0b;
  --hover-bg: rgba(245, 245, 245, 0.08);
  --hover-bg-strong: rgba(245, 245, 245, 0.14);
  --hero-gradient: radial-gradient(ellipse at 50% 0%, rgba(30, 77, 140, 0.18) 0%, transparent 55%), radial-gradient(ellipse at 80% 10%, rgba(255, 122, 24, 0.08) 0%, transparent 40%);
  --payid-bg: rgba(245, 245, 245, 0.06);
  --step-bg: rgba(30, 77, 140, 0.22);
  --display-scale: 1rem;
  --display-line: 1.25;
  --brand-size: clamp(1rem, 3.2vw, 1.2rem);
  --h1-size: clamp(1.5rem, 4.5vw, 2.1rem);
  --h2-size: clamp(1.1rem, 2.8vw, 1.35rem);
  --menu-btn-size: 0.85rem;
  --btn-size: 0.9rem;
  --radius: 0;
  --brand-shadow: 0 1px 0 #f5f5f5;
  --btn-shadow: 0 0 12px rgba(245, 245, 245, 0.2);
}

/* slot 27 pax */
/* 27 - Kickstart Mode / Pax Kickstart */
[data-nerd-type="27"] {
  --bg: #0055aa;
  --bg-panel: #004488;
  --bg-card: #003377;
  --phosphor: #ff9933;
  --phosphor-dim: #cc7a29;
  --amber: #ffcc00;
  --amber-dim: #cc9900;
  --magenta: #ff66aa;
  --cyan: #66ffff;
  --text: #ffffff;
  --text-muted: #b8d8ff;
  --border: #ffcc00;
  --shadow-glow: 0 0 18px rgba(255, 153, 51, 0.28);
  --font-display: "IBM Plex Sans", system-ui, sans-serif;
  --font-body: "IBM Plex Sans", system-ui, sans-serif;
  --font-mono: "Fira Code", "IBM Plex Sans", monospace;
  --scanline-opacity: 0.08;
  --mascot-filter: drop-shadow(0 0 10px rgba(255, 153, 51, 0.45));
  --header-bg: rgba(0, 85, 170, 0.96);
  --btn-text-on: #003366;
  --theme-color: #0055aa;
  --hover-bg: rgba(255, 153, 51, 0.12);
  --hover-bg-strong: rgba(255, 153, 51, 0.2);
  --hero-gradient: radial-gradient(ellipse at 50% 0%, rgba(255, 204, 0, 0.16) 0%, transparent 55%);
  --payid-bg: rgba(255, 204, 0, 0.12);
  --step-bg: rgba(255, 153, 51, 0.18);
  --display-scale: 0.9rem;
  --display-line: 1.35;
  --brand-size: clamp(0.9rem, 3vw, 1.1rem);
  --h1-size: clamp(1.4rem, 4.5vw, 1.9rem);
  --h2-size: clamp(1.05rem, 2.8vw, 1.3rem);
  --menu-btn-size: 0.8rem;
  --btn-size: 0.85rem;
  --radius: 0;
  --brand-shadow: 0 0 10px var(--phosphor);
  --btn-shadow: 0 0 12px rgba(255, 153, 51, 0.4);
}

/* slot 28 wren */
/* 28 - Finder Mode / Wren Finder */
[data-nerd-type="28"] {
  --bg: #c9c9c9;
  --bg-panel: #d8d8d8;
  --bg-card: #f2f2f2;
  --phosphor: #4a90d9;
  --phosphor-dim: #3a78b8;
  --amber: #222222;
  --amber-dim: #444444;
  --magenta: #555555;
  --cyan: #6aa8e0;
  --text: #111111;
  --text-muted: #4a4a4a;
  --border: #222222;
  --shadow-glow: 0 2px 10px rgba(17, 17, 17, 0.12);
  --font-display: "Poppins", "Geneva", sans-serif;
  --font-body: "IBM Plex Sans", "Geneva", system-ui, sans-serif;
  --font-mono: "IBM Plex Sans", "Geneva", system-ui, sans-serif;
  --scanline-opacity: 0;
  --mascot-filter: drop-shadow(0 2px 0 rgba(34, 34, 34, 0.35));
  --header-bg: rgba(201, 201, 201, 0.96);
  --btn-text-on: #f2f2f2;
  --theme-color: #c9c9c9;
  --hover-bg: rgba(74, 144, 217, 0.1);
  --hover-bg-strong: rgba(74, 144, 217, 0.16);
  --hero-gradient: radial-gradient(ellipse at 50% 0%, rgba(74, 144, 217, 0.12) 0%, transparent 55%);
  --payid-bg: rgba(74, 144, 217, 0.1);
  --step-bg: rgba(34, 34, 34, 0.08);
  --display-scale: 1rem;
  --display-line: 1.3;
  --brand-size: clamp(1rem, 3.2vw, 1.2rem);
  --h1-size: clamp(1.5rem, 5vw, 2.1rem);
  --h2-size: clamp(1.1rem, 3vw, 1.4rem);
  --menu-btn-size: 0.85rem;
  --btn-size: 0.9rem;
  --radius: 6px;
  --brand-shadow: none;
  --btn-shadow: 0 1px 0 #222222;
}

/* slot 29 moth */
/* 29 - Cube Mode / Moth Cube - sticker skin, not identity */
[data-nerd-type="29"] {
  --bg: #111111;
  --bg-panel: #1a1a1a;
  --bg-card: #222222;
  --phosphor: #ff5800;
  --phosphor-dim: #cc4400;
  --amber: #ffd500;
  --amber-dim: #c8a800;
  --magenta: #c41e3a;
  --cyan: #009b48;
  --text: #f4f4f4;
  --text-muted: #b0b0b0;
  --border: #ff5800;
  --shadow-glow: 0 0 14px rgba(255, 88, 0, 0.2);
  --font-display: "Anton", sans-serif;
  --font-body: "Roboto", sans-serif;
  --font-mono: "Roboto", monospace;
  --scanline-opacity: 0;
  --mascot-filter: drop-shadow(0 0 10px rgba(255, 88, 0, 0.4));
  --header-bg: rgba(17, 17, 17, 0.96);
  --btn-text-on: #111111;
  --theme-color: #111111;
  --hover-bg: rgba(255, 88, 0, 0.12);
  --hover-bg-strong: rgba(0, 155, 72, 0.14);
  --hero-gradient: radial-gradient(ellipse at 50% 0%, rgba(255, 88, 0, 0.14) 0%, transparent 55%);
  --payid-bg: rgba(255, 213, 0, 0.1);
  --step-bg: rgba(255, 88, 0, 0.14);
  --display-scale: 1.15rem;
  --display-line: 1.2;
  --brand-size: clamp(1.1rem, 3.5vw, 1.4rem);
  --h1-size: clamp(1.5rem, 5vw, 2.3rem);
  --h2-size: clamp(1.15rem, 3vw, 1.45rem);
  --menu-btn-size: 0.85rem;
  --btn-size: 0.9rem;
  --radius: 4px;
}

/* slot 30 kit */
/* 30 - QRP Mode / Kit QRP */
[data-nerd-type="30"] {
  --bg: #0a1610;
  --bg-panel: #0f1e16;
  --bg-card: #163024;
  --phosphor: #3dff8a;
  --phosphor-dim: #2bc46a;
  --amber: #f0c040;
  --amber-dim: #c9a034;
  --magenta: #7a5cff;
  --cyan: #5eead4;
  --text: #d4f5e0;
  --text-muted: #7aab8e;
  --border: #2a4a38;
  --shadow-glow: 0 0 18px rgba(61, 255, 138, 0.16);
  --font-display: "Orbitron", "Share Tech Mono", monospace;
  --font-body: "IBM Plex Sans", system-ui, sans-serif;
  --font-mono: "Share Tech Mono", "JetBrains Mono", monospace;
  --scanline-opacity: 0.1;
  --mascot-filter: drop-shadow(0 0 10px rgba(61, 255, 138, 0.4));
  --header-bg: rgba(10, 22, 16, 0.96);
  --btn-text-on: #0a1610;
  --theme-color: #0a1610;
  --hover-bg: rgba(61, 255, 138, 0.1);
  --hover-bg-strong: rgba(61, 255, 138, 0.16);
  --hero-gradient: radial-gradient(ellipse at 50% 0%, rgba(61, 255, 138, 0.1) 0%, transparent 55%);
  --payid-bg: rgba(61, 255, 138, 0.08);
  --step-bg: rgba(240, 192, 64, 0.14);
  --display-scale: 0.85rem;
  --display-line: 1.4;
  --brand-size: clamp(0.85rem, 3vw, 1.05rem);
  --h1-size: clamp(1.2rem, 4.5vw, 1.8rem);
  --h2-size: clamp(0.95rem, 2.8vw, 1.25rem);
  --menu-btn-size: 0.75rem;
  --btn-size: 0.8rem;
  --radius: 2px;
  --brand-shadow: 0 0 10px var(--phosphor);
  --btn-shadow: 0 0 12px rgba(61, 255, 138, 0.3);
}

/* slot 31 nia */
/* 31 - Hex Tile Mode / Nia Hex - rust hex skin, not a face */
[data-nerd-type="31"] {
  --bg: #2a2018;
  --bg-panel: #3a2c20;
  --bg-card: #443428;
  --phosphor: #c45c26;
  --phosphor-dim: #9a481c;
  --amber: #e8c878;
  --amber-dim: #b8a058;
  --magenta: #8b1e1e;
  --cyan: #4a6741;
  --text: #f3ead8;
  --text-muted: #c4b89a;
  --border: #c45c26;
  --shadow-glow: 0 0 12px rgba(196, 92, 38, 0.15);
  --font-display: "Cinzel", serif;
  --font-body: "Source Serif 4", serif;
  --font-mono: "IBM Plex Sans", monospace;
  --scanline-opacity: 0;
  --mascot-filter: drop-shadow(0 0 10px rgba(196, 92, 38, 0.35));
  --header-bg: rgba(42, 32, 24, 0.96);
  --btn-text-on: #2a2018;
  --theme-color: #2a2018;
  --hover-bg: rgba(196, 92, 38, 0.12);
  --hover-bg-strong: rgba(74, 103, 65, 0.16);
  --hero-gradient: radial-gradient(ellipse at 50% 0%, rgba(196, 92, 38, 0.12) 0%, transparent 55%);
  --payid-bg: rgba(232, 200, 120, 0.1);
  --step-bg: rgba(196, 92, 38, 0.14);
  --display-scale: 0.95rem;
  --display-line: 1.35;
  --brand-size: clamp(0.95rem, 3.2vw, 1.2rem);
  --h1-size: clamp(1.3rem, 4vw, 1.95rem);
  --h2-size: clamp(1.05rem, 2.8vw, 1.35rem);
  --menu-btn-size: 0.8rem;
  --btn-size: 0.85rem;
  --radius: 2px;
  --brand-shadow: 0 0 10px var(--amber);
  --btn-shadow: 0 0 12px rgba(196, 92, 38, 0.28);
}

/* slot 32 bo */
/* 32 - Timing Mode / Bo Split - sector halo skin, not a face */
[data-nerd-type="32"] {
  --bg: #101014;
  --bg-panel: #18181e;
  --bg-card: #202028;
  --phosphor: #e10600;
  --phosphor-dim: #b00500;
  --amber: #00d2be;
  --amber-dim: #00a898;
  --magenta: #9b59b6;
  --cyan: #00d2be;
  --text: #f2f2f2;
  --text-muted: #a0a0a8;
  --border: #e10600;
  --shadow-glow: 0 0 16px rgba(225, 6, 0, 0.2);
  --font-display: "Orbitron", sans-serif;
  --font-body: "Inter", sans-serif;
  --font-mono: "Orbitron", monospace;
  --scanline-opacity: 0.06;
  --mascot-filter: drop-shadow(0 0 10px rgba(225, 6, 0, 0.4));
  --header-bg: rgba(16, 16, 20, 0.96);
  --btn-text-on: #101014;
  --theme-color: #101014;
  --hover-bg: rgba(225, 6, 0, 0.12);
  --hover-bg-strong: rgba(0, 210, 190, 0.14);
  --hero-gradient: radial-gradient(ellipse at 50% 0%, rgba(225, 6, 0, 0.14) 0%, transparent 55%);
  --payid-bg: rgba(0, 210, 190, 0.1);
  --step-bg: rgba(225, 6, 0, 0.12);
  --display-scale: 0.7rem;
  --display-line: 1.3;
  --brand-size: clamp(0.8rem, 3vw, 1.05rem);
  --h1-size: clamp(1.1rem, 4vw, 1.7rem);
  --h2-size: clamp(0.95rem, 2.8vw, 1.25rem);
  --menu-btn-size: 0.75rem;
  --btn-size: 0.8rem;
  --radius: 0;
  --brand-shadow: 0 0 10px var(--amber);
  --btn-shadow: 0 0 12px rgba(225, 6, 0, 0.28);
}

/* slot 33 ash */
/* 33 - Hide Mode / Ash Twitch - hide and field notes, not a face */
[data-nerd-type="33"] {
  --bg: #1a2218;
  --bg-panel: #222c1e;
  --bg-card: #2a3426;
  --phosphor: #8fbc8f;
  --phosphor-dim: #6a9a6a;
  --amber: #c4a35a;
  --amber-dim: #9a7e44;
  --magenta: #6e5848;
  --cyan: #7a9a82;
  --text: #e8f0e0;
  --text-muted: #a8b8a0;
  --border: #8fbc8f;
  --shadow-glow: 0 0 14px rgba(143, 188, 143, 0.14);
  --font-display: "Lora", serif;
  --font-body: "Open Sans", system-ui, sans-serif;
  --font-mono: "Open Sans", system-ui, sans-serif;
  --scanline-opacity: 0.03;
  --mascot-filter: drop-shadow(0 0 8px rgba(196, 163, 90, 0.28));
  --header-bg: rgba(26, 34, 24, 0.96);
  --btn-text-on: #1a2218;
  --theme-color: #1a2218;
  --hover-bg: rgba(143, 188, 143, 0.1);
  --hover-bg-strong: rgba(143, 188, 143, 0.16);
  --hero-gradient: radial-gradient(ellipse at 50% 0%, rgba(196, 163, 90, 0.12) 0%, transparent 55%);
  --payid-bg: rgba(196, 163, 90, 0.1);
  --step-bg: rgba(143, 188, 143, 0.14);
  --display-scale: 0.95rem;
  --display-line: 1.35;
  --brand-size: clamp(0.95rem, 3.2vw, 1.2rem);
  --h1-size: clamp(1.35rem, 4.5vw, 2rem);
  --h2-size: clamp(1.05rem, 2.8vw, 1.35rem);
  --menu-btn-size: 0.8rem;
  --btn-size: 0.85rem;
  --radius: 2px;
  --brand-shadow: 0 0 10px var(--amber);
  --btn-shadow: 0 0 12px rgba(143, 188, 143, 0.26);
}

/* slot 34 zee */
/* 34 - Board Mode / Zee Click - split violet-teal skin, not a face */
[data-nerd-type="34"] {
  --bg: #1b1b1f;
  --bg-panel: #2c2c34;
  --bg-card: #24242a;
  --phosphor: #7c5cff;
  --phosphor-dim: #5e44c4;
  --amber: #3dd6c6;
  --amber-dim: #2aa89c;
  --magenta: #9b7cff;
  --cyan: #3dd6c6;
  --text: #e8e6f0;
  --text-muted: #9a96a8;
  --border: #7c5cff;
  --shadow-glow: 0 0 16px rgba(124, 92, 255, 0.18);
  --font-display: "Space Grotesk", "IBM Plex Sans", sans-serif;
  --font-body: "IBM Plex Sans", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", "JetBrains Mono", monospace;
  --scanline-opacity: 0.06;
  --mascot-filter: drop-shadow(0 0 10px rgba(124, 92, 255, 0.4));
  --header-bg: rgba(27, 27, 31, 0.96);
  --btn-text-on: #1b1b1f;
  --theme-color: #1b1b1f;
  --hover-bg: rgba(124, 92, 255, 0.12);
  --hover-bg-strong: rgba(61, 214, 198, 0.16);
  --hero-gradient: radial-gradient(ellipse at 20% 0%, rgba(124, 92, 255, 0.16) 0%, transparent 50%), radial-gradient(ellipse at 80% 0%, rgba(61, 214, 198, 0.12) 0%, transparent 50%);
  --payid-bg: rgba(61, 214, 198, 0.1);
  --step-bg: rgba(124, 92, 255, 0.14);
  --display-scale: 0.95rem;
  --display-line: 1.35;
  --brand-size: clamp(0.95rem, 3.2vw, 1.2rem);
  --h1-size: clamp(1.3rem, 4vw, 1.95rem);
  --h2-size: clamp(1.05rem, 2.8vw, 1.35rem);
  --menu-btn-size: 0.8rem;
  --btn-size: 0.85rem;
  --radius: 4px;
  --brand-shadow: 0 0 10px var(--phosphor);
  --btn-shadow: 0 0 12px rgba(124, 92, 255, 0.28);
}