/* Aynı Frekans — sıcak gece stüdyosu, yüksek okunabilirlik */
:root {
  --af59-ink: #eef3ed;
  --af59-text: #172d3c;
  --af59-muted: #a9bbc2;
  --af59-paper: #dce4e1;
  --af59-line: rgba(208, 225, 223, .20);
  --af59-navy: #1b3042;
  --af59-violet: #7d6bd0;
  --af59-cyan: #48c6d2;
  --af59-coral: #dc7c73;
}

html,
body {
  background:
    radial-gradient(circle at 10% 10%, rgba(72, 198, 210, .20), transparent 30rem),
    radial-gradient(circle at 91% 4%, rgba(125, 107, 208, .18), transparent 28rem),
    linear-gradient(145deg, #182d3d 0%, #263d4d 52%, #36545c 100%) !important;
  color: var(--af59-ink) !important;
}

.ambient { opacity: .28 !important; filter: blur(90px) !important; }
.noise { opacity: .035 !important; }

.glass {
  background: linear-gradient(145deg, rgba(37, 58, 72, .95), rgba(43, 68, 78, .92)) !important;
  border: 1px solid var(--af59-line) !important;
  box-shadow: 0 22px 58px rgba(4, 19, 29, .24), inset 0 1px 0 rgba(255,255,255,.05) !important;
  backdrop-filter: blur(14px) !important;
}

.topbar {
  background: rgba(26, 49, 65, .94) !important;
  border-color: rgba(207, 226, 224, .18) !important;
}
.brand strong,
.brand small { color: #f1f4ed !important; }
.brand small { opacity: .67; }
.portal-home,
.how-to-play-button,
.icon-button,
.mode-chip,
.lang-switch {
  background: rgba(221, 232, 228, .10) !important;
  color: #f0f4ef !important;
  border-color: rgba(221, 232, 228, .17) !important;
}
.lang-btn { color: #eff4ef !important; }
.lang-btn.active { background: rgba(72, 198, 210, .18) !important; }

.hero-panel h1 {
  color: #f5f3ea !important;
  letter-spacing: -.055em !important;
  text-shadow: 0 12px 34px rgba(3,17,26,.20) !important;
}
.hero-panel h1 span { color: #69d3da !important; }
.eyebrow,
.step-label { color: #78d8dd !important; }
.hero-copy,
.lobby-panel p,
.history-panel p { color: #b6c6c9 !important; }

.hero-stats article,
.format-selector-card,
.team-setup,
.settings-row > label,
.online-connect-panel,
.online-lobby,
.online-drop-zone,
.rotation-setup,
.rotation-note,
.rules-mini,
.empty-history,
.status-banner {
  background: rgba(219, 229, 226, .09) !important;
  color: #eef3ed !important;
  border-color: rgba(219, 229, 226, .16) !important;
  box-shadow: none !important;
}

.hero-stats strong,
.panel-heading h2,
.team-setup strong,
.online-intro h3,
.history-header h3 { color: #f4f2e9 !important; }
.hero-stats span,
.team-setup label > span,
.settings-row label > span,
.format-selector-card label > span,
.setting-help { color: #a9bcc0 !important; }

.frequency-stage {
  min-height: 300px !important;
  border: 1px solid rgba(116, 205, 213, .26) !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 45%, rgba(220,124,115,.18), transparent 23%),
    linear-gradient(145deg, #1a3345, #335c68) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 20px 42px rgba(3,18,27,.18) !important;
}
.frequency-stage > *:not(.v59-frequency-art) { display: none !important; }
.frequency-stage .v59-frequency-art {
  display: block !important;
  width: 100% !important;
  height: 300px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 22px 18px rgba(3,16,24,.36)) !important;
}

.play-mode-tabs {
  background: rgba(216, 227, 224, .09) !important;
  border-color: rgba(216, 227, 224, .15) !important;
}
.play-mode-tabs button,
.secondary-button,
.mini-button {
  background: rgba(218, 228, 225, .10) !important;
  color: #eaf1ed !important;
  border-color: rgba(218, 228, 225, .18) !important;
}
.play-mode-tabs button.active,
.primary-button,
.submit-word {
  background: linear-gradient(135deg, #2e91a0, #54c4c8) !important;
  color: #fff !important;
  border-color: rgba(77, 190, 196, .24) !important;
  box-shadow: 0 12px 26px rgba(30, 139, 150, .22) !important;
}

.lobby-panel input,
.lobby-panel select,
.word-input-wrap input,
.online-field input,
.join-room-box input,
.online-team-name input {
  background: rgba(228, 234, 229, .94) !important;
  color: #162f3d !important;
  border-color: #aabfc0 !important;
}
.lobby-panel input::placeholder,
.word-input-wrap input::placeholder { color: #71868e !important; }

.versus-divider span,
.team-emblem,
.mini-emblem {
  box-shadow: 0 9px 20px rgba(3,18,27,.20) !important;
}

.scoreboard,
.play-panel,
.history-panel,
.winner-card,
.rotation-leaderboard {
  color: #eef3ed !important;
}
.score-team,
.word-card,
.attempt-card,
.rules-mini > div {
  background: rgba(219, 229, 226, .09) !important;
  border-color: rgba(219, 229, 226, .16) !important;
  color: #eef3ed !important;
}
.word-card input {
  background: rgba(231, 236, 231, .94) !important;
  color: #162f3d !important;
  border-color: #a6bdbe !important;
}
.score-name,
.player-card-top strong,
.round-header h2,
.winner-card h2 { color: #f4f2e9 !important; }

.sync-core,
.winner-orb { filter: saturate(.82) brightness(1.05) !important; }
.status-banner { border-left: 4px solid var(--af59-cyan) !important; }

.how-to-modal__backdrop { background: rgba(8, 22, 32, .74) !important; }
.how-to-modal__card {
  background: linear-gradient(145deg, #e3e9e4, #cbd8d5) !important;
  color: var(--af59-text) !important;
  border-color: #eff3ec !important;
}
.how-to-modal__card p { color: #5e747c !important; }

@media (max-width: 1050px) {
  .frequency-stage { min-height: 220px !important; }
  .frequency-stage .v59-frequency-art { height: 220px !important; }
}

@media (max-width: 620px) {
  .glass { border-radius: 18px !important; }
  .frequency-stage { min-height: 155px !important; border-radius: 18px !important; }
  .frequency-stage .v59-frequency-art { height: 155px !important; }
}