/* NIKO XVIII theme pass — restyles Birthday Battle to match the party app's
   design system. Loaded after style.css; touches colors/typography only,
   never the game logic or layout rules. */

:root {
  --bg: #07070a;
  --panel: #121216;
  --panel2: #17171c;
  --text: #f6f3ee;
  --muted: rgba(246, 243, 238, 0.5);
  --line: rgba(255, 255, 255, 0.1);
  --accent: #ff8a3d;
  --accent2: #ffb066;
  --pink: #6b93b0;
  --green: #3ddc84;
  --red: #ff5c5c;
  --yellow: #ffcf5c;
}

html, body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

body {
  background:
    radial-gradient(900px 600px at 50% -150px, rgba(255, 138, 61, 0.12) 0, transparent 65%),
    var(--bg);
}

.hero h1 span {
  background: linear-gradient(90deg, #ff8a3d, #ffcf5c);
  -webkit-background-clip: text;
}

.primary,
.shop-item button {
  background: linear-gradient(135deg, var(--accent), #e0601f);
}

.host-hero {
  background: linear-gradient(135deg, #1a140c, #141210);
}

.mission-card {
  background: linear-gradient(135deg, #1a140c, #201a12);
  border-color: var(--accent);
}

.finale-banner {
  background: linear-gradient(135deg, #2a1408, #3a1008);
  border-color: var(--accent);
  color: #ffd9b3;
}

@keyframes pulseGlow {
  0%, 100% { box-shadow: 0 0 0px rgba(255, 138, 61, 0); }
  50% { box-shadow: 0 0 22px rgba(255, 138, 61, 0.4); }
}

.team-btn.a { background: linear-gradient(135deg, #d9601a, var(--accent)); }
.team-btn.b { background: linear-gradient(135deg, #3f5c72, var(--pink)); }

.tap-btn, .buzz-btn, .reaction-btn {
  background: linear-gradient(145deg, #ff8a3d, #d9601a);
}

.stopclock { color: var(--accent2); }
.eyebrow { color: var(--muted); }

/* Back-to-party header bar, injected at the top of the page */
.niko-battle-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  max-width: 920px;
  margin: 0 auto;
}
.niko-battle-bar .niko-mark {
  width: 30px; height: 30px; border-radius: 8px;
  background: linear-gradient(155deg, #ff8a3d, #d9601a);
  display: flex; align-items: center; justify-content: center;
  font-weight: 800; font-size: 0.8rem; color: #1a0f06;
  flex: none;
}
.niko-battle-bar a {
  margin-left: auto;
  color: var(--muted);
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
  padding: 7px 12px;
  border: 1px solid var(--line);
  border-radius: 999px;
  white-space: nowrap;
}
.niko-battle-bar a:hover { color: var(--text); border-color: var(--accent); }

/* Sound toggle now lives inline in the header bar, not floating fixed */
.niko-battle-bar .sound-toggle {
  position: static;
  width: 34px; height: 34px;
  font-size: 15px;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding: 0;
}