/* ============================================================
   v14.1 — GLOBAL ZWARS / VANILLA DUNYA SECICI
   Ana sayfadaki modern server karti tasarimini TUM sayfalara tasir.
   ============================================================ */

@property --zw-world-ring-angle {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}

.world-selector{
  width:min(1400px,94%)!important;
  margin:16px auto 0!important;
  position:relative!important;
  z-index:20!important;
  color:#adc0ca!important;
  font-family:'Segoe UI',sans-serif!important;
}

/* DESKTOP — ana sayfadaki ile ayni sunucu kartlari */
@media (min-width:901px){
  .world-selector{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto minmax(0,1fr)!important;
    align-items:center!important;
    column-gap:14px!important;
    padding:12px 18px!important;
    border:1px solid #293943!important;
    border-radius:10px!important;
    background:linear-gradient(180deg,rgba(10,18,23,.95),rgba(5,11,15,.95))!important;
    box-shadow:0 10px 30px rgba(0,0,0,.18)!important;
  }

  .world-selector>span{
    width:auto!important;
    margin:0!important;
    padding-right:10px!important;
    justify-self:end!important;
    color:#748792!important;
    font-size:9px!important;
    font-weight:700!important;
    letter-spacing:1.7px!important;
    text-align:right!important;
  }

  .world-selector>a{
    --world-accent:#e33d56;
    --world-accent-rgb:227,61,86;
    position:relative!important;
    isolation:isolate!important;
    width:clamp(220px,19vw,270px)!important;
    min-width:220px!important;
    min-height:66px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    padding:10px 22px 10px 24px!important;
    overflow:hidden!important;
    border:1px solid #344550!important;
    border-radius:9px!important;
    background:linear-gradient(180deg,#111a20 0%,#0a1116 100%)!important;
    color:#f5f8fa!important;
    box-shadow:0 6px 18px rgba(0,0,0,.18)!important;
    font-size:17px!important;
    font-weight:750!important;
    line-height:1.12!important;
    letter-spacing:.2px!important;
    text-align:left!important;
    text-decoration:none!important;
    transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
  }

  .world-selector>a:nth-of-type(2){
    --world-accent:#39a9ef;
    --world-accent-rgb:57,169,239;
  }

  .world-selector>a::before{
    content:''!important;
    position:absolute!important;
    left:0!important;
    right:auto!important;
    top:10px!important;
    bottom:10px!important;
    width:4px!important;
    height:auto!important;
    border-radius:0 4px 4px 0!important;
    background:var(--world-accent)!important;
    opacity:.96!important;
    box-shadow:0 0 10px rgba(var(--world-accent-rgb),.46)!important;
    transform:none!important;
    pointer-events:none!important;
  }

  .world-selector>a small{
    display:block!important;
    margin-top:4px!important;
    color:rgba(242,138,154,.9)!important;
    font-size:10px!important;
    font-weight:600!important;
    line-height:1.1!important;
    letter-spacing:.3px!important;
    opacity:1!important;
  }

  .world-selector>a:nth-of-type(2) small{
    color:#79c8f7!important;
  }

  .world-selector>a:hover{
    transform:translateY(-1px)!important;
    background:linear-gradient(180deg,#162129 0%,#0c151b 100%)!important;
    border-color:rgba(var(--world-accent-rgb),.52)!important;
    box-shadow:0 9px 22px rgba(0,0,0,.24),0 0 14px rgba(var(--world-accent-rgb),.07)!important;
  }

  /* Aktif dunya: tum cercevede gezen kirmizi / mavi isik */
  .world-selector>a[aria-current]{
    border:1px solid transparent!important;
    background:
      linear-gradient(180deg,#18232a 0%,#0d161c 100%) padding-box,
      conic-gradient(
        from var(--zw-world-ring-angle),
        rgba(var(--world-accent-rgb),.16) 0deg,
        rgba(var(--world-accent-rgb),.16) 262deg,
        rgba(var(--world-accent-rgb),.38) 282deg,
        var(--world-accent) 300deg,
        #fff 314deg,
        var(--world-accent) 328deg,
        rgba(var(--world-accent-rgb),.40) 345deg,
        rgba(var(--world-accent-rgb),.16) 360deg
      ) border-box!important;
    animation:zw-world-border-orbit 2.35s linear infinite!important;
    box-shadow:
      inset 0 0 0 1px rgba(var(--world-accent-rgb),.08),
      0 8px 24px rgba(0,0,0,.24),
      0 0 17px rgba(var(--world-accent-rgb),.13)!important;
  }

  .world-selector>a[aria-current]::before{
    background:var(--world-accent)!important;
    box-shadow:0 0 10px rgba(var(--world-accent-rgb),.52)!important;
  }

  .world-selector .world-active-badge{
    position:absolute!important;
    right:14px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    margin:0!important;
    padding:4px 8px!important;
    border:1px solid rgba(var(--world-accent-rgb),.72)!important;
    border-radius:999px!important;
    background:rgba(var(--world-accent-rgb),.12)!important;
    color:#f7fbfd!important;
    box-shadow:0 0 12px rgba(var(--world-accent-rgb),.18)!important;
    font:800 8px/1 'Segoe UI',sans-serif!important;
    font-style:normal!important;
    letter-spacing:1px!important;
    white-space:nowrap!important;
  }

  .world-selector .world-active-badge::before{
    content:''!important;
    width:6px!important;
    height:6px!important;
    flex:0 0 6px!important;
    border-radius:50%!important;
    background:var(--world-accent)!important;
    box-shadow:0 0 8px var(--world-accent)!important;
    animation:zw-world-active-pulse 1.25s ease-in-out infinite!important;
  }

  .world-selector>b{
    width:auto!important;
    margin:0!important;
    padding-left:10px!important;
    justify-self:start!important;
    color:#7f929d!important;
    font-size:9px!important;
    font-weight:700!important;
    letter-spacing:1px!important;
    text-align:left!important;
  }

  .vanilla-world .world-selector>b{
    color:#65c9ee!important;
  }
}

/* MOBIL — ayni tasarim dili, AKTIF yazisi YOK */
@media (max-width:900px){
  .world-selector{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    padding:10px!important;
    border:1px solid #293c47!important;
    border-radius:11px!important;
    background:linear-gradient(180deg,rgba(8,17,22,.96),rgba(4,10,14,.97))!important;
    box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
  }

  .world-selector>span{
    grid-column:1/-1!important;
    width:auto!important;
    margin:0 0 1px!important;
    padding:0!important;
    text-align:center!important;
    color:#748994!important;
    font-size:8px!important;
    font-weight:800!important;
    letter-spacing:1.5px!important;
  }

  .world-selector>a{
    --world-accent:#e33d56;
    --world-accent-rgb:227,61,86;
    position:relative!important;
    min-width:0!important;
    min-height:58px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    padding:9px 13px 9px 15px!important;
    overflow:hidden!important;
    border:1px solid #344852!important;
    border-radius:9px!important;
    background:linear-gradient(180deg,#111b21,#091116)!important;
    color:#f2f7f9!important;
    font-size:14px!important;
    line-height:1.1!important;
    font-weight:800!important;
    text-decoration:none!important;
    box-shadow:0 5px 15px rgba(0,0,0,.22)!important;
  }

  .world-selector>a:nth-of-type(2){
    --world-accent:#39a9ef;
    --world-accent-rgb:57,169,239;
  }

  .world-selector>a::before{
    content:''!important;
    position:absolute!important;
    left:0!important;
    top:8px!important;
    bottom:8px!important;
    width:4px!important;
    border-radius:0 4px 4px 0!important;
    background:var(--world-accent)!important;
    box-shadow:0 0 9px rgba(var(--world-accent-rgb),.40)!important;
  }

  .world-selector>a small{
    display:block!important;
    margin-top:4px!important;
    color:#f28a9a!important;
    font-size:9px!important;
    line-height:1.1!important;
    opacity:.82!important;
  }

  .world-selector>a:nth-of-type(2) small{
    color:#79c8f7!important;
  }

  .world-selector>a[aria-current]{
    border-color:rgba(var(--world-accent-rgb),.72)!important;
    background:linear-gradient(180deg,#17242c,#0c171d)!important;
    box-shadow:
      inset 0 0 0 1px rgba(var(--world-accent-rgb),.10),
      0 6px 18px rgba(0,0,0,.24),
      0 0 14px rgba(var(--world-accent-rgb),.10)!important;
  }

  /* Kullanici daha once mobilde AKTIF yazisini kaldirmisti. */
  .world-selector .world-active-badge{
    display:none!important;
  }

  .world-selector>b{
    grid-column:1/-1!important;
    width:auto!important;
    margin:1px 0 0!important;
    padding:0!important;
    text-align:center!important;
    color:#71858f!important;
    font-size:8px!important;
    font-weight:800!important;
    letter-spacing:1px!important;
  }

  .vanilla-world .world-selector>b{
    color:#6daac2!important;
  }
}

@keyframes zw-world-border-orbit{
  to{--zw-world-ring-angle:360deg}
}
@keyframes zw-world-active-pulse{
  0%,100%{opacity:.65;transform:scale(.88)}
  50%{opacity:1;transform:scale(1.12)}
}
@media(prefers-reduced-motion:reduce){
  .world-selector>a[aria-current],
  .world-selector .world-active-badge::before{
    animation:none!important;
  }
}