/* Yazı tipleri siteyle birlikte gelir (Google'a istek gitmez). Source Sans 3 (metin) ve Outfit (başlık, düğme). Lisanslar: assets/fonts/ */
@font-face { font-family:'Source Sans 3'; font-style:normal; font-weight:400; font-display:swap; src:url(fonts/source-sans-3-latin-ext-400-normal.woff2) format('woff2'); unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Source Sans 3'; font-style:normal; font-weight:400; font-display:swap; src:url(fonts/source-sans-3-latin-400-normal.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Source Sans 3'; font-style:normal; font-weight:600; font-display:swap; src:url(fonts/source-sans-3-latin-ext-600-normal.woff2) format('woff2'); unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Source Sans 3'; font-style:normal; font-weight:600; font-display:swap; src:url(fonts/source-sans-3-latin-600-normal.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Source Sans 3'; font-style:normal; font-weight:700; font-display:swap; src:url(fonts/source-sans-3-latin-ext-700-normal.woff2) format('woff2'); unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Source Sans 3'; font-style:normal; font-weight:700; font-display:swap; src:url(fonts/source-sans-3-latin-700-normal.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Outfit'; font-style:normal; font-weight:600; font-display:swap; src:url(fonts/outfit-latin-ext-600-normal.woff2) format('woff2'); unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Outfit'; font-style:normal; font-weight:600; font-display:swap; src:url(fonts/outfit-latin-600-normal.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Outfit'; font-style:normal; font-weight:700; font-display:swap; src:url(fonts/outfit-latin-ext-700-normal.woff2) format('woff2'); unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Outfit'; font-style:normal; font-weight:700; font-display:swap; src:url(fonts/outfit-latin-700-normal.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Outfit'; font-style:normal; font-weight:800; font-display:swap; src:url(fonts/outfit-latin-ext-800-normal.woff2) format('woff2'); unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Outfit'; font-style:normal; font-weight:800; font-display:swap; src:url(fonts/outfit-latin-800-normal.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }

/* ==========================================================================
   ServerRealms - site stili (koyu tema, elmas mavisi vurgu)
   Varsayılan koyu. Menüdeki düğmeyle açık temaya geçilir (html[data-theme="light"]).
   ========================================================================== */
:root {
  --paper:#080B12; --paper-2:#0B1019; --card:#10151F; --card-2:#0D121B; --ink:#E6EDF7; --muted:#8C97A8; --line:#1E2633; --soft:#161D29;
  --accent:#38BDF8; --accent-2:#0EA5E9; --accent-ink:#03121C; --accent-glow:rgba(56,189,248,.30);
  --grass:#3BDC7E; --grass-dark:#3BDC7E; --water:#7DD3FC; --red:#FF6B6B; --brand:#38BDF8; --brand-dark:#0EA5E9;
  --bar:rgba(11,16,25,.82); --barink:#E6EDF7; --ok-bg:#0E2233; --err-bg:#2E1515;
  --gold:#F2C443; --gold-ink:#F2C443; --iron:#C7D0CD; --copper:#E08B4F; --vip:#F2C443;
  --radius:14px; --radius-s:10px;
  --shadow-1:0 1px 0 rgba(255,255,255,.03) inset, 0 2px 8px rgba(0,0,0,.25);
  --shadow-2:0 10px 30px -10px rgba(0,0,0,.7);
  --ease:cubic-bezier(.2,.7,.2,1);
  --font:'Source Sans 3',system-ui,-apple-system,'Segoe UI',sans-serif;
  --display:'Outfit','Source Sans 3',system-ui,sans-serif;
  --mono:ui-monospace,'Cascadia Mono',Consolas,monospace;
  color-scheme:dark;
}
:root[data-theme="light"] {
  --paper:#F3F6FA; --paper-2:#EAF0F7; --card:#FFFFFF; --card-2:#F7F9FC; --ink:#0D1520; --muted:#556274; --line:#DCE3EC; --soft:#EDF2F8;
  --accent:#0369A1; --accent-2:#075985; --accent-ink:#FFFFFF; --accent-glow:rgba(3,105,161,.22);
  --grass:#16A34A; --grass-dark:#15803D; --water:#2563C9; --red:#D93636; --brand:#0369A1; --brand-dark:#075985;
  --bar:rgba(255,255,255,.85); --barink:#0D1520; --ok-bg:#E3F1FB; --err-bg:#FCE6E6;
  --gold:#D9A514; --gold-ink:#9A7408; --iron:#8C9895; --copper:#C0723A; --vip:#D9A514;
  --shadow-1:0 1px 2px rgba(15,25,40,.06); --shadow-2:0 10px 26px -10px rgba(15,25,40,.25);
  color-scheme:light;
}

/* ---- Temel ---- */
html { -webkit-text-size-adjust:100%; scroll-padding-top:90px; }
*,*::before,*::after { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:17px/1.55 var(--font); -webkit-font-smoothing:antialiased;
  background-image:radial-gradient(900px 400px at 15% -5%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 70%); background-repeat:no-repeat; }
a { color:var(--accent); text-underline-offset:2px; } a:hover { color:var(--ink); }
:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
h1,h2,h3 { font-family:var(--display); font-weight:700; line-height:1.15; margin:0; letter-spacing:-.01em; text-wrap:balance; }
h1 { font-size:2rem; } h2 { font-size:1.25rem; } h3 { font-size:1.08rem; }
p { margin:0; }
.wrap { max-width:1200px; margin:0 auto; padding:0 16px; }
main.wrap { padding-top:18px; padding-bottom:64px; min-height:70vh; }
.muted { color:var(--muted); }
.ico { width:1em; height:1em; flex:0 0 auto; vertical-align:-.125em; }
.em { font-style:normal; line-height:1; }
code { font-family:var(--mono); background:var(--soft); padding:2px 6px; border-radius:6px; overflow-wrap:anywhere; font-size:.92em; }
code.big { font-size:1.1rem; padding:4px 8px; }
.sr { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.hl { color:var(--accent); }

/* ---- Üst menü: yuvarlak, çerçeveli çubuk ---- */
.top { position:sticky; top:env(safe-area-inset-top, 0px); z-index:50; padding:12px 0 6px; }
.navbar { display:flex; align-items:center; gap:12px; min-height:58px; padding:6px 8px 6px 14px; border:1px solid var(--line); border-radius:999px;
  background:var(--bar); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); box-shadow:var(--shadow-1); transition:box-shadow .2s, border-color .2s; }
.top.scrolled .navbar { box-shadow:var(--shadow-2); border-color:color-mix(in srgb, var(--accent) 25%, var(--line)); }
.logo { display:flex; align-items:center; gap:10px; color:var(--barink); text-decoration:none; font:800 1.12rem var(--display); white-space:nowrap; letter-spacing:-.01em; }
.logo:hover { color:var(--barink); }
.logo-img { display:block; flex:0 0 auto; border-radius:8px; transition:transform .3s var(--ease); }
.logo:hover .logo-img { transform:rotate(-6deg) scale(1.05); }
.nav { display:flex; align-items:center; gap:4px; margin-left:8px; flex:1; min-width:0; }
.nav a { display:inline-flex; align-items:center; gap:7px; padding:8px 14px; border-radius:999px; color:var(--muted); text-decoration:none; font:700 .95rem var(--display); white-space:nowrap; transition:color .15s, background .15s; }
.nav a:hover { color:var(--ink); background:var(--soft); }
.nav a.cur { color:var(--accent); background:color-mix(in srgb, var(--accent) 12%, transparent); box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent); }
.nav-end { display:flex; align-items:center; gap:8px; margin-left:auto; }
.theme-btn { width:40px; height:40px; display:grid; place-items:center; border-radius:50%; border:1px solid var(--line); background:transparent; color:var(--ink); cursor:pointer; transition:border-color .15s, transform .2s var(--ease); }
.theme-btn:hover { border-color:var(--accent); transform:rotate(15deg); }
.theme-btn .i-sun { display:none; } :root[data-theme="light"] .theme-btn .i-sun { display:inline; } :root[data-theme="light"] .theme-btn .i-moon { display:none; }
.navbar .btn.small { border-radius:var(--radius-s); }

/* ---- Düğmeler: büyük harf, kalın, parlayan yeşil ---- */
.btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; border:0; border-radius:var(--radius-s); cursor:pointer; text-decoration:none;
  background:var(--accent); color:var(--accent-ink); font:700 .98rem var(--display); letter-spacing:.01em;
  padding:11px 20px 13px; box-shadow:inset 0 -3px 0 rgba(0,0,0,.28), 0 4px 14px -6px var(--accent-glow); transition:transform .12s var(--ease), box-shadow .15s, filter .15s; }
.btn:hover { color:var(--accent-ink); filter:brightness(1.1); box-shadow:inset 0 -3px 0 rgba(0,0,0,.28), 0 6px 18px -6px var(--accent-glow); }
.btn:active { transform:translateY(2px); box-shadow:inset 0 -1px 0 rgba(0,0,0,.28); }
.btn:disabled { opacity:.5; cursor:default; transform:none; filter:none; }
.btn.small { padding:8px 14px 10px; font-size:.88rem; }
.btn.ghost { background:color-mix(in srgb, var(--accent) 8%, var(--card)); color:var(--ink); box-shadow:inset 0 0 0 1px var(--line), inset 0 -3px 0 rgba(0,0,0,.18); }
.btn.ghost svg { color:var(--accent); }
.btn.ghost:hover { background:color-mix(in srgb, var(--accent) 14%, var(--card)); color:var(--ink); box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 50%, var(--line)), inset 0 -3px 0 rgba(0,0,0,.18); }
.btn.danger { background:#E04545; color:#fff; box-shadow:inset 0 -3px 0 rgba(0,0,0,.28); }
.btn.danger:hover { color:#fff; }

/* ---- Bildirimler ---- */
.flash { margin:0 0 16px; padding:12px 16px; border-radius:var(--radius-s); background:var(--ok-bg); border:1px solid color-mix(in srgb, var(--grass) 35%, transparent); color:var(--ink); animation:fadeDown .35s var(--ease); }
.flash.err { background:var(--err-bg); border-color:color-mix(in srgb, var(--red) 40%, transparent); }
ul.flash { padding-left:16px; list-style:none; } ul.flash li + li { margin-top:4px; }
.warn { background:var(--err-bg); border:1px solid color-mix(in srgb, var(--red) 40%, transparent); padding:12px 16px; border-radius:var(--radius-s); margin:0 0 16px; }
.note { color:var(--muted); font-size:.92rem; margin:0 0 14px; }
.toast { position:fixed; left:50%; bottom:calc(24px + env(safe-area-inset-bottom, 0px)); z-index:100; display:flex; align-items:center; gap:8px; max-width:calc(100% - 32px);
  background:var(--card); color:var(--ink); border:1px solid color-mix(in srgb, var(--accent) 40%, var(--line)); padding:10px 16px; border-radius:999px; font-weight:700;
  box-shadow:0 12px 30px rgba(0,0,0,.35); transform:translate(-50%, 20px); opacity:0; pointer-events:none; transition:transform .3s var(--ease), opacity .3s; }
.toast.show { transform:translate(-50%, 0); opacity:1; }
.toast .ico { color:var(--accent); }

/* ---- Canlı durum noktası ---- */
.live { position:relative; display:inline-block; width:9px; height:9px; border-radius:50%; background:var(--grass); flex:0 0 auto; box-shadow:0 0 8px var(--grass); }
.live::after { content:""; position:absolute; inset:0; border-radius:50%; background:var(--grass); animation:ring 2s ease-out infinite; }
.live.off-dot { background:var(--red); box-shadow:none; } .live.off-dot::after { display:none; }
@keyframes ring { 0% { transform:scale(1); opacity:.6; } 80%,100% { transform:scale(2.8); opacity:0; } }
.pl { display:inline-flex; align-items:center; gap:7px; font-weight:700; white-space:nowrap; }
.pl b { font-size:1.08rem; color:var(--grass); font-variant-numeric:tabular-nums; }
.off { color:var(--red); font-weight:700; }

/* ---- Etiketler ---- */
.tags { display:flex; flex-wrap:wrap; gap:6px; margin:0; }
.tags > span, .ctag { display:inline-flex; align-items:center; gap:5px; font:700 .72rem/1.9 var(--display); letter-spacing:.05em; text-transform:uppercase; padding:0 9px; border-radius:999px;
  background:var(--soft); border:1px solid var(--line); color:var(--muted); white-space:nowrap; }
.ctag { color:color-mix(in srgb, var(--c) 75%, var(--ink)) !important; background:color-mix(in srgb, var(--c) 14%, transparent) !important; border-color:color-mix(in srgb, var(--c) 50%, transparent) !important; text-decoration:none; transition:background .15s; }
a.ctag:hover { background:color-mix(in srgb, var(--c) 24%, transparent) !important; }
.ctag .em { font-size:.85rem; }
.tick { display:inline-grid; place-items:center; width:20px; height:20px; border-radius:50%; background:var(--accent); color:var(--accent-ink); margin-left:7px; font-size:.75rem; flex:0 0 auto; }
.tick .ico { stroke-width:3; }
.detail-head .tick, .tick.wide { width:auto; height:auto; padding:2px 9px; border-radius:999px; font:700 .74rem var(--display); letter-spacing:.04em; text-transform:uppercase; gap:4px; display:inline-flex; }
.badge { display:inline-block; font:700 .72rem var(--display); letter-spacing:.06em; text-transform:uppercase; padding:2px 9px; border-radius:999px; background:var(--soft); color:var(--muted); border:1px solid var(--line); }
.badge.vip { background:var(--gold); color:#2A2100; border-color:var(--gold); }
.eyebrow { display:inline-flex; align-items:center; gap:7px; padding:5px 14px; border-radius:999px; font:800 .74rem var(--display); letter-spacing:.14em; text-transform:uppercase;
  color:var(--accent); background:color-mix(in srgb, var(--accent) 10%, transparent); border:1px solid color-mix(in srgb, var(--accent) 40%, transparent); }

/* ---- Başlık alanı (kısa) ---- */
.hero, .pagehead { position:relative; overflow:hidden; border:1px solid var(--line); border-radius:var(--radius); padding:22px; margin:6px 0 16px;
  background:
    radial-gradient(500px 220px at 0% 0%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 70%),
    radial-gradient(420px 200px at 100% 100%, color-mix(in srgb, #7B4FD6 18%, transparent), transparent 70%),
    linear-gradient(var(--card-2), var(--card-2)); }
.hero::after, .pagehead::after { content:""; position:absolute; inset:0; pointer-events:none; opacity:.35;
  background-image:linear-gradient(color-mix(in srgb, var(--ink) 5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--ink) 5%, transparent) 1px, transparent 1px);
  background-size:24px 24px; -webkit-mask-image:linear-gradient(90deg, transparent, #000 60%); mask-image:linear-gradient(90deg, transparent, #000 60%); }
.hero-in { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:18px 28px; flex-wrap:wrap; }
.hero-text { display:grid; gap:12px; justify-items:start; min-width:0; animation:fadeUp .5s var(--ease) backwards; }
.hero h1 { font-size:1.75rem; font-weight:800; text-transform:uppercase; letter-spacing:-.005em; }
.hero-btns { display:flex; gap:10px; flex-wrap:wrap; }
.pagehead h1 { font-size:1.6rem; font-weight:800; position:relative; z-index:1; }
.pagehead .lead { color:var(--muted); position:relative; z-index:1; margin:8px 0 0; max-width:64ch; }
.ph-text { position:relative; z-index:1; }
.ph-logo { display:none; }
.figs { display:grid; grid-template-columns:repeat(3, auto); gap:10px; margin:0; animation:fadeUp .6s .1s var(--ease) backwards; }
.fig { display:grid; justify-items:start; gap:2px; padding:10px 16px; border-radius:var(--radius-s); background:color-mix(in srgb, var(--paper) 60%, transparent); border:1px solid var(--line); color:var(--muted); font:700 .78rem var(--display); letter-spacing:.06em; text-transform:uppercase; white-space:nowrap; }
.fig .ico { color:var(--accent); font-size:1rem; }
.fig b { color:var(--ink); font-size:1.45rem; letter-spacing:0; font-variant-numeric:tabular-nums; line-height:1.1; }
.fig.on b { color:var(--grass); } .fig.vote b { color:var(--gold-ink); }

/* ---- Akan sunucu şeridi (Minevote tarzı kutucuklar) ---- */
.strip { position:relative; overflow:hidden; margin:0 0 22px; padding:4px 0 6px;
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent); mask-image:linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent); }
.strip-track { display:flex; gap:12px; width:max-content; animation:marquee var(--dur, 40s) linear infinite; }
.strip { touch-action:pan-y; user-select:none; -webkit-user-select:none; }   /* elle sağa-sola kaydırılmaz, sayfa yine aşağı kayar */
.strip .tile { -webkit-user-drag:none; -webkit-touch-callout:none; }
@media (hover:hover) { .strip:hover .strip-track { animation-play-state:paused; } }   /* fare üstündeyken durur */
.strip:focus-within .strip-track, .strip:active .strip-track { animation-play-state:paused; } /* klavye / parmak basılıyken durur */
@keyframes marquee { to { transform:translateX(calc(-50% - 6px)); } }
.tile { position:relative; display:grid; justify-items:center; align-content:center; gap:6px; flex:0 0 auto; width:146px; min-height:128px; padding:14px 10px 12px; text-align:center;
  background:var(--card); border:1px solid var(--line); border-bottom:3px solid var(--c); border-radius:var(--radius); color:var(--ink); text-decoration:none;
  transition:transform .2s var(--ease), box-shadow .2s, border-color .2s; }
.tile:hover { transform:translateY(-3px); box-shadow:0 12px 24px -12px color-mix(in srgb, var(--c) 70%, transparent); border-color:color-mix(in srgb, var(--c) 60%, var(--line)); color:var(--ink); }
.tile b { font:700 .92rem/1.2 var(--display); max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.t-cat { display:inline-flex; align-items:center; gap:4px; font-size:.78rem; color:var(--muted); font-weight:600; }
.tile.vip { border-color:color-mix(in srgb, var(--gold) 55%, var(--line)); border-bottom-color:var(--gold); background:color-mix(in srgb, var(--gold) 6%, var(--card)); }
.t-vip { position:absolute; top:6px; right:6px; font:800 .6rem var(--display); letter-spacing:.08em; background:var(--gold); color:#2A2100; padding:1px 6px; border-radius:999px; }

/* ---- Sunucu simgesi ---- */
.sicon { display:inline-block; flex:0 0 auto; border-radius:10px; image-rendering:pixelated; background:var(--soft); object-fit:cover; }
.avatar { display:inline-grid; place-items:center; color:#fff; font:800 1.1rem var(--display); background:linear-gradient(135deg, var(--c), color-mix(in srgb, var(--c) 55%, #000)); }

/* ---- Reklam alanları ---- */
.topad { position:relative; max-width:728px; margin:4px auto 16px; }
.topad a { display:block; line-height:0; border-radius:var(--radius-s); overflow:hidden; border:1px solid var(--line); transition:transform .2s var(--ease), box-shadow .2s; }
.topad a:hover { transform:translateY(-1px); box-shadow:var(--shadow-2); }
.topad img { display:block; width:100%; height:auto; aspect-ratio:728/90; }
.adlabel { position:absolute; top:6px; right:7px; z-index:1; font:800 .62rem var(--display); letter-spacing:.08em; text-transform:uppercase; background:rgba(0,0,0,.6); color:#fff; padding:1px 7px; border-radius:999px; pointer-events:none; }
.adfree { display:flex; align-items:center; justify-content:center; gap:6px 14px; flex-wrap:wrap; max-width:728px; margin:4px auto 16px; padding:10px 14px; border:1px dashed color-mix(in srgb, var(--gold) 45%, var(--line)); border-radius:var(--radius-s);
  color:var(--muted); font:700 .85rem var(--display); letter-spacing:.1em; text-transform:uppercase; text-decoration:none; transition:border-color .15s, color .15s; }
.adfree b { color:var(--gold-ink); } .adfree:hover { border-color:var(--gold); color:var(--ink); }
.adfree .go, .sp-free .go { color:var(--accent); }
.sponsors { margin:0 0 26px; }
.sp-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 300px), 468px)); justify-content:center; gap:12px; }
.sp-item { position:relative; display:block; line-height:0; border-radius:var(--radius-s); overflow:hidden; border:1px solid var(--line); transition:transform .2s var(--ease), box-shadow .2s; }
.sp-item:hover { transform:translateY(-2px); box-shadow:var(--shadow-2); }
.sp-item img { width:100%; height:auto; aspect-ratio:468/60; display:block; }
.sp-free { display:flex; align-items:center; justify-content:center; gap:4px 10px; flex-wrap:wrap; aspect-ratio:468/60; padding:0 12px; border:1px dashed var(--line); border-radius:var(--radius-s);
  color:var(--muted); font:700 .8rem var(--display); letter-spacing:.08em; text-transform:uppercase; text-decoration:none; line-height:1.3; text-align:center; transition:border-color .15s, color .15s; }
.sp-free:hover { border-color:var(--accent); color:var(--ink); }

/* ---- Bölüm başlıkları ---- */
.sec-title { display:grid; justify-items:center; gap:10px; text-align:center; margin:4px 0 22px; }
.sec-title h2 { font-size:2rem; font-weight:800; text-transform:uppercase; }
.sec-title p { color:var(--muted); font-size:.95rem; }
.sec-h { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin:0 0 14px; }
.sec-h h2 { font-size:1.35rem; font-weight:800; text-transform:uppercase; padding-left:12px; border-left:4px solid var(--accent); }
.sec-h span, .sec-h a { color:var(--muted); font-size:.92rem; }
.sec-h a:hover { color:var(--accent); }

/* ---- Kategori düğmeleri ve filtreler (MCServ tarzı) ---- */
.chips { display:flex; gap:8px; overflow-x:auto; padding:2px 2px 12px; margin:0 -2px 4px; scrollbar-width:thin; }
.chip { --c:var(--accent); flex:0 0 auto; display:inline-flex; align-items:center; gap:7px; border:1px solid var(--line); background:var(--card); color:var(--ink); border-radius:var(--radius-s);
  padding:7px 13px; font:700 .8rem var(--display); letter-spacing:.06em; text-transform:uppercase; text-decoration:none; transition:background .15s, border-color .15s, color .15s, box-shadow .15s; }
.chip:hover { border-color:color-mix(in srgb, var(--c) 70%, transparent); color:var(--ink); }
.chip.on { color:var(--c); border-color:var(--c); background:color-mix(in srgb, var(--c) 12%, var(--card)); box-shadow:0 0 0 1px var(--c) inset, 0 0 16px -6px var(--c); }
.chip small { color:var(--muted); font-size:.75rem; font-variant-numeric:tabular-nums; }
.chip .em { font-size:.95rem; }
.cdot { display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--c); }
.filters { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; margin-bottom:18px; }
.filters input[type=search] { grid-column:1/-1; }
.filters .fbtn { justify-self:start; }
.js .filters .fbtn { display:none; }

/* ---- Form öğeleri ---- */
input,select,textarea { font:inherit; color:var(--ink); background:var(--card); border:1px solid var(--line); border-radius:var(--radius-s); padding:10px 12px; width:100%; transition:border-color .15s, box-shadow .15s; }
input::placeholder, textarea::placeholder { color:var(--muted); }
input:focus,select:focus,textarea:focus { border-color:var(--accent); box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent); outline:none; }
.form { display:grid; gap:16px; max-width:660px; }
.form label, .vote label { display:grid; gap:5px; font-weight:700; }
.form small, .vote small { font-weight:400; color:var(--muted); font-size:.88rem; }
.form .two { display:grid; grid-template-columns:1fr; gap:16px; }
.form input[type=file] { padding:8px; }
.form .check { display:flex; align-items:center; gap:8px; } .form .check input { width:auto; accent-color:var(--accent); }
.preview-banner { margin-top:6px; }

/* ---- Sunucu listesi (Minevote tarzı satırlar) ---- */
.list { list-style:none; margin:0; padding:0; display:grid; gap:14px; }
.row { position:relative; display:grid; grid-template-columns:auto minmax(0,1fr); grid-template-areas:"rank info" "banner banner" "act act"; gap:12px 14px; align-items:center;
  background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:16px; box-shadow:var(--shadow-1);
  transition:border-color .2s, box-shadow .2s, transform .2s var(--ease); }
.row::before { content:""; position:absolute; left:-1px; top:18px; bottom:18px; width:3px; border-radius:0 3px 3px 0; background:var(--c, var(--accent)); }
.row:hover { border-color:color-mix(in srgb, var(--c, var(--accent)) 50%, var(--line)); box-shadow:var(--shadow-2); transform:translateY(-2px); }
.row .rank { grid-area:rank; }
.row .info { grid-area:info; min-width:0; display:grid; gap:7px; }
.row .bcol { grid-area:banner; min-width:0; display:grid; gap:8px; }
.row .act { grid-area:act; display:grid; gap:8px; }
.rank { min-width:52px; height:46px; padding:0 8px; display:grid; place-items:center; border-radius:12px; font:800 1.15rem var(--display); color:var(--accent);
  background:color-mix(in srgb, var(--accent) 8%, transparent); border:1px solid color-mix(in srgb, var(--accent) 35%, transparent); font-variant-numeric:tabular-nums; }
.rank.r1 { color:var(--gold); background:color-mix(in srgb, var(--gold) 10%, transparent); border-color:color-mix(in srgb, var(--gold) 60%, transparent); box-shadow:0 0 18px -6px var(--gold); }
.rank.r2 { color:var(--iron); background:color-mix(in srgb, var(--iron) 10%, transparent); border-color:color-mix(in srgb, var(--iron) 55%, transparent); }
.rank.r3 { color:var(--copper); background:color-mix(in srgb, var(--copper) 10%, transparent); border-color:color-mix(in srgb, var(--copper) 55%, transparent); }
.rank.rvip { display:flex; gap:4px; color:#2A2100; background:linear-gradient(135deg, #FFD966, var(--gold)); border-color:var(--gold); font-size:.8rem; letter-spacing:.06em; box-shadow:0 0 18px -6px var(--gold); }
.row h2 { font-size:1.2rem; font-weight:800; display:flex; align-items:center; gap:10px; min-width:0; }
.row h2 a { color:var(--ink); text-decoration:none; transition:color .15s; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.row h2 a::after { content:""; position:absolute; inset:0; z-index:0; } /* satırın tamamı tıklanabilir */
.row:hover h2 a { color:var(--accent); }
.row h2 .sicon { width:30px; height:30px; font-size:.85rem; border-radius:8px; position:relative; z-index:1; }
.row h2 .tick { margin-left:0; position:relative; z-index:1; }
.row .rowdesc { color:var(--muted); font-size:.93rem; line-height:1.45; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.row .tags, .row .ipbtn, .row a.ctag, .row .act { position:relative; z-index:1; }
.row.vip { border-color:color-mix(in srgb, var(--gold) 55%, var(--line)); background:linear-gradient(135deg, color-mix(in srgb, var(--gold) 8%, var(--card)), var(--card) 60%); }
.row.vip::before { background:var(--gold); }
.row.vip:hover { border-color:var(--gold); }
.banner { display:block; width:100%; max-width:468px; height:auto; aspect-ratio:468/60; border-radius:var(--radius-s); border:1px solid var(--line); background:var(--soft); object-fit:cover; }
.bph { display:grid; place-items:center; color:var(--muted); font:700 .8rem var(--display); letter-spacing:.1em; text-transform:uppercase; padding:0 10px; text-align:center;
  background:repeating-linear-gradient(45deg, var(--soft) 0 10px, var(--card-2) 10px 20px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.ipbtn { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; max-width:468px; border:1px solid var(--line); background:var(--paper-2); color:var(--ink);
  border-radius:999px; padding:5px 5px 5px 16px; font:inherit; cursor:pointer; transition:border-color .15s, background .15s; text-align:left; }
.ipbtn code { background:none; padding:0; font-size:.92rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ipbtn .cp { display:grid; place-items:center; width:32px; height:32px; flex:0 0 auto; border-radius:50%; color:var(--accent);
  background:color-mix(in srgb, var(--accent) 12%, transparent); border:1px solid color-mix(in srgb, var(--accent) 40%, transparent); transition:background .15s, color .15s; }
.ipbtn:hover { border-color:color-mix(in srgb, var(--accent) 60%, var(--line)); } .ipbtn:hover .cp { background:var(--accent); color:var(--accent-ink); }
.ipbtn.done .cp { background:var(--accent); color:var(--accent-ink); }
.vote-btn { width:100%; padding:13px 18px; font-size:1rem; }
.pills { display:flex; gap:8px; justify-content:center; flex-wrap:wrap; }
.pill { display:inline-flex; align-items:center; gap:7px; padding:6px 13px; border-radius:999px; background:var(--paper-2); border:1px solid var(--line); font:700 .85rem var(--display); color:var(--muted); white-space:nowrap; }
.pill b { font-size:1rem; font-variant-numeric:tabular-nums; }
.pill.on b { color:var(--grass); } .pill.vt b, .pill.vt .ico { color:var(--gold-ink); }
.empty { background:var(--card); border:1px dashed var(--line); border-radius:var(--radius); padding:40px 20px; text-align:center; display:grid; justify-items:center; gap:8px; }
.empty p { color:var(--muted); margin:0 0 8px; }

/* Aşağı kaydırdıkça beliren öğeler */
.js .reveal { opacity:0; transform:translateY(14px); transition:opacity .5s var(--ease), transform .5s var(--ease); transition-delay:var(--d, 0s); }
.js .reveal.in { opacity:1; transform:none; }
.js .row.reveal.in { transition:opacity .5s var(--ease), transform .5s var(--ease), border-color .2s, box-shadow .2s; transition-delay:var(--d, 0s), var(--d, 0s), 0s, 0s; }

/* ---- Sayfalama ---- */
.pager { display:flex; flex-wrap:wrap; gap:6px; margin-top:24px; justify-content:center; }
.pager a { min-width:42px; text-align:center; padding:8px 13px; border:1px solid var(--line); border-radius:var(--radius-s); text-decoration:none; color:var(--ink); background:var(--card); font:700 .95rem var(--display); transition:border-color .15s; }
.pager a:hover { border-color:var(--accent); }
.pager a.cur { background:var(--accent); color:var(--accent-ink); border-color:var(--accent); }
.pager .gap { padding:8px 4px; color:var(--muted); }

/* ---- Sunucu detay ---- */
.crumb { margin:0 0 14px; color:var(--muted); font-size:.95rem; }
.crumb a { color:var(--muted); } .crumb a:hover { color:var(--accent); }
.detail-head { display:grid; gap:10px; margin-bottom:18px; }
.detail-head h1 { display:flex; align-items:center; flex-wrap:wrap; gap:12px; font-weight:800; }
.detail-head h1 .sicon { border-radius:12px; }
.detail-head .short { color:var(--muted); }
.panel { background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:18px; margin-bottom:14px; box-shadow:var(--shadow-1); }
.panel h2 { font-weight:800; }
.panel p { margin:6px 0 0; }
.connect { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.connect-btns { display:flex; gap:8px; flex-wrap:wrap; }
.connect-btns .vote-btn { width:auto; }
.label { display:block; font:700 .75rem var(--display); letter-spacing:.08em; text-transform:uppercase; color:var(--muted); margin-bottom:4px; }
.facts { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin:16px 0; }
.facts > div { background:var(--card); border:1px solid var(--line); border-radius:var(--radius-s); padding:12px 14px; }
.facts b { font-family:var(--display); }
.motd { background:#08100C; color:#D7F5E4; border:1px solid var(--line); font-family:var(--mono); padding:12px 14px; border-radius:var(--radius-s); overflow-wrap:anywhere; margin:0 0 16px; }
.about { margin:24px 0; } .about h2 { font-weight:800; } .about p { margin:8px 0 0; max-width:72ch; }
.links { display:flex; gap:8px; flex-wrap:wrap; margin:0 0 16px; }
.vote { display:grid; gap:14px; border-color:color-mix(in srgb, var(--accent) 30%, var(--line)); background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 6%, var(--card)), var(--card) 60%); }
.vote label { max-width:320px; }
.vote .vote-btn { width:auto; min-width:200px; }
.vote .flash { margin:0; }
.vote-head { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.vcount { display:inline-block; font-variant-numeric:tabular-nums; color:var(--gold-ink); }
.voted .vcount { animation:bump .6s var(--ease); color:var(--grass); }
@keyframes bump { 35% { transform:scale(1.45); } }
.vote-ok { display:none; align-items:center; gap:10px; color:var(--grass); font-weight:700; }
.voted .vote-ok { display:flex; animation:fadeUp .4s var(--ease); }
.vote-ok svg { width:28px; height:28px; }
.vote-ok circle { stroke:var(--grass); stroke-dasharray:76; stroke-dashoffset:76; animation:draw .5s .05s var(--ease) forwards; }
.vote-ok path { stroke:var(--grass); stroke-dasharray:16; stroke-dashoffset:16; animation:draw .35s .45s var(--ease) forwards; }
@keyframes draw { to { stroke-dashoffset:0; } }
.steps { padding-left:22px; margin:8px 0 0; } .steps li { margin:6px 0; }
.similar { margin-top:30px; }
.simlist { list-style:none; margin:0; padding:0; display:grid; gap:12px; }
.simlist li { position:relative; background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:14px 16px; box-shadow:var(--shadow-1); transition:border-color .2s, box-shadow .2s, transform .2s var(--ease); }
.simlist li:hover { border-color:color-mix(in srgb, var(--accent) 50%, var(--line)); box-shadow:var(--shadow-2); transform:translateY(-2px); }
.simlist a { color:var(--ink); text-decoration:none; font-family:var(--display); } .simlist a::after { content:""; position:absolute; inset:0; }
.simlist li:hover a { color:var(--accent); }
.simlist .pl { margin-left:8px; font-size:.92rem; }
.simlist p { color:var(--muted); font-size:.93rem; margin-top:2px; }

/* ---- Reklam ver sayfası ---- */
.packs { display:grid; gap:14px; margin-bottom:18px; }
.pack { position:relative; background:var(--card); border:1px solid var(--line); border-top:3px solid var(--c); border-radius:var(--radius); padding:20px; display:grid; gap:9px; align-content:start; box-shadow:var(--shadow-1); transition:transform .2s var(--ease), box-shadow .2s, border-color .2s; }
.pack:hover { transform:translateY(-3px); box-shadow:0 14px 30px -14px color-mix(in srgb, var(--c) 60%, transparent); border-color:color-mix(in srgb, var(--c) 45%, var(--line)); }
.pack h2 { font-size:1.3rem; font-weight:800; text-transform:uppercase; } .pack p { color:var(--muted); }
.pk-size { justify-self:start; font:700 .72rem var(--display); letter-spacing:.08em; text-transform:uppercase; color:color-mix(in srgb, var(--c) 80%, var(--ink)); background:color-mix(in srgb, var(--c) 14%, transparent); border:1px solid color-mix(in srgb, var(--c) 45%, transparent); padding:2px 10px; border-radius:999px; }
.pk-list { margin:2px 0; padding-left:18px; color:var(--muted); font-size:.95rem; } .pk-list li { margin:2px 0; }
.pk-price { font:800 1.05rem var(--display); color:var(--ink) !important; letter-spacing:.04em; text-transform:uppercase; }
.pk-slots.ok { color:var(--grass) !important; font-weight:700; } .pk-slots.full { color:var(--red) !important; font-weight:700; }
.pack .btn { justify-self:start; margin-top:4px; }

/* ---- Yazı sayfaları ---- */
.intro { margin:6px 0 22px; } .intro h1 { font-weight:800; } .intro p { margin:8px 0 0; color:var(--muted); max-width:65ch; }
.legal { max-width:78ch; } .legal h2 { margin:26px 0 6px; font-size:1.2rem; } .legal p { margin:8px 0; } .legal li { margin:4px 0; }
.legal mark { background:color-mix(in srgb, var(--gold) 25%, transparent); color:var(--ink); border-radius:4px; padding:0 3px; }
.mlink { display:flex; gap:8px; flex-wrap:wrap; align-items:center; } .mlink input { flex:1 1 320px; font-family:var(--mono); font-size:.9rem; }
.about-cat { margin:36px auto 0; max-width:900px; padding:24px; text-align:center; background:var(--card); border:1px solid var(--line); border-radius:var(--radius); }
.about-cat h2 { font-size:1.45rem; font-weight:800; }
.about-cat p { margin:10px auto 0; color:var(--muted); max-width:75ch; }

/* ---- Alt bilgi ---- */
.foot { border-top:1px solid var(--line); background:var(--paper-2); padding:36px 0 26px; color:var(--muted); font-size:.93rem; }
.foot-grid { display:grid; gap:26px; }
.foot h3 { color:var(--ink); font:800 .8rem var(--display); margin-bottom:10px; text-transform:uppercase; letter-spacing:.12em; }
.foot ul { list-style:none; margin:0; padding:0; display:grid; gap:6px; }
.foot a { color:var(--muted); text-decoration:none; } .foot a:hover { color:var(--accent); }
.foot .logo { color:var(--ink); margin-bottom:10px; }
.foot-bottom { margin-top:26px; padding-top:16px; border-top:1px solid var(--line); font-size:.86rem; }

/* ---- Admin paneli ---- */
.atabs { display:flex; gap:8px; flex-wrap:wrap; margin:0 0 16px; }
.tablewrap { overflow-x:auto; background:var(--card); border:1px solid var(--line); border-radius:var(--radius); margin-bottom:16px; }
table.t { width:100%; border-collapse:collapse; font-size:.95rem; }
table.t th, table.t td { text-align:left; padding:10px 12px; border-bottom:1px solid var(--line); vertical-align:middle; }
table.t th { font:700 .75rem var(--display); letter-spacing:.08em; text-transform:uppercase; color:var(--muted); }
table.t tr:last-child td { border-bottom:0; }
table.t form { display:inline; }
table.t .actions { white-space:nowrap; display:flex; gap:6px; align-items:center; }
.st-on { color:var(--grass); font-weight:700; } .st-wait { color:var(--water); font-weight:700; } .st-end { color:var(--muted); }
.thumb { width:156px; height:auto; display:block; border-radius:6px; }
.login { max-width:360px; }

/* ---- Hareketler ---- */
@keyframes fadeUp { from { opacity:0; transform:translateY(12px); } }
@keyframes fadeDown { from { opacity:0; transform:translateY(-6px); } }

/* ---- Ekran boyutları ---- */
@media (min-width:700px) {
  .filters { grid-template-columns:2fr 1fr 1fr 1fr; }
  .filters input[type=search] { grid-column:auto; }
  .facts { grid-template-columns:repeat(4,1fr); }
  .form .two { grid-template-columns:repeat(3,1fr); }
  .packs { grid-template-columns:repeat(3,1fr); }
  .simlist { grid-template-columns:1fr 1fr; }
  .foot-grid { grid-template-columns:1.4fr 1fr 1fr; }
  .row { grid-template-columns:auto minmax(0,1fr) 200px; grid-template-areas:"rank info act" "rank banner act"; padding:18px 20px; }
  .row .act { align-self:center; }
  .hero h1 { font-size:2.1rem; }
}
@media (min-width:1000px) {
  .row { grid-template-columns:70px 440px minmax(0,1fr) 210px; grid-template-areas:"rank banner info act"; column-gap:22px; }
  .row .info { padding-left:22px; border-left:1px solid var(--line); align-self:stretch; align-content:center; }
  .row .act { padding-left:22px; border-left:1px solid var(--line); align-self:stretch; align-content:center; }
}
@media (max-width:980px) { .nav a span:not(.em) { display:none; } .nav a { padding:8px 11px; } }
@media (max-width:640px) {
  .nav { display:none; }
  .navbar { padding:5px 6px 5px 12px; min-height:52px; }
  .navbar .btn.small span { display:none; } .navbar .btn.small { padding:10px 12px; }
  h1 { font-size:1.6rem; }
  .hero { padding:18px 16px; }
  .hero h1 { font-size:1.35rem; }
  .figs { grid-template-columns:repeat(3, minmax(0,1fr)); width:100%; gap:8px; }
  .fig { padding:8px 10px; font-size:.66rem; letter-spacing:.04em; }
  .fig b { font-size:1.15rem; }
  .sec-title h2 { font-size:1.55rem; }
  .tile { width:126px; min-height:118px; }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
  .js .reveal { opacity:1 !important; transform:none !important; }
  /* Şerit her durumda kendi kendine yavaşça kayar (elle kaydırılmaz); hareketi azaltanlarda daha da yavaş */
  .strip-track { animation:marquee calc(var(--dur, 40s) * 1.6) linear infinite !important; }
}

/* ---- Sunucu formu: bölümler, seçim kartları, işaret kutuları ---- */
.form.wide { max-width:860px; }
.fs { border:1px solid var(--line); border-radius:var(--radius); background:var(--card); padding:18px 18px 20px; margin:0; display:grid; gap:16px; min-width:0; }
.fs legend { display:flex; align-items:center; gap:10px; padding:0 8px; margin-left:-4px; font:800 1rem var(--display); letter-spacing:.06em; text-transform:uppercase; }
.fs legend small { font:600 .8rem var(--font); letter-spacing:0; text-transform:none; color:var(--muted); }
.fs-n { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:linear-gradient(135deg, var(--accent), var(--accent-2)); color:var(--accent-ink); font-size:.9rem; letter-spacing:0; }
.choice-label { display:block; font-weight:700; margin-bottom:2px; width:100%; grid-column:1 / -1; }
.choice-label small { font-weight:400; color:var(--muted); }
.choice-row { display:grid; grid-template-columns:1fr; gap:10px; }
.choice { position:relative; display:block; cursor:pointer; }
.choice input { position:absolute; opacity:0; pointer-events:none; }
.choice > span { display:grid; gap:2px; padding:12px 14px; border:1px solid var(--line); border-radius:var(--radius-s); background:var(--paper-2); transition:border-color .15s, box-shadow .15s, background .15s; }
.choice b { font-family:var(--display); } .choice small { color:var(--muted); font-weight:400; }
.choice:hover > span { border-color:color-mix(in srgb, var(--accent) 50%, var(--line)); }
.choice input:checked + span { border-color:var(--accent); background:color-mix(in srgb, var(--accent) 10%, var(--card)); box-shadow:0 0 0 1px var(--accent) inset; }
.choice input:focus-visible + span { outline:2px solid var(--accent); outline-offset:2px; }
.checks { display:flex; flex-wrap:wrap; gap:8px; }
.chk { --c:var(--accent); position:relative; cursor:pointer; }
.chk input { position:absolute; opacity:0; pointer-events:none; }
.chk span { display:inline-flex; align-items:center; gap:6px; padding:7px 13px; border-radius:999px; border:1px solid var(--line); background:var(--paper-2); font-weight:600; font-size:.92rem; transition:border-color .15s, background .15s, color .15s; }
.chk:hover span { border-color:color-mix(in srgb, var(--c) 60%, var(--line)); }
.chk input:checked + span { border-color:var(--c); background:color-mix(in srgb, var(--c) 16%, var(--card)); color:var(--ink); box-shadow:0 0 0 1px var(--c) inset; }
.chk input:checked + span::before { content:"✓"; font-weight:800; color:var(--c); }
.chk input:focus-visible + span { outline:2px solid var(--accent); outline-offset:2px; }
.chk.dis { opacity:.45; cursor:default; }
.hint { color:var(--muted); font-size:.88rem; margin-top:-6px; }
.small { font-size:.9rem; }
.guide-links { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px !important; }
.gl, .h-help { display:inline-flex; align-items:center; gap:6px; padding:5px 12px; border-radius:999px; border:1px solid color-mix(in srgb, var(--accent) 40%, var(--line)); color:var(--accent); background:color-mix(in srgb, var(--accent) 8%, transparent); font:700 .82rem var(--display); text-decoration:none; transition:background .15s; }
.gl:hover, .h-help:hover { background:color-mix(in srgb, var(--accent) 16%, transparent); color:var(--accent); }
.h-help { margin-left:10px; vertical-align:middle; font-size:.72rem; letter-spacing:.04em; text-transform:uppercase; }
details.panel > summary { list-style:none; cursor:pointer; display:flex; align-items:baseline; justify-content:space-between; gap:10px; flex-wrap:wrap; }
details.panel > summary::-webkit-details-marker { display:none; }
details.panel > summary h2::before { content:"▸"; display:inline-block; margin-right:8px; color:var(--accent); transition:transform .2s; }
details.panel[open] > summary h2::before { transform:rotate(90deg); }

/* ---- Ana sayfadaki küçük rehber düğmeleri ---- */
.quick { display:flex; flex-wrap:wrap; gap:6px; }
.quick a { display:inline-flex; align-items:center; gap:6px; padding:5px 11px; border-radius:999px; border:1px solid var(--line); background:color-mix(in srgb, var(--paper) 55%, transparent);
  color:var(--muted); font:700 .8rem var(--display); text-decoration:none; transition:color .15s, border-color .15s; }
.quick a .ico { color:var(--accent); }
.quick a:hover { color:var(--ink); border-color:color-mix(in srgb, var(--accent) 55%, var(--line)); }

/* ---- Sunucu sayfası: özellikler ---- */
.spec { display:grid; gap:14px; }
.feats { display:flex; flex-wrap:wrap; gap:8px; margin:0 !important; }
.feats span { padding:5px 12px; border-radius:999px; background:var(--paper-2); border:1px solid var(--line); font-weight:600; font-size:.92rem; }
.howto h3 { margin-top:14px; font-size:1rem; }

/* ---- Wiki ---- */
.wiki { display:grid; gap:24px; align-items:start; }
.wiki-nav { display:grid; gap:2px; padding:14px; background:var(--card); border:1px solid var(--line); border-radius:var(--radius); }
.wiki-nav a { display:flex; align-items:center; gap:8px; padding:7px 10px; border-radius:8px; color:var(--muted); text-decoration:none; font-weight:600; font-size:.95rem; transition:background .15s, color .15s; }
.wiki-nav a:hover { background:var(--soft); color:var(--ink); }
.wiki-nav a.cur { background:color-mix(in srgb, var(--accent) 12%, transparent); color:var(--accent); }
.wiki-nav .wn-home { font-family:var(--display); font-weight:800; color:var(--ink); }
.wn-g { margin:12px 10px 4px; font:800 .7rem var(--display); letter-spacing:.12em; text-transform:uppercase; color:var(--muted); }
.wiki-body { min-width:0; background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:22px; }
.wiki-body h1 { font-size:1.7rem; font-weight:800; }
.wiki-body .lead-s { color:var(--muted); margin:8px 0 18px; padding-bottom:16px; border-bottom:1px solid var(--line); }
.wiki-body h2 { font-size:1.2rem; margin:26px 0 8px; padding-left:10px; border-left:3px solid var(--accent); }
.wiki-body ul, .wiki-body ol { padding-left:22px; } .wiki-body li { margin:6px 0; }
.wiki-body li ul { margin-top:6px; }
pre.code { margin:10px 0; padding:14px 16px; background:#07100C; color:#CFF5E2; border:1px solid var(--line); border-radius:var(--radius-s); overflow-x:auto; font:500 .88rem/1.6 var(--mono); }
.callout { margin:14px 0; padding:12px 16px; border-radius:var(--radius-s); background:color-mix(in srgb, var(--accent) 8%, var(--card)); border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line)); }
.callout.warn-c { background:color-mix(in srgb, var(--gold) 9%, var(--card)); border-color:color-mix(in srgb, var(--gold) 45%, var(--line)); }
.callout.help-c { margin-top:28px; }
.svc { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.svc code { font-size:1.05rem; padding:4px 10px; }
.wiki-cards { display:grid; gap:12px; margin-bottom:26px; }
.wcard { display:grid; gap:6px; align-content:start; padding:18px; background:var(--card); border:1px solid var(--line); border-radius:var(--radius); color:var(--ink); text-decoration:none; transition:transform .2s var(--ease), border-color .2s, box-shadow .2s; }
.wcard:hover { transform:translateY(-3px); border-color:color-mix(in srgb, var(--accent) 55%, var(--line)); box-shadow:var(--shadow-2); color:var(--ink); }
.wcard b { font:800 1.08rem var(--display); }
.wcard > span:last-child { color:var(--muted); font-size:.93rem; }
.wc-i { font-size:1.6rem; line-height:1; }
.faq { display:grid; gap:10px; }
.faq details { border:1px solid var(--line); border-radius:var(--radius-s); background:var(--paper-2); padding:0 16px; }
.faq summary { cursor:pointer; padding:14px 0; font:700 1rem var(--display); list-style:none; display:flex; justify-content:space-between; gap:10px; }
.faq summary::-webkit-details-marker { display:none; }
.faq summary::after { content:"+"; color:var(--accent); font-size:1.3rem; line-height:1; transition:transform .2s; }
.faq details[open] summary::after { transform:rotate(45deg); }
.faq details p { margin:0 0 14px !important; color:var(--muted); }
.support-cards { display:grid; gap:12px; margin:14px 0; }
.sup { display:grid; gap:4px; justify-items:start; padding:16px; border:1px solid var(--line); border-radius:var(--radius); background:var(--paper-2); color:var(--ink); text-decoration:none; transition:border-color .2s; }
a.sup:hover { border-color:var(--accent); color:var(--ink); }
.sup b { font:800 1.05rem var(--display); } .sup > span:not(.sup-i) { color:var(--muted); font-size:.93rem; }
.sup-i { font-size:1.5rem; }
@media (min-width:700px) {
  .choice-row { grid-template-columns:repeat(3,1fr); }
  .wiki-cards { grid-template-columns:repeat(3,1fr); }
  .support-cards { grid-template-columns:repeat(2,1fr); }
}
@media (min-width:900px) {
  .wiki { grid-template-columns:270px minmax(0,1fr); }
  .wiki-nav { position:sticky; top:96px; }
  .wiki-body { padding:28px 32px; }
}
.vtest { display:flex; align-items:flex-end; gap:10px; flex-wrap:wrap; padding:14px; border:1px dashed color-mix(in srgb, var(--accent) 40%, var(--line)); border-radius:var(--radius-s); }
.vtest label { flex:1 1 220px; }
.vtest-out { flex:1 1 100%; margin:0 !important; font-weight:600; }
.vtest-out:empty { display:none; }
.vtest-out.wait { color:var(--muted); } .vtest-out.good { color:var(--grass); } .vtest-out.bad { color:var(--red); }
.vtest-out.good::before { content:"✓ "; } .vtest-out.bad::before { content:"✕ "; }

/* ---- Reklam ver sayfası ---- */
.ad-hero { position:relative; overflow:hidden; display:grid; gap:22px; align-items:center; padding:26px 22px; margin:6px 0 34px; border:1px solid var(--line); border-radius:var(--radius);
  background:radial-gradient(520px 260px at 0% 0%, color-mix(in srgb, var(--gold) 14%, transparent), transparent 70%), radial-gradient(520px 260px at 100% 100%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 70%), var(--card-2); }
.ad-hero-text { display:grid; gap:14px; justify-items:start; animation:fadeUp .5s var(--ease) backwards; }
.ad-hero h1 { font-size:2rem; font-weight:800; text-transform:uppercase; }
.ad-hero .lead { color:var(--muted); max-width:56ch; }
.ad-stats { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px; animation:fadeUp .6s .1s var(--ease) backwards; }
.ad-stats > div { display:grid; gap:2px; padding:14px; border-radius:var(--radius-s); border:1px solid var(--line); background:color-mix(in srgb, var(--paper) 60%, transparent); }
.ad-stats b { font:800 1.7rem var(--display); color:var(--ink); font-variant-numeric:tabular-nums; }
.ad-stats > div:nth-child(2) b { color:var(--grass); } .ad-stats > div:nth-child(3) b { color:var(--gold-ink); }
.ad-stats span { color:var(--muted); font-size:.85rem; }
.ad-stats-note { grid-column:1/-1; display:flex; align-items:center; gap:6px; color:var(--muted); font-size:.82rem; }
.ad-where, .ad-steps, .ad-faq, #paketler { margin:0 0 40px; }

.where { display:grid; gap:24px; align-items:center; }
.mock { display:grid; gap:7px; padding:14px; border:1px solid var(--line); border-radius:var(--radius); background:var(--paper-2); box-shadow:var(--shadow-2); max-width:520px; width:100%; justify-self:center; }
.mock i { display:block; border-radius:4px; background:var(--soft); }
.m-nav { display:flex; gap:6px; align-items:center; padding:6px 8px; border:1px solid var(--line); border-radius:999px; }
.m-nav i { width:34px; height:7px; } .m-nav b { margin-left:auto; width:46px; height:12px; border-radius:999px; background:var(--accent); opacity:.7; }
.m-ad { position:relative; display:flex; align-items:center; justify-content:center; gap:6px; border-radius:6px; font:800 .68rem var(--display); letter-spacing:.06em; text-transform:uppercase; }
.m-ad span, .m-vip { display:inline-grid; place-items:center; width:18px; height:18px; border-radius:50%; font:800 .7rem var(--display); color:#111; flex:0 0 auto; }
.m-top { width:80%; justify-self:center; height:34px; color:#FFD3D3; background:repeating-linear-gradient(45deg, rgba(255,107,107,.25) 0 8px, rgba(255,107,107,.12) 8px 16px); border:2px solid #FF6B6B; animation:mockPulse 2.4s ease-in-out infinite; }
.m-top span { background:#FF6B6B; }
.m-hero { display:flex; gap:8px; padding:10px; border:1px solid var(--line); border-radius:6px; } .m-hero i:first-child { width:45%; height:12px; } .m-hero i:last-child { margin-left:auto; width:30%; height:12px; }
.m-strip { display:flex; gap:6px; align-items:center; } .m-strip i { flex:1; height:26px; } .m-strip i.v { background:color-mix(in srgb, #F2C443 35%, var(--soft)); border:2px solid #F2C443; }
.m-vip { background:#F2C443; }
.m-sp { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.m-mid { height:24px; color:#CFE9FF; background:repeating-linear-gradient(45deg, rgba(90,184,245,.25) 0 8px, rgba(90,184,245,.12) 8px 16px); border:2px solid #5AB8F5; animation:mockPulse 2.4s .8s ease-in-out infinite; }
.m-mid span { background:#5AB8F5; }
.m-row { display:flex; gap:8px; align-items:center; padding:7px; border:1px solid var(--line); border-radius:6px; }
.m-row i.b { width:42%; height:14px; } .m-row i.t { flex:1; height:8px; } .m-row i.o { width:16%; height:14px; background:color-mix(in srgb, var(--accent) 50%, var(--soft)); }
.m-viprow { border:2px solid #F2C443; background:color-mix(in srgb, #F2C443 10%, transparent); animation:mockPulse 2.4s 1.6s ease-in-out infinite; }
@keyframes mockPulse { 50% { box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 0%, transparent), 0 0 18px -4px currentColor; } }
.where-list { list-style:none; margin:0; padding:0; display:grid; gap:12px; }
.where-list li { display:flex; gap:14px; align-items:flex-start; padding:16px; border:1px solid var(--line); border-left:3px solid var(--c); border-radius:var(--radius-s); background:var(--card); }
.where-list .wn { display:grid; place-items:center; width:30px; height:30px; flex:0 0 auto; border-radius:50%; background:var(--c); color:#111; font:800 .95rem var(--display); }
.where-list b { font:800 1.05rem var(--display); } .where-list p { color:var(--muted); margin-top:3px; font-size:.95rem; }

.pack { gap:12px; padding:22px; }
.pack.featured { border-color:color-mix(in srgb, var(--gold) 60%, var(--line)); background:linear-gradient(160deg, color-mix(in srgb, var(--gold) 10%, var(--card)), var(--card) 55%); box-shadow:0 18px 40px -20px color-mix(in srgb, var(--gold) 70%, transparent); }
.pk-flag { position:absolute; top:-12px; right:16px; padding:3px 12px; border-radius:999px; background:linear-gradient(135deg, #FFD966, var(--gold)); color:#2A2100; font:800 .7rem var(--display); letter-spacing:.1em; text-transform:uppercase; }
.pk-head { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.pk-ico { display:grid; place-items:center; width:46px; height:46px; border-radius:12px; font-size:1.5rem; background:color-mix(in srgb, var(--c) 16%, transparent); border:1px solid color-mix(in srgb, var(--c) 45%, transparent); }
.pk-list { list-style:none; padding:0; margin:4px 0; display:grid; gap:7px; }
.pk-list li { display:flex; align-items:flex-start; gap:8px; color:var(--ink); }
.pk-list .ico { color:var(--accent); margin-top:4px; stroke-width:3; }
.pk-slotbar { display:flex; gap:5px; margin-top:4px; }
.pk-slotbar i { flex:1; height:8px; border-radius:4px; background:color-mix(in srgb, var(--grass) 30%, var(--soft)); border:1px solid color-mix(in srgb, var(--grass) 40%, transparent); }
.pk-slotbar i.used { background:var(--soft); border-color:var(--line); }
.pk-foot { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; margin-top:auto; padding-top:12px; border-top:1px solid var(--line); }
.pk-foot .btn { margin:0; }
.packs { align-items:stretch; } .pack { align-content:stretch; grid-template-rows:auto auto auto 1fr auto auto auto; }

.steps3 { list-style:none; margin:0; padding:0; display:grid; gap:14px; counter-reset:none; }
.steps3 li { position:relative; display:grid; gap:6px; padding:20px; border:1px solid var(--line); border-radius:var(--radius); background:var(--card); }
.steps3 .s-n { display:grid; place-items:center; width:38px; height:38px; border-radius:12px; background:linear-gradient(135deg, var(--accent), var(--accent-2)); color:var(--accent-ink); font:800 1.1rem var(--display); box-shadow:0 6px 18px -6px var(--accent-glow); }
.steps3 b { font:800 1.1rem var(--display); } .steps3 p { color:var(--muted); }
.ad-faq .faq { max-width:860px; margin:0 auto; }
.ad-cta { display:flex; align-items:center; justify-content:space-between; gap:16px 24px; flex-wrap:wrap; padding:26px; border-radius:var(--radius); border:1px solid color-mix(in srgb, var(--accent) 45%, var(--line));
  background:radial-gradient(400px 200px at 100% 0%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 70%), var(--card); }
.ad-cta h2 { font-size:1.5rem; font-weight:800; text-transform:uppercase; } .ad-cta p { color:var(--muted); margin-top:6px; }
@media (min-width:700px) {
  .steps3 { grid-template-columns:repeat(3,1fr); }
  .ad-hero { padding:34px; }
  .ad-hero h1 { font-size:2.5rem; }
}
@media (min-width:960px) {
  .ad-hero { grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); }
  .ad-stats { grid-template-columns:1fr; }
  .where { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
}
@media (max-width:520px) { .ad-stats b { font-size:1.3rem; } .ad-stats span { font-size:.75rem; } .ad-stats > div { padding:10px; } }

/* ---- Hesap: menü düğmesi, giriş/kayıt, Hesabım ---- */
.user-btn { display:inline-flex; align-items:center; gap:8px; height:40px; padding:0 12px 0 6px; border-radius:999px; border:1px solid var(--line); color:var(--ink); text-decoration:none; font:700 .9rem var(--display); transition:border-color .15s; }
.user-btn:hover, .user-btn.cur { border-color:var(--accent); color:var(--ink); }
.user-btn > .ico { margin-left:6px; color:var(--accent); }
.ub-av, .acc-avatar { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:linear-gradient(135deg, var(--accent), #2B8FD6); color:var(--accent-ink); font:800 .9rem var(--display); }
.auth { display:grid; place-items:center; padding:20px 0 10px; }
.auth-card { width:100%; max-width:460px; display:grid; gap:14px; justify-items:start; padding:28px; background:var(--card); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow-2); }
.auth-card h1 { font-size:1.8rem; font-weight:800; text-transform:uppercase; }
.auth-card .form { width:100%; max-width:none; }
.auth-card .form .btn { width:100%; }
.auth-card .check span { font-weight:400; font-size:.92rem; }
.auth-alt { color:var(--muted); font-size:.92rem; }
.auth-perks { list-style:none; margin:0; padding:0; display:grid; gap:6px; }
.auth-perks li { display:flex; gap:8px; align-items:center; } .auth-perks .ico { color:var(--accent); stroke-width:3; }
.acc-top { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.acc-avatar { width:58px; height:58px; font-size:1.6rem; border-radius:16px; }
.acc-top h1 { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.acc-top .lead { margin-top:4px !important; }
.acc-btns { display:flex; gap:8px; flex-wrap:wrap; margin-left:auto; }
.acc-sec { margin:0 0 30px; }
.acc-list { list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.acc-list li { display:flex; align-items:center; gap:12px; padding:12px 14px; background:var(--card); border:1px solid var(--line); border-radius:var(--radius); }
.al-main { display:grid; gap:2px; min-width:0; flex:1; }
.al-main a { color:var(--ink); text-decoration:none; font-family:var(--display); } .al-main a:hover { color:var(--accent); }
.al-main .muted { font-size:.88rem; }
.acc-grid { display:grid; gap:14px; }
.acc-grid .form { max-width:none; }
.fav-form { display:inline; }
.fav-btn.on { color:#FF6B8A; box-shadow:inset 0 0 0 2px color-mix(in srgb, #FF6B8A 70%, transparent); }
.foot-admin { color:var(--muted); opacity:.7; } .foot-admin:hover { opacity:1; }
@media (min-width:800px) { .acc-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:640px) { .ub-name { display:none; } .user-btn { padding:0 6px; width:40px; justify-content:center; } .user-btn > .ico { margin:0; } }

/* ---- Bağlantı testi (sunucu adresi) ---- */
.ptest { padding:0; border:0; margin-top:8px; align-items:center; }

/* ---- ☰ Hesap menüsü (çekmece) ---- */
.menu-btn { display:inline-grid; place-items:center; width:40px; height:40px; flex:0 0 auto; border:1px solid var(--line); border-radius:12px; background:var(--card); color:var(--ink); cursor:pointer; transition:border-color .15s, color .15s; }
.menu-btn:hover, .menu-btn:focus-visible { border-color:var(--accent); color:var(--accent); }
.menu-btn svg { width:20px; height:20px; }
.drawer-bg { position:fixed; inset:0; z-index:90; background:rgba(0,0,0,.55); opacity:0; transition:opacity .25s; }
.drawer { position:fixed; z-index:91; top:0; left:0; bottom:0; width:min(300px, 86vw); background:var(--card); border-right:1px solid var(--line);
  box-shadow:12px 0 40px -12px rgba(0,0,0,.5); display:flex; flex-direction:column; transform:translateX(-102%); transition:transform .26s var(--ease); overflow-y:auto; }
.dr-open .drawer { transform:none; } .dr-open .drawer-bg { opacity:1; }
.dr-head { display:flex; align-items:center; gap:12px; padding:18px 16px; border-bottom:1px solid var(--line); }
.dr-head > div { flex:1; min-width:0; display:grid; }
.dr-head b { font-family:var(--display); font-size:1.05rem; overflow:hidden; text-overflow:ellipsis; }
.dr-head small { color:var(--muted); }
.dr-head .ub-av { width:42px; height:42px; font-size:1.1rem; }
.dr-x { display:grid; place-items:center; width:34px; height:34px; border:0; border-radius:10px; background:transparent; color:var(--muted); cursor:pointer; }
.dr-x:hover { background:var(--soft); color:var(--ink); } .dr-x svg { width:18px; height:18px; }
.dr-nav { display:grid; gap:2px; padding:10px; }
.dr-i { display:flex; align-items:center; gap:12px; padding:11px 12px; border-radius:10px; color:var(--ink); text-decoration:none; font-weight:600; transition:background .15s, color .15s; }
.dr-i svg { width:19px; height:19px; flex:0 0 auto; color:var(--muted); }
.dr-i span:first-of-type { flex:1; }
.dr-i:hover, .dr-i:focus-visible { background:var(--soft); }
.dr-i.cur { background:color-mix(in srgb, var(--accent) 12%, var(--card)); color:var(--accent); box-shadow:inset 3px 0 0 var(--accent); }
.dr-i.cur svg { color:var(--accent); }
.dr-badge { font:800 .66rem var(--display); letter-spacing:.06em; padding:3px 7px; border-radius:6px; color:#1A1200; background:linear-gradient(135deg, #FFD54A, #F2A93B); }
.dr-ext svg { width:15px; height:15px; }
.dr-out { margin-top:8px; border-top:1px solid var(--line); border-radius:0 0 10px 10px; padding-top:14px; color:var(--red); }
.dr-out svg { color:var(--red); }
.dr-out:hover { background:color-mix(in srgb, var(--red) 10%, var(--card)); }

/* ---- Hesap: Genel Bakış ---- */
.acc-title { margin:6px 0 16px; } .acc-title h1 { margin:0 0 4px; }
.kpis { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px; margin-bottom:14px; }
@media (min-width:760px) { .kpis { grid-template-columns:repeat(3, minmax(0,1fr)); } }
.kpi { background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:14px 16px; display:grid; gap:6px; box-shadow:var(--shadow-1); }
.kpi .k-l { display:flex; align-items:center; gap:7px; color:var(--muted); font:700 .76rem var(--display); letter-spacing:.06em; text-transform:uppercase; }
.kpi .k-l svg { width:16px; height:16px; }
.kpi b { font:800 1.7rem/1.1 var(--display); font-variant-numeric:tabular-nums; }
.kpi.hl-k { border-color:color-mix(in srgb, var(--accent) 45%, var(--line)); }
.kpi.hl-k b { color:var(--accent); }
.chart-card h2 { display:flex; align-items:center; gap:8px; margin:0; } .chart-card h2 svg { width:20px; height:20px; color:var(--accent); }
.chart-empty { margin-top:14px; padding:26px; text-align:center; border:1px dashed var(--line); border-radius:var(--radius-s); color:var(--muted); }
.vchart { --chart:#2B9FD9; display:grid; grid-template-columns:auto 1fr; gap:8px; margin-top:16px; }
[data-theme="light"] .vchart { --chart:#0277B6; }
.vc-y { display:flex; flex-direction:column; justify-content:space-between; height:200px; text-align:right; color:var(--muted); font-size:.75rem; font-variant-numeric:tabular-nums; transform:translateY(-.5em); }
.vc-plot { position:relative; min-width:0; }
.vc-grid { position:absolute; inset:0 0 auto; height:200px; display:flex; flex-direction:column; justify-content:space-between; pointer-events:none; }
.vc-grid i { display:block; border-top:1px solid var(--line); opacity:.7; }
.vc-grid i:last-child { border-top-color:var(--muted); opacity:.5; }
.vc-bars { position:relative; height:200px; display:flex; align-items:flex-end; gap:2px; }
.vc-col { position:relative; flex:1; height:100%; display:flex; align-items:flex-end; outline:none; cursor:default; }
.vc-col i { display:block; width:100%; min-height:0; background:var(--chart); border-radius:4px 4px 0 0; transition:filter .15s; }
.vc-col:hover i, .vc-col:focus-visible i { filter:brightness(1.2); }
.vc-col:hover::after, .vc-col:focus-visible::after { content:attr(data-tip); position:absolute; bottom:calc(100% + 6px); left:50%; transform:translateX(-50%); z-index:2;
  background:var(--ink); color:var(--paper); font-size:.78rem; font-weight:700; white-space:nowrap; padding:5px 8px; border-radius:6px; }
.vc-col:hover::before, .vc-col:focus-visible::before { content:""; position:absolute; inset:0; background:color-mix(in srgb, var(--ink) 6%, transparent); border-radius:4px; }
.vc-x { display:flex; gap:2px; margin-top:6px; color:var(--muted); font-size:.72rem; }
.vc-x span { flex:1; white-space:nowrap; overflow:visible; }
.empty.soon { padding:56px 20px; }
.soon-i { font-size:2.6rem; line-height:1; }
.empty.soon h2 { margin:0; }
@media (prefers-reduced-motion: reduce) { .drawer, .drawer-bg { transition:none; } }

/* Minecraft kafası avatar */
.ub-av.head { background:none; border-radius:5px; overflow:hidden; box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 45%, transparent); }
.ub-av.head .mc-head { display:block; width:100%; height:100%; image-rendering:pixelated; }
.nav { overflow:hidden; }
.ub-name { max-width:110px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@media (max-width:1320px) { .user-btn .ub-name { display:none; } .user-btn { padding:0 6px; } }

/* ---- Sunucu sayfası: sayı çipleri, istatistik, oy verenler, değerlendirme, SSS ---- */
.schips { list-style:none; display:flex; flex-wrap:wrap; gap:8px; margin:14px 0 0; padding:0; }
.schips li { display:grid; gap:2px; min-width:92px; padding:8px 12px; background:var(--card-2); border:1px solid var(--line); border-radius:12px; }
.schips span { color:var(--muted); font:700 .7rem var(--display); letter-spacing:.06em; text-transform:uppercase; }
.schips b { font:800 1.15rem var(--display); font-variant-numeric:tabular-nums; }
.schips li:first-child b { color:var(--accent); }
.pill.trend { font-weight:800; font-size:.8rem; }
.pill.trend.up { color:var(--grass); } .pill.trend.down { color:var(--red); } .pill.trend.new { color:var(--water); }
.ana-head { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; }
.ana-head h2, .voters h2, .reviews h2 { display:flex; align-items:center; gap:8px; margin:0; }
.ana-head h2 svg, .voters h2 svg { width:20px; height:20px; color:var(--accent); }
.seg { display:inline-flex; gap:2px; padding:3px; background:var(--card-2); border:1px solid var(--line); border-radius:10px; }
.seg a, .seg label { padding:6px 12px; border-radius:8px; font:700 .82rem var(--display); color:var(--muted); text-decoration:none; cursor:pointer; }
.seg a.on { background:var(--accent); color:var(--accent-ink); }
.ana-tabs > input, .tops > input { position:absolute; opacity:0; pointer-events:none; }
.ana-cards { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px; margin-top:14px; }
@media (min-width:760px) { .ana-cards { grid-template-columns:repeat(4, minmax(0,1fr)); } }
.ac { --mc:var(--accent); display:grid; gap:2px; padding:12px 14px; border:1px solid var(--line); border-radius:12px; background:var(--card-2); cursor:pointer; transition:border-color .15s, box-shadow .15s; }
.ac span { color:var(--mc); font:800 .72rem var(--display); letter-spacing:.06em; text-transform:uppercase; }
.ac b { font:800 1.4rem var(--display); font-variant-numeric:tabular-nums; }
.ac small { color:var(--muted); }
.m-p { --mc:#9B8CFF; } .m-v { --mc:#F06BA8; } .m-l { --mc:#F5A524; } .m-u { --mc:#2BD48E; }
[data-theme="light"] .m-p { --mc:#6D5BD0; } [data-theme="light"] .m-v { --mc:#C93D7E; } [data-theme="light"] .m-l { --mc:#B87400; } [data-theme="light"] .m-u { --mc:#0B8F60; }
.ana-ch { display:none; }
#am-p:checked ~ .ch-p, #am-v:checked ~ .ch-v, #am-l:checked ~ .ch-l, #am-u:checked ~ .ch-u { display:block; }
#am-p:checked ~ .ana-cards .m-p, #am-v:checked ~ .ana-cards .m-v, #am-l:checked ~ .ana-cards .m-l, #am-u:checked ~ .ana-cards .m-u { border-color:var(--mc); box-shadow:0 0 0 1px var(--mc) inset; }
.ana-tabs > input:focus-visible ~ .ana-cards { outline:2px solid var(--accent); outline-offset:3px; border-radius:12px; }
.vchart.c-p { --chart:#8B7CF6; } .vchart.c-v { --chart:#E05A99; } .vchart.c-l { --chart:#E0961C; } .vchart.c-u { --chart:#14A673; }
[data-theme="light"] .vchart.c-p { --chart:#6D5BD0; } [data-theme="light"] .vchart.c-v { --chart:#C93D7E; } [data-theme="light"] .vchart.c-l { --chart:#B87400; } [data-theme="light"] .vchart.c-u { --chart:#0B8F60; }
.voters { display:grid; gap:14px; } @media (min-width:860px) { .voters { grid-template-columns:1fr 1fr; } .voters .panel { margin-bottom:14px; } }
.voters .panel { margin-bottom:0; }
.vlist { list-style:none; margin:12px 0 0; padding:0; display:grid; gap:6px; }
.vlist li { display:flex; align-items:center; gap:10px; padding:7px 10px; border-radius:10px; background:var(--card-2); }
.vlist b { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; }
.vhead { width:28px; height:28px; border-radius:6px; flex:0 0 auto; image-rendering:pixelated; display:inline-block; overflow:hidden; }
.vhead .mc-head { width:100%; height:100%; display:block; }
.tops .seg { margin-top:12px; }
.tl { display:none; }
#tv-h:checked ~ .tl-h, #tv-a:checked ~ .tl-a, #tv-t:checked ~ .tl-t { display:grid; }
#tv-h:checked ~ .seg label[for="tv-h"], #tv-a:checked ~ .seg label[for="tv-a"], #tv-t:checked ~ .seg label[for="tv-t"] { background:var(--accent); color:var(--accent-ink); }
.tops > input:focus-visible ~ .seg { outline:2px solid var(--accent); outline-offset:2px; }
.tpos { width:24px; text-align:center; font:800 .9rem var(--display); color:var(--muted); }
.tpos.p1 { color:var(--gold); } .tpos.p2 { color:#C0C7CF; } .tpos.p3 { color:#D08A4E; }
.tn { font:800 .9rem var(--display); color:var(--accent); }
.rv-sum { margin-left:auto; font:600 .9rem var(--body, inherit); color:var(--muted); display:inline-flex; gap:6px; align-items:center; }
.stars { color:var(--line); letter-spacing:1px; } .stars .on { color:var(--gold); font-style:normal; } .stars i { font-style:normal; }
.stars .half { background:linear-gradient(90deg, var(--gold) 50%, var(--line) 50%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.rv-list { list-style:none; margin:12px 0; padding:0; display:grid; gap:10px; }
.rv-list li { display:flex; gap:12px; padding:12px; border:1px solid var(--line); border-radius:12px; background:var(--card-2); }
.rv-list li > div { min-width:0; } .rv-list p { margin:0; } .rv-top { display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-bottom:4px !important; }
.rv-form { margin-top:12px; max-width:560px; }
.rate { border:0; padding:0; margin:0; display:inline-flex; flex-direction:row-reverse; justify-content:flex-end; gap:2px; }
.rate legend { font-weight:700; margin-bottom:4px; }
.rate input { position:absolute; opacity:0; }
.rate label { font-size:1.8rem; line-height:1; color:var(--line); cursor:pointer; transition:color .1s; }
.rate input:checked ~ label, .rate label:hover, .rate label:hover ~ label { color:var(--gold); }
.rate input:focus-visible + label { outline:2px solid var(--accent); border-radius:4px; }
.faq-i { border:1px solid var(--line); border-radius:12px; background:var(--card); margin-top:8px; }
.faq-i summary { cursor:pointer; padding:12px 14px; font-weight:700; }
.faq-i p { margin:0; padding:0 14px 12px; color:var(--muted); }
.row-btns { display:flex; gap:10px; flex-wrap:wrap; }
/* Sunucularım kartları */
.my-srv { display:grid; gap:12px; }
.ms { margin:0; }
.ms > summary { display:flex; align-items:center; gap:12px; cursor:pointer; list-style:none; flex-wrap:wrap; }
.ms > summary::-webkit-details-marker { display:none; }
.ms-t { flex:1 1 200px; min-width:0; display:grid; }
.ms-t b { font:800 1.1rem var(--display); }
.ms-q { display:flex; gap:8px; }
.ms-q span { display:grid; text-align:center; min-width:76px; padding:6px 10px; border:1px solid var(--line); border-radius:10px; background:var(--card-2); color:var(--muted); font-size:.75rem; }
.ms-q b { color:var(--ink); font:800 1.05rem var(--display); }
.ms-q span:first-child b { color:var(--accent); }
.schips b.up { color:var(--grass); } .schips b.down { color:var(--red); } .schips b.sm { font-size:.95rem; }
table.mini { width:100%; border-collapse:collapse; margin-top:14px; font-size:.92rem; }
table.mini caption { text-align:left; color:var(--muted); font:700 .75rem var(--display); letter-spacing:.06em; text-transform:uppercase; padding-bottom:6px; }
table.mini th, table.mini td { text-align:left; padding:7px 8px; border-bottom:1px solid var(--line); }
table.mini th { color:var(--muted); font-weight:700; }
.ms-b { margin-top:14px; }
/* Güncellemeler */
.changelog { list-style:none; padding:0; margin:0; display:grid; gap:12px; max-width:820px; }
.changelog time { color:var(--accent); font:800 .8rem var(--display); letter-spacing:.06em; }
.changelog h2 { margin:4px 0 8px; }
.changelog ul { margin:0; padding-left:20px; display:grid; gap:4px; }
/* Rastgele sunucu */
.intro.center { text-align:center; }
.disc-f { display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin:6px 0 18px; }
.disc-f select { width:auto; min-width:200px; }
.reel { overflow:hidden; max-width:640px; margin:0 auto 14px; mask-image:linear-gradient(90deg, transparent, #000 20%, #000 80%, transparent); -webkit-mask-image:linear-gradient(90deg, transparent, #000 20%, #000 80%, transparent); }
.reel-in { display:flex; gap:12px; width:max-content; animation:reel 1.1s cubic-bezier(.15,.8,.25,1) both; }
.reel-in span { opacity:.55; }
@keyframes reel { from { transform:translateX(0); } to { transform:translateX(calc(-50% + 160px)); } }
.disc-pick { max-width:640px; margin:0 auto; display:grid; grid-template-columns:auto 1fr; gap:14px; align-items:start; animation:pop .45s .9s both var(--ease); }
.disc-pick h2 { margin:0 0 6px; } .disc-pick p { margin:0 0 6px; }
.disc-pick .row-btns { grid-column:1/-1; justify-content:flex-end; }
@keyframes pop { from { opacity:0; transform:scale(.96) translateY(8px); } to { opacity:1; transform:none; } }
@media (prefers-reduced-motion: reduce) { .reel-in, .disc-pick { animation:none; } }
.ana-tabs > input, .tops > input, .rate input { width:1px; height:1px; left:0; margin:0; }
.ana-tabs, .tops, .rate { position:relative; }
.reviews h2 { flex-wrap:wrap; } .rv-sum { margin-left:0; }
.drawer[hidden], .drawer-bg[hidden] { display:none; }

/* ==========================================================================
   Hareketler (animasyonlar). "Hareketi azalt" ayarı açıksa hiçbiri çalışmaz.
   ========================================================================== */
@media (prefers-reduced-motion: no-preference) {
  /* Sayfalar arası yumuşak geçiş (destekleyen tarayıcılarda) */
  @view-transition { navigation:auto; }
  ::view-transition-old(root) { animation:vtOut .18s ease both; }
  ::view-transition-new(root) { animation:vtIn .28s var(--ease) both; }
  @keyframes vtOut { to { opacity:0; } }
  @keyframes vtIn { from { opacity:0; transform:translateY(6px); } }

  /* Grafik çubukları sırayla aşağıdan büyür; sekme değişince yeniden */
  .js .vchart .vc-col i { transform-origin:bottom; transform:scaleY(0); }
  .js .vchart.in .vc-col i { animation:barUp .55s var(--ease) both; animation-delay:calc(var(--i, 0) * 18ms); }
  @keyframes barUp { from { transform:scaleY(0); } to { transform:scaleY(1); } }
  .ana-ch { animation:fadeUp .3s var(--ease); }
  .tl { animation:fadeUp .3s var(--ease); }

  /* Sayı kutuları ve listeler sırayla belirir */
  .schips li, .kpi, .ac, .vlist li, .rv-list li, .ms, .changelog > li, .faq-i { animation:fadeUp .45s var(--ease) both; }
  .schips li:nth-child(2), .kpis .kpi:nth-child(2), .ana-cards .ac:nth-child(2), .vlist li:nth-child(2) { animation-delay:.04s; }
  .schips li:nth-child(3), .kpis .kpi:nth-child(3), .ana-cards .ac:nth-child(3), .vlist li:nth-child(3) { animation-delay:.08s; }
  .schips li:nth-child(4), .kpis .kpi:nth-child(4), .ana-cards .ac:nth-child(4), .vlist li:nth-child(4) { animation-delay:.12s; }
  .schips li:nth-child(5), .kpis .kpi:nth-child(5), .vlist li:nth-child(5) { animation-delay:.16s; }
  .schips li:nth-child(6), .kpis .kpi:nth-child(6), .vlist li:nth-child(6) { animation-delay:.2s; }
  .schips li:nth-child(n+7), .vlist li:nth-child(n+7) { animation-delay:.24s; }
  .schips li, .kpi, .ac { transition:transform .2s var(--ease), border-color .2s; }
  .schips li:hover, .kpi:hover, .ac:hover { transform:translateY(-2px); border-color:color-mix(in srgb, var(--accent) 40%, var(--line)); }

  /* Çekmece menü öğeleri soldan kayarak gelir */
  .dr-open .dr-nav > * { animation:slideIn .35s var(--ease) both; }
  .dr-open .dr-nav > :nth-child(2) { animation-delay:.03s; } .dr-open .dr-nav > :nth-child(3) { animation-delay:.06s; }
  .dr-open .dr-nav > :nth-child(4) { animation-delay:.09s; } .dr-open .dr-nav > :nth-child(5) { animation-delay:.12s; }
  .dr-open .dr-nav > :nth-child(n+6) { animation-delay:.15s; }
  @keyframes slideIn { from { opacity:0; transform:translateX(-14px); } }

  /* Düğme simgeleri üzerine gelince kıpırdar */
  .btn svg { transition:transform .2s var(--ease); }
  .btn:hover svg { transform:translateY(-1px) rotate(-8deg) scale(1.08); }
  .menu-btn svg { transition:transform .25s var(--ease); }
  .menu-btn:hover svg { transform:scaleX(1.15); }
  .logo-img { transition:transform .35s var(--ease); }
  .logo:hover .logo-img { transform:rotate(-8deg) scale(1.06); }
  .ub-av.head { transition:transform .2s var(--ease); }
  .user-btn:hover .ub-av.head { transform:rotate(-6deg) scale(1.08); }
  .vhead { transition:transform .2s var(--ease); }
  .vlist li:hover .vhead { transform:scale(1.15) rotate(-4deg); }

  /* Yıldızlar */
  .rate label { transition:color .1s, transform .15s var(--ease); }
  .rate label:hover { transform:scale(1.2); }
  .rate input:checked + label { animation:bump .4s var(--ease); }

  /* Sık sorulanlar yumuşak açılır (destekleyen tarayıcılarda) */
  .faq-i { interpolate-size:allow-keywords; }
  .faq-i::details-content { height:0; overflow:clip; transition:height .3s var(--ease), content-visibility .3s allow-discrete; }
  .faq-i[open]::details-content { height:auto; }
  .faq-i summary { transition:color .15s; } .faq-i summary:hover { color:var(--accent); }

  /* Sekme düğmeleri */
  .seg a, .seg label { transition:background .2s, color .2s; }
}
/* Oy patlaması */
.vote-ok { position:relative; }
.burst { position:absolute; left:14px; top:14px; pointer-events:none; }
.burst i { position:absolute; width:7px; height:7px; border-radius:1px; animation:burst .9s cubic-bezier(.15,.7,.3,1) both; }
@keyframes burst { 0% { transform:translate(0,0) rotate(0); opacity:1; } 100% { transform:translate(var(--x), calc(var(--y) + 30px)) rotate(var(--r)); opacity:0; } }
.hp { position:absolute !important; left:-9999px; width:1px; height:1px; overflow:hidden; }
/* Aç/kapa kartı (sunucu ekleme: oy ödülü) */
.toggle-card { display:flex; gap:14px; align-items:flex-start; padding:14px 16px; border:1px solid var(--line); border-radius:var(--radius-s); background:var(--card-2); cursor:pointer; transition:border-color .15s, background .15s; }
.toggle-card:hover { border-color:color-mix(in srgb, var(--accent) 45%, var(--line)); }
.toggle-card input { position:absolute; opacity:0; width:1px; height:1px; }
.tc-box { flex:0 0 auto; width:22px; height:22px; margin-top:2px; border:2px solid var(--muted); border-radius:6px; display:grid; place-items:center; transition:background .15s, border-color .15s; }
.tc-box::after { content:""; width:6px; height:11px; border:solid var(--accent-ink); border-width:0 3px 3px 0; transform:rotate(45deg) scale(0); margin-top:-3px; transition:transform .15s var(--ease); }
.toggle-card input:checked ~ .tc-box { background:var(--accent); border-color:var(--accent); }
.toggle-card input:checked ~ .tc-box::after { transform:rotate(45deg) scale(1); }
.toggle-card:has(input:checked) { border-color:var(--accent); background:color-mix(in srgb, var(--accent) 8%, var(--card-2)); }
.toggle-card input:focus-visible ~ .tc-box { outline:2px solid var(--accent); outline-offset:2px; }
.tc-text { display:grid; gap:3px; } .tc-text small { color:var(--muted); }
.vblock { display:grid; gap:16px; }
.vblock[hidden] { display:none; }
.vblock.opening { animation:fadeUp .3s var(--ease); }
.form label.toggle-card, label.toggle-card { display:flex; flex-direction:row; align-items:center; }
/* VIP sunucular: altın tonlu arka plan (dikkat çeksin) */
.tile.vip { background:radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--gold) 34%, var(--card)) 0%, color-mix(in srgb, var(--gold) 14%, var(--card)) 55%, color-mix(in srgb, var(--gold) 8%, var(--card)) 100%); border-color:color-mix(in srgb, var(--gold) 70%, var(--line)); }
.row.vip { background:linear-gradient(100deg, color-mix(in srgb, var(--gold) 26%, var(--card)) 0%, color-mix(in srgb, var(--gold) 12%, var(--card)) 45%, color-mix(in srgb, var(--gold) 6%, var(--card)) 100%); border-color:color-mix(in srgb, var(--gold) 70%, var(--line)); }
[data-theme="light"] .tile.vip { background:radial-gradient(120% 90% at 50% 0%, #FFE7A3 0%, #FFF3D1 55%, #FFF9E8 100%); }
[data-theme="light"] .row.vip { background:linear-gradient(100deg, #FFE9AE 0%, #FFF4D6 45%, #FFFBF0 100%); }
/* Sunucu formu: konum kutusu normal boyda, giriş türü kartları yan yana */
.form .two { align-items:start; }
.form .two > label > select, .form .two > label > input { align-self:start; }
.choice-row.two-c { grid-template-columns:repeat(2, minmax(0,1fr)); }
@media (max-width:560px) { .choice-row.two-c { grid-template-columns:1fr; } }
.mode-warn { margin:4px 0 0; font-size:.93rem; }
[data-vt-for][hidden], .bport[hidden] { display:none !important; }
/* Reklam kartı satın alma ve sipariş formu */
.pk-buy { display:grid; grid-template-columns:1fr auto; gap:8px 12px; align-items:center; margin-top:auto; padding-top:12px; border-top:1px solid var(--line); }
.pk-buy .pk-price { margin:0; font-size:.95rem; color:var(--muted); } .pk-buy .pk-price b { font:800 1.35rem var(--display); color:var(--c, var(--accent)); }
.pk-days { display:flex; align-items:center; gap:8px; font-weight:700; font-size:.9rem; }
.pk-days select { width:auto; padding:6px 10px; }
.pk-total { margin:0; font-size:.95rem; } .pk-total b { font:800 1.1rem var(--display); }
.pk-buy .btn { grid-column:1/-1; }
.days { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.days .choice-label { flex-basis:100%; }
.day input { position:absolute; opacity:0; width:1px; height:1px; }
.day span { display:inline-block; padding:8px 14px; border:1px solid var(--line); border-radius:var(--radius-s); background:var(--card-2); font-weight:700; cursor:pointer; transition:border-color .15s, background .15s; }
.day input:checked + span { border-color:var(--accent); background:color-mix(in srgb, var(--accent) 14%, var(--card)); color:var(--accent); }
.day input:focus-visible + span { outline:2px solid var(--accent); outline-offset:2px; }
.total { margin:0; font-size:1.05rem; } .total b { font:800 1.5rem var(--display); color:var(--accent); }
[data-need-banner][hidden] { display:none !important; }
.st { display:inline-block; padding:2px 8px; border-radius:999px; font-size:.8rem; font-weight:700; background:var(--soft); }
.st-wait { color:var(--gold-ink); background:color-mix(in srgb, var(--gold) 18%, var(--card)); } .st-ok { color:var(--grass); background:color-mix(in srgb, var(--grass) 15%, var(--card)); } .st-no { color:var(--red); background:color-mix(in srgb, var(--red) 12%, var(--card)); }
/* Destek */
@media (min-width:760px) { .choice-row.sup-cats { grid-template-columns:repeat(4, minmax(0,1fr)); } }
.sup-cats .choice span { padding:12px 14px; }
.tk summary { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.tk-reply { margin:0 14px 12px; padding:10px 12px; border-left:3px solid var(--accent); background:var(--card-2); border-radius:0 var(--radius-s) var(--radius-s) 0; }
.tk-reply p { padding:0; color:var(--ink); }

/* ---- Logo bannerın yanında (aynı yükseklik) ---- */
.bline { container-type:inline-size; display:flex; gap:6px; align-items:stretch; max-width:534px; }
.bline .sicon { width:calc((100cqw - 6px) * 60 / 528) !important; height:calc((100cqw - 6px) * 60 / 528) !important; border-radius:var(--radius-s); border:1px solid var(--line); font-size:1.3rem; }
.bline .banner { flex:1 1 0; min-width:0; }
.logo-now { display:flex; align-items:center; gap:14px; }
.lprev:empty { display:none; } .lprev { display:block; margin-top:6px; }

/* ---- Oy kutusu (kapak bannerı, logo, sayılar, kafa önizleme) ---- */
.vcard { max-width:600px; width:100%; margin-inline:auto; padding:0 0 22px; overflow:hidden; gap:16px; text-align:center; }
.vcard > *:not(.vc-cover) { margin-inline:22px; }
.vc-cover { height:120px; background:linear-gradient(135deg, color-mix(in srgb, var(--c) 55%, #0B1220), #0B1220) center/cover no-repeat; position:relative; }
.vc-cover::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg, transparent 30%, var(--card)); }
.vc-id { display:grid; justify-items:center; gap:6px; margin-top:-56px; position:relative; }
.vc-id .sicon { width:84px !important; height:84px !important; border-radius:18px; border:3px solid var(--card); box-shadow:0 8px 24px -8px #000; font-size:2rem; }
.vc-id h2 { font-size:1.5rem; margin:4px 0 0; }
.vc-id .tags { display:flex; flex-wrap:wrap; gap:6px; justify-content:center; }
.vc-stats { list-style:none; padding:0; display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:8px; }
.vc-stats li { background:var(--soft); border:1px solid var(--line); border-radius:12px; padding:10px 6px; display:grid; gap:3px; }
.vc-stats span { display:flex; gap:4px; align-items:center; justify-content:center; font-size:.7rem; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); font-weight:700; }
.vc-stats span svg { width:13px; height:13px; }
.vc-stats b { font:800 1.15rem var(--display); }
.vc-ip { display:flex; align-items:center; justify-content:space-between; gap:12px; text-align:left; padding:12px 14px; border-radius:12px;
  border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line)); background:color-mix(in srgb, var(--accent) 7%, var(--card)); }
.vc-ip small { display:block; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); font-weight:700; }
.vc-ip code { color:var(--accent); font-weight:700; word-break:break-all; }
.vc-user { display:grid; justify-items:center; gap:12px; }
.vc-head { width:72px; height:72px; border-radius:14px; padding:6px; background:var(--soft); border:1px solid var(--line); image-rendering:pixelated; }
.vcard .vc-user label { max-width:none; width:100%; text-align:center; }
.vcard .vc-user input { text-align:center; font-size:1.1rem; }
.vcard label { max-width:none; }
.vcard .vote-btn { width:auto; min-width:0; }
.vcard .vote-ok { justify-content:center; }
@media (max-width:520px) { .vc-stats { grid-template-columns:repeat(2, minmax(0,1fr)); } .vcard > *:not(.vc-cover) { margin-inline:14px; } }

/* ---- Oy Ver: yeşil tik ---- */
.ico circle + path { }
.vote-btn .ico { width:20px; height:20px; }
.vote-btn .ico circle { fill:#22C55E; stroke:#16A34A; }
.vote-btn .ico path { stroke:#fff; stroke-width:2.6; }
.vote-btn:focus-visible { outline:3px solid #22C55E; outline-offset:2px; }
@media (hover:none) { .vote-btn:active { filter:brightness(1.12); } }

/* ---- Sunucu profili (formda) ---- */
.profile { display:grid; grid-template-columns:1fr; gap:10px; }
.profile .choice-label { grid-column:1/-1; }
@media (min-width:640px) { .profile { grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media (min-width:960px) { .profile { grid-template-columns:repeat(3, minmax(0,1fr)); } }

/* ---- Bana uygun sunucuyu bul ---- */
.finder-d { width:min(860px, calc(100vw - 24px)); max-height:calc(100dvh - 24px); padding:0; border:1px solid var(--line); border-radius:var(--radius); background:var(--card); color:var(--ink); box-shadow:0 30px 80px -20px #000; }
.finder-d::backdrop { background:rgba(2,6,15,.72); backdrop-filter:blur(3px); }
.finder-d[open] { animation:fadeUp .25s var(--ease); }
.fd-head { position:sticky; top:0; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:16px 20px; background:var(--card); border-bottom:1px solid var(--line); }
.fd-head h2 { font-size:1.25rem; margin:0; }
.fd-x { background:none; border:0; color:var(--ink); cursor:pointer; padding:6px; border-radius:8px; }
.fd-x:focus-visible { outline:2px solid var(--accent); }
.fd-x svg { width:22px; height:22px; }
.finder-f { display:grid; gap:16px; padding:18px 20px 22px; }
.finder-inline .finder-f { padding:0; }
.ff { border:0; padding:0; margin:0; display:grid; gap:8px; min-width:0; }
.ff legend { font:700 1rem var(--display); margin-bottom:8px; padding:0; }
.ff legend small { font-weight:400; color:var(--muted); font-family:inherit; margin-left:6px; }
.ff-grid { display:grid; gap:16px; grid-template-columns:1fr; }
@media (min-width:640px) { .ff-grid { grid-template-columns:repeat(2, minmax(0,1fr)); } }
.fmodes { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px; }
@media (min-width:560px) { .fmodes { grid-template-columns:repeat(3, minmax(0,1fr)); } }
@media (min-width:800px) { .fmodes { grid-template-columns:repeat(4, minmax(0,1fr)); } }
.fmode { position:relative; cursor:pointer; }
.fmode input, .seg-r input, .fcheck input { position:absolute; opacity:0; width:1px; height:1px; }
.fmode span { display:flex; align-items:center; gap:8px; padding:10px 12px; border-radius:12px; border:1px solid var(--line); background:var(--soft); font-weight:700; font-size:.92rem; transition:border-color .15s, background .15s, transform .15s; }
.fmode i { font-style:normal; }
.fmode:hover span { border-color:color-mix(in srgb, var(--c) 60%, var(--line)); }
.fmode input:checked + span { border-color:var(--c); background:color-mix(in srgb, var(--c) 18%, var(--card)); box-shadow:inset 0 0 0 1px var(--c); }
.fmode input:focus-visible + span, .seg-r input:focus-visible + span, .fcheck input:focus-visible + span { outline:2px solid var(--accent); outline-offset:2px; }
.seg-r { display:flex; flex-wrap:wrap; gap:6px; }
.seg-r label { cursor:pointer; position:relative; }
.seg-r span { display:block; padding:8px 14px; border-radius:999px; border:1px solid var(--line); background:var(--soft); font-weight:600; font-size:.9rem; }
.seg-r input:checked + span { background:var(--accent); color:var(--accent-ink, #04121F); border-color:var(--accent); }
.ff select { width:100%; }
.fcheck { position:relative; display:flex; cursor:pointer; }
.fcheck span { display:flex; align-items:center; gap:10px; font-weight:600; }
.fcheck span::before { content:""; width:20px; height:20px; border-radius:6px; border:2px solid var(--line); background:var(--soft); flex:0 0 auto; }
.fcheck input:checked + span::before { background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2304121F' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/14px no-repeat; border-color:var(--accent); }
.fmore { border:1px solid var(--line); border-radius:12px; padding:12px 14px; display:grid; gap:14px; }
.fmore[open] { gap:14px; }
.fmore summary { cursor:pointer; font-weight:700; }
.ferr { color:#F87171; font-weight:700; margin:0; }
.ffind { justify-self:stretch; padding:14px; font-size:1.05rem; }
@media (min-width:640px) { .ffind { justify-self:end; min-width:240px; } }
.fbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; margin:0 0 14px; }
.fchips { display:flex; flex-wrap:wrap; gap:6px; }
.fchip { display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border-radius:999px; background:color-mix(in srgb, var(--accent) 12%, var(--card)); border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line)); color:var(--ink); text-decoration:none; font-weight:600; font-size:.88rem; }
a.fchip:hover { border-color:var(--accent); }
a.fchip span[aria-hidden] { color:var(--muted); font-size:1.05rem; line-height:1; }
.flash.near { margin:0 0 14px; }
.fmatch { display:flex; flex-wrap:wrap; gap:5px; position:relative; z-index:1; }
.fm { display:inline-flex; align-items:center; gap:4px; font-size:.78rem; font-weight:700; padding:3px 8px; border-radius:999px; border:1px solid var(--line); }
.fm b { font-size:.8rem; }
.fm-ok { color:#22C55E; border-color:color-mix(in srgb, #22C55E 45%, var(--line)); background:color-mix(in srgb, #22C55E 10%, transparent); }
.fm-no { color:#F87171; border-color:color-mix(in srgb, #F87171 45%, var(--line)); background:color-mix(in srgb, #F87171 8%, transparent); }
.fm-un { color:var(--muted); }
.center { text-align:center; }

/* ---- Zar At ---- */
.dice-zone { display:grid; gap:18px 26px; grid-template-columns:1fr; align-items:center; margin:28px 0; padding:22px; border-radius:var(--radius); border:1px solid var(--line);
  background:radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--accent) 14%, var(--card)), var(--card) 55%); box-shadow:var(--shadow-1); }
@media (min-width:760px) { .dice-zone { grid-template-columns:220px minmax(0,1fr); } .dz-result { grid-column:1/-1; } }
@media (min-width:1100px) { .dice-zone { grid-template-columns:220px minmax(0,1fr) minmax(0,1.15fr); } .dz-result { grid-column:auto; } }
.dz-text h2 { font-size:1.5rem; margin:6px 0; }
.dz-text p { color:var(--muted); margin:0 0 12px; }
.dz-roll { font-size:1.05rem; padding:12px 22px 14px; }
.dz-roll .ico { width:22px; height:22px; }
.dz-snd .s-off { display:none; } .dz-snd.off .s-on { display:none; } .dz-snd.off .s-off { display:inline-flex; }
.dz-stage { position:relative; height:200px; perspective:700px; perspective-origin:50% 30%; }
.dz-floor { position:absolute; left:8%; right:8%; bottom:14px; height:46px; border-radius:50%; background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 16%, transparent), transparent); }
.dz-shadow { position:absolute; left:50%; bottom:22px; width:96px; height:20px; border-radius:50%; background:radial-gradient(closest-side, rgba(0,0,0,.6), transparent); transform:translateX(-50%); opacity:.55; }
.dz-die { position:absolute; left:50%; bottom:36px; width:84px; height:84px; margin-left:-42px; transform-style:preserve-3d; will-change:transform; }
.dz-tilt { width:100%; height:100%; transform-style:preserve-3d; transform:rotateX(-22deg) rotateY(28deg); }
.dz-cube { position:relative; width:100%; height:100%; transform-style:preserve-3d; will-change:transform; }
.df { position:absolute; inset:0; border-radius:16px; display:grid; grid-template:repeat(3,1fr)/repeat(3,1fr); padding:12px; backface-visibility:hidden;
  background:radial-gradient(130% 130% at 25% 20%, #FFFFFF, #E9EEF5 55%, #C9D3E1); box-shadow:inset 0 0 0 1px rgba(0,0,0,.08), inset 0 -6px 12px rgba(30,50,90,.18), inset 0 6px 10px rgba(255,255,255,.9); }
.df i { width:13px; height:13px; border-radius:50%; place-self:center; background:radial-gradient(circle at 35% 30%, #4B5563, #0B1220 70%); box-shadow:inset 0 2px 2px rgba(0,0,0,.6), 0 1px 0 rgba(255,255,255,.8); }
.df.f1 i { background:radial-gradient(circle at 35% 30%, #F87171, #B91C1C 70%); width:17px; height:17px; }
.df .p1{grid-area:1/1}.df .p2{grid-area:1/2}.df .p3{grid-area:1/3}.df .p4{grid-area:2/1}.df .p5{grid-area:2/2}.df .p6{grid-area:2/3}.df .p7{grid-area:3/1}.df .p8{grid-area:3/2}.df .p9{grid-area:3/3}
.df.f1 { transform:translateZ(42px); }
.df.f6 { transform:rotateY(180deg) translateZ(42px); }
.df.f2 { transform:rotateY(90deg) translateZ(42px); }
.df.f5 { transform:rotateY(-90deg) translateZ(42px); }
.df.f3 { transform:rotateX(90deg) translateZ(42px); }
.df.f4 { transform:rotateX(-90deg) translateZ(42px); }
.dice-zone.rolling .dz-roll { opacity:.75; }
.dz-result:empty { display:none; }
.dice-card { position:relative; display:grid; gap:10px; padding:16px; border-radius:var(--radius); background:var(--card-2, var(--card)); border:1px solid var(--line); min-width:0; }
.dice-card.sp { border-color:color-mix(in srgb, var(--gold) 65%, var(--line)); background:linear-gradient(135deg, color-mix(in srgb, var(--gold) 10%, var(--card)), var(--card) 60%); }
.sp-tag { justify-self:start; font:800 .72rem var(--display); letter-spacing:.08em; text-transform:uppercase; color:#2A2100; background:linear-gradient(135deg, #FFD966, var(--gold)); padding:4px 10px; border-radius:999px; }
.dc-top { container-type:inline-size; display:flex; gap:6px; }
.dc-top .sicon { width:calc((100cqw - 6px) * 60 / 528) !important; height:calc((100cqw - 6px) * 60 / 528) !important; border-radius:var(--radius-s); }
.dc-top .banner { flex:1 1 0; min-width:0; }
.dice-card h3 { margin:0; font-size:1.25rem; }
.dice-card h3 a { color:var(--ink); text-decoration:none; }
.dice-card .tags { display:flex; flex-wrap:wrap; gap:6px; margin:0; }
.dc-live { margin:0; }
@media (prefers-reduced-motion:reduce) { .dz-die, .dz-cube { transition:none; } }

/* ---- Oyun içi görüntüler ---- */
.media-toggle { margin:6px 0; }
.mblock { display:grid; gap:10px; }
.mlist { list-style:none; padding:0; margin:0; display:grid; gap:8px; }
.mlist li { display:flex; align-items:center; gap:10px; padding:8px; border:1px solid var(--line); border-radius:12px; background:var(--soft); flex-wrap:wrap; }
.mlist img, .mvid { width:96px; height:54px; object-fit:cover; border-radius:8px; }
.mvid { display:inline-flex; align-items:center; justify-content:center; gap:4px; background:#000; color:#fff; font-size:.8rem; }
.mvid svg { width:16px; height:16px; }
.mbtns { display:flex; gap:4px; margin-left:auto; }
.mprev { display:flex; flex-wrap:wrap; gap:8px; }
.mp { font-size:.85rem; padding:6px 8px; border-radius:8px; background:var(--soft); border:1px solid var(--line); }
.mp img { display:block; width:120px; height:68px; object-fit:cover; border-radius:6px; }
.mp.bad { color:#F87171; border-color:#F87171; }
.gallery { margin:18px 0; }
.gallery h2 { display:flex; align-items:center; gap:8px; font-size:1.15rem; margin:0 0 10px; }
.g-track { display:grid; grid-auto-flow:column; grid-auto-columns:min(78%, 360px); gap:10px; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:6px; overscroll-behavior-x:contain; }
.g-item { scroll-snap-align:start; display:block; aspect-ratio:16/9; border-radius:12px; overflow:hidden; border:1px solid var(--line); background:#000; padding:0; cursor:zoom-in; }
.g-item img, .gvid { width:100%; height:100%; object-fit:cover; display:block; }
.gvid { aspect-ratio:16/9; border-radius:12px; background:#000; object-fit:contain; scroll-snap-align:start; }
.g-video { cursor:pointer; display:grid; place-items:center; background:radial-gradient(circle, #1E293B, #000); color:#fff; }
.g-video span { width:64px; height:64px; border-radius:50%; display:grid; place-items:center; background:rgba(255,255,255,.14); border:2px solid rgba(255,255,255,.6); }
.g-video svg { width:28px; height:28px; fill:#fff; }
.g-item:focus-visible { outline:3px solid var(--accent); outline-offset:2px; }
.lightbox { max-width:min(1200px, 96vw); max-height:94dvh; padding:0; border:0; background:transparent; overflow:visible; }
.lightbox::backdrop { background:rgba(0,0,0,.88); }
.lightbox img { display:block; max-width:96vw; max-height:88dvh; border-radius:10px; }
.lightbox button { position:absolute; background:rgba(0,0,0,.6); color:#fff; border:1px solid rgba(255,255,255,.3); border-radius:50%; width:44px; height:44px; font-size:1.6rem; cursor:pointer; }
.lb-x { top:-12px; right:-12px; } .lb-p { left:8px; top:50%; translate:0 -50%; } .lb-n { right:8px; top:50%; translate:0 -50%; }
.lightbox button:focus-visible { outline:3px solid var(--accent); }

/* ---- Bildir / öneri ---- */
.fb-links { display:flex; flex-wrap:wrap; gap:16px; margin:6px 0 0; font-size:.9rem; }
.fb-links a { display:inline-flex; align-items:center; gap:6px; color:var(--muted); }
.fb-links a:hover { color:var(--accent); }
.fb-links svg { width:16px; height:16px; }
.fb-grid { display:grid; gap:12px; grid-template-columns:1fr; }
@media (min-width:760px) { .fb-grid { grid-template-columns:1fr 1fr; align-items:start; } }
.fb summary { cursor:pointer; font-weight:700; display:flex; align-items:center; gap:8px; }
.fb summary svg { width:18px; height:18px; color:var(--accent); }
.fb .form { margin-top:12px; }
.inline-f { display:inline-flex; gap:6px; align-items:center; flex-wrap:wrap; }
.sugg-list { list-style:none; padding:0; display:grid; gap:10px; }
.sugg-list li { padding:12px; border:1px solid var(--line); border-radius:12px; background:var(--soft); }
.sugg-list p { margin:0 0 8px; }

/* ---- Yeni reklam alanları ---- */
.topad { max-width:min(728px, 100%); } .sp-item, .cat-sp { max-width:100%; }
.cat-sp { position:relative; max-width:468px; margin:0 auto 14px; line-height:0; }
.cat-sp a { display:block; border-radius:var(--radius-s); overflow:hidden; border:1px solid var(--line); }
.cat-sp img { width:100%; height:auto; aspect-ratio:468/60; display:block; }
.sp-head { display:flex; align-items:baseline; gap:10px; margin:6px 0 8px; font:800 .78rem var(--display); letter-spacing:.08em; text-transform:uppercase; color:var(--gold); }
.sp-head small { font:600 .78rem var(--body, inherit); letter-spacing:0; text-transform:none; color:var(--muted); }
.sp-head.org { color:var(--accent); margin-top:18px; }
.sp-video { position:relative; display:grid; grid-template-columns:1fr auto; align-items:center; gap:8px; border-radius:var(--radius-s); border:1px solid var(--line); background:linear-gradient(135deg, color-mix(in srgb, #F97316 16%, var(--card)), var(--card)); padding:8px; min-height:60px; }
.spv-play { display:flex; align-items:center; gap:10px; background:none; border:0; color:var(--ink); font-weight:700; cursor:pointer; text-align:left; padding:4px; border-radius:8px; }
.spv-play svg { width:34px; height:34px; padding:8px; border-radius:50%; background:#F97316; fill:#fff; stroke:#fff; flex:0 0 auto; }
.spv-play:focus-visible { outline:2px solid var(--accent); }
.spv-vid { grid-column:1/-1; width:100%; max-height:260px; border-radius:8px; background:#000; }
.spv-link { font-size:.85rem; font-weight:700; display:inline-flex; align-items:center; gap:4px; white-space:nowrap; }
.spv-link svg { width:14px; height:14px; }
.launch { display:grid; gap:12px; grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr)); margin:16px 0; }
.launch-card { position:relative; display:flex; align-items:center; gap:14px; padding:14px 16px; border-radius:var(--radius); text-decoration:none; color:var(--ink);
  border:1px solid color-mix(in srgb, #A855F7 55%, var(--line)); background:linear-gradient(120deg, color-mix(in srgb, #A855F7 18%, var(--card)), var(--card) 70%); }
.launch-card:hover { border-color:#A855F7; }
.lc-t { display:grid; gap:2px; min-width:0; flex:1; }
.lc-t b { font-size:1.05rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lc-t small { color:var(--muted); }
.lc-cd { font:800 1.05rem var(--display); font-variant-numeric:tabular-nums; color:#C084FC; white-space:nowrap; }
.lc-cd.open { color:#22C55E; }

/* ---- Reklam siparişi: takvim, özet, önizleme ---- */
.choice.dis { opacity:.55; } .choice.dis input { cursor:not-allowed; }
.cal-grid { display:grid; grid-template-columns:repeat(10, minmax(0,1fr)); gap:4px; }
@media (min-width:640px) { .cal-grid { grid-template-columns:repeat(15, minmax(0,1fr)); } }
.cd { position:relative; display:grid; place-items:center; aspect-ratio:1; border-radius:7px; font-size:.78rem; font-weight:700; border:1px solid var(--line); }
.cd[data-m]::before { content:attr(data-m); position:absolute; top:-1px; left:2px; font-size:.55rem; color:var(--muted); font-weight:600; }
.c-free { background:color-mix(in srgb, #22C55E 14%, var(--card)); }
.c-some { background:color-mix(in srgb, #F59E0B 22%, var(--card)); }
.c-full { background:color-mix(in srgb, #EF4444 30%, var(--card)); color:#FCA5A5; }
.cd.c-sel { outline:2px solid var(--accent); outline-offset:-2px; }
.cal-legend { display:flex; flex-wrap:wrap; gap:12px; font-size:.82rem; color:var(--muted); }
.cal-legend span::before { content:""; display:inline-block; width:12px; height:12px; border-radius:3px; margin-right:5px; vertical-align:-2px; border:1px solid var(--line); }
.cal-legend .c-free::before { background:color-mix(in srgb, #22C55E 40%, transparent); } .cal-legend .c-some::before { background:#F59E0B; }
.cal-legend .c-full::before { background:#EF4444; } .cal-legend .c-sel::before { outline:2px solid var(--accent); }
.cal-legend span { background:none !important; color:var(--muted) !important; }
.sum { display:grid; grid-template-columns:repeat(auto-fit, minmax(140px, 1fr)); gap:8px; margin:0; }
.sum div { padding:10px 12px; border-radius:10px; background:var(--soft); border:1px solid var(--line); }
.sum dt { font-size:.75rem; text-transform:uppercase; letter-spacing:.06em; color:var(--muted); font-weight:700; }
.sum dd { margin:2px 0 0; font-weight:800; }
.ad-prev { display:grid; gap:8px; }
.ap-frames { display:grid; grid-template-columns:minmax(0,3fr) minmax(0,1fr); gap:14px; align-items:start; }
@media (max-width:560px) { .ap-frames { grid-template-columns:1fr; } }
.ap-frames figure { margin:0; display:grid; gap:6px; }
.ap-frames figcaption { font-size:.8rem; color:var(--muted); font-weight:700; }
.ap-screen { display:grid; gap:6px; padding:10px; border-radius:12px; border:2px solid var(--line); background:var(--bg, #0B1220); }
.ap-mob .ap-screen { max-width:200px; border-radius:20px; }
.ap-nav { display:block; height:10px; border-radius:6px; background:var(--soft); }
.ap-l { display:block; height:18px; border-radius:6px; background:var(--soft); } .ap-l.s { width:60%; }
.ap-slot { width:100%; max-width:100%; margin:0 auto; border-radius:6px; overflow:hidden; background:var(--soft); outline:2px dashed var(--accent); }
.ap-slot.s-mid, .ap-slot.s-cat { max-width:64%; }
.ap-mob .ap-slot.s-mid, .ap-mob .ap-slot.s-cat { max-width:100%; }
.ap-slot img { display:block; width:100%; height:100%; object-fit:cover; }

/* ---- Hareketli arka plan ---- */
.bg-cv { position:fixed; inset:0; width:100vw; height:100vh; z-index:-2; image-rendering:pixelated; image-rendering:crisp-edges; pointer-events:none; }
html[data-bg-on]:not([data-bg-on="duz"]) body { background-color:transparent; background-image:none; }
html[data-bg-on]:not([data-bg-on="duz"]) body::before { content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:radial-gradient(ellipse 75% 70% at 50% 45%, rgba(6,9,16,.55), rgba(6,9,16,.18) 100%); }
html[data-theme="light"][data-bg-on]:not([data-bg-on="duz"]) body::before { background:linear-gradient(180deg, rgba(243,246,250,.55), rgba(243,246,250,.82) 45%, rgba(243,246,250,.9)); }
.bg-pick { position:fixed; right:14px; bottom:14px; z-index:40; display:grid; justify-items:end; gap:8px; }
.bg-btn { width:44px; height:44px; border-radius:50%; border:1px solid var(--line); background:var(--card); color:var(--ink); font-size:1.2rem; cursor:pointer; box-shadow:var(--shadow-2); }
.bg-btn:hover { border-color:var(--accent); }
.bg-menu { display:grid; gap:2px; padding:6px; border-radius:12px; background:var(--card); border:1px solid var(--line); box-shadow:var(--shadow-2); min-width:190px; }
.bg-menu[hidden] { display:none; }
.bg-menu button { text-align:left; background:none; border:0; color:var(--ink); padding:9px 12px; border-radius:8px; cursor:pointer; font:600 .92rem var(--font); }
.bg-menu button:hover, .bg-menu button:focus-visible { background:var(--soft); }
.bg-menu button[aria-checked="true"]::after { content:" ✓"; color:var(--accent); }

/* Zarın iç gövdesi: yuvarlak köşelerde boşluk görünmesin */
.dcore { position:absolute; inset:5px; background:#D3DAE4; border-radius:6px; }
.dcore.c2 { transform:rotateX(90deg); } .dcore.c3 { transform:rotateY(90deg); }
body { overflow-x:clip; }
.df.f2, .df.f5 { box-shadow:inset 0 0 0 1px rgba(0,0,0,.08), inset 0 -6px 12px rgba(30,50,90,.22), inset 0 0 0 200px rgba(20,40,80,.08); }
.df.f4, .df.f6 { box-shadow:inset 0 0 0 1px rgba(0,0,0,.08), inset 0 0 0 200px rgba(20,40,80,.16); }
.dz-stage { height:220px; }
[data-for-slot][hidden], [data-need-banner][hidden], .mblock[hidden], .ad-prev[hidden] { display:none !important; }
@media (max-width:420px) { .nav-end { margin-right:1px; } } html { overflow-x:clip; }

/* ---- Oy penceresi ---- */
.vmodal { display:none; position:fixed; inset:0; z-index:90; overflow-y:auto; padding:24px 12px; place-items:start center; }
.vmodal.open, .vmodal:target { display:grid; }
.vm-bg { position:fixed; inset:0; background:rgba(2,6,15,.72); backdrop-filter:blur(4px); cursor:default; }
.vmodal .vcard { position:relative; z-index:1; margin:auto; box-shadow:0 30px 90px -20px #000; }
.vmodal.open .vcard, .vmodal:target .vcard { animation:vmIn .38s cubic-bezier(.2,.9,.25,1.15); }
.vmodal.open .vm-bg, .vmodal:target .vm-bg { animation:vmFade .25s ease; }
@keyframes vmIn { from { opacity:0; transform:translateY(28px) scale(.94); } to { opacity:1; transform:none; } }
@keyframes vmFade { from { opacity:0; } }
.vm-x { position:absolute; top:10px; right:10px; z-index:3; width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:rgba(0,0,0,.55); color:#fff; margin:0 !important; }
.vm-x svg { width:20px; height:20px; }
.vm-x:hover { background:rgba(0,0,0,.8); color:#fff; }
html.vm-lock { overflow:hidden; }
.vcard .flash { margin:6px 0 0; }
@media (prefers-reduced-motion:reduce) { .vmodal .vcard, .vmodal .vm-bg { animation:none !important; } }

/* ---- Bağlantı düğmeleri (web, market, discord...) ---- */
.slink { display:inline-flex; align-items:center; gap:8px; padding:8px 14px 8px 10px; border-radius:999px; text-decoration:none; font-weight:700; font-size:.92rem;
  color:var(--ink); background:color-mix(in srgb, var(--sc) 12%, var(--card)); border:1px solid color-mix(in srgb, var(--sc) 40%, var(--line)); transition:background .15s, border-color .15s, transform .15s; }
.slink svg { width:20px; height:20px; color:var(--sc); flex:0 0 auto; }
.slink:hover { color:var(--ink); background:color-mix(in srgb, var(--sc) 22%, var(--card)); border-color:var(--sc); transform:translateY(-1px); }
.slink:focus-visible { outline:2px solid var(--sc); outline-offset:2px; }

/* ---- Zar penceresi ---- */
.dice-d { width:min(560px, calc(100vw - 24px)); max-height:calc(100dvh - 24px); padding:0; border:0; background:transparent; overflow:visible; color:var(--ink); }
.dice-d::backdrop { background:rgba(2,6,15,.72); backdrop-filter:blur(3px); }
.dice-d[open] { animation:vmIn .35s cubic-bezier(.2,.9,.25,1.15); }
.dice-d .dice-zone { margin:0; grid-template-columns:1fr !important; text-align:center; max-height:calc(100dvh - 24px); overflow-y:auto; }
.dice-d .dz-result { grid-column:auto !important; text-align:left; }
.dice-d .row-btns { justify-content:center; }
.dz-x { position:absolute; top:10px; right:10px; z-index:3; }
.bg-vid { object-fit:cover; image-rendering:auto; }
.fb summary { justify-content:flex-start; } .fb summary::marker { content:""; }
.launch-card { padding-top:28px; }
.foot-legal { font-size:.82rem; color:var(--muted); margin:14px 0 0; } .legal .kv { list-style:none; padding:0; } .legal .kv li { margin:4px 0; }
.consents { display:grid; gap:10px; margin:6px 0 4px; } .consents .fcheck span { align-items:flex-start; font-weight:500; } .payinfo { display:grid; gap:3px; margin-top:8px; padding:10px; border-radius:10px; background:var(--soft); border:1px solid var(--line); font-size:.88rem; }
.danger-zone { margin-top:16px; border-color:color-mix(in srgb, #EF4444 40%, var(--line)); } .danger-zone summary { cursor:pointer; font-weight:700; color:#F87171; }
.lang-btn { display:grid; place-items:center; min-width:40px; height:40px; padding:0 8px; border-radius:999px; border:1px solid var(--line); background:var(--card); color:var(--ink); font:800 .8rem var(--display); letter-spacing:.06em; text-decoration:none; } .lang-btn:hover { border-color:var(--accent); color:var(--accent); }
@media (min-width:700px) { .filters { grid-template-columns:repeat(4, minmax(0,1fr)); } .filters input[type=search] { grid-column:1/-1; } } @media (min-width:1000px) { .filters { grid-template-columns:2fr repeat(4, minmax(0,1fr)); } .filters input[type=search] { grid-column:auto; } }
@media (max-width:699px) { .nav-end .lang-btn { display:none; } }
.dr-lang { display:flex; gap:6px; padding:10px 14px; } .dr-lang a { flex:1; text-align:center; padding:8px; border-radius:10px; border:1px solid var(--line); text-decoration:none; color:var(--ink); font-weight:700; } .dr-lang a.cur { border-color:var(--accent); color:var(--accent); }
.lang-pick { position:relative; } .lang-pick summary { list-style:none; cursor:pointer; } .lang-pick summary::-webkit-details-marker { display:none; }
.lang-menu { position:absolute; right:0; top:calc(100% + 6px); z-index:60; display:grid; min-width:150px; padding:6px; border-radius:12px; background:var(--card); border:1px solid var(--line); box-shadow:var(--shadow-2); }
.lang-menu a { padding:8px 10px; border-radius:8px; color:var(--ink); text-decoration:none; font-weight:600; white-space:nowrap; } .lang-menu a:hover, .lang-menu a[aria-current] { background:var(--soft); color:var(--accent); }
@media (max-width:699px) { .nav-end .lang-pick { display:none; } }
html[lang="de"] .nav-end > .btn.small > span, html[lang="en"] .nav-end > .btn.small > span { display:none; } html[lang="de"] .nav-end > .btn.small, html[lang="en"] .nav-end > .btn.small { padding-inline:12px; }