.theme-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: 16px;
  padding: 8px 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--panel);
  color: var(--text);
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}
.theme-toggle:hover { border-color: var(--primary); transform: translateY(-1px); }
[data-theme="light"] {
  --bg: #f3f7fb;
  --panel: #ffffff;
  --text: #152335;
  --muted: #607186;
  --primary: #087f70;
  --primary2: #147cc1;
  --line: #cbd7e4;
  --danger: #c83247;
}
[data-theme="light"] body { background: radial-gradient(circle at 80% 10%,#d4edff 0,transparent 35%),var(--bg); }
[data-theme="light"] .nav { background: #fffffff2; }
[data-theme="light"] .card { background: #fffffff2; box-shadow: 0 28px 80px #17324a24; }
[data-theme="light"] input { background: #f8fbff; }
[data-theme="light"] .game-card { background: #fff; box-shadow: 0 12px 35px #17324a1c; }
[data-theme="light"] .player-chip,
[data-theme="light"] .back-button,
[data-theme="light"] .sound-button { background: #fff; }
[data-theme="light"] .result-line,
[data-theme="light"] .game-search input { color: #43566b; }
[data-theme="light"] .game-search input { background: #fff; }
[data-theme="light"] .play-page>.three-d-badge { color: #075e54; border-color: #72b9ae; background: #e8fff9; }
[data-theme="light"] .play-header p { color: #607186; }
@media (max-width: 760px) {
  .theme-toggle b { display: none; }
  .theme-toggle { margin-left: 8px; padding: 8px; }
  .nav { padding-inline: 14px; }
  .nav a { margin-left: 7px; font-size: 13px; }
}