/* ─── Rose Gold Theme (Mine Clash) ──────────────────────────────────────────── */

:root {
  --cell-theme: rosegold;
}

html, body {
  background: #1a0a10;
  color: #f0dde4;
}

/* Panels */
.pixel-panel {
  background: #2a1128;
  border-color: #d47fa0;
  box-shadow: 4px 4px 0 #000;
}

/* Buttons */
.pixel-btn {
  background: #5c1f3a;
  color: #fce4ef;
  box-shadow: 4px 4px 0 #000, inset 2px 2px 0 rgba(255,180,210,0.2), inset -2px -2px 0 rgba(0,0,0,0.3);
}
.pixel-btn:hover { background: #7a2d50; }

.pixel-btn.primary { background: #c2507a; color: #fff; }
.pixel-btn.primary:hover { background: #d96690; }

.pixel-btn.secondary { background: #5c1f3a; color: #f0a0c0; }
.pixel-btn.secondary:hover { background: #7a2d50; }

.diff-btn.active,
.diff-btn-online.active {
  background: #c2507a;
  color: #fff;
  border: 2px solid #e080a8;
}

/* Inputs */
.pixel-input {
  background: #150510;
  border-color: #d47fa0;
  color: #fce4ef;
}
.pixel-input:focus { border-color: #ff9dc0; }

/* Title */
.game-title {
  color: #ff9dc0;
  text-shadow: 4px 4px 0 #000, 0 0 20px rgba(255,157,192,0.7);
}
.subtitle { color: #f0c0d8; }

.section-title {
  color: #ff9dc0;
  text-shadow: 2px 2px 0 #000;
}

/* Form labels */
.form-group label { color: #e090b8; }

/* Number selector */
.number-selector span { color: #f0c0d8; }

/* Section headings in create/join */
#create-section h3,
#join-section h3 { color: #f0c0d8; }

/* Sidebar */
#sidebar {
  background: #100416;
  border-right-color: #9e3060;
}
.sidebar-panel { border-right-color: #9e3060; }

.sidebar-title {
  color: #ff9dc0;
  border-bottom-color: #9e3060;
  text-shadow: 1px 1px 0 #000;
}
.sidebar-section-title {
  color: #c060a0;
  border-top-color: #5c1f3a;
}

/* Turn indicator */
.turn-indicator {
  background: #150510;
  border-color: #9e3060;
  color: #fce4ef;
}
.turn-indicator.your-turn {
  color: #ffb8d8;
  border-color: #ffb8d8;
  text-shadow: 0 0 8px rgba(255,184,216,0.9);
  animation: glow-rg 1s ease-in-out infinite alternate;
}
.turn-indicator.waiting-turn {
  color: #ff9dc0;
  border-color: #ff9dc0;
}

@keyframes glow-rg {
  from { text-shadow: 0 0 4px rgba(255,184,216,0.4); }
  to   { text-shadow: 0 0 14px rgba(255,184,216,1), 0 0 30px rgba(255,157,192,0.6); }
}

/* Mine counter / timer */
.mine-counter {
  background: #150510;
  border-color: #9e3060;
  color: #ff9dc0;
}

/* Player cards */
.player-card { background: rgba(21, 5, 16, 0.6); }
.player-card.current-player {
  border-color: #ffb8d8;
  box-shadow: 0 0 8px rgba(255,184,216,0.45);
  background: rgba(255,184,216,0.05);
}
.player-name { color: #fce4ef; }
.player-stats { color: #c060a0; }

/* Board container background */
#board-container { background: #100416; }

/* Waiting room */
#waiting-room { background: #100416; }
#waiting-title { color: #f0c0d8; }

.waiting-player-card {
  background: #1a0a20;
  border-color: #9e3060;
}
.waiting-status { color: #c060a0; }
.host-badge { background: #c2507a; }
.you-badge { color: #f0c0d8; }

/* Share box */
.share-box {
  background: #1a0a20;
  border-color: #9e3060;
  color: #e090b8;
}
.share-code {
  color: #ff9dc0;
  background: #100416;
  border-color: #ff9dc0;
  text-shadow: 0 0 10px rgba(255,157,192,0.5);
}

/* Your turn toast */
.your-turn-toast {
  color: #ffb8d8;
  text-shadow: 0 0 12px rgba(255,184,216,0.9), 0 0 28px rgba(255,157,192,0.5);
}

/* Toasts */
.toast {
  background: #2a1128;
  border-color: #9e3060;
  color: #fce4ef;
}

/* Game over overlay */
#game-over-overlay { background: rgba(16, 4, 22, 0.97); }

/* Loading text */
.loading-text { color: #f0c0d8; }

/* Scrollbars */
::-webkit-scrollbar-track { background: #100416; }
::-webkit-scrollbar-thumb { background: #9e3060; }
::-webkit-scrollbar-thumb:hover { background: #c2507a; }

/* Mobile sidebar border */
@media (max-width: 640px) {
  .sidebar-panel { border-bottom-color: #9e3060; }
}

/* Scanline tint */
body::after {
  background: repeating-linear-gradient(
    0deg,
    rgba(255, 157, 192, 0.018) 0px,
    rgba(255, 157, 192, 0.018) 1px,
    transparent 1px,
    transparent 2px
  );
}