/* =========================================================
   ZWars / Vanilla UI Polish v15
   Premium shell, cards, profiles, podiums, skeletons,
   toast, mobile dock, footer, admin trend widget.
   ========================================================= */
:root{
  --v15-radius-sm:10px;
  --v15-radius:14px;
  --v15-radius-lg:20px;
  --v15-shadow:0 16px 44px rgba(0,0,0,.22);
  --v15-border:rgba(126,171,194,.18);
  --v15-panel:linear-gradient(180deg,rgba(9,22,31,.94),rgba(5,13,19,.96));
  --v15-text:#eef8fc;
  --v15-muted:#7e9dab;
  --v15-red:#ef4059;
  --v15-blue:#42bdf5;
  --v15-green:#4ce28d;
  --v15-gold:#f3c75f;
  --v15-silver:#c7d5de;
  --v15-bronze:#c98c59;
  --v15-world:#ef4059;
  --v15-world-rgb:239,64,89;
}
.vanilla-world{--v15-world:#42bdf5;--v15-world-rgb:66,189,245}
html{scroll-behavior:smooth}
body{--v15-card-border:rgba(var(--v15-world-rgb),.15)}
body.v15-ready{animation:v15-page-in .28s ease-out both}
@keyframes v15-page-in{from{opacity:.72;transform:translateY(3px)}to{opacity:1;transform:none}}

/* HEADER — daha premium, daha sakin */
.topbar{
  border-bottom-color:rgba(var(--v15-world-rgb),.18)!important;
  box-shadow:0 8px 32px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(14px) saturate(112%);
  transition:background .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.topbar.v15-scrolled{
  background:rgba(4,10,14,.94)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.34)!important;
  border-bottom-color:rgba(var(--v15-world-rgb),.25)!important;
}
.topbar .brand{position:relative}
.topbar .brand::after{
  content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(var(--v15-world-rgb),.56),transparent);
  opacity:.55;pointer-events:none;
}
.topbar nav>a:not(.btn):not(.nav-steam-login),
.topbar .nav>a:not(.btn):not(.nav-steam-login){
  position:relative;transition:color .16s ease,transform .16s ease,background .16s ease!important;
}
.topbar nav>a:not(.btn):not(.nav-steam-login)::after,
.topbar .nav>a:not(.btn):not(.nav-steam-login)::after{
  content:"";position:absolute;left:18%;right:82%;bottom:4px;height:2px;border-radius:3px;
  background:var(--v15-world);opacity:0;transition:left .18s ease,right .18s ease,opacity .18s ease;
}
.topbar nav>a:not(.btn):not(.nav-steam-login):hover::after,
.topbar .nav>a:not(.btn):not(.nav-steam-login):hover::after{left:18%;right:18%;opacity:.78}

/* ORTAK KART DILI */
.glass,.panel,.world-panel,.account-card,.live-card,.zwars-live-chat,.zcard,.zcmd-card,.va-card,
.vanilla-metrics>article,.stats-grid>.stat,.visitor-footer-card,.visitor-footer-panel{
  border-radius:var(--v15-radius)!important;
  border-color:var(--v15-card-border)!important;
  box-shadow:var(--v15-shadow),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.account-card,.world-panel,.zcard,.zcmd-card,.va-card{
  background:var(--v15-panel)!important;
}
.panel:hover,.account-card:hover,.world-panel:hover,.va-card:hover,.zcard:hover{
  border-color:rgba(var(--v15-world-rgb),.27)!important;
}
.section-title span,.world-panel h2,.account-card h2,.zcard h2,.va-card h3{letter-spacing:-.15px}

/* METRIK KARTLARI */
.vanilla-metrics>article,.account-stats>div,.stats-grid>.stat,.va-metrics>article,.zstat{
  position:relative;overflow:hidden;
}
.vanilla-metrics>article::after,.account-stats>div::after,.stats-grid>.stat::after,.va-metrics>article::after,.zstat::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
  background:linear-gradient(90deg,var(--v15-world),rgba(var(--v15-world-rgb),0));opacity:.78;
}
.vanilla-metrics>article b,.account-stats>div b,.stats-grid>.stat b,.va-metrics>article b{
  text-shadow:0 0 18px rgba(var(--v15-world-rgb),.08)
}

/* VANILLA PUBLIC PROFILE — yeni hero */
.vanilla-profile-hero{
  display:flex;align-items:center;gap:18px;margin:0 0 18px;padding:18px;
  border:1px solid rgba(var(--v15-world-rgb),.22);border-radius:17px;
  background:radial-gradient(circle at 90% 10%,rgba(var(--v15-world-rgb),.11),transparent 34%),linear-gradient(135deg,rgba(11,31,43,.96),rgba(5,14,20,.96));
  box-shadow:0 16px 42px rgba(0,0,0,.18);
}
.vanilla-profile-avatar{
  width:76px;height:76px;flex:0 0 76px;border-radius:18px;object-fit:cover;
  border:1px solid rgba(var(--v15-world-rgb),.38);box-shadow:0 0 0 4px rgba(var(--v15-world-rgb),.06),0 12px 26px rgba(0,0,0,.24);
  background:#102631;
}
.vanilla-profile-copy{min-width:0;flex:1}.vanilla-profile-copy small{display:block;color:#6fa5bd;font-size:9px;font-weight:900;letter-spacing:1.4px}.vanilla-profile-copy h2{margin:5px 0 4px!important;font-size:25px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vanilla-profile-copy p{margin:0;color:#7796a5;font-size:10px}.vanilla-profile-actions{display:flex;gap:7px;margin-top:11px;flex-wrap:wrap}.vanilla-profile-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;border:1px solid rgba(var(--v15-world-rgb),.26);background:rgba(var(--v15-world-rgb),.08);font-size:9px;font-weight:900;color:#c7f1ff}.vanilla-profile-level{min-width:86px;height:86px;border-radius:50%;display:grid;place-items:center;align-content:center;border:1px solid rgba(var(--v15-world-rgb),.35);background:radial-gradient(circle,rgba(var(--v15-world-rgb),.16),rgba(5,17,25,.84));box-shadow:0 0 32px rgba(var(--v15-world-rgb),.09)}.vanilla-profile-level small{font-size:7px;letter-spacing:1.2px;color:#75a9bf}.vanilla-profile-level b{font-size:30px;line-height:1.05}.vanilla-profile-level span{font-size:8px;color:#78bad5;margin-top:3px}

/* ZWars profile hero */
.zw-profile-revamp .account-hero{
  background:radial-gradient(circle at 88% 10%,rgba(239,64,89,.09),transparent 32%),linear-gradient(135deg,rgba(20,20,26,.96),rgba(7,14,19,.96))!important;
  border-color:rgba(239,64,89,.22)!important;
}
.zw-profile-revamp .account-avatar{box-shadow:0 0 0 4px rgba(239,64,89,.06),0 14px 34px rgba(0,0,0,.28)!important}

/* v15.1: Podium / madalya görünümü kaldırıldı.
   Sıralamalar tekrar normal 1, 2, 3... numaralandırmasını kullanır. */

/* SKELETON / LOADING */
.v15-skeleton,.player-empty:has(+ .v15-never),.chat-empty{
  position:relative;overflow:hidden;
}
.v15-skeleton::after,.player-empty::after,.chat-empty::after{
  content:"";position:absolute;inset:0;transform:translateX(-110%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.055),transparent);
  animation:v15-shimmer 1.35s linear infinite;
}
@keyframes v15-shimmer{to{transform:translateX(110%)}}
.data-error,.world-empty,.player-empty,.chat-empty{border-radius:10px!important;background:rgba(255,255,255,.018)!important}

/* VISITOR / ADMIN MICRO CHART */
.v15-trend-card{
  margin:13px 0;padding:15px 17px;border:1px solid rgba(var(--v15-world-rgb),.16);border-radius:14px;
  background:linear-gradient(180deg,rgba(10,25,35,.91),rgba(6,15,22,.95));box-shadow:0 12px 30px rgba(0,0,0,.17)
}
.v15-trend-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.v15-trend-head div small{display:block;font-size:8px;letter-spacing:1.2px;color:#6590a3;font-weight:900}.v15-trend-head div b{display:block;margin-top:3px;font-size:13px}.v15-trend-head>span{font-size:9px;color:#71b9d5}.v15-spark{width:100%;height:72px;display:block;overflow:visible}.v15-spark .grid{stroke:rgba(255,255,255,.055);stroke-width:1}.v15-spark .line{fill:none;stroke:var(--v15-world);stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(var(--v15-world-rgb),.18))}.v15-spark .area{fill:url(#v15SparkFill)}.v15-trend-foot{display:flex;justify-content:space-between;color:#607f8e;font-size:8px;margin-top:5px}

/* PREMIUM FOOTER */
.v15-footer{
  width:min(1400px,94%);margin:26px auto 16px;padding:20px;border:1px solid rgba(var(--v15-world-rgb),.14);
  border-radius:16px;background:linear-gradient(180deg,rgba(8,20,28,.88),rgba(4,11,16,.94));box-shadow:0 14px 38px rgba(0,0,0,.20)
}
.v15-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px;align-items:start}.v15-footer-brand{display:flex;gap:11px;align-items:center}.v15-footer-mark{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;border:1px solid rgba(var(--v15-world-rgb),.32);background:rgba(var(--v15-world-rgb),.08);font-size:18px;font-weight:1000}.v15-footer b{font-size:12px}.v15-footer p{margin:5px 0 0;color:#6f8b99;font-size:9px;line-height:1.5}.v15-footer-links{display:flex;gap:8px;flex-wrap:wrap}.v15-footer-links a{padding:7px 9px;border-radius:8px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);font-size:9px;color:#92b5c4}.v15-footer-status{display:grid;gap:7px}.v15-footer-status span{display:flex;align-items:center;gap:7px;font-size:9px;color:#89a7b5}.v15-footer-status i{width:6px;height:6px;border-radius:50%;background:#62747c}.v15-footer-status i.ok{background:#49e494;box-shadow:0 0 8px rgba(73,228,148,.45)}
body:not(.zwars-admin-page):not(.va-body)>footer:not(.va-footer):not(.v15-footer){display:none!important}

/* TOAST */
.v15-toast-stack{position:fixed;right:18px;bottom:18px;z-index:99999;display:grid;gap:8px;pointer-events:none}.v15-toast{min-width:240px;max-width:min(360px,calc(100vw - 36px));padding:11px 13px;border:1px solid rgba(var(--v15-world-rgb),.30);border-radius:11px;background:rgba(5,16,23,.96);box-shadow:0 16px 38px rgba(0,0,0,.38);backdrop-filter:blur(12px);display:flex;gap:9px;align-items:flex-start;transform:translateY(10px);opacity:0;animation:v15-toast-in .18s ease forwards}.v15-toast.ok{border-color:rgba(76,226,141,.34)}.v15-toast.err{border-color:rgba(255,98,120,.36)}.v15-toast b{display:block;font-size:10px}.v15-toast span{display:block;margin-top:2px;font-size:9px;color:#83a3b2;line-height:1.35}.v15-toast-icon{font-size:13px}@keyframes v15-toast-in{to{opacity:1;transform:none}}

/* MOBILE BOTTOM DOCK */
.v15-mobile-dock{display:none}
@media(max-width:760px){
  body:not(.zwars-admin-page):not(.va-body){padding-bottom:72px!important}
  .v15-mobile-dock{position:fixed;left:10px;right:10px;bottom:9px;z-index:9998;display:grid;grid-template-columns:repeat(4,1fr);padding:6px;border:1px solid rgba(var(--v15-world-rgb),.20);border-radius:16px;background:rgba(4,13,19,.94);box-shadow:0 16px 42px rgba(0,0,0,.45);backdrop-filter:blur(16px)}
  .v15-mobile-dock a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:44px;border-radius:11px;color:#7d9aa8;font-size:8px;font-weight:800}
  .v15-mobile-dock a i{font-style:normal;font-size:15px}.v15-mobile-dock a.active{background:rgba(var(--v15-world-rgb),.10);color:#dff7ff;border:1px solid rgba(var(--v15-world-rgb),.18)}
  .v15-footer{margin-bottom:8px}.v15-footer-grid{grid-template-columns:1fr}.v15-footer-links{display:grid;grid-template-columns:1fr 1fr}
  .vanilla-profile-hero{align-items:flex-start;flex-wrap:wrap}.vanilla-profile-avatar{width:60px;height:60px;flex-basis:60px;border-radius:15px}.vanilla-profile-level{width:72px;height:72px;min-width:72px;margin-left:auto}.vanilla-profile-copy{order:2;flex-basis:100%}.vanilla-profile-copy h2{font-size:20px!important}
}

/* ADMIN ORTAK INCE IS CILIK */
.zwars-admin-page .zcard,.zcmd-card,.va-card{transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.zwars-admin-page .zcard:hover,.zcmd-card:hover,.va-card:hover{transform:translateY(-1px);box-shadow:0 18px 44px rgba(0,0,0,.22)!important}.zwars-admin-page table tbody tr,.va-table tbody tr{transition:background .14s ease}.zwars-admin-page table tbody tr:hover,.va-table tbody tr:hover{background:rgba(var(--v15-world-rgb),.035)!important}

/* HATA SAYFALARI */
.v15-error-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 10%,rgba(var(--v15-world-rgb),.11),transparent 40%),#050b10;color:#eef8fc;font-family:Segoe UI,Arial,sans-serif}.v15-error-card{width:min(620px,100%);padding:32px;border:1px solid rgba(var(--v15-world-rgb),.22);border-radius:20px;background:linear-gradient(180deg,rgba(10,25,35,.96),rgba(5,13,19,.98));box-shadow:0 26px 70px rgba(0,0,0,.38);text-align:center}.v15-error-code{font-size:80px;line-height:1;font-weight:1000;color:var(--v15-world);text-shadow:0 0 28px rgba(var(--v15-world-rgb),.18)}.v15-error-card h1{font-size:24px;margin:10px 0}.v15-error-card p{color:#819eac;line-height:1.6}.v15-error-actions{display:flex;gap:8px;justify-content:center;margin-top:20px;flex-wrap:wrap}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.v15-error-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border:1px solid rgba(var(--v15-world-rgb),.30);border-radius:10px;background:linear-gradient(180deg,rgba(19,53,72,.95),rgba(7,25,36,.98));color:#eaf9ff;font-size:11px;font-weight:900;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.v15-error-actions a:first-child{border-color:rgba(76,226,141,.36);background:linear-gradient(180deg,rgba(16,61,40,.96),rgba(7,31,20,.98))}
.va-xp-trend-card{margin:13px 0!important}.va-xp-bars{height:150px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;align-items:end;padding:12px 4px 2px}.va-xp-day{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;position:relative}.va-xp-day::before{content:"";position:absolute;inset:0 0 20px;border-radius:9px;background:rgba(255,255,255,.018);border:1px solid rgba(255,255,255,.035)}.va-xp-day span{position:relative;z-index:1;width:min(26px,55%);min-height:4px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#76e8ff,#278dc7);box-shadow:0 0 14px rgba(66,189,245,.12)}.va-xp-day b{font-size:8px;color:#698b9a;text-transform:uppercase}