/* GameCosmetics — visual effects layer */
:root {
  --hud-bg: #0f172a;
  --hud-accent: #22d3ee;
  --hud-border: rgba(255,255,255,0.08);
}
[data-hud-skin] #game-hud .gh-card {
  background: var(--hud-bg) !important;
  border-color: var(--hud-border) !important;
}
[data-hud-skin] #game-hud .gh-bar-fill {
  background: var(--hud-accent) !important;
}
[data-hud-skin] #game-hud .gh-lvl,
[data-hud-skin] #game-hud .gh-streak-num {
  color: var(--hud-accent) !important;
}

/* Animations cosmetics */
@keyframes gc-pulse-neon-kf {
  0%, 100% { box-shadow: 0 0 8px var(--hud-accent, #22d3ee); }
  50%      { box-shadow: 0 0 24px var(--hud-accent, #22d3ee), 0 0 40px var(--hud-accent, #22d3ee); }
}
body.gc-pulse-neon #game-hud .gh-card { animation: gc-pulse-neon-kf 2.4s ease-in-out infinite; }

@keyframes gc-shake-epic-kf {
  0%, 100% { transform: translateX(0); }
  20% { transform: translateX(-3px) rotate(-1deg); }
  40% { transform: translateX(3px) rotate(1deg); }
  60% { transform: translateX(-2px); }
  80% { transform: translateX(2px); }
}
body.gc-shake-epic #game-levelup.show .gl-card { animation: gc-shake-epic-kf 0.5s ease-in-out 3; }

/* Game skins */
body.gc-game-retro-crt canvas, body.gc-game-retro-crt .game-canvas {
  image-rendering: pixelated;
  filter: contrast(1.2) saturate(1.3);
}
body.gc-game-minimal-mono canvas, body.gc-game-minimal-mono .game-canvas {
  filter: grayscale(1) contrast(1.1);
}