/* Motyw gry: ciemny arcade, zieleń fosforu i róż, scanlines w hero,
   ostre rogi, mono w etykietach. Bez logo konsol i silników. */
:root[data-theme="game"] {
  color-scheme: dark;
  --bg: #0A0A12; --bg-2: #13131F; --fg: #F2F2F7; --muted: #A5A5B8; --border: #262638;
  --accent: #39FF14; --accent-fg: #0A0A12; --accent-text: #39FF14; --accent-soft: rgba(57,255,20,.12);
  --radius: 4px; --radius-s: 3px; --shadow: 0 1px 2px rgba(0,0,0,.5), 0 14px 36px rgba(0,0,0,.5);
}
:root[data-theme="game"] .hero { position: relative; background: radial-gradient(ellipse at 70% 40%, rgba(255,45,149,.14), transparent 55%), #0A0A12; }
:root[data-theme="game"] .hero::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(0deg, rgba(255,255,255,.035) 0 1px, transparent 1px 3px); mix-blend-mode: overlay; }
:root[data-theme="game"] .hero-inner { position: relative; z-index: 1; }
:root[data-theme="game"] .hero-photo-cutout { border-radius: 6px; background: linear-gradient(180deg, #1B1B2E 0%, #0E0E18 100%); }
:root[data-theme="game"] .hero-photo-cutout::before { inset: 0; border-radius: 6px; border: 2px solid #39FF14; box-shadow: 0 0 24px rgba(57,255,20,.35), inset 0 0 24px rgba(57,255,20,.12); }
:root[data-theme="game"] .hero-photo-cutout::after { display: none; }
:root[data-theme="game"] .kicker, :root[data-theme="game"] .eyebrow, :root[data-theme="game"] .stat-v { font-family: var(--mono); }
:root[data-theme="game"] .stat-v { color: #39FF14; text-shadow: 0 0 12px rgba(57,255,20,.5); }
:root[data-theme="game"] .stat:nth-child(2) .stat-v { color: #FF2D95; text-shadow: 0 0 12px rgba(255,45,149,.5); }
:root[data-theme="game"] .case dt { color: #FF2D95; }
:root[data-theme="game"] .tag { background: #0A0A12; color: #39FF14; border: 1px solid #262638; font-family: var(--mono); }
:root[data-theme="game"] .tag-link { background: #39FF14; color: #0A0A12; }
:root[data-theme="game"] .top { background: rgba(10,10,18,.86); }
:root[data-theme="game"] .btn-primary { box-shadow: 0 0 0 1px #39FF14, 0 0 18px rgba(57,255,20,.35); }
:root[data-theme="game"] .demo { background: #06060C; }
:root[data-theme="game"] .demo-root { background: #0A0A12; }
:root[data-theme="game"] code { background: #06060C; color: #39FF14; }
:root[data-theme="game"] .menu-item[style*="#39FF14"] .menu-ico { color: #39FF14; }
/* Pokaz: gra */
.arc { display: grid; gap: 1rem; }
@media (min-width: 900px) { .arc { grid-template-columns: 1fr 260px; } }
.arc canvas { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; background: #06060C; border: 1px solid #262638; image-rendering: pixelated; touch-action: none; cursor: crosshair; }
.arc-hud { font-family: var(--mono); font-size: .8rem; display: grid; gap: .35rem; }
.arc-hud div { display: flex; justify-content: space-between; gap: .6rem; padding: .35rem 0; border-bottom: 1px solid #262638; }
.arc-hud b { color: #39FF14; }
.arc-hud .warn b { color: #FF2D95; }
.arc-touch { display: none; gap: .5rem; margin-top: .5rem; }
.arc-touch button { flex: 1; font: inherit; padding: .9rem; background: #13131F; color: #F2F2F7; border: 1px solid #262638; border-radius: 4px; touch-action: manipulation; user-select: none; -webkit-user-select: none; }
@media (hover: none) { .arc-touch { display: flex; } }