/*
 * Futbolcu/Kariyer Köprüsü V274
 * Referans rekabetçi profil, ayrıntılı profil ve rakip arama yüzeyi.
 * Yalnız arayüz katmanıdır; oda, ELO, tur ve Firebase mantığını değiştirmez.
 */

:root{
  --kk274-night:#061421;
  --kk274-deep:#092235;
  --kk274-panel:#0c2b3d;
  --kk274-line:rgba(166,205,220,.28);
  --kk274-ink:#f7fbfd;
  --kk274-muted:#aec3ce;
  --kk274-green:#20c77a;
  --kk274-green-2:#0b8f5b;
  --kk274-gold:#f1c862;
  --kk274-purple:#8e62ed;
  --kk274-red:#e75660;
}

#root .ranked-profile-card,
#root .ranked-profile-card *,
#root .ranked-profile-modal,
#root .ranked-profile-modal *,
#root .ranked-search-screen,
#root .ranked-search-screen *{box-sizing:border-box;min-width:0}

/* ================================================================
   ANA ELO PROFİLİ
   ================================================================ */
#root .ranked-profile-card{
  position:relative!important;
  isolation:isolate!important;
  display:grid!important;
  grid-template-columns:clamp(92px,8vw,116px) minmax(0,1fr) minmax(250px,320px)!important;
  align-items:center!important;
  gap:18px 24px!important;
  width:100%!important;
  margin:0!important;
  padding:clamp(24px,3vw,38px)!important;
  overflow:hidden!important;
  border:1px solid rgba(189,219,229,.46)!important;
  border-radius:clamp(24px,3vw,34px)!important;
  background:
    linear-gradient(115deg,rgba(5,20,34,.98),rgba(5,37,47,.97) 58%,rgba(3,44,36,.97)),
    #071b29!important;
  color:var(--kk274-ink)!important;
  box-shadow:0 30px 80px -46px rgba(0,14,26,.95),inset 0 1px 0 rgba(255,255,255,.09)!important;
}
#root .ranked-profile-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 82% 13%,rgba(28,205,125,.15),transparent 31%),
    linear-gradient(135deg,transparent 0 48%,rgba(95,169,167,.07) 48.2% 48.5%,transparent 48.7%),
    repeating-linear-gradient(45deg,transparent 0 48px,rgba(255,255,255,.018) 49px 50px)!important;
  opacity:1!important;
}
#root .ranked-profile-card::after{
  content:""!important;
  position:absolute!important;
  top:22px!important;
  right:28px!important;
  width:150px!important;
  height:150px!important;
  pointer-events:none!important;
  border:1px solid rgba(74,202,147,.10)!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(34,207,129,.07),transparent 64%)!important;
}

#root .ranked-profile-card .ranked-profile-avatar{
  position:relative!important;
  z-index:1!important;
  align-self:start!important;
  width:clamp(92px,8vw,116px)!important;
  height:clamp(92px,8vw,116px)!important;
  border:3px solid rgba(255,255,255,.84)!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#1fd284,#08764e)!important;
  color:#fff!important;
  font-size:clamp(25px,2.5vw,34px)!important;
  box-shadow:0 0 0 7px rgba(28,199,121,.12),0 19px 38px rgba(0,0,0,.28)!important;
}
#root .ranked-profile-card .ranked-profile-avatar::after{
  content:""!important;
  position:absolute!important;
  right:0!important;
  bottom:4px!important;
  width:20px!important;
  height:20px!important;
  border:3px solid #092332!important;
  border-radius:50%!important;
  background:#26d780!important;
  box-shadow:0 0 14px rgba(38,215,128,.72)!important;
}

#root .ranked-profile-copy{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  align-content:center!important;
  gap:8px!important;
}
#root .ranked-profile-copy>small{
  justify-self:start!important;
  padding:7px 13px!important;
  border:1px solid rgba(241,200,98,.35)!important;
  border-radius:999px!important;
  background:rgba(241,200,98,.08)!important;
  color:#f5d578!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
}
#root .ranked-profile-copy>strong{
  color:#fff!important;
  font-size:clamp(28px,3vw,42px)!important;
  line-height:1.04!important;
  letter-spacing:-.04em!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
#root .ranked-profile-copy>span:not(.ranked-xp-caption){
  color:#e1ebef!important;
  font-size:clamp(13px,1.4vw,17px)!important;
  font-weight:800!important;
  line-height:1.35!important;
}
#root .ranked-profile-copy .ranked-level-track{
  width:100%!important;
  max-width:650px!important;
  height:11px!important;
  margin-top:5px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:rgba(255,255,255,.12)!important;
}
#root .ranked-profile-copy .ranked-level-track i{
  background:linear-gradient(90deg,#20c77a,#35d68e)!important;
  box-shadow:0 0 16px rgba(32,199,122,.42)!important;
}
#root .ranked-profile-copy .ranked-xp-caption{
  display:block!important;
  color:#b8cbd4!important;
  font-size:12px!important;
  font-weight:750!important;
  line-height:1.4!important;
}

#root .ranked-profile-actions{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  gap:14px!important;
  align-self:center!important;
}
#root .ranked-profile-actions .btn{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  width:100%!important;
  min-height:60px!important;
  padding:0 20px!important;
  border-radius:17px!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1.2!important;
  text-align:left!important;
  white-space:normal!important;
}
#root .ranked-profile-actions .btn::before{
  display:grid!important;
  place-items:center!important;
  flex:0 0 28px!important;
  width:28px!important;
  height:28px!important;
  border-radius:50%!important;
  font-size:15px!important;
}
#root .ranked-profile-actions .btn::after{
  content:"›"!important;
  margin-left:auto!important;
  font-size:30px!important;
  font-weight:400!important;
  line-height:1!important;
}
#root .ranked-profile-actions .ranked-open-profile{
  border:1px solid rgba(88,238,163,.45)!important;
  background:linear-gradient(135deg,#16ad6d,#078653)!important;
  color:#fff!important;
  box-shadow:0 16px 34px -18px rgba(22,190,117,.8)!important;
}
#root .ranked-profile-actions .ranked-open-profile::before{content:"●"!important;background:rgba(255,255,255,.18)!important;color:#dfffee!important}
#root .ranked-profile-actions .ranked-avatar-button{
  border:1px solid rgba(199,221,229,.20)!important;
  background:rgba(255,255,255,.055)!important;
  color:#eff7f9!important;
  box-shadow:none!important;
}
#root .ranked-profile-actions .ranked-avatar-button::before{content:"▧"!important;background:rgba(255,255,255,.08)!important;color:#c6d8df!important}

#root .ranked-account-note,
#root .ranked-ladder-pills,
#root .ranked-profile-quickstats,
#root .ranked-profile-elo-note,
#root .ranked-profile-card>.profile-action-feedback{grid-column:1/-1!important}

#root .ranked-account-note{
  position:relative!important;
  display:grid!important;
  gap:7px!important;
  min-height:92px!important;
  padding:20px 110px 20px 72px!important;
  border:1px solid rgba(167,207,218,.18)!important;
  border-radius:22px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(24,191,119,.08))!important;
}
#root .ranked-account-note::before{
  content:"●"!important;
  position:absolute!important;
  left:24px!important;
  top:50%!important;
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  border-radius:11px!important;
  background:rgba(31,199,123,.14)!important;
  color:#37d68d!important;
  transform:translateY(-50%)!important;
}
#root .ranked-account-note::after{
  content:"⚽"!important;
  position:absolute!important;
  right:28px!important;
  top:50%!important;
  color:#56dc9e!important;
  font-size:48px!important;
  filter:drop-shadow(0 8px 16px rgba(18,201,119,.28))!important;
  transform:translateY(-50%)!important;
}
#root .ranked-account-note b{color:#f3f8fa!important;font-size:15px!important;letter-spacing:.02em!important}
#root .ranked-account-note span{color:#c1d0d7!important;font-size:12.5px!important;line-height:1.5!important}

#root .ranked-ladder-pills{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
#root .ranked-ladder-pills>span{
  position:relative!important;
  display:grid!important;
  grid-template-columns:62px minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  gap:7px 16px!important;
  min-height:142px!important;
  padding:24px!important;
  border:1px solid rgba(89,224,151,.48)!important;
  border-radius:23px!important;
  background:linear-gradient(135deg,rgba(13,72,61,.55),rgba(5,29,39,.74))!important;
  color:#fff!important;
  overflow:hidden!important;
}
#root .ranked-ladder-pills>span::after{
  content:""!important;
  position:absolute!important;
  right:-28px!important;
  bottom:-35px!important;
  width:130px!important;
  height:130px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(43,213,133,.18),transparent 67%)!important;
}
#root .ranked-ladder-pills>span.is-letters{
  border-color:rgba(151,105,239,.62)!important;
  background:linear-gradient(135deg,rgba(49,26,83,.62),rgba(7,24,40,.78))!important;
}
#root .ranked-ladder-pills>span.is-letters::after{background:radial-gradient(circle,rgba(143,93,238,.20),transparent 67%)!important}
#root .ranked-ladder-pills>span.is-active{box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 17px 36px -28px rgba(35,219,136,.74)!important}
#root .ranked-ladder-pills .ranked-ladder-mark{
  grid-row:1/3!important;
  display:grid!important;
  place-items:center!important;
  width:62px!important;
  height:70px!important;
  border:1px solid rgba(255,255,255,.25)!important;
  border-radius:18px 18px 24px 24px!important;
  background:linear-gradient(155deg,#28d487,#0b744c)!important;
  color:#fff!important;
  font-size:23px!important;
  font-style:normal!important;
  font-weight:950!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 12px 25px rgba(0,0,0,.22)!important;
}
#root .ranked-ladder-pills .is-letters .ranked-ladder-mark{background:linear-gradient(155deg,#9c70f5,#5a28ad)!important}
#root .ranked-ladder-pills small{
  align-self:end!important;
  color:#bed0d8!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.07em!important;
}
#root .ranked-ladder-pills strong{
  align-self:start!important;
  color:#fff!important;
  font-size:clamp(20px,2vw,28px)!important;
  line-height:1.05!important;
  font-weight:950!important;
}
#root .ranked-ladder-pills b{
  grid-column:3!important;
  grid-row:1/3!important;
  align-self:center!important;
  color:#48de94!important;
  font-size:clamp(22px,2.4vw,34px)!important;
  font-weight:950!important;
  letter-spacing:-.03em!important;
  white-space:nowrap!important;
}
#root .ranked-ladder-pills .is-letters b{color:#a981f7!important}

#root .ranked-profile-quickstats{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
#root .ranked-profile-quickstats>span{
  position:relative!important;
  display:grid!important;
  align-content:center!important;
  justify-items:start!important;
  gap:8px!important;
  min-height:124px!important;
  padding:22px 20px 20px 72px!important;
  border:1px solid rgba(183,210,221,.18)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.04)!important;
}
#root .ranked-profile-quickstats>span::before{
  position:absolute!important;
  left:18px!important;
  top:22px!important;
  display:grid!important;
  place-items:center!important;
  width:40px!important;
  height:40px!important;
  border-radius:12px!important;
  background:rgba(33,199,122,.13)!important;
  color:#42d994!important;
  font-size:18px!important;
}
#root .ranked-profile-quickstats>span:nth-child(1)::before{content:"▦"!important}
#root .ranked-profile-quickstats>span:nth-child(2)::before{content:"★"!important;color:#f2cd61!important;background:rgba(242,205,97,.11)!important}
#root .ranked-profile-quickstats>span:nth-child(3)::before{content:"◆"!important;color:#f06069!important;background:rgba(240,96,105,.10)!important}
#root .ranked-profile-quickstats>span:nth-child(4)::before{content:"▥"!important;color:#5cb9ff!important;background:rgba(92,185,255,.10)!important}
#root .ranked-profile-quickstats small{color:#c0ced5!important;font-size:10px!important;font-weight:900!important;letter-spacing:.06em!important}
#root .ranked-profile-quickstats b{color:#fff!important;font-size:clamp(23px,2.4vw,34px)!important;line-height:1!important;font-weight:950!important}

#root .ranked-profile-elo-note{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  align-items:center!important;
  gap:16px!important;
  min-height:82px!important;
  padding:16px 20px!important;
  border:1px solid rgba(171,205,217,.18)!important;
  border-radius:19px!important;
  background:rgba(255,255,255,.035)!important;
}
#root .ranked-profile-elo-note>i{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;border:3px solid #3988ff!important;border-radius:50%!important;color:#74aaff!important;font-style:normal!important;font-size:20px!important;font-weight:950!important}
#root .ranked-profile-elo-note>span{display:grid!important;gap:4px!important}
#root .ranked-profile-elo-note b{color:#f1f7fa!important;font-size:13px!important}
#root .ranked-profile-elo-note small{color:#aebfc8!important;font-size:11px!important;line-height:1.45!important}

/* ================================================================
   DERECELİ PROFİL PENCERESİ
   ================================================================ */
body.kk-ranked-profile-open-v274{overflow:hidden!important}
#root .ranked-profile-modal-backdrop{
  align-items:flex-start!important;
  overflow:hidden auto!important;
  overscroll-behavior:contain!important;
  padding:max(18px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom))!important;
  background:rgba(1,8,15,.84)!important;
  backdrop-filter:blur(9px)!important;
  -webkit-backdrop-filter:blur(9px)!important;
  touch-action:pan-y pinch-zoom!important;
}
#root .ranked-profile-modal{
  width:min(940px,100%)!important;
  max-height:calc(100dvh - 36px)!important;
  margin:auto!important;
  padding:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  border:1px solid rgba(170,205,218,.44)!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 15% 0,rgba(25,124,113,.14),transparent 29%),
    linear-gradient(180deg,#071b2a,#061420)!important;
  color:#eef7fa!important;
  box-shadow:0 38px 110px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.08)!important;
  touch-action:pan-y pinch-zoom!important;
  -webkit-overflow-scrolling:touch!important;
}
#root .ranked-profile-modal .modal-card__head{
  position:sticky!important;
  top:0!important;
  z-index:20!important;
  margin:0!important;
  padding:20px 24px 17px!important;
  border-bottom:1px solid rgba(167,203,217,.17)!important;
  background:rgba(5,20,32,.97)!important;
}
#root .ranked-profile-modal .modal-card__head span{color:#4fe09b!important;font-size:10px!important;letter-spacing:.16em!important}
#root .ranked-profile-modal .modal-card__head h3{margin-top:4px!important;color:#fff!important;font-size:29px!important;letter-spacing:-.035em!important}
#root .ranked-profile-modal .modal-card__head button{
  display:grid!important;
  place-items:center!important;
  flex:0 0 46px!important;
  width:46px!important;
  height:46px!important;
  padding:0!important;
  border:1px solid rgba(189,215,225,.32)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.035)!important;
  color:#fff!important;
  font-size:27px!important;
}
#root .ranked-profile-dialog{display:grid!important;gap:16px!important;margin:0!important;padding:18px!important}

#root .ranked-profile-hero{
  display:grid!important;
  grid-template-columns:110px minmax(0,1fr) minmax(310px,.82fr)!important;
  align-items:center!important;
  gap:18px!important;
  padding:22px!important;
  border:1px solid rgba(229,195,104,.34)!important;
  border-radius:22px!important;
  background:
    linear-gradient(120deg,rgba(12,51,67,.94),rgba(5,24,37,.95)),
    #0b2a3d!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
}
#root .ranked-profile-hero::before{height:3px!important;background:linear-gradient(90deg,transparent,var(--kk274-gold),var(--kk274-green),transparent)!important}
#root .ranked-profile-hero .ranked-profile-avatar--large{width:104px!important;height:104px!important;border:3px solid rgba(255,255,255,.84)!important;background:linear-gradient(145deg,#21cd80,#08764d)!important;box-shadow:0 0 0 6px rgba(35,207,130,.10),0 15px 32px rgba(0,0,0,.25)!important}
#root .ranked-profile-hero>div:not(.ranked-profile-total)>small{color:#f1cf75!important;border-color:rgba(241,200,98,.32)!important;background:rgba(241,200,98,.09)!important}
#root .ranked-profile-hero>div:not(.ranked-profile-total)>strong{color:#fff!important;font-size:31px!important}
#root .ranked-profile-hero>div:not(.ranked-profile-total)>span{color:#c5d4db!important}
#root .ranked-profile-hero .ranked-level-track{height:9px!important;background:rgba(255,255,255,.12)!important}
#root .ranked-profile-hero .ranked-level-track i{background:linear-gradient(90deg,#22c87c,#53df9f)!important}
#root .ranked-profile-total{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
#root .ranked-profile-total>span{min-height:76px!important;padding:13px!important;border:1px solid rgba(183,211,221,.17)!important;border-radius:16px!important;background:rgba(255,255,255,.045)!important}
#root .ranked-profile-total small{color:#a9bdc7!important;font-size:9px!important}
#root .ranked-profile-total b{color:#fff!important;font-size:22px!important}

#root .ranked-profile-name-edit,
#root .ranked-profile-recent,
#root .ranked-profile-security,
#root .ranked-ladder-summary,
#root .ranked-profile-modal .kk-elo-guide-v267{
  border:1px solid rgba(168,203,216,.20)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.035)!important;
  color:#eef7fa!important;
  box-shadow:none!important;
}
#root .ranked-profile-name-edit{gap:11px!important;padding:17px!important}
#root .ranked-profile-name-edit>span{color:#eef7fa!important;font-size:13px!important}
#root .ranked-profile-name-edit>div{grid-template-columns:minmax(0,1fr) 142px!important}
#root .ranked-profile-name-edit input{
  min-height:50px!important;
  border:1px solid rgba(181,210,222,.24)!important;
  border-radius:13px!important;
  background:rgba(2,14,23,.48)!important;
  color:#fff!important;
  caret-color:#50e09c!important;
  font-size:16px!important;
}
#root .ranked-profile-name-edit input:focus{border-color:#2bd38a!important;box-shadow:0 0 0 3px rgba(43,211,138,.13)!important}
#root .ranked-profile-name-edit .btn--primary{min-height:50px!important;border-radius:13px!important;background:linear-gradient(135deg,#22c87c,#0b8b59)!important;color:#fff!important}
#root .ranked-profile-name-rule{color:#9fb3bd!important;font-size:11px!important}

#root .ranked-profile-ladders{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
#root .ranked-ladder-summary{overflow:hidden!important}
#root .ranked-ladder-summary header{
  grid-template-columns:50px minmax(0,1fr) auto!important;
  padding:16px!important;
  border-bottom:1px solid rgba(168,203,216,.16)!important;
  background:rgba(255,255,255,.025)!important;
}
#root .ranked-ladder-summary header>span{width:50px!important;height:54px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:14px 14px 19px 19px!important;background:linear-gradient(150deg,#21cb7e,#08764d)!important}
#root .ranked-ladder-summary.is-letters header>span{background:linear-gradient(150deg,#9a6ef2,#5725a8)!important}
#root .ranked-ladder-summary header div small{color:#9fb4be!important}
#root .ranked-ladder-summary header strong{color:#fff!important;font-size:20px!important}
#root .ranked-ladder-summary header b{color:#fff!important;font-size:23px!important}
#root .ranked-ladder-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;padding:0!important}
#root .ranked-ladder-stats>span{min-height:69px!important;padding:12px!important;border:0!important;border-right:1px solid rgba(168,203,216,.13)!important;border-top:1px solid rgba(168,203,216,.13)!important;border-radius:0!important;background:transparent!important}
#root .ranked-ladder-stats>span:nth-child(3n){border-right:0!important}
#root .ranked-ladder-stats small{color:#91a8b3!important}
#root .ranked-ladder-stats b{color:#fff!important;font-size:17px!important}

#root .ranked-profile-recent{padding:16px!important}
#root .ranked-profile-recent h4{color:#fff!important}
#root .ranked-profile-recent p{padding:12px!important;border:1px dashed rgba(168,203,216,.18)!important;border-radius:12px!important;background:rgba(0,0,0,.10)!important;color:#9fb3bd!important}
#root .ranked-profile-recent>div>span{border-color:rgba(168,203,216,.18)!important;background:rgba(0,0,0,.12)!important}
#root .ranked-profile-recent>div>span b{color:#fff!important}
#root .ranked-profile-recent>div>span b small{color:#9eb3bd!important}
#root .ranked-profile-recent>div>span em{color:#b7c8cf!important}
#root .ranked-profile-recent>div>span strong{color:#fff!important}

#root .ranked-profile-security{padding:16px!important}
#root .ranked-profile-security>div b{color:#fff!important}
#root .ranked-profile-security>div span{color:#9fb4be!important}
#root .ranked-profile-security .btn--soft{border-color:rgba(168,203,216,.23)!important;background:rgba(255,255,255,.055)!important;color:#f1f7fa!important}

#root .ranked-profile-modal .kk-elo-guide-v267{margin:0!important}
#root .ranked-profile-modal .kk-elo-guide-v267 summary{color:#fff!important}
#root .ranked-profile-modal .kk-elo-guide-v267>p,
#root .ranked-profile-modal .kk-elo-guide-v267>small{color:#9fb3bd!important}
#root .ranked-profile-modal .kk-elo-tier-grid-v267 span{border-color:rgba(168,203,216,.17)!important;background:rgba(0,0,0,.13)!important;color:#eef6f9!important}
#root .ranked-profile-modal .kk-elo-tier-grid-v267 em{color:#9fb3bd!important}

/* ================================================================
   RAKİP ARANIYOR
   ================================================================ */
#root .ranked-search-screen{
  position:relative!important;
  isolation:isolate!important;
  display:grid!important;
  justify-items:center!important;
  align-content:center!important;
  gap:11px!important;
  width:100%!important;
  min-height:clamp(510px,68dvh,650px)!important;
  padding:clamp(32px,5vw,62px) clamp(18px,4vw,54px)!important;
  overflow:hidden!important;
  border:1px solid rgba(187,205,195,.75)!important;
  border-radius:clamp(24px,3vw,34px)!important;
  background:
    radial-gradient(circle at 50% 29%,rgba(48,204,130,.10),transparent 25%),
    linear-gradient(180deg,rgba(255,255,255,.99),rgba(247,249,247,.985))!important;
  color:#0a2e21!important;
  text-align:center!important;
  box-shadow:0 26px 75px -45px rgba(0,34,19,.52),inset 0 1px 0 #fff!important;
}
#root .ranked-search-screen::before{
  content:""!important;
  position:absolute!important;
  inset:18px!important;
  z-index:-1!important;
  pointer-events:none!important;
  border:1px solid rgba(172,153,86,.20)!important;
  border-radius:22px!important;
  background:
    linear-gradient(135deg,#1b6242 0 34px,transparent 34px) top left/70px 3px no-repeat,
    linear-gradient(225deg,#1b6242 0 34px,transparent 34px) top right/70px 3px no-repeat,
    linear-gradient(45deg,#1b6242 0 34px,transparent 34px) bottom left/70px 3px no-repeat,
    linear-gradient(315deg,#1b6242 0 34px,transparent 34px) bottom right/70px 3px no-repeat,
    repeating-linear-gradient(135deg,transparent 0 72px,rgba(24,87,58,.018) 73px 74px)!important;
}
#root .ranked-search-screen::after{
  content:"⚽"!important;
  position:absolute!important;
  right:36px!important;
  top:31px!important;
  color:#167247!important;
  font-size:23px!important;
  opacity:.45!important;
}
#root .ranked-search-radar{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:136px!important;
  height:136px!important;
  margin-bottom:2px!important;
  border:0!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(35,184,112,.12),rgba(255,255,255,.65) 51%,transparent 52%)!important;
  box-shadow:none!important;
}
#root .ranked-search-radar::before,
#root .ranked-search-radar::after{
  content:""!important;
  position:absolute!important;
  inset:12px!important;
  border:1px solid rgba(23,139,84,.25)!important;
  border-radius:50%!important;
}
#root .ranked-search-radar::after{inset:27px!important;border-style:dashed!important;animation:kk274-ring-spin 9s linear infinite!important}
#root .ranked-search-radar i{position:absolute!important;inset:3px!important;border:2px solid rgba(26,171,101,.23)!important;border-radius:50%!important;animation:kk274-search-pulse 2.2s ease-out infinite!important}
#root .ranked-search-radar i:nth-child(2){animation-delay:1.05s!important}
#root .ranked-search-radar span{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  place-items:center!important;
  width:74px!important;
  height:74px!important;
  border:5px solid #e9f2ed!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#16593b,#092f22)!important;
  color:#fff!important;
  font-size:25px!important;
  font-style:italic!important;
  font-weight:950!important;
  box-shadow:0 0 0 2px rgba(133,112,44,.48),0 12px 28px rgba(5,76,43,.24)!important;
}
@keyframes kk274-search-pulse{0%{transform:scale(.55);opacity:.65}75%,100%{transform:scale(1.16);opacity:0}}
@keyframes kk274-ring-spin{to{transform:rotate(360deg)}}
#root .ranked-search-screen>small:first-of-type{color:#168457!important;font-size:12px!important;font-weight:950!important;letter-spacing:.17em!important}
#root .ranked-search-screen h3{margin:0!important;color:#071d14!important;font-size:clamp(34px,5vw,58px)!important;font-style:italic!important;font-weight:950!important;line-height:.98!important;letter-spacing:-.045em!important}
#root .ranked-search-time{color:#168557!important;font-size:clamp(38px,5vw,58px)!important;line-height:1!important;font-style:italic!important;font-weight:950!important;font-variant-numeric:tabular-nums!important;letter-spacing:.03em!important}
#root .ranked-search-rank{display:flex!important;align-items:center!important;gap:10px!important;font-size:17px!important}
#root .ranked-search-rank b{color:#9a6b17!important;font-weight:950!important}
#root .ranked-search-rank span{color:#6c7670!important}
#root .ranked-search-screen p{width:min(560px,100%)!important;margin:0!important;color:#68736d!important;font-size:15px!important;line-height:1.55!important}
#root .ranked-window-note{color:#6e7772!important;font-size:11px!important}
#root .ranked-cancel-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  width:min(340px,100%)!important;
  min-height:62px!important;
  margin-top:4px!important;
  padding:0 24px!important;
  border:1px solid rgba(213,65,74,.55)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#ef6c72,#d84851)!important;
  color:#fff!important;
  font-size:17px!important;
  font-weight:900!important;
  box-shadow:0 15px 28px -17px rgba(212,55,64,.78)!important;
}
#root .ranked-cancel-button::before{content:"×"!important;display:grid!important;place-items:center!important;width:27px!important;height:27px!important;border-radius:8px!important;background:rgba(255,255,255,.17)!important;font-size:22px!important;line-height:1!important}

/* Aramadan önceki panel aynı dili taşır; oyun akışı değişmez. */
#root .ranked-matchmaking-setup{border-radius:24px!important;background:linear-gradient(180deg,#fff,#f5faf7)!important}
#root .ranked-matchmaking-icon{border:5px solid #e5f1ea!important;border-radius:50%!important;background:linear-gradient(145deg,#175c3d,#0a3022)!important;color:#fff!important;box-shadow:0 0 0 2px rgba(175,145,58,.32),0 14px 28px rgba(9,80,46,.18)!important}
#root .ranked-search-button{min-height:58px!important;background:linear-gradient(135deg,#1cc276,#0a8755)!important;border-radius:15px!important;font-size:16px!important}

/* ================================================================
   TUR SONU DÜĞMESİ + TAKIM/LOGO DAYANIKLILIĞI
   ================================================================ */
@media(max-width:900px),(pointer:coarse){
  body.kk-result-open #root .round-result-modal,
  body.kk-result-open #root .match-result-modal{padding-bottom:max(10px,env(safe-area-inset-bottom))!important;overflow:visible!important}
  body.kk-result-open #root .round-result-modal>.round-candidate-list,
  body.kk-result-open #root .match-result-modal>.round-candidate-list{display:block!important;margin-bottom:14px!important}
  body.kk-result-open #root .round-result-modal .round-candidate-grid,
  body.kk-result-open #root .match-result-modal .round-candidate-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;max-height:none!important;overflow:visible!important}
  body.kk-result-open #root .round-continue-button,
  html body #root .round-result-modal .round-continue-button{
    position:sticky!important;
    left:0!important;
    right:0!important;
    bottom:max(0px,env(safe-area-inset-bottom))!important;
    z-index:40!important;
    display:flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:100%!important;
    min-height:60px!important;
    height:auto!important;
    margin:14px 0 0!important;
    padding:17px 20px!important;
    border-radius:16px!important;
    font-size:16px!important;
    font-weight:950!important;
    line-height:1.2!important;
    white-space:normal!important;
    box-shadow:0 15px 32px -18px rgba(17,141,85,.85),0 -8px 20px rgba(255,255,255,.92)!important;
  }
  html body #root .round-result-modal .round-continue-button:disabled{opacity:.72!important}

  #root .player-card .club-search{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 30px!important;
    align-items:center!important;
    column-gap:9px!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  #root .player-card .club-search .club-badge{grid-column:1!important;position:relative!important;inset:auto!important;flex:0 0 44px!important;width:44px!important;height:44px!important;min-width:44px!important;margin:0!important;transform:none!important}
  #root .player-card .club-search input{grid-column:2!important;position:static!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding-inline:5px!important;font-size:16px!important;text-overflow:ellipsis!important}
  #root .player-card .club-search .search-icon{grid-column:3!important;position:static!important;width:30px!important;min-width:30px!important;margin:0!important;transform:none!important}
  #root .player-card .club-search .search-menu{grid-column:1/-1!important;width:100%!important;max-width:100%!important}
  #root .club-summary,
  #root .club-summary>div,
  #root .club-summary>div b{min-width:0!important;max-width:100%!important}
  #root .club-summary>div b{overflow-wrap:anywhere!important;word-break:normal!important}

  #root .app-shell.is-match-started .round-scoreboard{grid-template-columns:minmax(0,1fr) clamp(54px,7vw,78px) minmax(0,1fr)!important;min-width:0!important}
  #root .app-shell.is-match-started .round-team,
  #root .app-shell.is-match-started .round-team--right{min-width:0!important;max-width:100%!important;overflow:hidden!important}
  #root .app-shell.is-match-started .round-team>div:not(.club-badge),
  #root .app-shell.is-match-started .round-team--right>div:not(.club-badge){min-width:0!important;max-width:100%!important;overflow:hidden!important}
  #root .app-shell.is-match-started .round-team>div:not(.club-badge)>b,
  #root .app-shell.is-match-started .round-team--right>div:not(.club-badge)>b{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;text-overflow:clip!important}
  #root .app-shell.is-match-started .round-team .club-badge--lg{position:relative!important;inset:auto!important;flex:0 0 auto!important;margin:0!important;transform:none!important}
}

@media(min-width:641px) and (pointer:coarse){
  #root .app-shell.is-match-started .round-team{display:grid!important;grid-template-columns:clamp(50px,5vw,68px) minmax(0,1fr)!important;align-items:center!important;gap:12px!important}
  #root .app-shell.is-match-started .round-team--right{grid-template-columns:minmax(0,1fr) clamp(50px,5vw,68px)!important}
  #root .app-shell.is-match-started .round-team--right .club-badge{grid-column:2!important;grid-row:1!important}
  #root .app-shell.is-match-started .round-team--right>div:not(.club-badge){grid-column:1!important;grid-row:1!important;text-align:right!important;justify-items:end!important}
}

/* ================================================================
   RESPONSIVE
   ================================================================ */
@media(max-width:1024px){
  #root .ranked-profile-card{grid-template-columns:86px minmax(0,1fr)!important;gap:16px!important;padding:24px!important}
  #root .ranked-profile-card .ranked-profile-avatar{width:86px!important;height:86px!important}
  #root .ranked-profile-actions{grid-column:1/-1!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #root .ranked-profile-copy>strong{font-size:32px!important}
  #root .ranked-ladder-pills b{font-size:25px!important}
  #root .ranked-profile-quickstats>span{padding-left:65px!important}
  #root .ranked-profile-quickstats>span::before{left:14px!important}

  #root .ranked-profile-hero{grid-template-columns:82px minmax(0,1fr)!important}
  #root .ranked-profile-hero .ranked-profile-avatar--large{width:82px!important;height:82px!important}
  #root .ranked-profile-total{grid-column:1/-1!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
  #root .ranked-profile-ladders{grid-template-columns:1fr!important}
}

@media(max-width:720px){
  #root .ranked-profile-card{grid-template-columns:70px minmax(0,1fr)!important;padding:18px!important;border-radius:24px!important}
  #root .ranked-profile-card .ranked-profile-avatar{width:70px!important;height:70px!important;font-size:22px!important}
  #root .ranked-profile-card .ranked-profile-avatar::after{width:16px!important;height:16px!important;border-width:2px!important}
  #root .ranked-profile-copy{gap:5px!important}
  #root .ranked-profile-copy>small{padding:5px 9px!important;font-size:8px!important}
  #root .ranked-profile-copy>strong{font-size:24px!important}
  #root .ranked-profile-copy>span:not(.ranked-xp-caption){font-size:12px!important}
  #root .ranked-profile-copy .ranked-xp-caption{font-size:9px!important}
  #root .ranked-profile-actions{gap:9px!important}
  #root .ranked-profile-actions .btn{min-height:54px!important;padding:0 14px!important;font-size:12px!important}
  #root .ranked-account-note{min-height:82px!important;padding:16px 60px 16px 58px!important}
  #root .ranked-account-note::before{left:15px!important}
  #root .ranked-account-note::after{right:13px!important;font-size:34px!important}
  #root .ranked-account-note b{font-size:12px!important}
  #root .ranked-account-note span{font-size:10px!important}
  #root .ranked-ladder-pills{gap:11px!important}
  #root .ranked-ladder-pills>span{grid-template-columns:45px minmax(0,1fr)!important;min-height:116px!important;padding:16px!important;gap:5px 11px!important}
  #root .ranked-ladder-pills .ranked-ladder-mark{width:45px!important;height:54px!important;border-radius:13px 13px 17px 17px!important;font-size:17px!important}
  #root .ranked-ladder-pills b{grid-column:2!important;grid-row:3!important;font-size:21px!important}
  #root .ranked-ladder-pills strong{font-size:18px!important}
  #root .ranked-profile-quickstats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  #root .ranked-profile-quickstats>span{min-height:92px!important;padding:16px 12px 15px 58px!important}
  #root .ranked-profile-quickstats>span::before{left:13px!important;top:17px!important;width:34px!important;height:34px!important}
  #root .ranked-profile-quickstats b{font-size:23px!important}
  #root .ranked-profile-elo-note{padding:14px!important}

  #root .ranked-profile-modal-backdrop{padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))!important}
  #root .ranked-profile-modal{max-height:calc(100dvh - 16px)!important;border-radius:22px!important}
  #root .ranked-profile-modal .modal-card__head{padding:15px!important}
  #root .ranked-profile-modal .modal-card__head h3{font-size:23px!important}
  #root .ranked-profile-dialog{gap:12px!important;padding:12px!important}
  #root .ranked-profile-hero{grid-template-columns:66px minmax(0,1fr)!important;gap:12px!important;padding:15px!important}
  #root .ranked-profile-hero .ranked-profile-avatar--large{width:66px!important;height:66px!important}
  #root .ranked-profile-hero>div:not(.ranked-profile-total)>strong{font-size:22px!important}
  #root .ranked-profile-total{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #root .ranked-profile-name-edit>div{grid-template-columns:1fr!important}
  #root .ranked-profile-name-edit .btn--primary{width:100%!important}
  #root .ranked-ladder-summary header{grid-template-columns:44px minmax(0,1fr) auto!important;gap:9px!important;padding:12px!important}
  #root .ranked-ladder-summary header>span{width:44px!important;height:47px!important}
  #root .ranked-ladder-summary header strong{font-size:17px!important}
  #root .ranked-ladder-summary header b{font-size:18px!important}
  #root .ranked-profile-security{grid-template-columns:1fr!important}
  #root .ranked-profile-security .btn--soft{width:100%!important}

  #root .ranked-search-screen{min-height:540px!important;padding:34px 18px!important;border-radius:24px!important}
  #root .ranked-search-screen::before{inset:10px!important;border-radius:18px!important}
  #root .ranked-search-screen::after{right:22px!important;top:22px!important;font-size:18px!important}
  #root .ranked-search-radar{width:116px!important;height:116px!important}
  #root .ranked-search-radar span{width:64px!important;height:64px!important;font-size:21px!important}
  #root .ranked-search-screen h3{font-size:38px!important}
  #root .ranked-search-time{font-size:43px!important}
  #root .ranked-search-screen p{font-size:13px!important}
  #root .ranked-cancel-button{min-height:58px!important;font-size:15px!important}
}

@media(max-width:480px){
  #root .ranked-profile-actions{grid-template-columns:1fr!important}
  #root .ranked-ladder-pills{grid-template-columns:1fr!important}
  #root .ranked-ladder-pills>span{min-height:104px!important}
  #root .ranked-profile-elo-note{grid-template-columns:36px minmax(0,1fr)!important;gap:11px!important}
  #root .ranked-profile-elo-note>i{width:36px!important;height:36px!important;font-size:16px!important}
  #root .ranked-profile-elo-note b{font-size:11px!important}
  #root .ranked-profile-elo-note small{font-size:9px!important}
  #root .ranked-profile-total>span{min-height:66px!important;padding:10px!important}
  #root .ranked-profile-total b{font-size:18px!important}
  #root .ranked-ladder-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #root .ranked-ladder-stats>span:nth-child(3n){border-right:1px solid rgba(168,203,216,.13)!important}
  #root .ranked-ladder-stats>span:nth-child(2n){border-right:0!important}
  body.kk-result-open #root .round-result-modal .round-candidate-grid,
  body.kk-result-open #root .match-result-modal .round-candidate-grid{gap:6px!important}
}

/* Android'de bulanık arka plan ve sürekli dekorasyon yerine aynı tasarımın
   statik, daha ucuz boyanan sürümü kullanılır. */
html.wos-android-v269 #root .ranked-profile-modal-backdrop,
html.wos-nonapple-touch-v269 #root .ranked-profile-modal-backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html.wos-touch-lite-v269 #root .ranked-search-radar i,
html.wos-touch-lite-v269 #root .ranked-search-radar::after,
html.wos-device-lite-v274 #root .ranked-search-radar i,
html.wos-device-lite-v274 #root .ranked-search-radar::after{animation:none!important;opacity:.28!important}

@media(prefers-reduced-motion:reduce){
  #root .ranked-search-radar i,
  #root .ranked-search-radar::after{animation:none!important}
}