/* Son Harf — sıcak gri zemin üzerinde modern kelime zinciri masası */
:root {
  --sh59-ink: #1e3543;
  --sh59-muted: #637681;
  --sh59-paper: #e5e8e2;
  --sh59-paper-2: #d2d9d5;
  --sh59-line: #b7c3c1;
  --sh59-navy: #193749;
  --sh59-teal: #2e9796;
  --sh59-amber: #d1a44e;
}

html,
body,
.sh-shell {
  background:
    radial-gradient(circle at 9% 12%, rgba(46,151,150,.15), transparent 25rem),
    radial-gradient(circle at 91% 4%, rgba(209,164,78,.14), transparent 26rem),
    linear-gradient(145deg, #c7d0cf, #dcdfd8 50%, #bdc9c6) !important;
  color: var(--sh59-ink) !important;
}

.sh-nav {
  background: linear-gradient(120deg, #193749, #285866 58%, #356d6f) !important;
  color: #f4f3eb !important;
  border-color: rgba(255,255,255,.14) !important;
  box-shadow: 0 16px 38px rgba(19,50,62,.21) !important;
}
.sh-brand,
.sh-brand em { color: #f4f3eb !important; }
.sh-brand em { color: #65d0cd !important; }
.sh-back,
.sh-nav-actions button,
.sh-avatar {
  background: rgba(229, 236, 231, .10) !important;
  color: #f4f3eb !important;
  border-color: rgba(229,236,231,.18) !important;
  box-shadow: none !important;
}

.sh-hero { min-height: 232px !important; height: auto !important; }
.sh-hero h1 { color: #19384b !important; }
.sh-hero h1 span { color: #268f90 !important; }
.eyebrow { color: #287f8d !important; }
.sub { color: #566d78 !important; }

.sh-chain {
  display: flex !important;
  min-height: 205px !important;
  border: 1px solid rgba(52, 125, 131, .26) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 72% 22%, rgba(209,164,78,.20), transparent 15rem),
    linear-gradient(145deg, #244b5b, #3d7375) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 15px 34px rgba(26,63,73,.15) !important;
  overflow: hidden !important;
}
.sh-chain-svg { display: none !important; }
.v59-son-harf-art {
  display: block !important;
  width: 100% !important;
  height: 202px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 18px 16px rgba(5,24,32,.32)) !important;
}

.sh-mode-card,
.panel,
.sh-tabs .tab,
.sh-side-block,
.letterlegend {
  background: linear-gradient(145deg, rgba(235, 238, 232, .96), rgba(213, 222, 217, .96)) !important;
  color: var(--sh59-ink) !important;
  border-color: rgba(244,246,240,.76) !important;
  box-shadow: 0 14px 34px rgba(25,57,68,.11) !important;
}
.sh-mode-card small,
.sh-active,
.sh-settings-grid label,
.sh-online-grid label,
.sh-extra-pc label,
.wordbox small,
.sh-prefix-box small,
.sh-input-label { color: var(--sh59-muted) !important; }

.sh-tabs .tab {
  color: #304a58 !important;
  border-color: var(--sh59-line) !important;
  box-shadow: none !important;
}
.sh-tabs .tab.active {
  color: #1f777a !important;
  background: #dde8e4 !important;
  border-color: #8ebaba !important;
}

.sh-setup-card input,
.sh-setup-card select,
.form input {
  background: rgba(243, 244, 238, .92) !important;
  color: #1d3948 !important;
  border-color: #aabbbb !important;
}
.sh-setup-card input:focus,
.sh-setup-card select:focus,
.form input:focus {
  border-color: #3d9598 !important;
  box-shadow: 0 0 0 4px rgba(46,151,150,.13) !important;
}

.btn {
  background: linear-gradient(135deg, #277b73, #309ca2) !important;
  color: #fff !important;
}
.btn2 {
  background: rgba(239, 241, 235, .76) !important;
  color: #304957 !important;
  border-color: #aebdbd !important;
}

.sh-game-card {
  background:
    radial-gradient(circle at 82% 6%, rgba(46,151,150,.10), transparent 20rem),
    linear-gradient(145deg, #e2e7e1, #cbd7d2) !important;
}
.wordbox,
.prefix,
.feedback,
.rules div,
.scorebox,
.player,
.letters span {
  background: rgba(242, 243, 237, .80) !important;
  color: #1f3b4a !important;
  border-color: #aebebd !important;
  box-shadow: none !important;
}
.wordbox strong { color: #19394d !important; }
.prefix {
  color: #237f81 !important;
  background: #d9e5df !important;
  border-color: #92b9b5 !important;
}
.timer { color: #247d88 !important; }
.sh-flow { color: #4b9da1 !important; }
.player.active,
.scorebox.active { background: #d5e8df !important; border-color: #79ad99 !important; }
.feedback.ok { background: #d6e7dc !important; color: #246343 !important; }
.feedback.bad { background: #e7d0cf !important; color: #823d43 !important; }
.feedback.warn { background: #eadfbd !important; color: #77591b !important; }

@media (max-width: 900px) {
  .sh-hero { grid-template-columns: 1fr !important; }
  .sh-chain { min-height: 165px !important; order: 2 !important; }
  .v59-son-harf-art { height: 160px !important; }
  .sh-mode-card { order: 3 !important; width: 100% !important; }
}

@media (max-width: 720px) {
  .sh-chain { display: flex !important; min-height: 132px !important; border-radius: 17px !important; }
  .v59-son-harf-art { height: 128px !important; }
  .panel { border-radius: 17px !important; }
}