/* Harf Avı + Son Harf rekabetçi arayüz son katmanı — V269. */

/* Harf Avı: ELO artık kartın üzerine bindirilen bir etiket değil, kartın
   kendi akışında duran okunur bir rozet. */
#menuScreen .mode-grid:has(.word-ranked-entry),
#menuScreen .mode-grid.has-word-ranked-v270{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
#menuScreen .mode-grid .word-ranked-entry{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:13px!important;
  min-width:0!important;
  overflow:hidden!important;
  border-color:#b8c9df!important;
  background:linear-gradient(145deg,#fff 0%,#f5f8ff 100%)!important;
}
#menuScreen .mode-grid .word-ranked-entry::after{content:none!important;display:none!important}
#menuScreen .word-ranked-entry .wr-entry-copy{display:block;min-width:0}
#menuScreen .word-ranked-entry .wr-entry-copy strong{padding:0!important;margin:0 0 5px!important}
#menuScreen .word-ranked-entry .wr-entry-copy small{display:block!important;overflow:visible!important}
#menuScreen .word-ranked-entry .wr-entry-badge{
  width:58px;height:58px;flex:0 0 58px;display:grid;place-content:center;text-align:center;
  border:1px solid #c4d5eb;border-radius:16px;background:#142f5d;color:#fff;
  box-shadow:0 9px 20px rgba(20,47,93,.16)
}
#menuScreen .word-ranked-entry .wr-entry-badge b{font-size:14px;line-height:1.05;letter-spacing:.04em}
#menuScreen .word-ranked-entry .wr-entry-badge small{margin-top:3px;color:#bcd8ff!important;font-size:9px!important;font-weight:900;letter-spacing:.13em}

#settingsBox .btn-row .word-ranked-quick{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-height:42px;padding:10px 14px;border:1px solid #173a70;border-radius:13px;
  background:linear-gradient(135deg,#173a70,#245b9f);color:#fff;
  box-shadow:0 9px 20px rgba(23,58,112,.16);font-size:11px;font-weight:900;
  white-space:nowrap;transition:transform .14s ease,filter .14s ease
}
#settingsBox .btn-row .word-ranked-quick:hover{transform:translateY(-1px);filter:brightness(1.05)}
#settingsBox .btn-row .word-ranked-quick span{font-size:12px;color:#9fd0ff}

/* Son Harf: üç mod da başlık + açıklama taşıyan eşit, bağımsız sekmeler. */
.son-harf-page .sh-tabs:has(.word-ranked-entry),
.son-harf-page .sh-tabs.has-word-ranked-v270{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;overflow:visible!important
}
.son-harf-page .sh-tabs .tab{
  min-height:62px!important;height:auto!important;padding:9px 14px!important;
  justify-content:flex-start!important;text-align:left!important;white-space:normal!important;
  overflow:hidden!important;gap:11px!important
}
.son-harf-page .sh-tabs .wr-tab-icon{
  width:34px;height:34px;display:grid!important;place-items:center!important;flex:0 0 34px!important;
  border:1px solid #d8e3ef;border-radius:10px;background:#f4f8fc;color:#527094;font-size:13px
}
.son-harf-page .sh-tabs .wr-tab-copy{display:block!important;min-width:0;line-height:1.15!important}
.son-harf-page .sh-tabs .wr-tab-copy b{display:block;color:#1d3558;font-size:13px;font-weight:900;white-space:nowrap}
.son-harf-page .sh-tabs .wr-tab-copy small{display:block;margin-top:4px;color:#708198;font-size:10px;font-weight:700;white-space:nowrap}
.son-harf-page .sh-tabs .tab.active .wr-tab-icon{background:#e9fbf8;border-color:#aee5db;color:#118d73}
.son-harf-page .sh-tabs .word-ranked-entry .wr-tab-icon{background:#edf4ff;border-color:#bfd3ef;color:#204f8d}
.son-harf-page .sh-tabs .word-ranked-entry.active{border-color:#9fbce3!important;background:#f6f9ff!important;box-shadow:0 10px 24px rgba(36,83,145,.12)!important}
.son-harf-page .sh-tabs .word-ranked-entry.active .wr-tab-icon{background:#183d73;border-color:#183d73;color:#fff}
.son-harf-page.word-ranked-open .sh-workspace{display:none!important}
.son-harf-page.word-ranked-open .word-ranked-host{display:block}

/* Ortak rekabetçi profil/bağlantı durumları. */
.word-ranked-host .wr-xp{
  display:grid;grid-template-columns:1fr auto;gap:5px 10px;padding:11px 12px;
  border:1px solid var(--wr-line);border-radius:11px;background:#fbfcfe
}
.word-ranked-host .wr-xp>div small,.word-ranked-host .wr-xp>div b{display:block}
.word-ranked-host .wr-xp>div small{color:var(--wr-muted);font-size:9px;font-weight:900;letter-spacing:.08em}
.word-ranked-host .wr-xp>div b{margin-top:3px;color:var(--wr-ink);font-size:13px}
.word-ranked-host .wr-xp>span{align-self:center;color:var(--wr-muted);font-size:10px;font-weight:800}
.word-ranked-host .wr-xp-track{grid-column:1/-1;height:7px;overflow:hidden;border-radius:999px;background:#e4eaf2}
.word-ranked-host .wr-xp-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#25a985,#2e7ac7)}
.word-ranked-host .wr-xp--detail{margin:13px 0 4px;background:#f7faff}
.word-ranked-host .wr-fatal{border-color:#e8cfd4;background:linear-gradient(180deg,#fff,#fff9fa)}
.word-ranked-host .wr-fatal-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}
.word-ranked-host .wr-fatal-actions .wr-button{min-width:132px}

/* Telefon: büyük başlık ve açıklama taşmadan doğal olarak sarılır. */
@media(max-width:850px){
  #menuScreen .mode-grid:has(.word-ranked-entry),#menuScreen .mode-grid.has-word-ranked-v270{grid-template-columns:1fr!important}
  #settingsBox .btn-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  #settingsBox .btn-row>button{width:100%!important;min-width:0!important;white-space:normal!important;line-height:1.18!important}
}
@media(max-width:720px){
  #menuScreen .hero-title{font-size:clamp(34px,11.2vw,48px)!important;line-height:.98!important;letter-spacing:-.045em!important;overflow-wrap:anywhere}
  #menuScreen .hero-text{
    display:block!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;
    max-height:none!important;overflow:visible!important;margin-bottom:10px!important;
    font-size:12.5px!important;line-height:1.43!important
  }
  #menuScreen .mode-grid .word-ranked-entry{min-height:88px!important;padding:13px 14px!important}
  .son-harf-page .sh-tabs:has(.word-ranked-entry),.son-harf-page .sh-tabs.has-word-ranked-v270{
    grid-template-columns:repeat(3,minmax(154px,1fr))!important;overflow-x:auto!important;
    padding:2px 1px 5px!important;scroll-snap-type:x proximity;scrollbar-width:thin
  }
  .son-harf-page .sh-tabs .tab{scroll-snap-align:start;min-width:154px!important;padding:9px 11px!important}
}
@media(max-width:430px){
  #settingsBox .btn-row{grid-template-columns:1fr!important}
  #menuScreen .hero-title{font-size:clamp(32px,10.8vw,43px)!important}
  #menuScreen .hero-text{font-size:12px!important;line-height:1.4!important}
  .word-ranked-host .wr-fatal-actions{display:grid;grid-template-columns:1fr;width:100%}
}