html[data-theme="crtArcade"] {
  --theme-bg: #05060a;
  --theme-panel: #0f111c;
  --theme-surface: #0b0d17;
  --theme-card: #121525;
  --theme-border: #1d2240;
  --theme-text: #e8f9ff;
  --theme-muted: #7fa6b3;
  --theme-accent: #17f1ff;
  --theme-accent-dark: #ff48e0;
  --theme-button-bg: #101426;
  --theme-button-text: #e8f9ff;
  --theme-button-ghost: transparent;
  --theme-button-primary-text: #001016;
  --theme-input-bg: #0b0f1d;
  --theme-badge-bg: rgba(23, 241, 255, 0.15);
  --theme-chip-bg: rgba(23, 241, 255, 0.1);
  --theme-chip-active-bg: #17f1ff;
  --theme-chip-active-text: #001016;
  --theme-placeholder-bg: #101426;
  --theme-modal-bg: #0f1220;
  --theme-info-bg: #0e1221;
  --theme-topbar-bg: #0b0f1d;
  --theme-shadow: 0 0 18px rgba(23, 241, 255, 0.2);
  --theme-shadow-card: 0 0 24px rgba(255, 72, 224, 0.25);
  --theme-radius: 14px;
  --theme-radius-card: 14px;
  --theme-radius-small: 10px;
  --theme-radius-pill: 999px;
  --theme-focus: 0 0 0 3px rgba(23, 241, 255, 0.5);
}

html[data-theme="crtArcade"] body {
  position: relative;
}

html[data-theme="crtArcade"] body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image: repeating-linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.04) 0,
    rgba(255, 255, 255, 0.04) 1px,
    transparent 1px,
    transparent 3px
  );
  mix-blend-mode: screen;
  opacity: 0.3;
}

html[data-theme="crtArcade"] .topbar,
html[data-theme="crtArcade"] .content,
html[data-theme="crtArcade"] .modal {
  position: relative;
  z-index: 1;
}

html[data-theme="crtArcade"] .card,
html[data-theme="crtArcade"] .panel,
html[data-theme="crtArcade"] .modal-content {
  box-shadow: 0 0 20px rgba(23, 241, 255, 0.15), 0 0 32px rgba(255, 72, 224, 0.12);
}

html[data-theme="crtArcade"] .btn.primary,
html[data-theme="crtArcade"] .chip.active {
  box-shadow: 0 0 12px rgba(23, 241, 255, 0.6);
}