:root {
    --bg: #080a0f;
    --bg-soft: #0e1119;
    --surface: #121722;
    --surface-2: #171d2a;
    --border: rgba(255, 255, 255, .09);
    --text: #f5f6f8;
    --muted: #9ca6b7;
    --primary: #d8a33a;
    --primary-2: #ffca59;
    --danger: #e26767;
    --success: #63c98f;
    --container: 1240px;
    --radius: 18px;
    --shadow: 0 20px 60px rgba(0, 0, 0, .35);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: radial-gradient(circle at 10% 0%, rgba(216,163,58,.08), transparent 28%), var(--bg); color: var(--text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.6; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input, textarea, select { font: inherit; }
.container { width: min(calc(100% - 32px), var(--container)); margin-inline: auto; }
.site-header { position: sticky; top: 0; z-index: 50; background: rgba(8,10,15,.84); backdrop-filter: blur(18px); border-bottom: 1px solid var(--border); }
.header-inner { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 7px; font-weight: 900; letter-spacing: -.03em; }
.brand-mark { display: inline-grid; place-items: center; min-width: 58px; height: 36px; padding-inline: 10px; background: linear-gradient(135deg,var(--primary-2),var(--primary)); color: #171005; border-radius: 10px; box-shadow: 0 8px 30px rgba(216,163,58,.28); }
.brand-domain { font-size: 19px; }
.main-nav { display: flex; align-items: center; gap: 6px; }
.main-nav a { padding: 10px 11px; border-radius: 10px; color: #c8cfda; font-weight: 650; font-size: 14px; }
.main-nav a:hover { background: rgba(255,255,255,.05); color:#fff; }
.main-nav .nav-submit { background: rgba(216,163,58,.12); color:#ffd675; border:1px solid rgba(216,163,58,.25); }
.mobile-toggle { display:none; background:transparent; color:#fff; border:0; font-size:24px; }
.rail-ad { display:none; position:fixed; top:110px; width:160px; height:600px; z-index:25; border-radius:12px; overflow:hidden; border:1px solid var(--border); box-shadow:var(--shadow); background:#0d1119; }
.rail-ad img { width:100%; height:100%; object-fit:cover; }
@media (min-width: 1600px) { .rail-ad { display:block; } .rail-ad-left { left:max(12px,calc(50% - 790px)); } .rail-ad-right { right:max(12px,calc(50% - 790px)); } }
.hero { position:relative; overflow:hidden; padding:96px 0 80px; background:linear-gradient(90deg,rgba(8,10,15,.95),rgba(8,10,15,.62)),url("../images/hero-bg.svg") center/cover; border-bottom:1px solid var(--border); }
.hero-glow { position:absolute; width:520px; height:520px; right:-150px; top:-180px; background:radial-gradient(circle,rgba(216,163,58,.2),transparent 68%); pointer-events:none; }
.hero-grid { position:relative; display:grid; grid-template-columns:1.25fr .75fr; gap:70px; align-items:center; }
.eyebrow { display:inline-block; color:#f2bd51; font-size:12px; font-weight:900; letter-spacing:.18em; margin-bottom:12px; }
.hero h1,.page-hero h1,.server-detail-hero h1 { margin:0; font-size:clamp(42px,6vw,76px); line-height:1.03; letter-spacing:-.055em; }
.hero p { color:var(--muted); max-width:680px; font-size:18px; }
.hero-actions,.detail-actions,.form-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:24px; }
.hero-search { display:flex; gap:10px; max-width:680px; margin-top:28px; padding:8px; background:rgba(255,255,255,.055); border:1px solid var(--border); border-radius:15px; }
.hero-search input { border:0; background:transparent; box-shadow:none; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 20px; border:0; border-radius:12px; background:linear-gradient(135deg,var(--primary-2),var(--primary)); color:#151005; font-weight:850; cursor:pointer; box-shadow:0 10px 30px rgba(216,163,58,.18); }
.button:hover { transform:translateY(-1px); filter:brightness(1.05); }
.button-ghost { background:rgba(255,255,255,.04); color:#fff; border:1px solid var(--border); box-shadow:none; }
.button-danger { background:rgba(226,103,103,.14); color:#ffb2b2; border:1px solid rgba(226,103,103,.3); box-shadow:none; }
.button-small { min-height:36px; padding:0 13px; font-size:13px; }
.button-large { min-height:54px; font-size:16px; }
.button-block { width:100%; margin-top:10px; }
.text-link { color:#f2bd51; font-weight:700; }
.hero-panel { padding:26px; background:linear-gradient(180deg,rgba(23,29,42,.92),rgba(14,17,25,.92)); border:1px solid var(--border); border-radius:24px; box-shadow:var(--shadow); }
.panel-kicker { display:block; color:var(--muted); font-size:13px; margin-bottom:18px; }
.hero-stat-grid,.stats-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.hero-stat-grid div,.stats-grid div { padding:18px; background:rgba(255,255,255,.035); border:1px solid var(--border); border-radius:14px; }
.hero-stat-grid strong,.stats-grid strong { display:block; font-size:28px; }
.hero-stat-grid span,.stats-grid span { color:var(--muted); font-size:13px; }
.section { padding:72px 0; }
.section-dark { background:var(--bg-soft); border-block:1px solid var(--border); }
.section-heading { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:28px; }
.section-heading h2 { margin:0; font-size:clamp(28px,4vw,42px); letter-spacing:-.04em; }
.game-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.game-card { position:relative; display:flex; align-items:center; gap:14px; padding:20px; min-height:108px; background:linear-gradient(145deg,var(--surface-2),var(--surface)); border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; }
.game-card::before { content:""; position:absolute; inset:auto 0 0; height:3px; background:var(--game-color); }
.game-card:hover { transform:translateY(-2px); border-color:var(--game-color); }
.game-icon { font-size:30px; }
.game-card strong,.game-card span { display:block; }
.game-card span { color:var(--muted); font-size:13px; }
.game-card b { margin-left:auto; color:var(--game-color); font-size:22px; }
.server-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.server-card { background:linear-gradient(180deg,var(--surface-2),var(--surface)); border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; box-shadow:0 14px 34px rgba(0,0,0,.16); transition:.2s ease; }
.server-card:hover { transform:translateY(-4px); border-color:var(--game-color); }
.server-cover { position:relative; display:block; aspect-ratio:16/8.7; overflow:hidden; background:#0b0e14; }
.server-cover img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.server-card:hover .server-cover img { transform:scale(1.035); }
.featured-label,.countdown-badge { position:absolute; top:14px; padding:7px 10px; border-radius:999px; font-size:11px; font-weight:900; backdrop-filter:blur(8px); }
.featured-label { left:14px; background:var(--primary); color:#171005; text-transform:uppercase; }
.countdown-badge { right:14px; background:rgba(7,9,13,.82); color:#fff; border:1px solid rgba(255,255,255,.12); }
.countdown-badge.is-opened { color:#93e6b5; }
.server-card-body { padding:20px; }
.server-meta { display:flex; justify-content:space-between; gap:12px; color:var(--muted); font-size:12px; }
.game-badge { display:inline-flex; align-items:center; width:fit-content; padding:6px 9px; border-radius:999px; color:var(--game-color,#f0bd55); background:rgba(216,163,58,.11); border:1px solid rgba(216,163,58,.25); font-weight:800; font-size:11px; }
.server-card h3 { margin:14px 0 7px; font-size:22px; line-height:1.2; }
.server-card p { color:var(--muted); margin:0; min-height:52px; }
.server-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:14px; }
.server-tags span { padding:5px 8px; background:rgba(255,255,255,.04); border:1px solid var(--border); border-radius:8px; color:#cbd2de; font-size:11px; }
.server-card-footer { display:flex; align-items:end; justify-content:space-between; gap:14px; margin-top:18px; padding-top:16px; border-top:1px solid var(--border); }
.server-card-footer small,.server-card-footer strong { display:block; }
.server-card-footer small { color:var(--muted); font-size:11px; }
.server-card-footer strong { font-size:13px; }
.page-hero { padding:72px 0; background:radial-gradient(circle at 20% 20%,rgba(216,163,58,.14),transparent 35%),var(--bg); border-bottom:1px solid var(--border); }
.page-hero h1 { font-size:clamp(38px,6vw,64px); }
.page-hero p { color:var(--muted); font-size:18px; }
.filter-bar,.admin-filter { display:grid; grid-template-columns:2fr repeat(3,1fr) auto; gap:10px; margin-bottom:24px; padding:14px; background:var(--surface); border:1px solid var(--border); border-radius:16px; }
.filter-bar-wide { grid-template-columns:2fr repeat(4,1fr) auto; }
.results-head { display:flex; justify-content:space-between; margin:12px 0 20px; color:var(--muted); }
.server-detail-hero { position:relative; overflow:hidden; padding:78px 0; border-bottom:1px solid var(--border); }
.server-detail-bg { position:absolute; inset:0; background-position:center; background-size:cover; opacity:.22; filter:blur(2px); transform:scale(1.03); }
.server-detail-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(8,10,15,.96),rgba(8,10,15,.65)); }
.server-detail-wrap { position:relative; z-index:2; display:grid; grid-template-columns:160px 1fr; align-items:center; gap:30px; }
.server-detail-hero h1 { font-size:clamp(42px,6vw,68px); margin-top:12px; }
.server-detail-hero p { max-width:760px; color:#c5ccd7; }
.server-logo { width:160px; height:160px; padding:12px; border-radius:26px; background:rgba(255,255,255,.06); border:1px solid var(--border); box-shadow:var(--shadow); }
.server-logo img { width:100%; height:100%; object-fit:contain; border-radius:18px; }
.detail-countdown { display:inline-flex; margin-top:12px; padding:9px 12px; border-radius:10px; background:rgba(216,163,58,.12); border:1px solid rgba(216,163,58,.25); color:#ffd77e; font-weight:800; }
.detail-grid { display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:26px; align-items:start; }
.content-card,.info-card,.form-card,.admin-card { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); padding:26px; }
.rich-content { color:#d8dde6; }
.rich-content h2,.rich-content h3 { color:#fff; }
.description-text { white-space:normal; line-height:1.85; }
.detail-sidebar { position:sticky; top:96px; }
.info-card h3 { margin-top:0; }
.info-card dl { margin:0; }
.info-card dl div { display:flex; justify-content:space-between; gap:16px; padding:12px 0; border-bottom:1px solid var(--border); }
.info-card dl div:last-child { border-bottom:0; }
.info-card dt { color:var(--muted); }
.info-card dd { margin:0; text-align:right; font-weight:700; }
.form-container { max-width:850px; }
.form-container-large { max-width:1050px; }
.form-card { display:grid; gap:20px; }
.form-card label,.admin-auth-card label { display:grid; gap:8px; font-weight:700; }
label small { color:var(--muted); font-weight:500; }
input,select,textarea { width:100%; border:1px solid var(--border); background:#0d1119; color:#fff; border-radius:11px; padding:13px 14px; outline:none; }
input:focus,select:focus,textarea:focus { border-color:rgba(216,163,58,.6); box-shadow:0 0 0 3px rgba(216,163,58,.08); }
textarea { min-height:140px; resize:vertical; }
.textarea-small { min-height:100px; }
.textarea-large { min-height:320px; }
.form-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.form-section-title { display:flex; align-items:center; gap:14px; margin-top:12px; padding-top:24px; border-top:1px solid var(--border); }
.form-section-title:first-of-type { margin-top:0; padding-top:0; border:0; }
.form-section-title>span { display:grid; place-items:center; width:38px; height:38px; border-radius:11px; background:rgba(216,163,58,.14); color:#ffd675; font-weight:900; }
.form-section-title h2,.form-section-title p { margin:0; }
.form-section-title p { color:var(--muted); font-size:13px; }
.honeypot { position:absolute!important; left:-9999px!important; width:1px!important; height:1px!important; opacity:0!important; }
.alert { padding:14px 16px; border-radius:12px; margin-bottom:16px; }
.alert p { margin:0; }
.alert-success { background:rgba(99,201,143,.1); border:1px solid rgba(99,201,143,.25); color:#9ce8b9; }
.alert-error { background:rgba(226,103,103,.1); border:1px solid rgba(226,103,103,.25); color:#f0a5a5; }
.empty-state { text-align:center; padding:70px 24px; background:rgba(255,255,255,.02); border:1px dashed var(--border); border-radius:var(--radius); }
.error-code { display:block; font-size:92px; font-weight:950; color:var(--primary); line-height:1; }
.site-footer { padding:56px 0 24px; background:#07090d; border-top:1px solid var(--border); }
.footer-grid { display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:40px; }
.footer-grid h3 { margin-top:0; }
.footer-grid a:not(.brand) { display:block; color:var(--muted); margin:7px 0; }
.footer-grid p { color:var(--muted); max-width:440px; }
.footer-bottom { display:flex; justify-content:space-between; gap:16px; margin-top:36px; padding-top:20px; border-top:1px solid var(--border); color:var(--muted); font-size:13px; }
.admin-auth-body { min-height:100vh; display:grid; place-items:center; padding:24px; }
.admin-auth-card { width:min(100%,430px); padding:30px; background:var(--surface); border:1px solid var(--border); border-radius:22px; box-shadow:var(--shadow); }
.admin-auth-card h1 { margin:24px 0; }
.admin-auth-card form { display:grid; gap:16px; }
.admin-body { background:#0a0d13; }
.admin-header { min-height:68px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 24px; background:#0c1017; border-bottom:1px solid var(--border); }
.admin-header>div { display:flex; align-items:center; gap:14px; }
.admin-layout { min-height:calc(100vh - 68px); display:grid; grid-template-columns:230px 1fr; }
.admin-sidebar { padding:22px 14px; background:#0c1017; border-right:1px solid var(--border); }
.admin-sidebar a { display:block; padding:11px 13px; border-radius:10px; color:var(--muted); margin-bottom:6px; }
.admin-sidebar a.active,.admin-sidebar a:hover { color:#fff; background:rgba(255,255,255,.05); }
.admin-main { padding:30px; overflow:hidden; }
.admin-page-head { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:18px; }
.admin-page-head h1 { margin:0; }
.stats-grid { grid-template-columns:repeat(4,1fr); margin:22px 0; }
.admin-card { margin-top:22px; }
.admin-table-wrap { overflow-x:auto; }
.admin-table { width:100%; border-collapse:collapse; min-width:820px; }
.admin-table th,.admin-table td { padding:13px 12px; border-bottom:1px solid var(--border); text-align:left; vertical-align:top; }
.admin-table th { color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.06em; }
.table-subtext { display:block; color:var(--muted); margin-top:3px; }
.inline-actions,.row-actions { display:flex; flex-wrap:wrap; gap:6px; margin-top:7px; }
.inline-actions button,.row-actions a { border:1px solid var(--border); background:rgba(255,255,255,.04); color:#fff; border-radius:8px; padding:7px 9px; cursor:pointer; font-size:12px; }
.admin-filter { grid-template-columns:2fr 1fr 1fr auto; }
.status { display:inline-flex; padding:5px 8px; border-radius:999px; font-size:11px; font-weight:800; }
.status-published { background:rgba(99,201,143,.12); color:#8fe1af; }
.status-pending { background:rgba(216,163,58,.12); color:#ffd675; }
.status-draft { background:rgba(119,107,217,.12); color:#b8afff; }
.status-rejected { background:rgba(226,103,103,.12); color:#ffaaaa; }
.admin-image-preview { width:130px; height:130px; object-fit:contain; background:#0a0d13; border:1px solid var(--border); border-radius:12px; padding:6px; }
.admin-cover-preview { width:280px; height:130px; object-fit:cover; }
.check-row { display:flex!important; align-items:center; grid-template-columns:none!important; gap:8px!important; font-weight:600!important; }
.check-row input { width:auto; }
.feature-box { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding:18px; background:rgba(216,163,58,.06); border:1px solid rgba(216,163,58,.18); border-radius:14px; }
.admin-two-column { display:grid; grid-template-columns:430px minmax(0,1fr); gap:22px; align-items:start; }
.ad-preview { max-width:160px; max-height:300px; object-fit:contain; border:1px solid var(--border); border-radius:10px; }
.table-ad-thumb { width:48px; height:80px; object-fit:cover; border-radius:6px; }
@media (max-width:1200px) { .filter-bar,.filter-bar-wide { grid-template-columns:repeat(2,1fr); } .admin-two-column { grid-template-columns:1fr; } }
@media (max-width:1050px) { .game-grid { grid-template-columns:repeat(2,1fr); } .server-grid { grid-template-columns:repeat(2,1fr); } .hero-grid { grid-template-columns:1fr; } .hero-panel { max-width:620px; } .stats-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:760px) { .mobile-toggle { display:block; } .main-nav { display:none; position:absolute; top:76px; left:16px; right:16px; flex-direction:column; align-items:stretch; padding:12px; background:#111621; border:1px solid var(--border); border-radius:14px; box-shadow:var(--shadow); } .main-nav.is-open { display:flex; } .hero { padding:66px 0; } .hero h1 { font-size:46px; } .game-grid,.server-grid,.form-grid,.footer-grid,.detail-grid,.server-detail-wrap,.feature-box { grid-template-columns:1fr; } .filter-bar,.filter-bar-wide,.admin-filter { grid-template-columns:1fr; } .server-logo { width:120px; height:120px; } .detail-sidebar { position:static; } .admin-layout { grid-template-columns:1fr; } .admin-sidebar { display:flex; overflow-x:auto; border-right:0; border-bottom:1px solid var(--border); } .admin-sidebar a { white-space:nowrap; } .admin-main { padding:20px 16px; } .admin-page-head { align-items:flex-start; flex-direction:column; } .hero-search { flex-direction:column; } }
@media (max-width:520px) { .game-grid,.server-grid,.hero-stat-grid,.stats-grid { grid-template-columns:1fr; } .section { padding:54px 0; } .server-card-footer { align-items:stretch; flex-direction:column; } .footer-bottom { flex-direction:column; } }
/* V2.1 - Oyuna göre değişen server formu */
.dynamic-custom-input[hidden],
[data-custom-input][hidden],
.game-form-guide[hidden] {
    display: none !important;
}

[data-dynamic-field] {
    align-content: start;
}

[data-dynamic-field] select:disabled {
    cursor: not-allowed;
    opacity: .58;
}

[data-custom-input] {
    margin-top: 2px;
    border-color: rgba(216, 163, 58, .34);
    background:
        linear-gradient(
            180deg,
            rgba(216, 163, 58, .055),
            rgba(13, 17, 25, 1)
        );
}

.game-form-guide {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 14px;
    padding: 17px 18px;
    border: 1px solid rgba(216, 163, 58, .22);
    border-radius: 14px;
    background:
        linear-gradient(
            135deg,
            rgba(216, 163, 58, .09),
            rgba(255, 255, 255, .018)
        );
}

.game-form-guide-icon {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 11px;
    background: rgba(216, 163, 58, .15);
    border: 1px solid rgba(216, 163, 58, .28);
    color: #ffd675;
    font-family: Georgia, serif;
    font-size: 20px;
    font-weight: 900;
}

.game-form-guide strong {
    display: block;
    margin-bottom: 3px;
    color: #ffe09a;
    font-size: 15px;
}

.game-form-guide p {
    margin: 0;
    color: #c5ccd7;
    font-size: 13px;
}

.game-form-guide ul {
    display: grid;
    gap: 3px;
    margin: 9px 0 0;
    padding-left: 18px;
    color: var(--muted);
    font-size: 12px;
}

.game-form-guide li::marker {
    color: var(--primary);
}

@media (max-width: 520px) {
    .game-form-guide {
        grid-template-columns: 1fr;
    }
}
/* V2.2 - Akıllı server formu */
.form-builder-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 22px;
    align-items: start;
}

.admin-form-builder-layout {
    grid-template-columns: minmax(0, 1fr) 340px;
}

.form-preview-panel {
    position: sticky;
    top: 94px;
    padding: 20px;
    border: 1px solid var(--border);
    border-radius: 18px;
    background:
        linear-gradient(
            180deg,
            rgba(23, 29, 42, .98),
            rgba(14, 17, 25, .98)
        );
    box-shadow: var(--shadow);
}

.preview-panel-heading {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 14px;
    margin-bottom: 12px;
}

.preview-panel-heading h2 {
    margin: 0;
    font-size: 22px;
}

.preview-panel-heading .eyebrow {
    margin-bottom: 3px;
}

.preview-panel-heading > strong {
    color: color-mix(
        in srgb,
        var(--game-color, var(--primary)) 75%,
        #fff
    );
    font-size: 18px;
}

.form-progress-track {
    width: 100%;
    height: 7px;
    margin-bottom: 18px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, .06);
}

.form-progress-track span {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(
        90deg,
        var(--game-color, var(--primary)),
        color-mix(
            in srgb,
            var(--game-color, var(--primary)) 60%,
            #fff
        )
    );
    transition: width .2s ease;
}

.live-server-card {
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 15px;
    background: linear-gradient(180deg, var(--surface-2), var(--surface));
}

.live-preview-cover {
    position: relative;
    height: 150px;
    overflow: hidden;
    background: #0b0e14;
}

.live-preview-cover > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.live-preview-cover .game-badge {
    position: absolute;
    left: 12px;
    bottom: 12px;
    color: var(--game-color, #f0bd55);
    background: color-mix(
        in srgb,
        var(--game-color, #f0bd55) 20%,
        rgba(8, 10, 15, .88)
    );
    backdrop-filter: blur(9px);
}

.live-preview-body {
    padding: 16px;
}

.live-preview-identity {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
}

.live-preview-identity > img {
    width: 52px;
    height: 52px;
    object-fit: cover;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: #0d1119;
}

.live-preview-identity h3,
.live-preview-identity p {
    margin: 0;
}

.live-preview-identity h3 {
    overflow: hidden;
    font-size: 18px;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.live-preview-identity p {
    margin-top: 3px;
    overflow: hidden;
    color: var(--muted);
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.live-preview-description {
    min-height: 63px;
    margin: 14px 0;
    color: var(--muted);
    font-size: 13px;
}

.live-preview-footer {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 12px;
    padding-top: 13px;
    border-top: 1px solid var(--border);
}

.live-preview-footer small,
.live-preview-footer strong {
    display: block;
}

.live-preview-footer small {
    color: var(--muted);
    font-size: 10px;
}

.live-preview-footer strong {
    font-size: 12px;
}

.preview-button {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 9px;
    background: var(--game-color, var(--primary));
    color: #151005;
    font-size: 11px;
    font-weight: 900;
}

.preview-url-box {
    margin-top: 14px;
    padding: 12px;
    overflow-wrap: anywhere;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: rgba(255, 255, 255, .025);
}

.preview-url-box small,
.preview-url-box strong {
    display: block;
}

.preview-url-box small {
    color: var(--muted);
    font-size: 10px;
}

.preview-url-box strong {
    margin-top: 3px;
    color: #dce2eb;
    font-size: 11px;
}

.preview-feature-list {
    display: grid;
    gap: 5px;
    margin: 14px 0 0;
    padding-left: 17px;
    color: var(--muted);
    font-size: 11px;
}

.preview-feature-list li::marker {
    color: var(--game-color, var(--primary));
}

.preview-admin-note {
    margin-top: 14px;
    padding: 11px 12px;
    border-radius: 11px;
    background: rgba(79, 162, 217, .08);
    border: 1px solid rgba(79, 162, 217, .18);
    color: #a8d6f3;
    font-size: 11px;
}

.draft-restore-notice {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
    padding: 14px 16px;
    border: 1px solid rgba(99, 201, 143, .25);
    border-radius: 13px;
    background: rgba(99, 201, 143, .08);
}

.draft-restore-notice[hidden] {
    display: none !important;
}

.draft-restore-notice strong,
.draft-restore-notice span {
    display: block;
}

.draft-restore-notice strong {
    color: #a9ebc1;
}

.draft-restore-notice span {
    color: var(--muted);
    font-size: 12px;
}

.slug-preview {
    overflow-wrap: anywhere;
}

.slug-preview strong,
.duplicate-name-hint {
    color: #d7dde7;
}

.duplicate-name-hint {
    min-height: 18px;
}

.duplicate-name-hint[hidden] {
    display: none !important;
}

.duplicate-name-hint.is-warning {
    color: #ffd080;
}

.duplicate-name-hint.is-success {
    color: #83dca8;
}

.field-counter {
    display: block;
    width: fit-content;
    margin-left: auto;
    color: var(--muted);
    font-variant-numeric: tabular-nums;
    font-size: 10px;
}

.field-counter.is-near-limit {
    color: #ffbf68;
}

.form-inline-alert {
    padding: 11px 13px;
    border: 1px solid rgba(226, 103, 103, .25);
    border-radius: 11px;
    background: rgba(226, 103, 103, .08);
    color: #f0a5a5;
    font-size: 12px;
}

.form-inline-alert[hidden] {
    display: none !important;
}

.image-validation-message {
    min-height: 17px;
}

.image-validation-message.is-error {
    color: #f0a5a5;
}

.image-validation-message.is-success {
    color: #83dca8;
}

@media (max-width: 1180px) {
    .form-builder-layout,
    .admin-form-builder-layout {
        grid-template-columns: minmax(0, 1fr) 310px;
    }
}

@media (max-width: 960px) {
    .form-builder-layout,
    .admin-form-builder-layout {
        grid-template-columns: 1fr;
    }

    .form-preview-panel {
        position: static;
        order: -1;
    }
}

@media (max-width: 620px) {
    .draft-restore-notice {
        align-items: stretch;
        flex-direction: column;
    }
}
/* V2.3 - Zengin tanıtım editörü */
.draft-notice-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.form-field {
    display: grid;
    gap: 8px;
}

.form-field > label {
    font-weight: 700;
}

.rich-editor-shell {
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 13px;
    background: #0d1119;
}

.rich-editor-shell:focus-within {
    border-color: rgba(216, 163, 58, .6);
    box-shadow: 0 0 0 3px rgba(216, 163, 58, .08);
}

.rich-editor-toolbar {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
    padding: 9px;
    border-bottom: 1px solid var(--border);
    background: rgba(255, 255, 255, .025);
}

.rich-editor-toolbar button {
    min-height: 32px;
    padding: 0 10px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: rgba(255, 255, 255, .035);
    color: #e9edf4;
    cursor: pointer;
    font-size: 12px;
    font-weight: 750;
}

.rich-editor-toolbar button:hover {
    border-color: rgba(216, 163, 58, .35);
    background: rgba(216, 163, 58, .09);
    color: #ffe09a;
}

.rich-editor-toolbar button:disabled {
    cursor: wait;
    opacity: .55;
}

.toolbar-separator {
    width: 1px;
    height: 24px;
    margin-inline: 3px;
    background: var(--border);
}

.rich-editor {
    min-height: 360px;
    max-height: 720px;
    padding: 18px;
    overflow-y: auto;
    color: #e5e9ef;
    outline: none;
    line-height: 1.75;
}

.rich-editor[aria-invalid="true"] {
    box-shadow: inset 0 0 0 1px rgba(226, 103, 103, .65);
}

.rich-editor:empty::before {
    content: "Server özelliklerini yazın; başlık, liste, bağlantı ve görsel ekleyebilirsiniz...";
    color: #697384;
    pointer-events: none;
}

.rich-editor h2,
.rich-editor h3,
.rich-editor h4 {
    color: #fff;
    line-height: 1.25;
}

.rich-editor h2 { font-size: 27px; }
.rich-editor h3 { font-size: 21px; }

.rich-editor blockquote {
    margin: 18px 0;
    padding: 13px 16px;
    border-left: 3px solid var(--primary);
    background: rgba(216, 163, 58, .065);
    color: #d2d8e2;
}

.rich-editor a {
    color: #ffd675;
    text-decoration: underline;
}

.rich-editor figure,
.rich-content-figure {
    margin: 22px 0;
    padding: 10px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: rgba(255, 255, 255, .025);
}

.rich-editor img,
.rich-content-image {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-inline: auto;
    border-radius: 10px;
}

.rich-editor figcaption,
.rich-content-figure figcaption {
    margin-top: 8px;
    color: var(--muted);
    text-align: center;
    font-size: 12px;
}

.rich-editor-footer {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 10px 12px;
    border-top: 1px solid var(--border);
    color: var(--muted);
    font-size: 11px;
}

.rich-editor-footer [data-editor-counter] {
    flex: 0 0 auto;
    font-variant-numeric: tabular-nums;
}

.rich-editor-footer [data-editor-counter].is-near-limit {
    color: #ffbf68;
}

.rich-editor-status {
    padding: 10px 12px;
    border-top: 1px solid var(--border);
    color: #a8d6f3;
    font-size: 12px;
}

.rich-editor-status[hidden] {
    display: none !important;
}

.rich-editor-status.is-error {
    background: rgba(226, 103, 103, .07);
    color: #f0a5a5;
}

.rich-editor-status.is-success {
    background: rgba(99, 201, 143, .07);
    color: #91e3b0;
}

.rich-editor-status.is-loading {
    background: rgba(79, 162, 217, .07);
    color: #a8d6f3;
}

.description-html {
    color: #d8dde6;
    line-height: 1.78;
}

.description-html h2,
.description-html h3,
.description-html h4 {
    margin-top: 1.55em;
    color: #fff;
    line-height: 1.25;
}

.description-html h2 { font-size: 30px; }
.description-html h3 { font-size: 23px; }

.description-html blockquote {
    margin: 22px 0;
    padding: 15px 18px;
    border-left: 3px solid var(--primary);
    background: rgba(216, 163, 58, .065);
}

.description-html a {
    color: #ffd675;
    text-decoration: underline;
}

@media (max-width: 620px) {
    .rich-editor-toolbar {
        align-items: stretch;
    }

    .rich-editor-toolbar button {
        flex: 1 1 auto;
    }

    .toolbar-separator {
        display: none;
    }

    .rich-editor {
        min-height: 300px;
        padding: 14px;
    }

    .rich-editor-footer {
        flex-direction: column;
    }
}
/* V2.3.1 - Form alanı hizalama düzeltmesi */
.form-grid {
    align-items: start;
}

.form-grid > label,
.form-grid > .form-field {
    align-self: start;
    align-content: start;
    min-width: 0;
}

.form-card label,
.admin-auth-card label {
    align-content: start;
}

/* Native select öğelerinin inputlardan yüksek görünmesini engeller. */
.form-grid > label > input:not([type="file"]):not([type="checkbox"]):not([type="radio"]),
.form-grid > label > select,
.form-grid > .form-field input:not([type="file"]):not([type="checkbox"]):not([type="radio"]),
.form-grid > .form-field select {
    min-height: 50px;
    height: 50px;
}

/* Yardım metinleri alanın yüksekliğini bozmasın. */
.form-grid label > small,
.form-grid .form-field > small {
    align-self: start;
}

/* Gizli uyarı satırı grid boşluğu üretmesin. */
.duplicate-name-hint[hidden],
[data-dynamic-help][hidden] {
    display: none !important;
}

@media (max-width: 760px) {
    .form-grid > label > input:not([type="file"]):not([type="checkbox"]):not([type="radio"]),
    .form-grid > label > select,
    .form-grid > .form-field input:not([type="file"]):not([type="checkbox"]):not([type="radio"]),
    .form-grid > .form-field select {
        min-height: 48px;
        height: 48px;
    }
}
/* V2.4 - Düzenli bağlantı alanı ve form deneyimi */
.field-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 22px;
    font-weight: 800;
}

.field-head-actions {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-left: auto;
}

.field-counter {
    color: var(--muted);
    font-size: 10px;
    font-weight: 650;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.field-counter.is-near-limit {
    color: #ffbd64;
}

.field-action-button,
.section-action-button,
.mini-action-button {
    border: 1px solid var(--border);
    background: rgba(255, 255, 255, .035);
    color: #dce2eb;
    cursor: pointer;
    transition: .18s ease;
}

.field-action-button:hover,
.section-action-button:hover,
.mini-action-button:hover {
    border-color: rgba(216, 163, 58, .38);
    background: rgba(216, 163, 58, .09);
    color: #ffe1a0;
}

.field-action-button {
    min-height: 27px;
    padding: 0 9px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 800;
}

.section-action-button {
    min-height: 36px;
    padding: 0 13px;
    margin-left: auto;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 800;
}

.mini-action-button {
    min-height: 29px;
    padding: 0 9px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}

.mini-action-button.is-success {
    border-color: rgba(99, 201, 143, .3);
    background: rgba(99, 201, 143, .1);
    color: #9ce8b9;
}

.server-url-card {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    gap: 11px;
    align-items: center;
    padding: 10px 11px;
    border: 1px solid rgba(255, 255, 255, .075);
    border-radius: 11px;
    background:
        linear-gradient(
            135deg,
            rgba(216, 163, 58, .045),
            rgba(255, 255, 255, .018)
        );
}

.server-url-card.is-compact {
    padding-block: 9px;
}

.server-url-icon {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 9px;
    background: rgba(216, 163, 58, .11);
    border: 1px solid rgba(216, 163, 58, .2);
    color: #ffd372;
    font-size: 16px;
    font-weight: 900;
}

.server-url-content {
    min-width: 0;
}

.server-url-content small,
.server-url-content strong {
    display: block;
}

.server-url-content small {
    color: var(--muted);
    font-size: 9px;
    font-weight: 650;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.server-url-content strong {
    margin-top: 2px;
    overflow: hidden;
    color: #dce3ed;
    font-size: 11px;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.server-url-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
}

.name-availability {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 25px;
    padding: 0 8px;
    border: 1px solid var(--border);
    border-radius: 999px;
    font-size: 9px;
    font-weight: 800;
    white-space: nowrap;
}

.name-availability::before {
    content: "";
    width: 6px;
    height: 6px;
    margin-right: 6px;
    border-radius: 50%;
    background: currentColor;
    opacity: .8;
}

.name-availability.is-idle,
.name-availability.is-neutral {
    color: #aab3c1;
    background: rgba(255, 255, 255, .03);
}

.name-availability.is-checking {
    color: #f3cb76;
    background: rgba(216, 163, 58, .075);
    border-color: rgba(216, 163, 58, .2);
}

.name-availability.is-success {
    color: #8de0ac;
    background: rgba(99, 201, 143, .075);
    border-color: rgba(99, 201, 143, .22);
}

.name-availability.is-warning {
    color: #ffd080;
    background: rgba(255, 180, 70, .075);
    border-color: rgba(255, 180, 70, .22);
}

.admin-name-availability {
    margin-top: 1px;
}

.form-section-title-with-action {
    grid-template-columns: 38px minmax(0, 1fr) auto;
}

.toolbar-accent-button {
    color: #ffe09a !important;
    border-color: rgba(216, 163, 58, .3) !important;
    background: rgba(216, 163, 58, .09) !important;
}

.quality-checklist {
    margin-top: 14px;
    padding: 13px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: rgba(255, 255, 255, .02);
}

.quality-checklist-head {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
    margin-bottom: 9px;
}

.quality-checklist-head strong {
    font-size: 12px;
}

.quality-checklist-head span {
    color: var(--muted);
    font-size: 11px;
    font-weight: 800;
}

.quality-checklist-head span.is-complete {
    color: #8de0ac;
}

.quality-checklist ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.quality-checklist li {
    position: relative;
    padding: 7px 8px 7px 27px;
    border-radius: 9px;
    background: rgba(255, 255, 255, .025);
    color: var(--muted);
    font-size: 10px;
}

.quality-checklist li::before {
    content: "•";
    position: absolute;
    left: 10px;
    top: 6px;
    color: #6f7888;
    font-size: 14px;
    line-height: 1;
}

.quality-checklist li.is-complete {
    color: #a9ebc1;
    background: rgba(99, 201, 143, .065);
}

.quality-checklist li.is-complete::before {
    content: "✓";
    top: 7px;
    color: #77d39b;
    font-size: 11px;
    font-weight: 900;
}

@media (max-width: 680px) {
    .field-head {
        align-items: flex-start;
    }

    .field-head-actions {
        align-items: flex-end;
        flex-direction: column-reverse;
        gap: 5px;
    }

    .server-url-card {
        grid-template-columns: 32px minmax(0, 1fr);
    }

    .server-url-actions {
        grid-column: 1 / -1;
        justify-content: flex-start;
        padding-left: 43px;
    }

    .server-url-content strong {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .form-section-title-with-action {
        grid-template-columns: 38px minmax(0, 1fr);
    }

    .form-section-title-with-action .section-action-button {
        grid-column: 2;
        margin-left: 0;
        width: fit-content;
    }

    .quality-checklist ul {
        grid-template-columns: 1fr;
    }
}
/* V2.4.1 - Tam genişlikte ilan adresi çubuğu */
.server-link-strip {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    min-width: 0;
    padding: 13px 14px;
    border: 1px solid rgba(216, 163, 58, .16);
    border-radius: 13px;
    background:
        linear-gradient(
            135deg,
            rgba(216, 163, 58, .065),
            rgba(255, 255, 255, .018)
        );
}

.server-link-strip__icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(216, 163, 58, .24);
    border-radius: 11px;
    background: rgba(216, 163, 58, .11);
    color: #ffd36f;
    font-size: 19px;
    font-weight: 900;
}

.server-link-strip__content {
    min-width: 0;
}

.server-link-strip__content small,
.server-link-strip__content strong {
    display: block;
}

.server-link-strip__content small {
    margin-bottom: 3px;
    color: var(--muted);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.server-link-strip__content strong {
    min-width: 0;
    overflow: hidden;
    color: #dbe3ee;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.45;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.server-link-strip__prefix {
    color: #8994a5;
    font-weight: 650;
}

.server-link-strip__slug {
    color: #ffe09a;
}

.server-link-strip__actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    min-width: 0;
}

.server-link-strip .name-availability {
    max-width: 235px;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 920px) {
    .server-link-strip {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .server-link-strip__actions {
        grid-column: 1 / -1;
        justify-content: flex-start;
        padding-left: 56px;
        flex-wrap: wrap;
    }
}

@media (max-width: 560px) {
    .server-link-strip {
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 10px;
        padding: 12px;
    }

    .server-link-strip__icon {
        width: 36px;
        height: 36px;
        border-radius: 9px;
        font-size: 16px;
    }

    .server-link-strip__content strong {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .server-link-strip__actions {
        padding-left: 46px;
        align-items: stretch;
        flex-direction: column;
    }

    .server-link-strip .name-availability {
        max-width: 100%;
    }

    .server-link-strip__actions .mini-action-button {
        width: fit-content;
    }
}
/* V2.4.2 - Geniş ve daha sıkı server formu */
.form-container-large {
    max-width: var(--container);
}

.server-submit-hero {
    padding-block: 52px;
}

.server-submit-section {
    padding-block: 42px 58px;
}

.form-builder-layout {
    grid-template-columns: minmax(0, 1fr) 380px;
    gap: 20px;
}

.admin-form-builder-layout {
    grid-template-columns: minmax(0, 1fr) 360px;
}

.form-builder-layout > .form-card {
    gap: 16px;
    padding: 22px;
}

.form-builder-layout .form-grid {
    gap: 14px 16px;
}

.form-builder-layout .form-section-title {
    margin-top: 4px;
    padding-top: 18px;
}

.form-builder-layout .form-section-title:first-of-type {
    margin-top: 0;
    padding-top: 0;
}

.form-builder-layout .form-section-title > span {
    width: 36px;
    height: 36px;
}

.form-builder-layout .form-section-title h2 {
    font-size: 19px;
    line-height: 1.2;
}

.form-builder-layout .form-section-title p {
    margin-top: 2px;
    font-size: 12px;
}

.form-builder-layout .game-form-guide {
    padding: 14px 16px;
}

.form-builder-layout .server-link-strip {
    padding-block: 11px;
}

.form-builder-layout .rich-editor-shell {
    margin-top: 0;
}

.form-builder-layout .feature-box {
    padding: 15px;
}

.form-builder-layout .form-actions {
    margin-top: 2px;
}

.form-builder-layout + .form-preview-panel,
.form-preview-panel {
    padding: 18px;
}

@media (max-width: 1180px) {
    .form-builder-layout,
    .admin-form-builder-layout {
        grid-template-columns: minmax(0, 1fr) 320px;
        gap: 18px;
    }
}

@media (max-width: 960px) {
    .form-builder-layout,
    .admin-form-builder-layout {
        grid-template-columns: 1fr;
    }

    .server-submit-section {
        padding-block: 34px 48px;
    }
}

@media (max-width: 620px) {
    .server-submit-hero {
        padding-block: 42px;
    }

    .server-submit-section {
        padding-block: 28px 40px;
    }

    .form-builder-layout > .form-card {
        gap: 14px;
        padding: 17px;
    }

    .form-builder-layout .form-grid {
        gap: 13px;
    }

    .form-builder-layout .form-section-title {
        gap: 11px;
        padding-top: 15px;
    }

    .form-builder-layout .form-section-title > span {
        width: 34px;
        height: 34px;
    }
}
/* V2.4.3 - Ana sayfa ve form dikey ritim düzenlemesi */

/* Ana sayfa */
.home-hero {
    padding-block: 68px 58px;
}

.home-hero .hero-grid {
    gap: 50px;
}

.home-hero .hero-content > .eyebrow {
    margin-bottom: 9px;
}

.home-hero .hero-content > p {
    margin: 15px 0 0;
}

.home-hero .hero-search {
    margin-top: 20px;
}

.home-hero .hero-actions {
    margin-top: 16px;
}

.home-hero .hero-panel {
    padding: 22px;
}

.home-section {
    padding-block: 52px;
}

.home-section .section-heading {
    margin-bottom: 20px;
}

.home-section .section-heading .eyebrow {
    margin-bottom: 8px;
}

.home-section .game-grid,
.home-section .server-grid {
    gap: 16px;
}

.home-section .empty-state {
    padding-block: 52px;
}

/* Server Ekle ve Admin server formu */
.server-submit-hero {
    padding-block: 38px;
}

.server-submit-hero .eyebrow {
    margin-bottom: 7px;
}

.server-submit-hero p {
    margin: 10px 0 0;
}

.server-submit-section {
    padding-block: 26px 40px;
}

.server-submit-section .draft-restore-notice {
    margin-bottom: 12px;
}

.form-builder-layout,
.admin-form-builder-layout {
    gap: 16px;
}

.form-builder-layout > .form-card {
    gap: 11px;
    padding: 19px 20px;
}

.form-builder-layout .form-grid {
    gap: 10px 14px;
}

.form-builder-layout .form-section-title {
    margin-top: 0;
    padding-top: 13px;
}

.form-builder-layout .form-section-title:first-of-type {
    padding-top: 0;
}

.form-builder-layout .form-section-title > span {
    width: 34px;
    height: 34px;
}

.form-builder-layout .form-section-title h2 {
    font-size: 18px;
}

.form-builder-layout .form-section-title p {
    margin-top: 1px;
    font-size: 11px;
}

.form-builder-layout .server-link-strip {
    padding-block: 9px;
}

.form-builder-layout .game-form-guide {
    gap: 11px;
    padding: 11px 13px;
}

.form-builder-layout .game-form-guide ul {
    margin-top: 6px;
}

.form-builder-layout .rich-editor-toolbar {
    padding: 7px;
}

.form-builder-layout .rich-editor {
    min-height: 250px;
}

.form-builder-layout .feature-box {
    padding: 12px 14px;
}

.form-builder-layout .form-actions {
    margin-top: 0;
}

.form-preview-panel {
    top: 88px;
    padding: 15px;
}

.form-preview-panel .preview-panel-heading {
    margin-bottom: 9px;
}

.form-preview-panel .form-progress-track {
    margin-bottom: 13px;
}

.form-preview-panel .preview-url-box,
.form-preview-panel .quality-checklist,
.form-preview-panel .preview-admin-note {
    margin-top: 10px;
}

/* Yönetim ekranında da aynı kompakt form ritmi */
.admin-main .admin-form-builder-layout > .form-card {
    gap: 11px;
}

.admin-main .admin-page-head {
    margin-bottom: 16px;
}

@media (max-width: 1050px) {
    .home-hero {
        padding-block: 58px 50px;
    }

    .home-hero .hero-grid {
        gap: 34px;
    }

    .home-section {
        padding-block: 46px;
    }
}

@media (max-width: 760px) {
    .home-hero {
        padding-block: 46px 42px;
    }

    .home-hero .hero-search {
        margin-top: 17px;
    }

    .home-section {
        padding-block: 38px;
    }

    .home-section .section-heading {
        margin-bottom: 17px;
    }

    .server-submit-hero {
        padding-block: 32px;
    }

    .server-submit-section {
        padding-block: 22px 34px;
    }

    .form-preview-panel {
        padding: 14px;
    }
}

@media (max-width: 520px) {
    .home-hero {
        padding-block: 38px 36px;
    }

    .home-section {
        padding-block: 32px;
    }

    .home-section .game-grid,
    .home-section .server-grid {
        gap: 13px;
    }

    .server-submit-hero {
        padding-block: 27px;
    }

    .server-submit-section {
        padding-block: 18px 28px;
    }

    .form-builder-layout > .form-card {
        gap: 10px;
        padding: 15px;
    }

    .form-builder-layout .form-grid {
        gap: 9px;
    }

    .form-builder-layout .form-section-title {
        padding-top: 11px;
    }
}
/* =========================================================
   V2.5 — PVP.com2.tr Premium UI System
   Tüm önceki tasarım katmanlarını ortak ölçülerde normalize eder.
   ========================================================= */

:root {
    --bg: #080a0e;
    --bg-soft: #0b0e14;
    --surface: #10151e;
    --surface-2: #141a25;
    --surface-3: #192131;
    --surface-glass: rgba(16, 21, 30, .82);
    --border: rgba(255, 255, 255, .075);
    --border-strong: rgba(255, 255, 255, .12);
    --text: #f4f6fa;
    --muted: #909aaa;
    --muted-2: #697487;
    --primary: #d8a33a;
    --primary-2: #ffd36a;
    --primary-soft: rgba(216, 163, 58, .11);
    --danger: #e26767;
    --success: #63c98f;
    --container: 1240px;
    --header-height: 68px;
    --radius-sm: 9px;
    --radius: 14px;
    --radius-lg: 18px;
    --radius-xl: 22px;
    --shadow-soft: 0 12px 34px rgba(0, 0, 0, .22);
    --shadow: 0 22px 65px rgba(0, 0, 0, .34);
    --section-space: 44px;
    --control-height: 46px;
}

html {
    scroll-padding-top: calc(var(--header-height) + 16px);
}

body {
    min-height: 100vh;
    background:
        radial-gradient(circle at 12% -10%, rgba(216, 163, 58, .085), transparent 30%),
        radial-gradient(circle at 92% 8%, rgba(75, 112, 176, .055), transparent 26%),
        linear-gradient(180deg, #080a0e 0%, #090c11 100%);
    color: var(--text);
    line-height: 1.55;
    letter-spacing: -.005em;
}

body::before {
    content: "";
    position: fixed;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    opacity: .18;
    background-image:
        linear-gradient(rgba(255, 255, 255, .013) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .013) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(to bottom, #000, transparent 78%);
}

main {
    min-height: calc(100vh - var(--header-height));
}

.container {
    width: min(calc(100% - 36px), var(--container));
}

/* Header */
.site-header {
    height: var(--header-height);
    background: rgba(8, 10, 14, .86);
    border-bottom: 1px solid rgba(255, 255, 255, .065);
    box-shadow: 0 8px 28px rgba(0, 0, 0, .18);
    backdrop-filter: blur(20px) saturate(130%);
}

.header-inner {
    min-height: var(--header-height);
    gap: 18px;
}

.brand {
    gap: 8px;
}

.brand-mark {
    min-width: 52px;
    height: 32px;
    border-radius: 9px;
    background:
        linear-gradient(145deg, #ffd66e, #d89d31);
    box-shadow:
        inset 0 1px rgba(255, 255, 255, .42),
        0 8px 24px rgba(216, 163, 58, .22);
    font-size: 13px;
}

.brand-domain {
    color: #f4f6f9;
    font-size: 17px;
    letter-spacing: -.025em;
}

.main-nav {
    gap: 3px;
}

.main-nav a {
    padding: 8px 10px;
    border: 1px solid transparent;
    border-radius: 9px;
    color: #aeb7c5;
    font-size: 13px;
    font-weight: 700;
}

.main-nav a:hover {
    color: #fff;
    background: rgba(255, 255, 255, .035);
    border-color: rgba(255, 255, 255, .055);
}

.main-nav .nav-submit {
    margin-left: 3px;
    background: var(--primary-soft);
    border-color: rgba(216, 163, 58, .22);
    color: #ffd779;
}

/* Buttons */
.button {
    min-height: 42px;
    padding: 0 17px;
    border-radius: 10px;
    box-shadow:
        inset 0 1px rgba(255, 255, 255, .26),
        0 9px 25px rgba(216, 163, 58, .15);
    font-size: 13px;
    font-weight: 850;
    transition:
        transform .18s ease,
        filter .18s ease,
        border-color .18s ease,
        background .18s ease;
}

.button:hover {
    transform: translateY(-1px);
}

.button-ghost {
    background: rgba(255, 255, 255, .025);
    border: 1px solid var(--border-strong);
    color: #e8ecf2;
    box-shadow: inset 0 1px rgba(255, 255, 255, .025);
}

.button-ghost:hover {
    background: rgba(255, 255, 255, .055);
    border-color: rgba(255, 255, 255, .17);
}

.button-small {
    min-height: 34px;
    padding-inline: 12px;
    font-size: 11px;
}

.button-large {
    min-height: 48px;
    font-size: 14px;
}

/* Hero */
.hero,
.home-hero {
    position: relative;
    padding-block: 56px;
    background:
        linear-gradient(90deg, rgba(8, 10, 14, .97) 0%, rgba(8, 10, 14, .86) 53%, rgba(8, 10, 14, .62) 100%),
        url("../images/hero-bg.svg") center / cover;
    border-bottom: 1px solid var(--border);
}

.hero::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(216, 163, 58, .035), transparent 32%),
        linear-gradient(180deg, transparent 60%, rgba(8, 10, 14, .5));
}

.hero-glow {
    width: 420px;
    height: 420px;
    top: -185px;
    right: -100px;
    opacity: .8;
}

.hero-grid {
    grid-template-columns: minmax(0, 1.18fr) minmax(330px, .72fr);
    gap: 46px;
}

.hero-content {
    max-width: 720px;
}

.eyebrow {
    margin-bottom: 8px;
    color: #e8b956;
    font-size: 10px;
    letter-spacing: .2em;
}

.hero h1,
.page-hero h1,
.server-detail-hero h1 {
    font-size: clamp(40px, 5vw, 64px);
    line-height: 1.02;
    letter-spacing: -.052em;
    text-wrap: balance;
}

.hero p {
    max-width: 650px;
    margin: 14px 0 0;
    color: #9ca6b6;
    font-size: 16px;
    line-height: 1.65;
}

.hero-search {
    max-width: 640px;
    margin-top: 20px;
    padding: 5px;
    gap: 6px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .035);
    border-color: rgba(255, 255, 255, .095);
    box-shadow: inset 0 1px rgba(255, 255, 255, .02);
}

.hero-search input {
    min-height: 38px;
    padding-inline: 12px;
}

.hero-actions {
    margin-top: 14px;
    gap: 9px;
}

.hero-benefits {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin-top: 15px;
    color: #8792a3;
    font-size: 11px;
    font-weight: 650;
}

.hero-benefits span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.hero-benefits span::before {
    content: "✓";
    color: #d9aa4e;
    font-weight: 900;
}

.hero-panel {
    padding: 18px;
    border-radius: 18px;
    background:
        linear-gradient(155deg, rgba(24, 31, 44, .92), rgba(13, 17, 25, .94));
    border-color: rgba(255, 255, 255, .09);
    box-shadow:
        inset 0 1px rgba(255, 255, 255, .035),
        var(--shadow);
}

.panel-kicker {
    margin-bottom: 11px;
    color: #8590a1;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.hero-stat-grid {
    gap: 9px;
}

.hero-stat-grid div {
    min-height: 92px;
    padding: 14px;
    border-radius: 12px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .038), rgba(255, 255, 255, .016));
    border-color: rgba(255, 255, 255, .07);
    box-shadow: inset 0 1px rgba(255, 255, 255, .025);
}

.hero-stat-grid strong {
    font-size: 25px;
    letter-spacing: -.035em;
}

.hero-stat-grid span {
    margin-top: 3px;
    font-size: 11px;
}

/* Global section rhythm */
.section,
.home-section {
    padding-block: var(--section-space);
}

.section-dark {
    background:
        linear-gradient(180deg, rgba(14, 18, 26, .9), rgba(11, 14, 20, .92));
    border-block-color: rgba(255, 255, 255, .055);
}

.section-heading {
    position: relative;
    align-items: end;
    gap: 18px;
    margin-bottom: 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, .055);
}

.section-heading::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 58px;
    height: 2px;
    border-radius: 99px;
    background: linear-gradient(90deg, var(--primary), transparent);
}

.section-heading h2 {
    font-size: clamp(26px, 3vw, 36px);
    line-height: 1.1;
    letter-spacing: -.042em;
}

.section-heading .eyebrow {
    margin-bottom: 5px;
}

.text-link {
    padding-bottom: 3px;
    color: #aab3c1;
    font-size: 11px;
    font-weight: 750;
}

.text-link:hover {
    color: #ffd272;
}

/* Game cards — 6 kategori için simetrik 3x2 düzen */
.game-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.game-card {
    min-height: 88px;
    padding: 15px 16px;
    gap: 12px;
    border-radius: 13px;
    background:
        linear-gradient(145deg, rgba(23, 30, 43, .95), rgba(15, 20, 29, .98));
    border-color: rgba(255, 255, 255, .07);
    box-shadow:
        inset 0 1px rgba(255, 255, 255, .025),
        0 10px 25px rgba(0, 0, 0, .13);
}

.game-card::before {
    width: 3px;
    height: auto;
    inset: 12px auto 12px 0;
    border-radius: 0 4px 4px 0;
}

.game-card:hover {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--game-color) 44%, rgba(255, 255, 255, .08));
    box-shadow:
        inset 0 1px rgba(255, 255, 255, .035),
        0 14px 34px rgba(0, 0, 0, .2);
}

.game-icon {
    display: grid;
    place-items: center;
    flex: 0 0 43px;
    width: 43px;
    height: 43px;
    border-radius: 11px;
    background: color-mix(in srgb, var(--game-color) 11%, rgba(255, 255, 255, .025));
    border: 1px solid color-mix(in srgb, var(--game-color) 22%, rgba(255, 255, 255, .04));
    font-size: 21px;
}

.game-card strong {
    font-size: 14px;
}

.game-card span {
    margin-top: 2px;
    font-size: 11px;
}

.game-card b {
    font-size: 18px;
}

/* Server cards */
.server-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px;
    align-items: stretch;
}

.server-card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    border-radius: 15px;
    background:
        linear-gradient(180deg, rgba(21, 27, 39, .98), rgba(14, 19, 27, .99));
    border-color: rgba(255, 255, 255, .07);
    box-shadow:
        inset 0 1px rgba(255, 255, 255, .025),
        0 12px 30px rgba(0, 0, 0, .17);
}

.server-card:hover {
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--game-color) 42%, rgba(255, 255, 255, .08));
    box-shadow:
        inset 0 1px rgba(255, 255, 255, .035),
        0 18px 42px rgba(0, 0, 0, .24);
}

.server-cover {
    aspect-ratio: 16 / 8.4;
}

.featured-label,
.countdown-badge {
    top: 11px;
    padding: 5px 8px;
    font-size: 9px;
    letter-spacing: .03em;
}

.featured-label {
    left: 11px;
}

.countdown-badge {
    right: 11px;
}

.server-card-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 16px;
}

.server-meta {
    align-items: center;
    font-size: 10px;
}

.game-badge {
    padding: 5px 8px;
    font-size: 9px;
}

.server-card h3 {
    margin: 11px 0 6px;
    font-size: 19px;
    letter-spacing: -.025em;
}

.server-card p {
    display: -webkit-box;
    min-height: 58px;
    margin: 0;
    overflow: hidden;
    color: #909bab;
    font-size: 12px;
    line-height: 1.6;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.server-tags {
    min-height: 25px;
    margin-top: 10px;
    gap: 6px;
}

.server-tags span {
    padding: 4px 7px;
    border-radius: 7px;
    font-size: 9px;
}

.server-card-footer {
    margin-top: auto;
    padding-top: 12px;
    gap: 10px;
}

.server-card-footer small {
    font-size: 9px;
}

.server-card-footer strong {
    font-size: 11px;
}

/* Page heroes and filtering pages */
.page-hero {
    padding-block: 38px;
    background:
        radial-gradient(circle at 18% 10%, color-mix(in srgb, var(--game-color, var(--primary)) 11%, transparent), transparent 32%),
        linear-gradient(180deg, rgba(12, 16, 23, .96), rgba(9, 12, 17, .98));
    border-bottom-color: rgba(255, 255, 255, .06);
}

.page-hero h1 {
    font-size: clamp(34px, 4.5vw, 52px);
}

.page-hero p {
    max-width: 720px;
    margin: 9px 0 0;
    color: #929dad;
    font-size: 14px;
}

.page-hero-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 13px;
}

.page-hero-chips span {
    padding: 5px 8px;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 999px;
    background: rgba(255, 255, 255, .025);
    color: #9ba5b5;
    font-size: 10px;
    font-weight: 700;
}

.filter-bar {
    gap: 8px;
    margin-bottom: 14px;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 13px;
    background: rgba(16, 21, 30, .88);
    box-shadow: inset 0 1px rgba(255, 255, 255, .025);
}

.filter-bar input,
.filter-bar select {
    min-height: 40px;
}

.results-head {
    margin: 12px 0;
    color: #9da7b6;
    font-size: 11px;
}

/* Inputs and forms */
input,
select,
textarea {
    min-height: var(--control-height);
    padding: 11px 12px;
    border-color: rgba(255, 255, 255, .075);
    border-radius: 10px;
    background: rgba(7, 10, 15, .68);
    color: #edf0f5;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .018),
        inset 0 0 0 1px rgba(0, 0, 0, .1);
}

input::placeholder,
textarea::placeholder {
    color: #606b7c;
}

input:hover,
select:hover,
textarea:hover {
    border-color: rgba(255, 255, 255, .11);
}

input:focus,
select:focus,
textarea:focus {
    border-color: rgba(216, 163, 58, .52);
    box-shadow:
        0 0 0 3px rgba(216, 163, 58, .075),
        inset 0 1px rgba(255, 255, 255, .02);
}

textarea {
    min-height: 108px;
}

.form-container,
.form-container-large {
    max-width: var(--container);
}

.server-submit-hero {
    padding-block: 32px;
}

.server-submit-section {
    padding-block: 22px 34px;
}

.form-builder-layout,
.admin-form-builder-layout {
    grid-template-columns: minmax(0, 1fr) 350px;
    gap: 14px;
}

.form-card,
.content-card,
.info-card,
.admin-card {
    border-radius: 15px;
    background:
        linear-gradient(160deg, rgba(19, 25, 36, .97), rgba(13, 18, 26, .99));
    border-color: rgba(255, 255, 255, .075);
    box-shadow:
        inset 0 1px rgba(255, 255, 255, .025),
        var(--shadow-soft);
}

.form-builder-layout > .form-card {
    gap: 9px;
    padding: 18px;
}

.form-card label,
.admin-auth-card label {
    gap: 5px;
    color: #e5e9ef;
    font-size: 11px;
    font-weight: 780;
}

.form-grid {
    gap: 9px 12px;
    align-items: start;
}

.form-grid > label,
.form-grid > .form-field {
    min-width: 0;
}

.form-section-title {
    display: grid;
    grid-template-columns: 31px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    margin: 2px 0 0;
    padding: 12px 0 7px;
    border-top-color: rgba(255, 255, 255, .06);
}

.form-section-title:first-of-type {
    padding-top: 0;
}

.form-section-title > span {
    width: 31px;
    height: 31px;
    border-radius: 9px;
    background:
        linear-gradient(145deg, rgba(216, 163, 58, .18), rgba(216, 163, 58, .075));
    border: 1px solid rgba(216, 163, 58, .17);
    color: #ffd778;
    font-size: 12px;
}

.form-section-title h2 {
    font-size: 16px;
    letter-spacing: -.02em;
}

.form-section-title p {
    margin-top: 1px;
    font-size: 10px;
    line-height: 1.45;
}

.form-section-title-with-action {
    grid-template-columns: 31px minmax(0, 1fr) auto;
}

.field-head {
    min-height: 18px;
}

.server-link-strip {
    grid-template-columns: 36px minmax(0, 1fr) auto;
    gap: 11px;
    padding: 9px 11px;
    border-radius: 11px;
}

.server-link-strip__icon {
    width: 36px;
    height: 36px;
    border-radius: 9px;
    font-size: 16px;
}

.server-link-strip__content small {
    font-size: 8px;
}

.server-link-strip__content strong {
    font-size: 10px;
}

.game-form-guide {
    gap: 10px;
    padding: 10px 12px;
    border-radius: 11px;
}

.game-form-guide-icon {
    width: 32px;
    height: 32px;
    font-size: 17px;
}

.game-form-guide strong {
    font-size: 12px;
}

.game-form-guide p,
.game-form-guide ul {
    font-size: 10px;
}

.game-form-guide ul {
    gap: 2px;
    margin-top: 5px;
}

.rich-editor-shell {
    border-radius: 11px;
}

.rich-editor-toolbar {
    gap: 4px;
    padding: 6px;
}

.rich-editor-toolbar button {
    min-height: 30px;
    padding: 0 8px;
    border-radius: 7px;
    font-size: 10px;
}

.rich-editor {
    min-height: 220px;
    padding: 15px;
    font-size: 13px;
    line-height: 1.68;
}

.rich-editor h2 {
    font-size: 23px;
}

.rich-editor h3 {
    font-size: 18px;
}

.rich-editor-footer {
    padding: 7px 10px;
}

.feature-box {
    padding: 11px 12px;
    border-radius: 11px;
}

.form-actions {
    margin-top: 0;
}

.form-preview-panel {
    top: 82px;
    padding: 14px;
    border-radius: 15px;
    background:
        linear-gradient(160deg, rgba(20, 27, 39, .97), rgba(13, 18, 26, .99));
}

.preview-panel-heading {
    margin-bottom: 8px;
}

.preview-panel-heading h2 {
    font-size: 18px;
}

.form-progress-track {
    height: 5px;
    margin-bottom: 11px;
}

.live-preview-cover {
    height: 132px;
}

.live-preview-body {
    padding: 13px;
}

.live-preview-identity {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 9px;
}

.live-preview-identity > img {
    width: 44px;
    height: 44px;
    border-radius: 10px;
}

.live-preview-identity h3 {
    font-size: 16px;
}

.live-preview-description {
    min-height: 54px;
    margin: 11px 0;
    font-size: 11px;
}

.preview-url-box,
.quality-checklist,
.preview-admin-note {
    margin-top: 8px;
}

.quality-checklist {
    padding: 10px;
}

.quality-checklist ul {
    gap: 4px;
}

.quality-checklist li {
    padding-block: 6px;
}

/* Detail page */
.server-detail-hero {
    padding-block: 48px;
}

.server-detail-wrap {
    grid-template-columns: 132px minmax(0, 1fr);
    gap: 24px;
}

.server-logo {
    width: 132px;
    height: 132px;
    padding: 9px;
    border-radius: 20px;
}

.server-detail-hero h1 {
    margin-top: 8px;
    font-size: clamp(38px, 5vw, 58px);
}

.server-detail-hero p {
    max-width: 720px;
    margin: 9px 0 0;
    font-size: 14px;
}

.detail-countdown {
    margin-top: 13px;
}

.detail-actions {
    margin-top: 14px;
}

.detail-grid {
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 16px;
}

.content-card,
.info-card {
    padding: 18px;
}

.rich-content {
    font-size: 14px;
    line-height: 1.72;
}

.rich-content > h2:first-child {
    margin-top: 0;
}

.detail-sidebar {
    top: 82px;
}

.info-card dl div {
    padding: 9px 0;
    font-size: 11px;
}

/* Empty states */
.empty-state {
    padding: 42px 20px;
    border-radius: 15px;
    background: rgba(255, 255, 255, .015);
}

/* Footer */
.site-footer {
    padding: 38px 0 18px;
    background: #07090c;
    border-top-color: rgba(255, 255, 255, .06);
}

.footer-grid {
    gap: 28px;
}

.footer-grid h3 {
    margin-bottom: 9px;
    font-size: 12px;
}

.footer-grid p,
.footer-grid a:not(.brand) {
    font-size: 11px;
}

.footer-bottom {
    margin-top: 24px;
    padding-top: 14px;
    font-size: 10px;
}

/* Admin */
.admin-header {
    min-height: 62px;
    padding-inline: 20px;
    background: rgba(10, 13, 19, .95);
    border-bottom-color: rgba(255, 255, 255, .065);
}

.admin-layout {
    min-height: calc(100vh - 62px);
    grid-template-columns: 215px minmax(0, 1fr);
}

.admin-sidebar {
    padding: 15px 10px;
    background: #0b0e14;
    border-right-color: rgba(255, 255, 255, .06);
}

.admin-sidebar a {
    margin-bottom: 3px;
    padding: 9px 11px;
    border-radius: 8px;
    font-size: 11px;
}

.admin-sidebar a.active {
    background: var(--primary-soft);
    color: #ffd779;
}

.admin-main {
    padding: 22px;
}

.admin-page-head {
    margin-bottom: 13px;
}

.admin-page-head h1 {
    font-size: 28px;
    letter-spacing: -.035em;
}

.admin-card {
    margin-top: 14px;
    padding: 18px;
}

.stats-grid {
    gap: 9px;
    margin: 14px 0;
}

.stats-grid div {
    padding: 14px;
    border-radius: 12px;
}

.admin-table th,
.admin-table td {
    padding: 10px;
    font-size: 11px;
}

/* Rails */
.rail-ad {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .28);
}

/* Responsive */
@media (max-width: 1120px) {
    .hero-grid {
        grid-template-columns: minmax(0, 1fr) 330px;
        gap: 30px;
    }

    .form-builder-layout,
    .admin-form-builder-layout {
        grid-template-columns: minmax(0, 1fr) 315px;
    }
}

@media (max-width: 960px) {
    :root {
        --section-space: 38px;
    }

    .hero,
    .home-hero {
        padding-block: 46px;
    }

    .hero-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .hero-panel {
        width: min(100%, 620px);
    }

    .game-grid,
    .server-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .form-builder-layout,
    .admin-form-builder-layout,
    .detail-grid {
        grid-template-columns: 1fr;
    }

    .form-preview-panel,
    .detail-sidebar {
        position: static;
    }

    .form-preview-panel {
        order: -1;
    }
}

@media (max-width: 760px) {
    :root {
        --header-height: 62px;
        --section-space: 33px;
    }

    .container {
        width: min(calc(100% - 26px), var(--container));
    }

    .site-header {
        height: var(--header-height);
    }

    .header-inner {
        min-height: var(--header-height);
    }

    .main-nav {
        top: calc(var(--header-height) + 1px);
        left: 13px;
        right: 13px;
        padding: 9px;
        border-radius: 12px;
    }

    .hero,
    .home-hero {
        padding-block: 38px;
    }

    .hero h1 {
        font-size: clamp(37px, 11vw, 51px);
    }

    .hero p {
        font-size: 14px;
    }

    .hero-search {
        margin-top: 16px;
    }

    .hero-actions {
        margin-top: 11px;
    }

    .page-hero {
        padding-block: 30px;
    }

    .server-submit-section {
        padding-block: 16px 27px;
    }

    .server-detail-wrap {
        grid-template-columns: 105px minmax(0, 1fr);
        gap: 17px;
    }

    .server-logo {
        width: 105px;
        height: 105px;
    }

    .server-detail-hero {
        padding-block: 38px;
    }

    .admin-layout {
        grid-template-columns: 1fr;
    }

    .admin-main {
        padding: 16px 13px;
    }
}

@media (max-width: 560px) {
    :root {
        --section-space: 28px;
    }

    .game-grid,
    .server-grid,
    .hero-stat-grid,
    .stats-grid {
        grid-template-columns: 1fr;
    }

    .hero,
    .home-hero {
        padding-block: 32px;
    }

    .hero-search {
        flex-direction: column;
        padding: 6px;
    }

    .hero-search .button {
        width: 100%;
    }

    .section-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
        padding-bottom: 10px;
    }

    .section-heading h2 {
        font-size: 27px;
    }

    .game-card {
        min-height: 82px;
    }

    .server-submit-hero {
        padding-block: 25px;
    }

    .form-builder-layout > .form-card {
        padding: 14px;
    }

    .form-grid {
        gap: 8px;
    }

    .form-section-title {
        grid-template-columns: 29px minmax(0, 1fr);
        gap: 9px;
        padding-top: 10px;
    }

    .form-section-title > span {
        width: 29px;
        height: 29px;
    }

    .form-section-title-with-action {
        grid-template-columns: 29px minmax(0, 1fr);
    }

    .form-section-title-with-action .section-action-button {
        grid-column: 2;
    }

    .server-link-strip {
        grid-template-columns: 32px minmax(0, 1fr);
        padding: 9px;
    }

    .server-link-strip__icon {
        width: 32px;
        height: 32px;
    }

    .server-link-strip__actions {
        padding-left: 43px;
    }

    .rich-editor {
        min-height: 200px;
        padding: 12px;
    }

    .server-detail-wrap {
        grid-template-columns: 1fr;
    }

    .footer-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}
/* =========================================================
   V2.6 — Simetrik ve birleşik boşluk sistemi
   ========================================================= */
:root {
    --page-space: 28px;
    --grid-gap: 16px;
    --stack-gap: 12px;
    --card-padding: 16px;
    --panel-padding: 16px;
    --section-space: 32px;
}

.container {
    width: min(calc(100% - 32px), var(--container));
}

/* Tüm public sayfalarda ortak üst ritim */
.home-hero,
.page-hero,
.server-submit-hero,
.server-detail-hero {
    padding-block: var(--page-space);
}

.section,
.home-section,
.server-submit-section {
    padding-block: var(--section-space);
}

.hero-grid,
.home-hero-shell,
.form-builder-layout,
.admin-form-builder-layout,
.detail-grid,
.server-grid,
.game-grid,
.stats-grid,
.footer-summary-grid {
    gap: var(--grid-gap);
}

.section-heading,
.preview-panel-heading,
.admin-page-head,
.hero-actions,
.hero-benefits,
.page-hero-chips {
    gap: 10px;
}

.section-heading {
    margin-bottom: 16px;
}

.section-heading h2 {
    margin: 0;
}

.text-link {
    align-self: center;
}

/* Ana sayfa: özet panel kaldırıldı, tek kolon premium görünüm */
.home-hero-shell {
    display: grid;
    grid-template-columns: 1fr;
}

.home-hero-content {
    max-width: 760px;
}

.home-hero .hero-search {
    max-width: 620px;
}

.home-hero .hero-actions {
    margin-top: 14px;
}

.home-hero .hero-benefits {
    margin-top: 12px;
}

/* Kartlar ve form panelleri aynı iç boşluk sistemini kullanır */
.server-card-body,
.content-card,
.info-card,
.form-builder-layout > .form-card,
.form-preview-panel,
.hero-panel,
.admin-card,
.stats-grid div,
.footer-summary-card {
    padding: var(--card-padding);
}

.form-builder-layout,
.admin-form-builder-layout {
    grid-template-columns: minmax(0, 1fr) 352px;
    align-items: start;
}

.form-builder-layout > .form-card,
.form-preview-panel {
    margin: 0;
    border-radius: 16px;
}

.form-builder-layout > .form-card {
    gap: 10px;
}

.form-preview-panel {
    top: 82px;
}

.form-grid {
    gap: 10px var(--grid-gap);
}

.form-card label {
    gap: 5px;
}

.field-head {
    margin-bottom: 1px;
}

.form-section-title,
.form-section-title:first-of-type {
    margin: 0;
}

.form-section-title {
    padding: 12px 0 8px;
}

.server-link-strip,
.game-form-guide,
.preview-url-box,
.quality-checklist,
.preview-admin-note,
.filter-bar,
.empty-state {
    border-radius: 14px;
}

.server-link-strip,
.game-form-guide,
.preview-url-box,
.quality-checklist,
.preview-admin-note {
    margin-top: 0;
}

.live-preview-cover {
    height: 138px;
}

.live-preview-body {
    padding: 14px;
}

.preview-panel-heading,
.form-progress-track,
.preview-url-box,
.quality-checklist,
.preview-admin-note {
    margin-bottom: 0;
}

/* Tüm bölüm ve kart ritmini simetrik yap */
.home-section .game-grid,
.home-section .server-grid,
.server-grid,
.game-grid,
.stats-grid {
    align-items: stretch;
}

.game-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.server-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.game-card,
.server-card,
.content-card,
.info-card,
.form-card,
.form-preview-panel,
.admin-card,
.footer-summary-card {
    border-radius: 16px;
}

/* Footer: platform özeti premium bölüme taşındı */
.site-footer {
    padding: 32px 0 16px;
}

.footer-summary {
    margin-bottom: 18px;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 20px;
    background:
        radial-gradient(circle at 0% 0%, rgba(216, 163, 58, .07), transparent 28%),
        linear-gradient(160deg, rgba(18, 24, 34, .98), rgba(10, 13, 18, .99));
    box-shadow:
        inset 0 1px rgba(255, 255, 255, .025),
        0 18px 42px rgba(0, 0, 0, .2);
}

.footer-summary-head {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(220px, .85fr);
    gap: var(--grid-gap);
    align-items: end;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.footer-summary-head h2 {
    margin: 0;
    font-size: clamp(22px, 3vw, 30px);
    line-height: 1.12;
    letter-spacing: -.04em;
}

.footer-summary-head p {
    margin: 0;
    color: #9aa5b6;
    font-size: 13px;
    line-height: 1.65;
}

.footer-summary-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.footer-summary-card {
    min-height: 108px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 6px;
    border: 1px solid rgba(255, 255, 255, .065);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, .015));
    box-shadow: inset 0 1px rgba(255, 255, 255, .02);
}

.footer-summary-card strong {
    font-size: 30px;
    line-height: 1;
    letter-spacing: -.04em;
}

.footer-summary-card span {
    color: #93a0b2;
    font-size: 12px;
    line-height: 1.45;
}

.footer-grid {
    gap: 22px;
    align-items: start;
}

.footer-bottom {
    margin-top: 18px;
}

/* Oyun ve arama sayfaları da aynı boşluk sistemini kullansın */
.page-hero p,
.server-detail-hero p,
.hero p {
    margin-top: 10px;
}

.filter-bar {
    margin-bottom: 12px;
    padding: 12px;
}

.results-head {
    margin: 0 0 12px;
}

.content-card,
.info-card {
    padding: 16px;
}

.detail-grid {
    grid-template-columns: minmax(0, 1fr) 320px;
}

.server-detail-wrap {
    gap: 18px;
}

.detail-actions,
.detail-countdown {
    margin-top: 12px;
}

/* Admin panelde de aynı dikey/yatay ritim */
.admin-main {
    padding: 18px;
}

.admin-card {
    margin-top: 12px;
}

.stats-grid {
    margin: 12px 0;
}

.admin-table th,
.admin-table td {
    padding: 10px 12px;
}

/* Responsive symmetry */
@media (max-width: 1120px) {
    .footer-summary-head {
        grid-template-columns: 1fr;
    }

    .footer-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .form-builder-layout,
    .admin-form-builder-layout,
    .detail-grid {
        grid-template-columns: minmax(0, 1fr) 320px;
    }
}

@media (max-width: 960px) {
    :root {
        --page-space: 24px;
        --section-space: 28px;
        --grid-gap: 14px;
    }

    .form-builder-layout,
    .admin-form-builder-layout,
    .detail-grid {
        grid-template-columns: 1fr;
    }

    .form-preview-panel,
    .detail-sidebar {
        position: static;
    }

    .footer-summary-grid,
    .server-grid,
    .game-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    :root {
        --page-space: 20px;
        --section-space: 24px;
        --grid-gap: 12px;
        --card-padding: 14px;
    }

    .container {
        width: min(calc(100% - 24px), var(--container));
    }

    .footer-summary {
        padding: 14px;
    }

    .footer-summary-grid,
    .server-grid,
    .game-grid {
        grid-template-columns: 1fr;
    }

    .footer-grid {
        gap: 18px;
    }

    .server-link-strip__actions {
        gap: 7px;
    }
}
/* =========================================================
   V2.7 — Daha elit arama alanı + simetrik boşluk azaltma
   ========================================================= */
:root {
    --page-space: 20px;
    --section-space: 20px;
    --grid-gap: 14px;
    --card-padding: 16px;
    --container-side-gap: 20px;
}

.container {
    width: min(calc(100% - (var(--container-side-gap) * 2)), var(--container));
}

/* İşaretlenen üst boşlukları rail reklam boşluğuna yaklaştır */
.home-hero,
.page-hero,
.server-submit-hero,
.server-detail-hero {
    padding-block: var(--page-space);
}

.section,
.home-section,
.server-submit-section {
    padding-block: var(--section-space);
}

.section-heading {
    margin-bottom: 14px;
    padding-bottom: 10px;
}

.filter-bar {
    margin-bottom: 10px;
}

.results-head {
    margin: 0 0 10px;
}

.form-builder-layout,
.admin-form-builder-layout,
.detail-grid,
.footer-summary-grid,
.server-grid,
.game-grid {
    gap: var(--grid-gap);
}

/* Ana sayfa arama alanını daha premium yap */
.hero-search-shell {
    max-width: 720px;
    margin-top: 16px;
}

.premium-hero-search {
    position: relative;
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    max-width: none;
    margin-top: 0;
    padding: 9px 10px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 18px;
    background:
        radial-gradient(circle at 0% 0%, rgba(216, 163, 58, .09), transparent 34%),
        linear-gradient(145deg, rgba(19, 24, 35, .96), rgba(10, 13, 19, .98));
    box-shadow:
        inset 0 1px rgba(255, 255, 255, .025),
        0 20px 48px rgba(0, 0, 0, .22);
}

.premium-hero-search::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    box-shadow: inset 0 0 0 1px rgba(216, 163, 58, .05);
}

.hero-search-icon {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    color: #d8a33a;
    font-size: 18px;
    opacity: .95;
}

.premium-hero-search input {
    min-height: 42px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: #eef1f5;
    font-size: 14px;
}

.premium-hero-search input::placeholder {
    color: #697586;
}

.premium-hero-search .button {
    min-height: 42px;
    padding-inline: 18px;
    border-radius: 12px;
}

.hero-search-notes {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.hero-search-notes span {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 999px;
    background: rgba(255, 255, 255, .02);
    color: #95a0b1;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}

/* Kategoriler arasına yatay reklam alanı */
.category-inline-ad {
    display: grid;
    grid-column: 1 / -1;
    gap: 6px;
    align-items: center;
    padding: 16px 18px;
    border: 1px solid rgba(216, 163, 58, .14);
    border-radius: 16px;
    background:
        radial-gradient(circle at 0% 0%, rgba(216, 163, 58, .08), transparent 28%),
        linear-gradient(150deg, rgba(24, 31, 44, .98), rgba(13, 18, 26, .99));
    box-shadow:
        inset 0 1px rgba(255, 255, 255, .02),
        0 12px 30px rgba(0, 0, 0, .16);
}

.category-inline-ad__eyebrow {
    color: #f0bc55;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .16em;
}

.category-inline-ad strong {
    font-size: 22px;
    line-height: 1.15;
    letter-spacing: -.03em;
}

.category-inline-ad small {
    color: #96a1b3;
    font-size: 12px;
    line-height: 1.55;
}

.category-inline-ad__action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 38px;
    margin-top: 2px;
    padding: 0 14px;
    border-radius: 10px;
    background: rgba(216, 163, 58, .13);
    border: 1px solid rgba(216, 163, 58, .22);
    color: #ffd77c;
    font-size: 12px;
    font-weight: 800;
}

/* Server ekle ve oyun/list sayfalarında işaretlenen boşlukları azalt */
.server-submit-hero + .server-submit-section,
.page-hero + .section,
.home-hero + .home-section,
.server-detail-hero + .section {
    padding-top: 18px;
}

.form-builder-layout,
.admin-form-builder-layout {
    grid-template-columns: minmax(0, 1fr) 350px;
}

.form-builder-layout > .form-card,
.form-preview-panel {
    border-radius: 16px;
}

.form-builder-layout > .form-card {
    padding: 16px;
    gap: 9px;
}

.form-grid {
    gap: 10px 14px;
}

.server-link-strip,
.game-form-guide,
.preview-url-box,
.quality-checklist,
.preview-admin-note,
.filter-bar {
    padding: 12px;
}

.live-preview-cover {
    height: 136px;
}

.preview-panel-heading {
    margin-bottom: 10px;
}

/* Arama/liste filtre çubuğu daha elit görünsün */
.filter-bar {
    border-radius: 16px;
    background:
        radial-gradient(circle at 0% 0%, rgba(216, 163, 58, .06), transparent 24%),
        linear-gradient(145deg, rgba(18, 24, 35, .98), rgba(10, 13, 19, .99));
    box-shadow:
        inset 0 1px rgba(255, 255, 255, .02),
        0 12px 28px rgba(0, 0, 0, .16);
}

/* Footer summary spacing slightly tighter */
.footer-summary {
    margin-bottom: 16px;
    padding: 16px;
}

.footer-summary-head {
    margin-bottom: 14px;
    padding-bottom: 10px;
}

@media (max-width: 960px) {
    :root {
        --page-space: 18px;
        --section-space: 18px;
        --grid-gap: 12px;
        --container-side-gap: 16px;
    }

    .premium-hero-search {
        grid-template-columns: 24px minmax(0, 1fr);
    }

    .premium-hero-search .button {
        grid-column: 1 / -1;
        width: 100%;
    }

    .form-builder-layout,
    .admin-form-builder-layout {
        grid-template-columns: 1fr;
    }

    .category-inline-ad {
        padding: 14px;
    }

    .category-inline-ad strong {
        font-size: 19px;
    }
}

@media (max-width: 560px) {
    :root {
        --page-space: 16px;
        --section-space: 16px;
        --container-side-gap: 12px;
    }

    .hero-search-notes span {
        min-height: 26px;
        font-size: 9px;
    }

    .category-inline-ad {
        gap: 5px;
        padding: 12px;
        border-radius: 14px;
    }

    .category-inline-ad strong {
        font-size: 17px;
    }

    .category-inline-ad small {
        font-size: 11px;
    }

    .server-submit-hero + .server-submit-section,
    .page-hero + .section,
    .home-hero + .home-section,
    .server-detail-hero + .section {
        padding-top: 16px;
    }
}
/* =========================================================
   V2.7.1 — Sonuç bilgisi yazılarını daha düzenli göster
   ========================================================= */
.results-head {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    width: fit-content;
    max-width: 100%;
    margin: 0 0 12px;
    padding: 8px 12px;
    border: 1px solid rgba(255, 255, 255, .065);
    border-radius: 999px;
    background:
        radial-gradient(circle at 0% 0%, rgba(216, 163, 58, .06), transparent 35%),
        rgba(255, 255, 255, .022);
    color: #a7b0bf;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    box-shadow:
        inset 0 1px rgba(255, 255, 255, .02),
        0 8px 18px rgba(0, 0, 0, .1);
}

.results-head::before {
    content: "•";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    background: rgba(216, 163, 58, .12);
    color: #e8b957;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
}

.results-head strong,
.results-head b {
    color: #f2f4f8;
    font-weight: 850;
}

@media (max-width: 560px) {
    .results-head {
        margin-bottom: 10px;
        padding: 7px 10px;
        font-size: 11px;
    }

    .results-head::before {
        width: 16px;
        height: 16px;
        font-size: 11px;
    }
}
/* =========================================================
   V2.7.2 — Tarih alanı ve tarayıcı otomatik doldurma düzeltmesi
   ========================================================= */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: #edf0f5;
    caret-color: #edf0f5;
    box-shadow: 0 0 0 1000px rgba(7, 10, 15, .96) inset;
    transition: background-color 9999s ease-in-out 0s;
    border-color: rgba(255, 255, 255, .075);
}

input[type="datetime-local"] {
    min-height: 48px;
}

input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    opacity: .78;
    cursor: pointer;
    filter: invert(82%) sepia(10%) saturate(248%) hue-rotate(179deg)
        brightness(94%) contrast(91%);
}
/* =========================================================
   V2.7.3 — Ana sayfa üst alan düzeni ve simetrik boşluk
   ========================================================= */

/* Ana sayfa hero alanını toparla */
.home-hero {
    padding-block: 18px 14px;
}

.home-hero-shell {
    max-width: 980px;
    margin-inline: auto;
}

.home-hero-content {
    max-width: 100%;
}

.home-hero .eyebrow {
    margin-bottom: 8px;
}

.home-hero h1 {
    max-width: 860px;
    font-size: clamp(40px, 5.5vw, 70px);
}

.home-hero p {
    margin: 10px 0 0;
    max-width: 760px;
    font-size: 16px;
}

.hero-search-shell {
    max-width: 760px;
    margin-top: 14px;
}

.hero-search-notes {
    margin-top: 8px;
}

.hero-game-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.hero-game-links a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid rgba(255, 255, 255, .065);
    border-radius: 999px;
    background: rgba(255, 255, 255, .02);
    color: #c4ccd8;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    transition: background .18s ease, border-color .18s ease, color .18s ease,
        transform .18s ease;
}

.hero-game-links a span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    color: #f0bc55;
    font-size: 13px;
}

.hero-game-links a:hover {
    background: rgba(216, 163, 58, .08);
    border-color: rgba(216, 163, 58, .18);
    color: #fff0c3;
    transform: translateY(-1px);
}

.home-hero .hero-actions {
    margin-top: 12px;
}

.home-hero .hero-benefits {
    margin-top: 10px;
}

/* Ana sayfa section boşluklarını server ekle sayfasına yaklaştır */
.home-section {
    padding-block: 16px;
}

.home-hero + .home-ad-section {
    padding-top: 16px;
}

.home-section .section-heading {
    margin-bottom: 12px;
    padding-bottom: 9px;
}

.home-section .section-heading .eyebrow {
    margin-bottom: 4px;
}

.home-section .section-heading h2 {
    font-size: clamp(28px, 3.4vw, 44px);
    line-height: 1.08;
}

.home-section .server-grid {
    gap: 14px;
}

/* Kategori bölümü yerine sadece premium yatay reklam alanı */
.home-ad-section {
    padding-bottom: 10px;
}

.home-wide-ad {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    min-height: 120px;
    padding: 18px 20px;
    border: 1px solid rgba(216, 163, 58, .13);
    border-radius: 18px;
    background:
        radial-gradient(circle at 0% 0%, rgba(216, 163, 58, .08), transparent 28%),
        linear-gradient(150deg, rgba(23, 30, 42, .98), rgba(12, 16, 23, .99));
    box-shadow:
        inset 0 1px rgba(255, 255, 255, .02),
        0 12px 30px rgba(0, 0, 0, .16);
}

.home-wide-ad__eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(216, 163, 58, .11);
    border: 1px solid rgba(216, 163, 58, .18);
    color: #f0bc55;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .16em;
    white-space: nowrap;
}

.home-wide-ad__content {
    display: grid;
    gap: 5px;
}

.home-wide-ad__content strong {
    font-size: clamp(20px, 2.2vw, 28px);
    line-height: 1.15;
    letter-spacing: -.03em;
}

.home-wide-ad__content small {
    color: #96a1b3;
    font-size: 13px;
    line-height: 1.55;
}

.home-wide-ad__action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 12px;
    background: rgba(216, 163, 58, .12);
    border: 1px solid rgba(216, 163, 58, .22);
    color: #ffd77c;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

/* Öne çıkan / yaklaşan / son ilanlar ve footer boşluklarını sıkılaştır */
#serverlar.home-section,
.home-section + .home-section {
    padding-top: 16px;
}

.home-section + .site-footer,
.site-footer {
    margin-top: 6px;
}

.footer-summary {
    margin-bottom: 14px;
}

/* Büyük ekranlarda daha simetrik görünüm */
@media (min-width: 1200px) {
    .home-section .container,
    .home-hero .container {
        width: min(calc(100% - 40px), 1240px);
    }
}

@media (max-width: 960px) {
    .home-hero {
        padding-block: 16px 14px;
    }

    .home-section {
        padding-block: 14px;
    }

    .home-wide-ad {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 16px;
    }

    .home-wide-ad__action {
        width: fit-content;
    }
}

@media (max-width: 560px) {
    .home-hero {
        padding-block: 14px 12px;
    }

    .hero-game-links {
        gap: 6px;
    }

    .hero-game-links a {
        min-height: 30px;
        padding: 0 10px;
        font-size: 11px;
    }

    .home-section {
        padding-block: 12px;
    }

    .home-section .section-heading {
        margin-bottom: 10px;
    }

    .home-wide-ad {
        min-height: auto;
        gap: 10px;
        padding: 14px;
        border-radius: 16px;
    }

    .home-wide-ad__content strong {
        font-size: 18px;
    }

    .home-wide-ad__content small {
        font-size: 12px;
    }
}
/* =========================================================
   V2.7.4 — Birleşik arka plan sistemi
   Yalnızca header, body ve footer ayrı ana renklere sahiptir.
   ========================================================= */
:root {
    --header-bg: #080a0e;
    --body-bg: #0b0e14;
    --footer-bg: #07090c;
    --body-divider: rgba(255, 255, 255, .055);
}

html {
    background: var(--body-bg);
}

body {
    background: var(--body-bg);
}

body::before {
    opacity: .08;
}

main {
    background: var(--body-bg);
}

/* Header tek ve bağımsız ana yüzey */
.site-header {
    background: rgba(8, 10, 14, .94);
    border-bottom-color: rgba(255, 255, 255, .07);
}

/* Public içerikte bütün büyük bölümler aynı body rengini kullanır */
.hero,
.home-hero,
.page-hero,
.server-submit-hero,
.server-detail-hero,
.section,
.home-section,
.section-dark,
.server-submit-section {
    background: transparent !important;
}

/* Önceki büyük gradient ve ışık katmanlarını kaldır */
.hero::before,
.home-hero::before,
.page-hero::before,
.server-submit-hero::before {
    background: none !important;
}

.hero-glow {
    opacity: .22;
}

/* Bölümleri renkle değil ince ayraçla ayır */
.hero,
.home-hero,
.page-hero,
.server-submit-hero,
.server-detail-hero {
    border-bottom: 1px solid var(--body-divider);
}

.section,
.home-section,
.server-submit-section {
    border-top: 0;
    border-bottom: 0;
}

.home-section + .home-section,
.section + .section,
.section + .home-section,
.home-section + .section {
    border-top: 1px solid var(--body-divider);
}

/* Ana sayfadaki reklam alanı body içinde kart yüzeyi olarak kalır */
.home-ad-section {
    background: transparent !important;
}

/* Sayfa başlıklarının arka plan ışıklarını sadeleştir */
.page-hero,
.server-detail-hero {
    box-shadow: none;
}

/* Form sayfası ve liste sayfalarında tek ana arka plan */
.form-container,
.form-container-large,
.server-submit-section .container,
.home-section .container,
.section .container {
    background: transparent;
}

/* Kartlar ve etkileşimli paneller içerik yüzeyi olarak korunur */
.server-card,
.game-card,
.form-card,
.form-preview-panel,
.content-card,
.info-card,
.filter-bar,
.home-wide-ad,
.footer-summary,
.admin-card,
.hero-panel {
    background:
        linear-gradient(
            160deg,
            rgba(20, 26, 37, .98),
            rgba(14, 18, 26, .99)
        );
}

/* Footer tek ve bağımsız ana yüzey */
.site-footer {
    background: var(--footer-bg);
    border-top: 1px solid rgba(255, 255, 255, .07);
}

/* Footer içindeki platform özeti footer ailesinde kalsın */
.footer-summary {
    background:
        linear-gradient(
            160deg,
            rgba(17, 22, 31, .98),
            rgba(10, 13, 18, .99)
        );
}

/* Rail reklam çevresindeki ana içerik tonu da body ile aynı olsun */
@media (min-width: 1600px) {
    body,
    main {
        background-color: var(--body-bg);
    }
}

/* Mobilde de bölüm arka planı değişmesin */
@media (max-width: 760px) {
    .hero,
    .home-hero,
    .page-hero,
    .server-submit-hero,
    .server-detail-hero,
    .section,
    .home-section,
    .section-dark,
    .server-submit-section {
        background: transparent !important;
    }
}
/* =========================================================
   V2.7.5 — Temiz body ve dengeli ana sayfa hero yerleşimi
   ========================================================= */

/* Body içinde bölüm ayraçlarını tamamen kaldır */
.hero,
.home-hero,
.page-hero,
.server-submit-hero,
.server-detail-hero,
.section,
.home-section,
.section-dark,
.server-submit-section {
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none;
}

.home-section + .home-section,
.section + .section,
.section + .home-section,
.home-section + .section,
.hero + .section,
.home-hero + .home-section,
.page-hero + .section,
.server-submit-hero + .server-submit-section,
.server-detail-hero + .section {
    border-top: 0 !important;
}

/* Bölüm başlıklarındaki uzun yatay çizgiyi de kaldır */
.section-heading {
    padding-bottom: 0;
    border-bottom: 0 !important;
}

.section-heading::after {
    display: none !important;
}

/* Ana sayfanın üst kısmını tam simetrik hale getir */
.home-hero {
    padding-block: 22px 18px;
}

.home-hero-shell {
    display: block;
    max-width: 1120px;
    margin-inline: auto;
}

.home-hero-content {
    width: 100%;
    max-width: 1040px;
    margin-inline: auto;
    text-align: center;
}

.home-hero .eyebrow {
    margin-bottom: 8px;
}

.home-hero h1 {
    max-width: 980px;
    margin-inline: auto;
    font-size: clamp(42px, 5.4vw, 72px);
    line-height: 1.02;
    text-wrap: balance;
}

.home-hero p {
    max-width: 800px;
    margin: 11px auto 0;
    text-align: center;
}

.home-hero .hero-search-shell {
    width: min(100%, 820px);
    max-width: 820px;
    margin: 16px auto 0;
}

.home-hero .hero-search-notes,
.home-hero .hero-game-links,
.home-hero .hero-actions,
.home-hero .hero-benefits {
    justify-content: center;
}

.home-hero .hero-search-notes {
    margin-top: 9px;
}

.home-hero .hero-game-links {
    margin-top: 10px;
}

.home-hero .hero-actions {
    margin-top: 13px;
}

.home-hero .hero-benefits {
    margin-top: 10px;
}

/* Hero ışığını ortala ve daha sakin yap */
.home-hero .hero-glow {
    left: 50%;
    right: auto;
    top: -245px;
    width: 720px;
    height: 520px;
    opacity: .17;
    transform: translateX(-50%);
}

/* Ana içerik bölümleri aynı body üzerinde akıcı devam etsin */
.home-section,
.section,
.server-submit-section {
    padding-block: 16px;
}

.home-ad-section {
    padding-top: 12px;
    padding-bottom: 12px;
}

.home-section .section-heading {
    margin-bottom: 13px;
}

.home-section .section-heading > div {
    width: 100%;
}

.home-section .section-heading h2 {
    margin-top: 0;
}

/* Footer dışında body sonunda da ayraç kullanma */
.site-footer {
    margin-top: 18px;
}

/* Header ve footer ayrı ana yüzey olarak kalır */
.site-header {
    border-bottom: 1px solid rgba(255, 255, 255, .07) !important;
}

.site-footer {
    border-top: 1px solid rgba(255, 255, 255, .07) !important;
}

/* Oyun, arama, detay ve form sayfalarında aynı temiz body akışı */
.page-hero,
.server-submit-hero,
.server-detail-hero {
    padding-block: 20px;
}

.page-hero + .section,
.server-submit-hero + .server-submit-section,
.server-detail-hero + .section {
    padding-top: 14px;
}

/* Mobilde de üst alan merkezli ve kompakt */
@media (max-width: 760px) {
    .home-hero {
        padding-block: 18px 15px;
    }

    .home-hero-content {
        text-align: left;
    }

    .home-hero h1,
    .home-hero p {
        margin-inline: 0;
        text-align: left;
    }

    .home-hero .hero-search-notes,
    .home-hero .hero-game-links,
    .home-hero .hero-actions,
    .home-hero .hero-benefits {
        justify-content: flex-start;
    }

    .home-section,
    .section,
    .server-submit-section {
        padding-block: 14px;
    }
}

@media (max-width: 560px) {
    .home-hero {
        padding-block: 16px 13px;
    }

    .home-hero h1 {
        font-size: clamp(38px, 12vw, 52px);
    }

    .home-section,
    .section,
    .server-submit-section {
        padding-block: 12px;
    }

    .page-hero,
    .server-submit-hero,
    .server-detail-hero {
        padding-block: 17px;
    }
}
/* =========================================================
   V2.7.6 — Doğru bölüm çizgisi düzeltmesi
   Kısa başlık vurgusu korunur, tam genişlik ayraçlar kaldırılır.
   ========================================================= */

/* Ekran boyunca uzanan bölüm ayraçlarını tamamen kaldır */
main > .section,
main > .home-section,
main > .section-dark,
main > .server-submit-section,
main > .hero,
main > .home-hero,
main > .page-hero,
main > .server-submit-hero,
main > .server-detail-hero {
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-block: 0 !important;
}

main > section + section,
.home-section + .home-section,
.section + .section,
.section + .home-section,
.home-section + .section,
.hero + .section,
.home-hero + .home-section,
.page-hero + .section,
.server-submit-hero + .server-submit-section,
.server-detail-hero + .section {
    border-top: 0 !important;
    border-bottom: 0 !important;
}

/* Başlık altındaki kısa premium vurgu çizgisini geri getir */
.section-heading {
    position: relative;
    padding-bottom: 11px;
    border-bottom: 0 !important;
}

.section-heading::after {
    content: "";
    display: block !important;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 56px;
    height: 2px;
    border-radius: 999px;
    background:
        linear-gradient(
            90deg,
            var(--primary),
            rgba(216, 163, 58, .18)
        );
}

/* Başlık alanında ekran boyunca uzayan gri çizgi oluşmasın */
.section-heading::before {
    display: none !important;
}

.home-section .section-heading,
.section .section-heading {
    border: 0 !important;
}

/* Yalnızca header ve footer body'den ayrı kalsın */
.site-header {
    border-bottom: 1px solid rgba(255, 255, 255, .07) !important;
}

.site-footer {
    border-top: 1px solid rgba(255, 255, 255, .07) !important;
}

/* Bölümler arasında çizgi yerine yalnızca kontrollü boşluk */
.home-section,
.section,
.server-submit-section {
    margin: 0;
}

.home-section + .home-section,
.section + .section {
    padding-top: 16px;
}

@media (max-width: 560px) {
    .section-heading {
        padding-bottom: 9px;
    }

    .section-heading::after {
        width: 44px;
    }

    .home-section + .home-section,
    .section + .section {
        padding-top: 12px;
    }
}
/* =========================================================
   V2.7.7 — Çerçeveli hero / vitrin görünümü
   ========================================================= */

/* Üst hero alanını yatay reklam bandı benzeri çerçeveli premium blok yap */
.home-hero {
    padding-block: 18px 14px;
}

.home-hero-shell {
    position: relative;
    max-width: 1180px;
    margin-inline: auto;
    padding: 26px 28px 24px;
    border: 1px solid rgba(255, 255, 255, .075);
    border-radius: 24px;
    background:
        radial-gradient(circle at 0% 0%, rgba(216, 163, 58, .07), transparent 28%),
        radial-gradient(circle at 100% 0%, rgba(54, 78, 124, .06), transparent 26%),
        linear-gradient(160deg, rgba(15, 20, 30, .98), rgba(9, 12, 18, .99));
    box-shadow:
        inset 0 1px rgba(255, 255, 255, .025),
        0 20px 44px rgba(0, 0, 0, .18);
    overflow: hidden;
}

.home-hero-shell::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    box-shadow: inset 0 0 0 1px rgba(216, 163, 58, .04);
}

.home-hero-shell::after {
    content: "";
    position: absolute;
    left: 26px;
    right: 26px;
    bottom: 0;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, .055),
        transparent
    );
    pointer-events: none;
}

.home-hero-content {
    position: relative;
    z-index: 1;
    max-width: 1030px;
}

.home-hero .hero-glow {
    top: -180px;
    width: 760px;
    height: 520px;
    opacity: .16;
}

.home-hero .eyebrow {
    margin-bottom: 10px;
}

.home-hero h1 {
    max-width: 980px;
    font-size: clamp(42px, 5vw, 72px);
}

.home-hero p {
    max-width: 820px;
    margin-top: 12px;
}

.home-hero .hero-search-shell {
    margin-top: 18px;
}

.home-hero .hero-game-links {
    margin-top: 11px;
}

.home-hero .hero-actions {
    margin-top: 14px;
}

.home-hero .hero-benefits {
    margin-top: 11px;
}

/* Alt reklam alanı ile üst hero bloğu görsel akrabalık kurar */
.home-wide-ad {
    border-radius: 22px;
}

@media (max-width: 960px) {
    .home-hero-shell {
        padding: 22px 20px 20px;
        border-radius: 20px;
    }

    .home-hero-shell::after {
        left: 20px;
        right: 20px;
    }
}

@media (max-width: 760px) {
    .home-hero {
        padding-block: 15px 12px;
    }

    .home-hero-shell {
        padding: 18px 16px;
        border-radius: 18px;
    }

    .home-hero-shell::after {
        left: 16px;
        right: 16px;
    }
}

@media (max-width: 560px) {
    .home-hero-shell {
        padding: 16px 14px;
        border-radius: 16px;
    }

    .home-hero h1 {
        font-size: clamp(36px, 11vw, 50px);
    }
}
/* =========================================================
   V2.8 — Command Center Hero
   Eski ortalanmış/kapsüllü hero yerine işlevsel iki kolonlu vitrin.
   ========================================================= */
.home-command-hero {
    position: relative;
    padding-block: 20px 14px;
    overflow: visible;
}

.home-command-hero .hero-glow {
    top: -170px;
    left: 18%;
    right: auto;
    width: 620px;
    height: 460px;
    opacity: .14;
    transform: none;
}

.home-command-shell {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(390px, .82fr);
    gap: 18px;
    align-items: stretch;
    padding: 22px;
    border: 1px solid rgba(255, 255, 255, .075);
    border-radius: 22px;
    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(216, 163, 58, .075),
            transparent 28%
        ),
        linear-gradient(
            145deg,
            rgba(16, 21, 30, .985),
            rgba(9, 12, 18, .995)
        );
    box-shadow:
        inset 0 1px rgba(255, 255, 255, .025),
        0 20px 48px rgba(0, 0, 0, .2);
}

.home-command-shell::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    box-shadow:
        inset 0 0 0 1px rgba(216, 163, 58, .025);
}

.home-command-copy {
    position: relative;
    z-index: 1;
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    padding: 20px 22px;
    text-align: left;
}

.home-command-copy .eyebrow {
    margin-bottom: 9px;
}

.home-command-copy h1 {
    max-width: 690px;
    margin: 0;
    font-size: clamp(45px, 4.65vw, 70px);
    line-height: .98;
    letter-spacing: -.058em;
    text-wrap: balance;
}

.home-command-copy h1 span {
    display: block;
    color: #e9b94f;
}

.home-command-copy > p {
    max-width: 650px;
    margin: 16px 0 0;
    color: #9ba6b6;
    font-size: 15px;
    line-height: 1.68;
}

.home-command-search {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    width: min(100%, 690px);
    margin-top: 22px;
    padding: 8px 9px 8px 13px;
    border: 1px solid rgba(255, 255, 255, .085);
    border-radius: 15px;
    background: rgba(5, 8, 13, .7);
    box-shadow:
        inset 0 1px rgba(255, 255, 255, .018),
        0 13px 30px rgba(0, 0, 0, .16);
}

.home-command-search__icon {
    display: grid;
    place-items: center;
    color: #e4b64f;
    font-size: 18px;
}

.home-command-search input {
    min-width: 0;
    min-height: 42px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    font-size: 14px;
}

.home-command-search input:focus {
    border: 0;
    box-shadow: none;
}

.home-command-search .button {
    min-height: 42px;
    border-radius: 11px;
}

.home-command-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 15px;
}

.home-command-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 17px;
    margin-top: 15px;
    color: #8490a2;
    font-size: 10px;
    font-weight: 700;
}

.home-command-trust span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.home-command-trust span::before {
    content: "✓";
    color: #d9aa4b;
    font-weight: 900;
}

/* Sağ taraftaki gerçek keşif paneli */
.home-discovery-panel {
    position: relative;
    z-index: 1;
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 17px;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 17px;
    background:
        linear-gradient(
            160deg,
            rgba(22, 29, 42, .97),
            rgba(12, 16, 24, .985)
        );
    box-shadow:
        inset 0 1px rgba(255, 255, 255, .025),
        0 14px 34px rgba(0, 0, 0, .17);
}

.home-discovery-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.home-discovery-head .eyebrow {
    margin-bottom: 3px;
}

.home-discovery-head h2 {
    margin: 0;
    font-size: 22px;
    letter-spacing: -.035em;
}

.home-discovery-head > a {
    padding-bottom: 2px;
    color: #aab4c2;
    font-size: 10px;
    font-weight: 750;
}

.home-discovery-head > a:hover {
    color: #ffd374;
}

.home-discovery-games {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.home-discovery-games > a {
    display: grid;
    grid-template-columns: 37px minmax(0, 1fr) auto;
    gap: 9px;
    align-items: center;
    min-width: 0;
    min-height: 61px;
    padding: 9px;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 11px;
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .03),
            rgba(255, 255, 255, .012)
        );
    transition:
        transform .17s ease,
        border-color .17s ease,
        background .17s ease;
}

.home-discovery-games > a:hover {
    transform: translateY(-1px);
    border-color:
        color-mix(
            in srgb,
            var(--game-color) 38%,
            rgba(255, 255, 255, .07)
        );
    background:
        color-mix(
            in srgb,
            var(--game-color) 6%,
            rgba(255, 255, 255, .022)
        );
}

.home-discovery-game-icon {
    display: grid;
    place-items: center;
    width: 37px;
    height: 37px;
    border: 1px solid
        color-mix(
            in srgb,
            var(--game-color) 25%,
            rgba(255, 255, 255, .04)
        );
    border-radius: 10px;
    background:
        color-mix(
            in srgb,
            var(--game-color) 10%,
            rgba(255, 255, 255, .015)
        );
    font-size: 17px;
}

.home-discovery-game-copy {
    min-width: 0;
}

.home-discovery-game-copy strong,
.home-discovery-game-copy small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-discovery-game-copy strong {
    font-size: 11px;
}

.home-discovery-game-copy small {
    margin-top: 2px;
    color: #7f8a9b;
    font-size: 9px;
}

.home-discovery-games b {
    color: var(--game-color);
    font-size: 18px;
    font-weight: 500;
}

/* Keşif paneli altındaki tek güçlü içerik */
.home-spotlight {
    display: grid;
    gap: 8px;
    margin-top: 11px;
    padding: 13px;
    border: 1px solid rgba(216, 163, 58, .16);
    border-radius: 12px;
    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(216, 163, 58, .085),
            transparent 35%
        ),
        rgba(216, 163, 58, .035);
}

.home-spotlight:hover {
    border-color: rgba(216, 163, 58, .29);
}

.home-spotlight-label {
    color: #edbd58;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .16em;
}

.home-spotlight-main {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 12px;
}

.home-spotlight-main > span {
    min-width: 0;
}

.home-spotlight-main strong,
.home-spotlight-main small {
    display: block;
}

.home-spotlight-main strong {
    overflow: hidden;
    color: #f2f4f8;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-spotlight-main small {
    margin-top: 2px;
    color: #929dad;
    font-size: 9px;
}

.home-spotlight-main time {
    color: #d9e0e9;
    font-size: 9px;
    font-weight: 750;
    white-space: nowrap;
}

.home-spotlight-action {
    width: fit-content;
    color: #ffd478;
    font-size: 10px;
    font-weight: 800;
}

/* Eski hero öğelerini etkisizleştir */
.home-command-hero .home-hero-shell,
.home-command-hero .home-hero-content,
.home-command-hero .hero-search-shell,
.home-command-hero .hero-search-notes,
.home-command-hero .hero-game-links,
.home-command-hero .hero-actions,
.home-command-hero .hero-benefits {
    all: unset;
}

/* Reklam bandı hero'yu takip eder, rakip bir ikinci hero gibi görünmez */
.home-ad-section {
    padding-top: 10px;
}

.home-wide-ad {
    min-height: 94px;
    padding: 14px 17px;
    border-radius: 15px;
    box-shadow: none;
}

.home-wide-ad__content strong {
    font-size: clamp(18px, 2vw, 24px);
}

@media (max-width: 1100px) {
    .home-command-shell {
        grid-template-columns: minmax(0, 1fr) 370px;
        padding: 18px;
    }

    .home-command-copy {
        padding: 16px;
    }

    .home-command-copy h1 {
        font-size: clamp(43px, 5vw, 62px);
    }
}

@media (max-width: 920px) {
    .home-command-shell {
        grid-template-columns: 1fr;
    }

    .home-discovery-panel {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .home-command-hero {
        padding-block: 13px 9px;
    }

    .home-command-shell {
        gap: 13px;
        padding: 13px;
        border-radius: 17px;
    }

    .home-command-copy {
        padding: 8px 4px 4px;
    }

    .home-command-copy h1 {
        font-size: clamp(38px, 12vw, 52px);
    }

    .home-command-copy > p {
        margin-top: 12px;
        font-size: 13px;
    }

    .home-command-search {
        grid-template-columns: 23px minmax(0, 1fr);
        margin-top: 16px;
    }

    .home-command-search .button {
        grid-column: 1 / -1;
        width: 100%;
    }

    .home-command-actions .button {
        width: 100%;
    }

    .home-command-trust {
        gap: 7px 12px;
    }

    .home-discovery-games {
        grid-template-columns: 1fr;
    }

    .home-spotlight-main {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* =========================================================
   V2.8.1 — Ana sayfa matematiksel grid ve simetrik ritim
   ========================================================= */
:root {
    --home-section-gap: 18px;
    --home-heading-gap: 13px;
    --home-card-gap: 14px;
}

/* Hero, reklam ve bütün server bölümleri aynı yatay eksende */
.home-command-hero > .container,
.home-ad-section > .container,
.home-server-section > .container {
    width: min(calc(100% - 40px), var(--container));
}

/* Bütün server bölümlerinin üst/alt boşluğu aynı */
.home-server-section {
    padding-block: var(--home-section-gap);
}

.home-server-section + .home-server-section {
    padding-top: var(--home-section-gap);
}

.home-server-section .section-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    min-height: 62px;
    margin: 0 0 var(--home-heading-gap);
    padding-bottom: 10px;
}

.home-server-section .section-heading > div {
    min-width: 0;
}

.home-server-section .section-heading h2 {
    margin: 0;
    line-height: 1.08;
}

.home-server-section .text-link {
    flex: 0 0 auto;
    margin-bottom: 3px;
}

/* Kayıt sayısına göre otomatik ve simetrik sütun yapısı */
.home-server-grid {
    display: grid;
    gap: var(--home-card-gap);
    align-items: stretch;
    margin: 0;
}

.home-server-grid--1 {
    grid-template-columns: minmax(300px, 430px);
    justify-content: center;
}

.home-server-grid--2 {
    grid-template-columns: repeat(2, minmax(0, 390px));
    justify-content: center;
    max-width: 810px;
    margin-inline: auto;
}

.home-server-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.home-server-grid--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* Kartların iç yapısı her sütunda aynı yüksekliği korur */
.home-server-grid .server-card {
    width: 100%;
    height: 100%;
    min-width: 0;
}

.home-server-grid .server-card-body {
    height: 100%;
}

.home-server-grid .server-card h3 {
    min-height: 24px;
}

.home-server-grid .server-card p {
    height: 58px;
    min-height: 58px;
}

.home-server-grid .server-tags {
    min-height: 25px;
}

.home-server-grid .server-card-footer {
    min-height: 49px;
}

/* Dört sütunda okunabilir ölçüler */
.home-server-grid--4 .server-card-body {
    padding: 14px;
}

.home-server-grid--4 .server-card h3 {
    font-size: 17px;
}

.home-server-grid--4 .server-card p {
    font-size: 11px;
}

.home-server-grid--4 .server-cover {
    aspect-ratio: 16 / 8.9;
}

/* Reklam ile ilk bölüm, bölümler arası ve son bölüm aynı ritmi kullanır */
.home-ad-section {
    padding-block: 10px var(--home-section-gap);
}

.home-ad-section + .home-server-section {
    padding-top: var(--home-section-gap);
}

/* Footer, son bölümün hemen ardından dengeli gelir */
.home-server-section:last-of-type {
    padding-bottom: calc(var(--home-section-gap) + 2px);
}

.site-footer {
    margin-top: 0;
}

@media (max-width: 1120px) {
    .home-server-grid--4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-server-grid--2 {
        max-width: 760px;
    }
}

@media (max-width: 900px) {
    .home-command-hero > .container,
    .home-ad-section > .container,
    .home-server-section > .container {
        width: min(calc(100% - 30px), var(--container));
    }

    .home-server-grid--3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-server-grid--3 > :last-child {
        grid-column: 1 / -1;
        width: min(100%, 390px);
        justify-self: center;
    }
}

@media (max-width: 640px) {
    :root {
        --home-section-gap: 14px;
        --home-heading-gap: 10px;
        --home-card-gap: 11px;
    }

    .home-command-hero > .container,
    .home-ad-section > .container,
    .home-server-section > .container {
        width: min(calc(100% - 24px), var(--container));
    }

    .home-server-section .section-heading {
        align-items: flex-start;
        min-height: 0;
        flex-direction: column;
        gap: 6px;
        padding-bottom: 8px;
    }

    .home-server-section .text-link {
        margin-bottom: 0;
    }

    .home-server-grid--1,
    .home-server-grid--2,
    .home-server-grid--3,
    .home-server-grid--4 {
        grid-template-columns: 1fr;
        max-width: none;
    }

    .home-server-grid--3 > :last-child {
        grid-column: auto;
        width: 100%;
    }

    .home-server-grid--4 .server-card-body {
        padding: 14px;
    }
}
/* =========================================================
   V2.8.2 — Tek son ilanlar bölümü
   ========================================================= */
.home-latest-section {
    padding-top: 18px;
    padding-bottom: 24px;
}

.home-latest-section .section-heading {
    align-items: end;
    margin-bottom: 15px;
}

.home-latest-section .section-heading p {
    max-width: 620px;
    margin: 5px 0 0;
    color: #8e99aa;
    font-size: 11px;
    line-height: 1.55;
}

/*
 * Masaüstünde 4 sütun kullanılır.
 * 10 kartta son iki kart orta alana yerleşir.
 */
.home-latest-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    align-items: stretch;
}

.home-latest-grid > .server-card {
    width: 100%;
    height: 100%;
}

.home-latest-grid > :nth-last-child(2):nth-child(4n + 1) {
    grid-column: 2;
}

.home-latest-grid > :last-child:nth-child(4n + 2) {
    grid-column: 3;
}

/* Platform özeti kaldırıldığı için footer üst boşluğu */
.site-footer {
    margin-top: 20px;
    padding-top: 26px;
}

.footer-grid {
    padding-top: 0;
}

@media (max-width: 1120px) {
    .home-latest-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-latest-grid > :nth-last-child(2):nth-child(4n + 1),
    .home-latest-grid > :last-child:nth-child(4n + 2) {
        grid-column: auto;
    }
}

@media (max-width: 620px) {
    .home-latest-section .section-heading {
        align-items: flex-start;
    }

    .home-latest-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}
/* =========================================================
   V2.8.3 — Dikey server listesi ve aylık oy sistemi
   ========================================================= */
.home-latest-grid {
    display: none;
}

.home-latest-list {
    display: grid;
    gap: 13px;
}

.latest-server-row {
    display: grid;
    grid-template-columns:
        minmax(260px, 340px)
        minmax(0, 1fr)
        132px;
    min-height: 210px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .085);
    border-radius: 16px;
    background:
        linear-gradient(
            145deg,
            rgba(20, 26, 38, .98),
            rgba(12, 16, 24, .99)
        );
    box-shadow:
        0 14px 35px rgba(0, 0, 0, .17);
    transition:
        transform .18s ease,
        border-color .18s ease;
}

.latest-server-row:hover {
    transform: translateY(-2px);
    border-color:
        color-mix(
            in srgb,
            var(--game-color) 36%,
            rgba(255, 255, 255, .09)
        );
}

.latest-server-cover {
    position: relative;
    min-width: 0;
    overflow: hidden;
    background: #080c12;
}

.latest-server-cover::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(
            90deg,
            transparent 68%,
            rgba(10, 14, 21, .82)
        );
}

.latest-server-cover img {
    width: 100%;
    height: 100%;
    min-height: 210px;
    object-fit: cover;
}

.latest-server-sponsor,
.latest-server-status {
    position: absolute;
    z-index: 2;
    top: 11px;
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 9px;
    border-radius: 999px;
    font-size: 8px;
    font-weight: 950;
}

.latest-server-sponsor {
    left: 11px;
    background: linear-gradient(
        135deg,
        #f0c752,
        #b77a17
    );
    color: #171006;
}

.latest-server-status {
    right: 11px;
}

.latest-server-status.is-active {
    background: rgba(61, 151, 83, .94);
    color: #fff;
}

.latest-server-status.is-upcoming {
    background: rgba(184, 128, 30, .95);
    color: #fff;
}

.latest-server-content {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    padding: 18px 20px;
}

.latest-server-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.latest-server-heading h3 {
    margin: 10px 0 0;
    overflow: hidden;
    font-size: 23px;
    line-height: 1.12;
    letter-spacing: -.035em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.latest-server-views {
    flex: 0 0 auto;
    color: #788394;
    font-size: 9px;
}

.latest-server-content > p {
    display: -webkit-box;
    max-width: 760px;
    margin: 12px 0 0;
    overflow: hidden;
    color: #aab3c0;
    font-size: 12px;
    line-height: 1.6;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.latest-server-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 7px 15px;
    margin-top: 13px;
    color: #c3cad4;
    font-size: 10px;
}

.latest-server-meta b {
    color: #efd06b;
}

.latest-server-meta time {
    display: inline-flex;
    align-items: center;
    min-height: 23px;
    padding: 0 8px;
    border-radius: 999px;
    background: rgba(99, 201, 143, .10);
    color: #8ee3ad;
    font-weight: 800;
}

.latest-server-actions {
    margin-top: 15px;
}

.latest-server-vote {
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 5px;
    padding: 14px 10px;
    border-left: 1px solid rgba(216, 163, 58, .20);
    background:
        radial-gradient(
            circle at 100% 100%,
            rgba(216, 163, 58, .15),
            transparent 60%
        ),
        rgba(216, 163, 58, .045);
    text-align: center;
}

.latest-vote-caption {
    color: #d9b75c;
    font-size: 8px;
    font-weight: 950;
    letter-spacing: .15em;
}

.latest-server-vote > strong {
    margin-top: 3px;
    color: #fff;
    font-size: 32px;
    line-height: 1;
    letter-spacing: -.04em;
}

.latest-server-vote > small {
    color: #929dac;
    font-size: 8px;
}

.latest-server-vote button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: 100%;
    min-height: 39px;
    margin-top: 8px;
    border: 1px solid rgba(216, 163, 58, .35);
    border-radius: 10px;
    background:
        linear-gradient(
            180deg,
            rgba(239, 202, 89, .96),
            rgba(190, 145, 40, .96)
        );
    color: #171106;
    cursor: pointer;
    font-size: 10px;
    font-weight: 950;
}

.latest-server-vote button:hover {
    filter: brightness(1.06);
}

.latest-server-vote button.is-voted,
.latest-server-vote button:disabled {
    border-color: rgba(99, 201, 143, .25);
    background: rgba(99, 201, 143, .10);
    color: #8ee3ad;
    cursor: default;
}

.latest-server-vote button.is-loading {
    opacity: .72;
}

/* Platform özeti tamamen kaldırıldı */
.footer-summary {
    display: none !important;
}

.site-footer {
    margin-top: 22px;
    padding-top: 25px;
}

.footer-grid {
    padding-top: 0;
}

@media (max-width: 1000px) {
    .latest-server-row {
        grid-template-columns:
            minmax(220px, 290px)
            minmax(0, 1fr)
            112px;
    }

    .latest-server-content {
        padding: 16px;
    }

    .latest-server-heading h3 {
        font-size: 20px;
    }
}

@media (max-width: 780px) {
    .latest-server-row {
        grid-template-columns:
            minmax(0, 1fr)
            112px;
    }

    .latest-server-cover {
        grid-column: 1;
        min-height: 190px;
    }

    .latest-server-cover img {
        min-height: 190px;
    }

    .latest-server-content {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .latest-server-vote {
        grid-column: 2;
        grid-row: 1;
        border-left: 1px solid rgba(216, 163, 58, .20);
    }
}

@media (max-width: 560px) {
    .latest-server-row {
        grid-template-columns: 1fr;
    }

    .latest-server-cover,
    .latest-server-content,
    .latest-server-vote {
        grid-column: 1;
    }

    .latest-server-cover {
        grid-row: 1;
    }

    .latest-server-content {
        grid-row: 2;
    }

    .latest-server-vote {
        grid-row: 3;
        grid-template-columns:
            auto minmax(0, 1fr) auto;
        align-items: center;
        justify-items: start;
        min-height: 84px;
        border-top: 1px solid rgba(216, 163, 58, .20);
        border-left: 0;
        text-align: left;
    }

    .latest-server-vote > strong {
        font-size: 27px;
    }

    .latest-server-vote > small {
        display: none;
    }

    .latest-server-vote button {
        width: auto;
        min-width: 120px;
        margin-top: 0;
        justify-self: end;
    }

    .latest-server-heading {
        flex-direction: column;
    }

    .latest-server-heading h3 {
        white-space: normal;
    }
}
/* =========================================================
   V2.8.4 — Aylık oy liderleri etiketleri
   ========================================================= */
.latest-server-rank-tag {
    position: absolute;
    z-index: 3;
    left: 11px;
    bottom: 11px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 31px;
    padding: 0 11px 0 6px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 999px;
    color: #151007;
    box-shadow:
        0 8px 22px rgba(0, 0, 0, .30),
        inset 0 1px rgba(255, 255, 255, .32);
    font-size: 9px;
    font-weight: 950;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.latest-server-rank-tag[hidden] {
    display: none !important;
}

.latest-server-rank-tag > b {
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(18, 14, 7, .18);
    font-size: 12px;
    line-height: 1;
}

.latest-server-rank-tag--1 {
    border-color: rgba(255, 232, 142, .72);
    background:
        linear-gradient(
            135deg,
            #ffe784,
            #d6a825
        );
}

.latest-server-rank-tag--1::before {
    content: "★";
    color: #6d4900;
    font-size: 12px;
}

.latest-server-rank-tag--2 {
    border-color: rgba(240, 244, 248, .62);
    background:
        linear-gradient(
            135deg,
            #f1f3f5,
            #aab1ba
        );
    color: #16191d;
}

.latest-server-rank-tag--2::before {
    content: "◆";
    color: #505761;
    font-size: 11px;
}

.latest-server-rank-tag--3 {
    border-color: rgba(233, 153, 90, .60);
    background:
        linear-gradient(
            135deg,
            #d98a49,
            #8b4518
        );
    color: #fff4e9;
}

.latest-server-rank-tag--3::before {
    content: "◆";
    color: #ffe0bf;
    font-size: 11px;
}

.latest-server-cover::after {
    z-index: 1;
}

.latest-server-cover img {
    position: relative;
    z-index: 0;
}

@media (max-width: 560px) {
    .latest-server-rank-tag {
        left: 9px;
        bottom: 9px;
        min-height: 29px;
        padding-right: 9px;
        font-size: 8px;
    }

    .latest-server-rank-tag > b {
        width: 20px;
        height: 20px;
        font-size: 11px;
    }
}
/* =========================================================
   V2.8.5 — Ana sayfa hero alanı kaldırıldı
   ========================================================= */

/*
 * Header'dan sonra doğrudan yatay reklam alanı gelir.
 * Önceki hero için ayrılan boşluk ve görsel katman kullanılmaz.
 */
.home-command-hero {
    display: none !important;
}

.home-ad-section {
    padding-top: 18px;
    padding-bottom: 10px;
}

.home-ad-section + .home-latest-section {
    padding-top: 14px;
}

.home-wide-ad {
    min-height: 104px;
    margin: 0;
}

/* Liste başlığı reklam alanına dengeli biçimde yaklaşır */
.home-latest-section {
    padding-top: 14px;
    padding-bottom: 26px;
}

.home-latest-section .section-heading {
    margin-bottom: 14px;
}

/* İlk içerik ile header arasında gereksiz boşluk oluşmasın */
main > .home-ad-section:first-child {
    margin-top: 0;
}

/* Mobilde daha kompakt başlangıç */
@media (max-width: 760px) {
    .home-ad-section {
        padding-top: 14px;
        padding-bottom: 8px;
    }

    .home-ad-section + .home-latest-section,
    .home-latest-section {
        padding-top: 12px;
    }

    .home-wide-ad {
        min-height: auto;
    }
}

@media (max-width: 560px) {
    .home-ad-section {
        padding-top: 11px;
    }

    .home-latest-section {
        padding-bottom: 20px;
    }
}
/* =========================================================
   V2.8.6 — İşaretlenen bütün boşluklar tam 20px
   ========================================================= */
:root {
    --home-equal-gap: 20px;
}

/*
 * 1. Header ile yatay reklam kartı arasındaki mesafe.
 */
.home-ad-section {
    padding-top: var(--home-equal-gap) !important;
    padding-bottom: 0 !important;
}

/*
 * 2. Yatay reklam kartı ile Son Yayınlanan Serverlar
 * başlığının başlangıcı arasındaki mesafe.
 */
.home-ad-section + .home-latest-section {
    padding-top: var(--home-equal-gap) !important;
}

/*
 * 3. Bölüm başlığı ile ilk server satırı arasındaki mesafe.
 */
.home-latest-section .section-heading {
    margin-bottom: var(--home-equal-gap) !important;
}

/*
 * 4. 160x600 yan reklamlar ile 1240px ana içerik arasında
 * sağda ve solda tam 20px boşluk.
 *
 * Hesap:
 * 620px içerik yarısı + 20px boşluk + 160px reklam = 800px
 */
@media (min-width: 1600px) {
    .rail-ad-left {
        left: max(
            12px,
            calc(50% - 800px)
        ) !important;
    }

    .rail-ad-right {
        right: max(
            12px,
            calc(50% - 800px)
        ) !important;
    }

    .home-ad-section > .container,
    .home-latest-section > .container {
        width: min(
            calc(100% - 40px),
            1240px
        ) !important;
    }
}

/*
 * Önceki mobil kuralların boşlukları 11–14px'e düşürmesini
 * engeller; dikey başlangıç ritmi mobilde de 20px kalır.
 */
@media (max-width: 1599px) {
    .home-ad-section {
        padding-top: var(--home-equal-gap) !important;
        padding-bottom: 0 !important;
    }

    .home-ad-section + .home-latest-section {
        padding-top: var(--home-equal-gap) !important;
    }

    .home-latest-section .section-heading {
        margin-bottom: var(--home-equal-gap) !important;
    }
}
/* =========================================================
   V2.8.7 — Tüm işaretli boşluklar 20px
   ve oyun sayfalarında yatay oy listesi
   ========================================================= */
:root {
    --public-header-height: var(--header-height, 68px);
    --public-content-gap: 20px;
}

/* Header ile 160x600 yan reklamların üstü: 20px */
.rail-ad {
    top: calc(
        var(--public-header-height)
        + var(--public-content-gap)
    ) !important;
}

/*
 * Oyun kategorisi:
 * Header → başlık 20px
 * Başlık açıklaması → filtre 20px
 */
.category-page-hero {
    padding:
        var(--public-content-gap)
        0
        0 !important;
}

.category-page-hero + .category-list-section {
    padding:
        var(--public-content-gap)
        0
        30px !important;
}

/* Filtre → sonuç etiketi 20px */
.category-list-section .filter-bar {
    margin-bottom:
        var(--public-content-gap) !important;
}

/* Sonuç etiketi → ilk yatay server satırı 20px */
.category-list-section .results-head {
    margin:
        0
        0
        var(--public-content-gap) !important;
}

/* Yatay oyun server satırları */
.category-vote-list {
    display: grid;
    gap: 14px;
}

/*
 * Server Ekle:
 * Header → başlık 20px
 * Özellik etiketleri → bildirim/form 20px
 */
.server-submit-hero {
    padding:
        var(--public-content-gap)
        0
        0 !important;
}

.server-submit-hero + .server-submit-section {
    padding:
        var(--public-content-gap)
        0
        34px !important;
}

/* Taslak bildirimi → form 20px */
.server-submit-section .draft-restore-notice {
    margin-bottom:
        var(--public-content-gap) !important;
}

/* Hata/başarı bildirimi → sonraki içerik 20px */
.server-submit-section .alert {
    margin-bottom:
        var(--public-content-gap) !important;
}

/*
 * Taslak bildirimi hidden olduğunda formun üzerinde
 * fazladan boşluk oluşmasını engeller.
 */
.server-submit-section .draft-restore-notice[hidden] {
    display: none !important;
}

/* Ana sayfada da aynı 20px ritim korunur */
.home-ad-section {
    padding-top:
        var(--public-content-gap) !important;
    padding-bottom: 0 !important;
}

.home-ad-section + .home-latest-section {
    padding-top:
        var(--public-content-gap) !important;
}

.home-latest-section .section-heading {
    margin-bottom:
        var(--public-content-gap) !important;
}

@media (max-width: 760px) {
    :root {
        --public-header-height: 62px;
    }

    .category-page-hero,
    .server-submit-hero {
        padding-top:
            var(--public-content-gap) !important;
    }

    .category-page-hero
        + .category-list-section,
    .server-submit-hero
        + .server-submit-section {
        padding-top:
            var(--public-content-gap) !important;
    }

    .category-list-section .filter-bar,
    .category-list-section .results-head,
    .server-submit-section .draft-restore-notice,
    .server-submit-section .alert {
        margin-bottom:
            var(--public-content-gap) !important;
    }
}
/* =========================================================
   V2.8.8 — Server Ara sayfası 20px boşluk
   ve yatay oy listesi
   ========================================================= */
.search-page-hero {
    padding: var(--public-content-gap) 0 0 !important;
}

.search-page-hero + .search-results-section {
    padding: var(--public-content-gap) 0 34px !important;
}

/* Açıklama ile filtre alanı arası 20px */
.search-results-section .filter-bar {
    margin-bottom: var(--public-content-gap) !important;
}

/* Sonuç etiketi ile ilk server satırı 20px */
.search-results-section .results-head {
    margin: 0 0 var(--public-content-gap) !important;
}

.search-vote-list {
    display: grid;
    gap: 14px;
}

/*
 * Arama sayfasında eski kart/grid görünümü olsa bile
 * yeni yatay satırlar baskın gelsin.
 */
.search-results-section .server-grid,
.search-results-section .search-grid {
    display: none !important;
}

@media (max-width: 760px) {
    .search-page-hero {
        padding-top: var(--public-content-gap) !important;
    }

    .search-page-hero + .search-results-section {
        padding-top: var(--public-content-gap) !important;
    }

    .search-results-section .filter-bar,
    .search-results-section .results-head {
        margin-bottom: var(--public-content-gap) !important;
    }
}
/* =========================================================
   V2.8.9 — Public sayfa başlıklarında ortak altın çizgi
   ========================================================= */

/*
 * Arama, oyun kategorisi, Server Ekle ve ileride
 * eklenecek bütün .page-hero başlıklarında;
 * başlık içeriğinin altında aynı kısa vurgu çizgisi.
 */
.page-hero > .container::after {
    content: "";
    display: block;
    width: 56px;
    height: 2px;
    margin-top: 14px;
    border-radius: 999px;
    background:
        linear-gradient(
            90deg,
            var(--primary),
            rgba(216, 163, 58, .18)
        );
    box-shadow:
        0 0 10px rgba(216, 163, 58, .18);
}

/*
 * Server Ekle sayfasında çizgi, özellik etiketlerinin
 * altında görünür ve başlık grubunu tamamlar.
 */
.server-submit-hero
    > .container
    > .page-hero-chips
    + * {
    margin-top: 0;
}

/* 404 başlığında da aynı tasarım dili */
.error-state h1::after {
    content: "";
    display: block;
    width: 56px;
    height: 2px;
    margin: 13px auto 0;
    border-radius: 999px;
    background:
        linear-gradient(
            90deg,
            var(--primary),
            rgba(216, 163, 58, .18)
        );
}

/*
 * Mevcut 20px sayfa ritmi korunur;
 * çizgi yalnız başlık alanının içinde yer alır.
 */
.search-page-hero + .search-results-section,
.category-page-hero + .category-list-section,
.server-submit-hero + .server-submit-section {
    margin-top: 0 !important;
}

@media (max-width: 620px) {
    .page-hero > .container::after {
        width: 48px;
        margin-top: 12px;
    }
}


/* =========================================================
   V2.9.0 — Tam özellik paketi
   ========================================================= */
.nav-games { position:relative; }
.nav-games>summary { display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border-radius:9px;color:#b5bdc9;cursor:pointer;font-size:12px;font-weight:800;list-style:none; }
.nav-games>summary::-webkit-details-marker{display:none}.nav-games-menu{position:absolute;z-index:150;top:calc(100% + 8px);left:0;display:none;width:235px;padding:8px;border:1px solid var(--border);border-radius:12px;background:#0c1018;box-shadow:0 20px 50px rgba(0,0,0,.45)}.nav-games[open] .nav-games-menu{display:grid}.nav-games-menu a{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:8px;color:#bac2ce;font-size:11px;font-weight:750}.nav-games-menu a:hover{background:rgba(216,163,58,.09);color:#f3d36b}

.home-wide-ad--image{padding:0;overflow:hidden}.home-wide-ad--image img{width:100%;height:120px;object-fit:cover}
.home-list-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.home-list-tabs button{display:inline-flex;align-items:center;gap:8px;min-height:39px;padding:0 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:#c4cbd5;cursor:pointer;font-size:11px;font-weight:900}.home-list-tabs button span{display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:rgba(255,255,255,.055);font-size:9px}.home-list-tabs button.is-active{border-color:#efd36a;background:linear-gradient(180deg,#efd36a,#c49e35);color:#171207}.home-tab-panel{display:none}.home-tab-panel.is-active{display:block}

.latest-server-row{box-shadow:inset 4px 0 0 var(--game-color),0 14px 35px rgba(0,0,0,.17)}.latest-server-badges{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.verified-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border:1px solid rgba(75,172,255,.32);border-radius:999px;background:rgba(75,172,255,.1);color:#86c9ff;font-size:8px;font-weight:950}.favorite-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border:1px solid var(--border);border-radius:9px;background:#0b0f16;color:#c7ced8;cursor:pointer;font-size:9px;font-weight:850}.favorite-button.is-favorite{border-color:rgba(255,104,126,.35);background:rgba(255,104,126,.09);color:#ff9cad}

.ranking-page-section,.calendar-page-section{padding-top:20px}.ranking-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:30px}.podium-card{display:grid;justify-items:center;padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--surface);text-align:center}.podium-card>span{font-size:30px}.podium-card small{margin-top:6px;color:var(--muted)}.podium-card strong{margin-top:7px;font-size:17px}.podium-card b{margin-top:8px;color:var(--primary)}.podium-card--1{border-color:rgba(239,211,106,.48);transform:translateY(-6px)}.game-leader-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:30px}.game-leader-grid a{display:grid;padding:14px;border:1px solid var(--border);border-left:4px solid var(--game-color);border-radius:12px;background:var(--surface)}.game-leader-grid span{color:var(--game-color);font-size:9px;font-weight:900}.game-leader-grid strong{margin-top:5px}.game-leader-grid b{margin-top:6px;color:var(--muted);font-size:10px}.compact-heading{margin-top:22px}
.calendar-groups{display:grid;gap:30px}.calendar-empty{padding:28px;border:1px dashed var(--border);border-radius:12px;color:var(--muted);text-align:center}
.detail-badge-row{display:flex;flex-wrap:wrap;gap:8px}.detail-ranking-summary{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.detail-ranking-summary span{display:grid;min-width:92px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.035)}.detail-ranking-summary b{font-size:18px;color:var(--primary)}.detail-ranking-summary small{color:var(--muted);font-size:8px}
.load-more-button{display:flex;align-items:center;justify-content:center;min-width:230px;min-height:43px;margin:20px auto 0;border:1px solid var(--border-strong);border-radius:11px;background:rgba(216,163,58,.08);color:var(--primary);cursor:pointer;font-weight:900}.is-load-hidden{display:none!important}
.mobile-bottom-nav{display:none}

@media(max-width:900px){.main-nav{overflow-y:auto;max-height:calc(100vh - 90px)}.nav-games{width:100%}.nav-games>summary{width:100%;justify-content:flex-start}.nav-games-menu{position:static;width:100%;margin-top:4px;box-shadow:none}.ranking-podium,.game-leader-grid{grid-template-columns:1fr}.podium-card--1{transform:none}}
@media(max-width:700px){body{padding-bottom:70px}.mobile-bottom-nav{position:fixed;z-index:250;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);min-height:62px;border-top:1px solid var(--border);background:rgba(8,10,15,.97);backdrop-filter:blur(14px)}.mobile-bottom-nav a{display:grid;place-items:center;align-content:center;gap:2px;color:#9da6b4;font-size:8px;font-weight:850}.mobile-bottom-nav a span{color:var(--primary);font-size:17px}.site-footer{padding-bottom:80px}.home-list-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.home-list-tabs button{justify-content:center}.home-wide-ad--image img{height:auto;aspect-ratio:970/120}}
/* =========================================================
   V2.9.1 — Açılış takvimi düzen ve temiz URL düzeltmesi
   ========================================================= */
.calendar-page-hero {
    padding:
        var(--public-content-gap, 20px)
        0
        0 !important;
}

.calendar-page-section {
    padding:
        var(--public-content-gap, 20px)
        0
        36px !important;
}

.calendar-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

.calendar-summary > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 0 11px;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: var(--surface);
    color: var(--muted);
    font-size: 10px;
    font-weight: 800;
}

.calendar-summary strong {
    display: grid;
    place-items: center;
    min-width: 21px;
    height: 21px;
    padding-inline: 5px;
    border-radius: 999px;
    background: rgba(216, 163, 58, .13);
    color: var(--primary);
    font-size: 10px;
}

.calendar-groups {
    display: grid;
    gap: 28px;
}

.calendar-group {
    min-width: 0;
}

.calendar-group .compact-heading {
    margin: 0 0 14px !important;
}

.calendar-vote-list {
    display: grid;
    gap: 14px;
}

/*
 * Takvimde boş Bugün/Yarın blokları artık PHP tarafında
 * hiç basılmaz. Eski boş alan sınıfı da görünmez.
 */
.calendar-group .calendar-empty {
    display: none !important;
}

.calendar-page-empty {
    display: grid;
    justify-items: center;
    max-width: 680px;
    margin-inline: auto;
    padding: 45px 24px;
    border: 1px dashed var(--border);
    border-radius: 16px;
    background: var(--surface);
    text-align: center;
}

.calendar-page-empty > span {
    font-size: 35px;
}

.calendar-page-empty h2 {
    margin: 12px 0 0;
    font-size: 24px;
}

.calendar-page-empty p {
    max-width: 520px;
    margin: 8px 0 18px;
    color: var(--muted);
}

/*
 * Yan reklamlar ve içerik, diğer public sayfalarla aynı
 * 20px üst ritmini kullanır.
 */
.calendar-page-hero ~ .calendar-page-section {
    margin-top: 0 !important;
}

@media (max-width: 760px) {
    .calendar-page-hero,
    .calendar-page-section {
        padding-top:
            var(--public-content-gap, 20px) !important;
    }

    .calendar-summary {
        display: grid;
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .calendar-summary > span {
        justify-content: center;
    }

    .calendar-groups {
        gap: 24px;
    }
}
/* =========================================================
   V2.9.3 — Sıralama sayfası ve premium footer
   ========================================================= */

/* Sıralama sayfası her zaman header altında düzgün başlar */
.ranking-page-body main {
    position: relative;
    z-index: 1;
}

.ranking-hero {
    position: relative;
    padding: 20px 0 0;
}

.ranking-hero-shell {
    display: grid;
    grid-template-columns:
        minmax(0, 1.55fr)
        minmax(290px, .68fr);
    gap: 20px;
    padding: 27px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 18px;
    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(216, 163, 58, .14),
            transparent 31%
        ),
        radial-gradient(
            circle at 100% 100%,
            rgba(216, 163, 58, .09),
            transparent 36%
        ),
        linear-gradient(
            145deg,
            rgba(20, 25, 36, .98),
            rgba(10, 14, 21, .99)
        );
    box-shadow:
        inset 0 1px rgba(255, 255, 255, .025),
        0 20px 50px rgba(0, 0, 0, .21);
}

.ranking-hero-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
}

.ranking-hero h1 {
    max-width: 770px;
    margin: 10px 0 0;
    font-size: clamp(38px, 4.4vw, 61px);
    line-height: .99;
    letter-spacing: -.055em;
}

.ranking-hero h1 span {
    display: block;
    color: var(--primary);
}

.ranking-hero-copy > p {
    max-width: 670px;
    margin: 13px 0 0;
    color: #a8b1bf;
    font-size: 14px;
    line-height: 1.65;
}

.ranking-hero-metrics {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
}

.ranking-hero-metrics > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 35px;
    padding: 0 11px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 999px;
    background: rgba(255, 255, 255, .028);
    color: #a3adbb;
    font-size: 9px;
    font-weight: 800;
}

.ranking-hero-metrics b {
    color: #f5f6f8;
    font-size: 13px;
}

.ranking-leader-card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    padding: 18px;
    border: 1px solid rgba(216, 163, 58, .30);
    border-radius: 15px;
    background:
        radial-gradient(
            circle at 100% 100%,
            rgba(216, 163, 58, .17),
            transparent 45%
        ),
        rgba(9, 13, 20, .82);
}

.ranking-leader-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
}

.ranking-leader-head > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--primary);
    font-size: 9px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ranking-leader-head i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #64d88c;
    box-shadow: 0 0 0 4px rgba(100, 216, 140, .10);
}

.ranking-leader-head > b {
    font-size: 22px;
}

.ranking-leader-card > small {
    margin-top: 15px;
    color: #7f8998;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .12em;
}

.ranking-leader-card > a:not(.ranking-leader-action) {
    margin-top: 5px;
    overflow: hidden;
    color: var(--primary);
    font-size: 22px;
    font-weight: 950;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ranking-leader-card > p {
    margin: 4px 0 0;
    color: #929dab;
    font-size: 10px;
}

.ranking-leader-votes {
    display: flex;
    align-items: baseline;
    gap: 7px;
    margin-top: 13px;
}

.ranking-leader-votes strong {
    font-size: 31px;
    line-height: 1;
}

.ranking-leader-votes span {
    color: #87919f;
    font-size: 9px;
}

.ranking-no-leader {
    display: block;
    margin-top: 7px;
    font-size: 19px;
}

.ranking-leader-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 39px;
    margin-top: 15px;
    padding: 0 12px;
    border: 1px solid rgba(216, 163, 58, .31);
    border-radius: 9px;
    background: rgba(216, 163, 58, .09);
    color: var(--primary);
    font-size: 10px;
    font-weight: 900;
}

.ranking-page-section {
    padding: 20px 0 38px !important;
}

.ranking-content-block {
    min-width: 0;
}

.ranking-content-block + .ranking-content-block {
    margin-top: 30px;
}

.ranking-section-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 15px;
    margin: 0 0 14px;
    padding-left: 12px;
    border-left: 4px solid var(--primary);
}

.ranking-section-heading h2 {
    margin: 3px 0 0;
    font-size: clamp(23px, 2.5vw, 31px);
    line-height: 1.08;
    letter-spacing: -.04em;
}

.ranking-section-heading p {
    margin: 5px 0 0;
    color: #808b9b;
    font-size: 10px;
}

.ranking-podium {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 0;
}

.podium-card {
    position: relative;
    display: grid;
    min-height: 155px;
    align-content: center;
    justify-items: center;
    padding: 17px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 14px;
    background:
        linear-gradient(
            145deg,
            rgba(20, 25, 36, .98),
            rgba(12, 16, 24, .99)
        );
    text-align: center;
    transform: none;
}

.podium-card::after {
    content: "";
    position: absolute;
    inset: auto -30px -55px;
    height: 100px;
    border-radius: 50%;
    background: rgba(216, 163, 58, .05);
}

.podium-card > * {
    position: relative;
    z-index: 1;
}

.podium-card > span {
    font-size: 28px;
}

.podium-card small {
    margin-top: 5px;
    color: #808b99;
    font-size: 9px;
}

.podium-card strong {
    margin-top: 6px;
    font-size: 17px;
}

.podium-card b {
    margin-top: 7px;
    color: var(--primary);
    font-size: 11px;
}

.podium-card--1 {
    border-color: rgba(239, 211, 106, .42);
    background:
        radial-gradient(
            circle at 50% 100%,
            rgba(216, 163, 58, .13),
            transparent 52%
        ),
        linear-gradient(
            145deg,
            rgba(25, 24, 17, .98),
            rgba(12, 16, 24, .99)
        );
}

.game-leader-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
}

.game-leader-grid a {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    min-height: 82px;
    padding: 13px 14px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .08);
    border-left: 4px solid var(--game-color);
    border-radius: 12px;
    background:
        linear-gradient(
            145deg,
            rgba(20, 25, 36, .98),
            rgba(12, 16, 24, .99)
        );
}

.game-leader-grid span,
.game-leader-grid strong,
.game-leader-grid b {
    grid-column: 1;
}

.game-leader-grid span {
    color: var(--game-color);
    font-size: 8px;
    font-weight: 950;
    text-transform: uppercase;
}

.game-leader-grid strong {
    margin-top: 4px;
    overflow: hidden;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.game-leader-grid b {
    margin-top: 4px;
    color: #858f9d;
    font-size: 9px;
}

.game-leader-grid i {
    grid-column: 2;
    grid-row: 1 / 4;
    color: var(--primary);
    font-style: normal;
    font-size: 17px;
}

.ranking-vote-list {
    display: grid;
    gap: 13px;
}

.ranking-empty-state {
    display: grid;
    justify-items: center;
    padding: 42px 20px;
    border: 1px dashed rgba(255, 255, 255, .10);
    border-radius: 15px;
    background: rgba(255, 255, 255, .018);
    text-align: center;
}

.ranking-empty-state > span {
    font-size: 34px;
}

.ranking-empty-state h3 {
    margin: 11px 0 0;
}

.ranking-empty-state p {
    margin: 6px 0 16px;
    color: var(--muted);
}

/* Premium footer: Platform Özeti geri getirilmez */
.premium-site-footer {
    position: relative;
    margin-top: 28px !important;
    padding: 22px 0 18px !important;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 12% 0%,
            rgba(216, 163, 58, .08),
            transparent 26%
        ),
        #07090d !important;
    border-top: 1px solid rgba(255, 255, 255, .075) !important;
}

.premium-site-footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: min(760px, 80%);
    height: 1px;
    transform: translateX(-50%);
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(239, 211, 106, .65),
            transparent
        );
}

.footer-premium-shell {
    position: relative;
    z-index: 1;
}

.footer-premium-cta {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 20px;
    align-items: center;
    padding: 20px 22px;
    border: 1px solid rgba(216, 163, 58, .22);
    border-radius: 16px;
    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(216, 163, 58, .13),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            rgba(20, 24, 32, .98),
            rgba(10, 13, 19, .99)
        );
    box-shadow:
        inset 0 1px rgba(255, 255, 255, .025),
        0 18px 42px rgba(0, 0, 0, .18);
}

.footer-kicker {
    color: var(--primary);
    font-size: 8px;
    font-weight: 950;
    letter-spacing: .14em;
}

.footer-premium-cta h2 {
    margin: 5px 0 0;
    font-size: clamp(20px, 2.6vw, 29px);
    line-height: 1.08;
    letter-spacing: -.04em;
}

.footer-premium-cta p {
    max-width: 660px;
    margin: 7px 0 0;
    color: #8993a1;
    font-size: 11px;
}

.footer-cta-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.footer-secondary-button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 10px;
    background: rgba(255, 255, 255, .028);
    color: #d7dce4;
    font-size: 10px;
    font-weight: 850;
}

.footer-secondary-button span {
    color: var(--primary);
}

.footer-premium-grid {
    display: grid;
    grid-template-columns:
        minmax(0, 1.45fr)
        repeat(3, minmax(130px, .65fr));
    gap: 28px;
    align-items: start;
    padding: 27px 4px 22px;
}

.footer-brand-panel {
    max-width: 390px;
}

.footer-brand-panel > p {
    margin: 13px 0 0;
    color: #7f8997;
    font-size: 11px;
    line-height: 1.65;
}

.footer-trust-list {
    display: grid;
    gap: 7px;
    margin-top: 15px;
}

.footer-trust-list span {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #9aa4b1;
    font-size: 9px;
}

.footer-trust-list i,
.footer-system-status i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #61d486;
    box-shadow: 0 0 0 3px rgba(97, 212, 134, .08);
}

.footer-link-column {
    display: grid;
    align-content: start;
    gap: 7px;
}

.footer-link-column h3 {
    margin: 0 0 5px;
    color: #f0f2f5;
    font-size: 10px;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.footer-link-column a {
    width: fit-content;
    color: #808a98;
    font-size: 10px;
    transition:
        color .17s ease,
        transform .17s ease;
}

.footer-link-column a:hover {
    color: var(--primary);
    transform: translateX(2px);
}

.footer-premium-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, .065);
    color: #646e7b;
    font-size: 9px;
}

.footer-premium-bottom > div {
    display: flex;
    align-items: center;
    gap: 17px;
}

.footer-premium-bottom a {
    color: #858f9d;
}

.footer-system-status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #84908d;
}

@media (max-width: 960px) {
    .ranking-hero-shell {
        grid-template-columns: minmax(0, 1fr) 270px;
        padding: 22px;
    }

    .ranking-podium,
    .game-leader-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .footer-premium-grid {
        grid-template-columns:
            minmax(0, 1.2fr)
            repeat(2, minmax(130px, .7fr));
    }

    .footer-link-column:last-child {
        grid-column: 2 / -1;
    }
}

@media (max-width: 760px) {
    .ranking-hero-shell {
        grid-template-columns: 1fr;
        padding: 17px;
    }

    .ranking-hero h1 {
        font-size: clamp(37px, 11vw, 50px);
    }

    .ranking-page-section {
        padding-top: 20px !important;
    }

    .ranking-podium,
    .game-leader-grid {
        grid-template-columns: 1fr;
    }

    .ranking-content-block + .ranking-content-block {
        margin-top: 25px;
    }

    .footer-premium-cta {
        grid-template-columns: 1fr;
        padding: 17px;
    }

    .footer-cta-actions {
        flex-wrap: wrap;
    }

    .footer-premium-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 23px 18px;
    }

    .footer-brand-panel {
        grid-column: 1 / -1;
    }

    .footer-link-column:last-child {
        grid-column: auto;
    }

    .footer-premium-bottom {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 520px) {
    .ranking-hero-metrics {
        display: grid;
        grid-template-columns: 1fr;
    }

    .ranking-hero-metrics > span {
        justify-content: space-between;
        border-radius: 9px;
    }

    .footer-cta-actions,
    .footer-cta-actions .button,
    .footer-secondary-button {
        width: 100%;
    }

    .footer-premium-grid {
        grid-template-columns: 1fr;
    }

    .footer-brand-panel,
    .footer-link-column:last-child {
        grid-column: auto;
    }

    .footer-premium-bottom > div {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }
}
/* =========================================================
   V2.9.4 — Metin2 ana sayfa ve oyuna özel reklamlar
   ========================================================= */
.game-page-ad-section {
    padding:
        var(--public-content-gap, 20px)
        0
        0;
}

.game-page-ad-section
    + .category-list-section {
    padding-top:
        var(--public-content-gap, 20px)
        !important;
}

.game-wide-ad {
    min-height: 0;
}

.game-wide-ad img {
    width: 100%;
    height: 120px;
    object-fit: cover;
}

/* Reklam yönetimi */
.ad-admin-layout {
    grid-template-columns:
        minmax(330px, .78fr)
        minmax(0, 1.35fr);
}

.ad-target-help {
    padding: 11px 12px;
    border: 1px solid rgba(216, 163, 58, .20);
    border-radius: 10px;
    background: rgba(216, 163, 58, .055);
}

.ad-target-help strong {
    color: var(--primary);
    font-size: 10px;
}

.ad-target-help p {
    margin: 4px 0 0;
    color: var(--muted);
    font-size: 9px;
    line-height: 1.55;
}

.ad-position-badge,
.ad-target-badge {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 0 8px;
    border: 1px solid var(--border);
    border-radius: 999px;
    font-size: 8px;
    font-weight: 850;
    white-space: nowrap;
}

.ad-target-badge.is-global {
    color: #aab3bf;
}

.ad-target-badge.is-game {
    border-color: rgba(216, 163, 58, .28);
    background: rgba(216, 163, 58, .07);
    color: var(--primary);
}

.ad-management-table strong {
    white-space: nowrap;
}

@media (max-width: 1000px) {
    .ad-admin-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .game-page-ad-section {
        padding-top:
            var(--public-content-gap, 20px);
    }

    .game-wide-ad img {
        height: auto;
        aspect-ratio: 970 / 120;
    }
}
/* =========================================================
   V3.0.0 — Hesap, sahiplenme, moderasyon, hatırlatıcı,
   istatistik ve rehber sistemi
   ========================================================= */
.nav-account {
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.025);
}
.owner-badge {
    display:inline-flex;align-items:center;min-height:25px;padding:0 9px;border-radius:999px;
    border:1px solid rgba(98,211,137,.32);background:rgba(98,211,137,.10);color:#8ce3aa;font-size:8px;font-weight:900;
}
.account-auth-section { padding: 34px 0 50px; }
.account-auth-container,.narrow-form-container { max-width: 620px; }
.account-auth-card { padding:28px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow); }
.account-auth-card h1 { margin:8px 0 0;font-size:42px;letter-spacing:-.05em; }
.account-auth-card > p { color:var(--muted); }
.account-auth-form { display:grid;gap:12px;margin-top:20px; }
.account-auth-form label { display:grid;gap:6px;font-size:11px;font-weight:800; }
.account-auth-switch { text-align:center;font-size:10px; }
.account-auth-switch a { color:var(--primary);font-weight:900; }
.account-dashboard-hero { padding:20px 0 0; }
.account-dashboard-hero > .container { display:flex;align-items:end;justify-content:space-between;gap:20px;padding:24px;border:1px solid var(--border);border-radius:17px;background:linear-gradient(145deg,rgba(22,27,38,.98),rgba(10,14,21,.99)); }
.account-dashboard-hero h1 { margin:7px 0 0;font-size:clamp(32px,4vw,50px);letter-spacing:-.05em; }
.account-dashboard-hero p { margin:8px 0 0;color:var(--muted); }
.account-dashboard-section { padding-top:20px!important; }
.account-summary-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px; }
.account-summary-grid > div { padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface); }
.account-summary-grid strong,.account-summary-grid span { display:block; }
.account-summary-grid strong { font-size:25px; }
.account-summary-grid span { color:var(--muted);font-size:9px; }
.account-block { margin-top:28px; }
.owner-server-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px; }
.owner-server-card { padding:17px;border:1px solid var(--border);border-left:4px solid var(--game-color);border-radius:14px;background:var(--surface); }
.owner-server-card-head { display:flex;justify-content:space-between;gap:12px; }
.owner-server-card-head span { color:var(--game-color);font-size:8px;font-weight:900;text-transform:uppercase; }
.owner-server-card-head h3 { margin:4px 0 0;font-size:20px; }
.owner-server-card-head > b { color:var(--muted);font-size:9px; }
.owner-stat-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:14px; }
.owner-stat-grid span { padding:10px;border:1px solid var(--border);border-radius:9px;background:var(--surface-3); }
.owner-stat-grid strong,.owner-stat-grid small { display:block; }
.owner-stat-grid strong { font-size:18px; }
.owner-stat-grid small { color:var(--muted-2);font-size:8px; }
.owner-click-grid { display:flex;flex-wrap:wrap;gap:7px;margin-top:10px; }
.owner-click-grid span { padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.035);color:var(--muted);font-size:8px; }
.owner-click-grid b { color:var(--primary); }
.owner-server-actions { display:flex;gap:8px;margin-top:13px; }
.account-empty-state,.account-list { padding:20px;border:1px solid var(--border);border-radius:13px;background:var(--surface); }
.account-list { display:grid;gap:0; }
.account-list > div { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--border); }
.account-list > div:last-child { border-bottom:0; }
.account-list small { display:block;color:var(--muted);font-size:8px; }
.owner-edit-container { max-width:1000px; }
.owner-edit-form { padding:20px; }
.reminder-card form { display:grid;gap:8px;margin-top:10px; }
.ownership-card { margin-top:12px; }
.ownership-card > p { color:var(--muted);font-size:10px; }
.report-link { display:block;margin-top:12px;color:#d98282;font-size:9px;text-align:center; }
.guide-filter { display:flex;max-width:500px;gap:8px;margin-bottom:20px; }
.guide-card-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px; }
.guide-card { overflow:hidden;border:1px solid var(--border);border-top:3px solid var(--game-color,var(--primary));border-radius:14px;background:var(--surface); }
.guide-card-media { display:block;aspect-ratio:16/8.5;overflow:hidden; }
.guide-card-media img { width:100%;height:100%;object-fit:cover; }
.guide-card > div { padding:16px; }
.guide-card span { color:var(--game-color,var(--primary));font-size:8px;font-weight:900;text-transform:uppercase; }
.guide-card h2 { margin:8px 0 0;font-size:19px;line-height:1.25; }
.guide-card p { display:-webkit-box;min-height:54px;margin:9px 0 13px;overflow:hidden;color:var(--muted);font-size:11px;line-height:1.6;-webkit-line-clamp:3;-webkit-box-orient:vertical; }
.compact-guide-grid .guide-card-media { display:none; }
.guide-detail-hero { padding:20px 0 0; }
.guide-detail-hero > .container { padding:25px;border:1px solid var(--border);border-radius:17px;background:var(--surface); }
.guide-detail-hero h1 { max-width:900px;margin:9px 0 0;font-size:clamp(37px,5vw,62px);line-height:1.02;letter-spacing:-.055em; }
.guide-detail-hero p { max-width:760px;color:var(--muted);font-size:14px; }
.breadcrumb { display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px;color:var(--muted-2);font-size:9px; }
.guide-meta { display:flex;gap:10px;margin-top:13px;color:var(--muted-2);font-size:9px; }
.guide-detail-grid { display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:15px; }
.guide-cover { width:100%!important;max-height:480px;object-fit:cover; }
.moderation-section + .moderation-section { margin-top:16px; }
.moderation-actions { display:grid;min-width:210px;gap:5px; }
.moderation-actions input { min-height:32px;padding:6px 8px;font-size:9px; }
.admin-table td small { display:block;color:var(--muted);font-size:8px; }
.guide-admin-form { max-width:1100px; }
@media(max-width:900px){.owner-server-grid,.guide-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-detail-grid{grid-template-columns:1fr}.guide-detail-grid .detail-sidebar{position:static}}
@media(max-width:650px){.account-dashboard-hero>.container{align-items:flex-start;flex-direction:column}.account-summary-grid,.owner-server-grid,.guide-card-grid{grid-template-columns:1fr}.account-auth-card{padding:20px}.guide-filter{flex-direction:column}.owner-server-actions{flex-wrap:wrap}.guide-detail-hero h1{font-size:38px}}

.server-detail-flash { padding-top:20px; }
.server-detail-flash .alert { margin-bottom:0; }


/* V3.0.1 — PageSpeed ve erişilebilirlik iyileştirmeleri */
.main-nav a,
.main-nav summary,
.footer-link-column a,
.footer-premium-bottom a,
.mobile-bottom-nav a,
.text-link,
.footer-secondary-button {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
}

.main-nav a,
.main-nav summary {
    padding: 12px 13px;
}

.nav-games summary {
    list-style: none;
    cursor: pointer;
    color: #c8cfda;
    font-weight: 650;
    font-size: 14px;
    border-radius: 10px;
}

.nav-games summary::-webkit-details-marker {
    display: none;
}

.nav-games summary:hover {
    background: rgba(255,255,255,.05);
    color: #fff;
}

.footer-link-column a,
.footer-premium-bottom a {
    padding: 6px 0;
}

.home-list-tabs {
    gap: 10px;
}

.home-list-tabs button {
    min-height: 44px;
}

.home-tab-panel[hidden] {
    display: none !important;
}

.latest-server-cover img {
    aspect-ratio: 16 / 9;
}

@media (max-width: 700px) {
    .main-nav a,
    .main-nav summary,
    .footer-link-column a,
    .footer-premium-bottom a,
    .mobile-bottom-nav a,
    .text-link,
    .footer-secondary-button {
        min-height: 48px;
    }
}

.rail-ad picture {
    display: block;
    width: 100%;
    height: 100%;
}

.rail-ad picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* V3.0.9 — SEO yönetim paneli */
.seo-admin-help{margin-bottom:18px;border-color:rgba(216,163,58,.22);background:rgba(216,163,58,.055)}
.seo-admin-help p{margin:7px 0 0;color:var(--muted)}
.seo-admin-help code,.seo-token-row code{padding:3px 7px;border:1px solid rgba(216,163,58,.25);border-radius:6px;background:rgba(216,163,58,.08);color:var(--primary);font-size:11px}
.seo-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.seo-setting-card{display:grid;gap:14px;margin:0}
.seo-setting-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:12px;border-bottom:1px solid var(--border)}
.seo-setting-head h2{margin:4px 0 0;font-size:20px}
.seo-setting-head p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.55}
.seo-robots-preview{flex:0 0 auto;display:inline-flex;align-items:center;min-height:29px;padding:0 9px;border:1px solid var(--border);border-radius:999px;font-size:9px;font-weight:900}
.seo-robots-preview.is-index{border-color:rgba(99,201,143,.28);background:rgba(99,201,143,.08);color:#8ce2ae}
.seo-robots-preview.is-noindex{border-color:rgba(255,112,112,.28);background:rgba(255,112,112,.08);color:#ff9a9a}
.seo-token-row{display:flex;flex-wrap:wrap;gap:6px}
.seo-setting-card label{display:grid;gap:7px;color:#dce1e8;font-size:11px;font-weight:800}
.seo-setting-card label small{color:var(--muted);font-size:9px;font-weight:500}
.seo-check-row{display:flex!important;align-items:center!important;align-self:end;min-height:48px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.018)}
.seo-warning-check{border-color:rgba(240,169,69,.25);background:rgba(240,169,69,.055)}
.seo-social-details{border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.018)}
.seo-social-details summary{padding:11px 12px;cursor:pointer;color:var(--primary);font-size:10px;font-weight:900}
.seo-social-details[open]{padding-bottom:12px}.seo-social-details[open] summary{margin-bottom:10px;border-bottom:1px solid var(--border)}
.seo-social-details label{margin:0 12px 11px}
.seo-save-bar{position:sticky;z-index:20;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:14px 16px;border:1px solid rgba(216,163,58,.30);border-radius:13px;background:rgba(10,13,19,.96);box-shadow:0 16px 45px rgba(0,0,0,.35);backdrop-filter:blur(12px)}
.seo-save-bar div{display:grid}.seo-save-bar span{color:var(--muted);font-size:10px}
@media(max-width:1100px){.seo-settings-grid{grid-template-columns:1fr}}
@media(max-width:650px){.seo-setting-head,.seo-save-bar{align-items:flex-start;flex-direction:column}.seo-save-bar .button{width:100%}}

/* =========================================================
   V3.1.0 — Güvenlik yönetim paneli
   ========================================================= */
.security-summary-grid {
    margin-bottom: 18px;
}

.security-admin-layout {
    grid-template-columns: minmax(330px, .72fr) minmax(0, 1.45fr);
}

.security-admin-layout .form-help {
    margin: -3px 0 12px;
    color: var(--muted);
    font-size: 10px;
    line-height: 1.55;
}

.security-admin-layout hr {
    width: 100%;
    margin: 18px 0;
    border: 0;
    border-top: 1px solid var(--border);
}

.security-admin-layout .admin-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 14px;
}

.security-admin-layout .admin-card-head h2 {
    margin: 0;
}

.security-admin-layout .admin-card-head p {
    max-width: 540px;
    margin: 5px 0 0;
    color: var(--muted);
    font-size: 10px;
}

.security-level {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    padding: 0 8px;
    border: 1px solid var(--border);
    border-radius: 999px;
    font-size: 8px;
    font-weight: 900;
    text-transform: uppercase;
}

.security-level--warning,
.security-level--notice {
    border-color: rgba(216, 163, 58, .28);
    color: var(--primary);
}

.security-level--critical,
.security-level--error {
    border-color: rgba(235, 91, 91, .32);
    background: rgba(235, 91, 91, .08);
    color: #ff9a9a;
}

.security-events-table code {
    color: #9ea8b7;
    font-size: 9px;
}

.cf-turnstile {
    max-width: 100%;
    overflow: hidden;
}

@media (max-width: 1050px) {
    .security-admin-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .security-admin-layout .admin-card-head {
        flex-direction: column;
    }
}

/* =========================================================
   V3.2.0 — Security platform UI
   ========================================================= */
.account-auth-help-link {
    display: flex;
    justify-content: flex-end;
    margin-top: -5px;
}

.account-auth-help-link a {
    color: var(--primary);
    font-size: 10px;
    font-weight: 850;
}

.account-verification-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    margin-bottom: 20px;
    padding: 18px 20px;
    border: 1px solid rgba(216, 163, 58, .30);
    border-radius: 14px;
    background:
        radial-gradient(circle at 0 0, rgba(216, 163, 58, .12), transparent 40%),
        var(--surface);
}

.account-verification-card h2 {
    margin: 4px 0 0;
    font-size: 21px;
}

.account-verification-card p {
    margin: 6px 0 0;
    color: var(--muted);
    font-size: 11px;
}

.account-verified-alert {
    margin-bottom: 20px;
}

.compact-security-form {
    margin-top: 16px;
    padding: 15px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: rgba(255, 255, 255, .018);
}

.compact-security-form h3 {
    margin: 0 0 12px;
}

.danger-zone {
    border-color: rgba(255, 94, 82, .24);
}

.totp-setup-box {
    padding: 17px;
    border: 1px solid rgba(216, 163, 58, .28);
    border-radius: 13px;
    background: rgba(216, 163, 58, .055);
}

.totp-setup-box > h3 {
    margin-top: 0;
}

.totp-uri {
    display: block;
    margin-top: 9px;
    padding: 10px;
    overflow-wrap: anywhere;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: #080b10;
    color: #aeb8c5;
    font-size: 9px;
}

.recovery-codes-card {
    margin-bottom: 20px;
    border-color: rgba(216, 163, 58, .35);
}

.recovery-code-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
    margin: 15px 0;
}

.recovery-code-grid code {
    display: grid;
    place-items: center;
    min-height: 38px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: #080b10;
    color: var(--primary);
    font-size: 11px;
    font-weight: 900;
}

.vote-review-table td {
    vertical-align: top;
}

.vote-review-table td small {
    display: block;
    margin-top: 4px;
    color: var(--muted);
}

.risk-score {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 62px;
    min-height: 30px;
    padding: 0 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 950;
}

.risk-score--medium {
    background: rgba(255, 187, 63, .12);
    color: #ffc65c;
}

.risk-score--high {
    background: rgba(255, 83, 74, .12);
    color: #ff8d84;
}

.risk-reason-list {
    display: grid;
    gap: 4px;
    margin: 0;
    padding-left: 15px;
    color: #aab4c1;
    font-size: 9px;
}

.inline-admin-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.security-alert-list {
    display: grid;
    gap: 10px;
}

.security-alert-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 15px;
    padding: 14px 15px;
    border: 1px solid var(--border);
    border-left: 4px solid #e8b94b;
    border-radius: 11px;
    background: rgba(255, 255, 255, .018);
}

.security-alert-item--critical,
.security-alert-item--emergency {
    border-left-color: #ff6f65;
}

.security-alert-item.is-resolved {
    opacity: .58;
}

.security-alert-item span {
    color: var(--primary);
    font-size: 8px;
    font-weight: 950;
    letter-spacing: .08em;
}

.security-alert-item h3 {
    margin: 4px 0 0;
    font-size: 14px;
}

.security-alert-item p {
    margin: 5px 0 0;
    color: var(--muted);
    font-size: 10px;
}

.audit-table details pre {
    max-width: 520px;
    padding: 10px;
    overflow: auto;
    border-radius: 8px;
    background: #070a0e;
    color: #a9b3bf;
    white-space: pre-wrap;
    font-size: 8px;
}

.backup-overview-grid {
    margin-bottom: 20px;
}

.backup-overview-grid code {
    display: block;
    padding: 10px;
    overflow-wrap: anywhere;
    border-radius: 8px;
    background: #070a0e;
    color: var(--primary);
    font-size: 9px;
}

.backup-status {
    display: inline-flex;
    min-height: 27px;
    align-items: center;
    padding: 0 8px;
    border-radius: 999px;
    font-size: 8px;
    font-weight: 900;
}

.backup-status--verified {
    background: rgba(87, 204, 127, .12);
    color: #89e2a6;
}

.backup-status--failed {
    background: rgba(255, 84, 74, .12);
    color: #ff8f86;
}

@media (max-width: 900px) {
    .recovery-code-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .account-verification-card,
    .security-alert-item {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .account-verification-card form,
    .account-verification-card .button {
        width: 100%;
    }

    .recovery-code-grid {
        grid-template-columns: 1fr;
    }
}