:root {
    --portal-ink: #1b1a18;
    --portal-panel: rgba(43, 40, 37, .96);
    --portal-panel-soft: rgba(55, 51, 47, .94);
    --portal-line: rgba(158, 143, 124, .28);
    --portal-gold: #b99c70;
    --portal-gold-bright: #dfcaa5;
	--portal-cyan: #c56a32;
    --portal-green: #36d092;
    --portal-text: #f3f4f6;
    --portal-muted: #9ca3af;
    --portal-danger: #ef5f64;
    --portal-rail-width: 258px;
    --portal-radius: 16px;
    --portal-shadow: 0 24px 70px rgba(0, 0, 0, .42);
}

html { scroll-behavior: smooth; }

html,
body,
a,
button,
select,
[role="button"],
input[type="button"],
input[type="submit"],
input[type="checkbox"],
input[type="radio"] {
    cursor: url('../images/ui/wow-gauntlet-cursor.png') 2 2, pointer !important;
}

input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
textarea { cursor: text !important; }

body {
    color: var(--portal-text) !important;
    background-color: var(--portal-ink) !important;
    background-image:
        linear-gradient(90deg, rgba(25, 16, 11, .9) 0%, rgba(33, 22, 15, .72) 42%, rgba(37, 25, 17, .5) 100%),
        url('../images/backgrounds/wow-portal-bg.png') !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    padding-left: var(--portal-rail-width) !important;
    min-height: 100vh;
}

body::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(circle at 72% 18%, rgba(229, 174, 69, .15), transparent 31%),
        linear-gradient(180deg, rgba(67, 43, 27, .05) 38%, rgba(24, 15, 10, .7) 100%);
}

a { color: inherit; }

.portal-rail {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 1050;
    width: var(--portal-rail-width);
    display: flex;
    flex-direction: column;
    padding: 28px 14px 22px;
    background: linear-gradient(180deg, rgba(25, 16, 11, .98), rgba(14, 9, 7, .98));
    border-right: 1px solid var(--portal-line);
    box-shadow: 24px 0 70px rgba(0, 0, 0, .28);
}

.portal-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 2px 8px 28px;
    color: #fff;
    text-decoration: none;
}

.portal-brand-mark {
    width: 60px;
    height: 60px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    filter: drop-shadow(0 6px 9px rgba(0,0,0,.62)) drop-shadow(0 0 10px rgba(229,174,69,.2));
    perspective: 300px;
}
.portal-brand-mark img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    transform-origin: 50% 58%;
    animation: alacaCrestFloat 4s ease-in-out infinite;
}
@keyframes alacaCrestFloat {
    0%,100% { transform:translateY(0) rotateY(-5deg) rotateZ(-1deg); }
    50% { transform:translateY(-3px) rotateY(5deg) rotateZ(1deg) scale(1.035); }
}

.portal-brand strong, .portal-brand em {
    font: 900 1.3rem/1 Georgia, 'Times New Roman', serif;
    letter-spacing: .12em;
}

.portal-brand em { color: var(--portal-gold); font-style: normal; margin-left: 4px; }
.portal-brand small { display: block; margin-top: 8px; color: #8b93a0; font-size: .67rem; letter-spacing: .2em; }

.portal-nav { display: flex; flex-direction: column; gap: 8px; }
.portal-nav-label { padding: 23px 7px 4px; color: #8b93a0; font-size: .72rem; font-weight: 850; letter-spacing: .18em; }
.portal-nav a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 42px;
    padding: 8px 13px;
    overflow: hidden;
    color: #f7e6c3;
    text-decoration: none;
    border: 1px solid #5f4937;
    border-radius: 5px;
    background:
        repeating-linear-gradient(112deg, rgba(230,210,180,.025) 0 1px, transparent 1px 7px),
        linear-gradient(180deg, rgba(196,166,126,.09), transparent 24%, rgba(15,9,6,.35)),
        linear-gradient(135deg, #4b3025 0%, #33221a 58%, #211611 100%);
    box-shadow:
        inset 0 0 0 1px rgba(132,104,78,.2),
        inset 0 1px 0 rgba(220,195,160,.1),
        inset 0 -9px 15px rgba(13,8,5,.38),
        0 3px 0 #120c09,
        0 8px 16px rgba(0, 0, 0, .28);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: .84rem;
    font-weight: 800;
    letter-spacing: .01em;
    text-shadow: 0 1px 1px #000, 0 0 7px rgba(255, 190, 85, .14);
    transition: .2s ease;
}
.portal-nav a::after {
    content: '';
    position: absolute;
    inset: 3px;
    pointer-events: none;
    border: 1px solid rgba(149,119,88,.14);
    border-radius: 2px;
}
.portal-nav a:hover {
    color: #fff2cf;
    transform: translateY(-1px);
    border-color: #84684e;
    background:
        repeating-linear-gradient(112deg, rgba(230,210,180,.035) 0 1px, transparent 1px 7px),
        linear-gradient(180deg, rgba(204,177,140,.12), transparent 24%, rgba(15,9,6,.3)),
        linear-gradient(135deg, #5a392b 0%, #3d281f 58%, #281a14 100%);
    box-shadow:
        inset 0 0 0 1px rgba(154,122,90,.23),
        inset 0 1px 0 rgba(220,195,160,.13),
        inset 0 -9px 15px rgba(13,8,5,.35),
        0 4px 0 #120c09,
        0 9px 20px rgba(0, 0, 0, .34);
}
.portal-nav a.active {
    color: #ffe7aa;
    border-color: #796047;
    background:
        repeating-linear-gradient(112deg, rgba(230,210,180,.04) 0 1px, transparent 1px 7px),
        linear-gradient(180deg, rgba(204,177,140,.13), transparent 24%, rgba(15,9,6,.32)),
        linear-gradient(135deg, #563629 0%, #39251d 58%, #251812 100%);
    box-shadow:
        inset 0 0 0 1px rgba(158,126,94,.25),
        inset 0 0 18px rgba(126,91,58,.1),
        inset 0 -9px 15px rgba(13,8,5,.35),
        0 3px 0 #120c09,
        0 8px 20px rgba(0, 0, 0, .36);
}
.portal-nav a.active::before { display: none; }
.portal-nav-icon { width: 27px; color: #e7b85a; font-size: 1.12rem; text-align: center; filter: drop-shadow(0 1px 1px #000); }
.portal-admin-link .portal-nav-icon { color: #e7b85a; }

.portal-rail-status {
    margin-top: auto;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px;
    background: rgba(255,255,255,.025);
    border: 1px solid rgba(255,255,255,.055);
    border-radius: 12px;
}
.portal-rail-status strong { display:block; color:#fff; font-size:.75rem; }
.portal-rail-status small { display:block; margin-top:2px; color:#737b88; font-size:.65rem; }
.portal-live-dot { width: 8px; height: 8px; display:inline-block; border-radius:50%; background:var(--portal-green); box-shadow:0 0 0 4px rgba(54,208,146,.1),0 0 12px rgba(54,208,146,.72); }

.portal-topbar {
    position: sticky;
    top: 0;
    z-index: 1040;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 7px clamp(22px, 4vw, 48px);
    background: rgba(25, 16, 11, .9);
    border-bottom: 1px solid rgba(229, 174, 69, .14);
    backdrop-filter: blur(20px);
}
.portal-topbar-copy span, .portal-topbar-copy strong { display:block; }
.portal-eyebrow { margin-bottom: 4px; color: var(--portal-gold); font-size: .57rem; font-weight: 850; letter-spacing: .2em; }
.portal-topbar-copy strong { color:#e5e7eb; font-size:.82rem; }
.portal-topbar-actions { display:flex; align-items:center; gap:9px; }
.portal-topbar-actions a, .portal-primary-button, .portal-ghost-button, .portal-exit-button {
    display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:38px; padding:0 15px; border-radius:9px; text-decoration:none; font-size:.73rem; font-weight:800; transition:.2s ease;
}
.portal-primary-button { color:#111319; background:linear-gradient(135deg,var(--portal-gold-bright),#c98a26); box-shadow:0 8px 24px rgba(229,174,69,.15); }
.portal-ghost-button { color:#d7dbe2; border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.035); }
.portal-exit-button { color:#ffb7b9; border:1px solid rgba(239,95,100,.25); background:rgba(239,95,100,.08); }
.portal-topbar-actions a:hover { transform:translateY(-1px); filter:brightness(1.08); }

.portal-menu-toggle, .portal-menu-backdrop { display:none; }

.main-layout {
    max-width: 1420px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 32px clamp(18px, 4vw, 56px) 56px !important;
    gap: 24px !important;
    align-items: stretch !important;
}
.left-content { gap: 22px !important; }
.right-sidebar { width: 320px !important; min-width: 320px !important; gap: 18px !important; }

.portal-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 440px;
    height: clamp(440px, 31vw, 485px);
    display: flex;
    align-items: flex-end;
    padding: clamp(28px, 5vw, 58px);
    border: 1px solid var(--portal-line);
    border-radius: 20px;
    box-shadow: var(--portal-shadow);
    /* Tek parça manzara: ultra geniş ekranlarda kahraman görselinin
       solunda oluşan sert dikey ayrımı engeller. Görsel kendi gölgeli
       geçişiyle sağdan akar; metin alanı ayrıca gölgelenir. */
    background-color:#101214;
    background-image:url('../images/hero/hero-party-v2.png');
    background-position:right center;
    background-repeat:no-repeat;
    background-size:auto 100%;
}
.portal-hero::before {
    content:'';
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    display:block;
    width:100%;
    height:100%;
    background:
        linear-gradient(90deg,rgba(15,16,16,.97) 0%,rgba(15,16,16,.94) 24%,rgba(15,16,16,.66) 43%,rgba(15,16,16,.16) 68%,rgba(15,16,16,.03) 100%),
        linear-gradient(180deg,rgba(4,5,6,.12),rgba(4,5,6,.42));
}
.portal-hero::after { content:''; position:absolute; inset:auto 0 0; height:3px; z-index:3; background:linear-gradient(90deg,var(--portal-gold),transparent 70%); }
.portal-hero-content { position:relative; z-index:2; max-width:650px; }
.portal-kicker { color:var(--portal-gold); font-size:.66rem; font-weight:900; letter-spacing:.24em; }
.portal-hero h1 { max-width: 620px; margin:12px 0 14px; color:#fff; font:700 clamp(2rem,4vw,3.6rem)/1.02 Georgia,serif; text-shadow:0 6px 30px rgba(0,0,0,.65); }
.portal-hero p { max-width:560px; margin:0; color:#bcc2cd; font-size:.95rem; line-height:1.75; }
.portal-hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:25px; }
.portal-hero-actions a { min-height:36px; padding:0 13px; }
.portal-mini-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:26px; max-width:560px; }
.portal-mini-stat { padding:12px 14px; background:rgba(4,6,9,.58); border:1px solid rgba(255,255,255,.08); border-radius:10px; backdrop-filter:blur(8px); }
.portal-mini-stat strong { display:block; color:#fff; font-size:1.1rem; }
.portal-mini-stat span { color:#89919e; font-size:.62rem; letter-spacing:.08em; text-transform:uppercase; }

.wow-card {
    background: linear-gradient(145deg, rgba(45,32,22,.96), rgba(24,16,12,.95)) !important;
    border: 1px solid rgba(229,174,69,.18) !important;
    border-radius: var(--portal-radius) !important;
    box-shadow: 0 18px 48px rgba(0,0,0,.28) !important;
    backdrop-filter: blur(16px) !important;
}
.card-title { color:var(--portal-gold-bright) !important; border-color:rgba(229,174,69,.15) !important; letter-spacing:.11em !important; }
.status-widget { background:rgba(79,53,33,.3) !important; border:1px solid rgba(229,174,69,.12); }
.form-control, .form-select {
    color:#fff !important;
    background-color:rgba(31,20,14,.86) !important;
    border-color:rgba(229,174,69,.18) !important;
    box-shadow:none !important;
}
.form-control:focus, .form-select:focus { border-color:var(--portal-gold) !important; box-shadow:0 0 0 3px rgba(229,174,69,.1) !important; }
.wow-btn { background:linear-gradient(135deg,#d09a36,#8b5c15) !important; color:#fff !important; box-shadow:0 10px 30px rgba(208,154,54,.12); }
.tabs a.active { color:var(--portal-gold-bright) !important; border-color:var(--portal-gold) !important; }

footer {
    margin-left: 0 !important;
    min-height: 90px !important;
    background:rgba(24,15,10,.94) !important;
    border-color:rgba(229,174,69,.14) !important;
}

.portal-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.portal-feature-card { padding:20px; border:1px solid rgba(255,255,255,.07); border-radius:13px; background:rgba(255,255,255,.025); }
.portal-feature-card b { display:block; margin-bottom:7px; color:#fff; }
.portal-feature-card p { margin:0; color:#8f97a4; font-size:.78rem; line-height:1.6; }
.portal-feature-icon { width:34px; height:34px; display:grid; place-items:center; margin-bottom:13px; color:var(--portal-gold-bright); border:1px solid rgba(229,174,69,.2); border-radius:9px; background:rgba(229,174,69,.08); }

.chat-card { padding:0!important; overflow:hidden; border-color:rgba(64,201,217,.28)!important; }
.chat-head { display:flex; justify-content:space-between; align-items:center; padding:14px 16px; border-bottom:1px solid rgba(255,255,255,.07); color:var(--portal-cyan); font-size:.8rem; }
.chat-head small { color:#64748b; }
.chat-live { display:inline-block; width:8px; height:8px; margin-right:7px; border-radius:50%; background:var(--portal-green); box-shadow:0 0 9px var(--portal-green); }
.chat-messages { height:300px; overflow-y:auto; padding:12px; background:rgba(2,6,23,.36); scrollbar-width:thin; }
.chat-row { margin-bottom:10px; line-height:1.35; }
.chat-meta { display:flex; gap:6px; align-items:center; font-size:.68rem; color:#64748b; }
.chat-author { max-width:190px; overflow:hidden; color:var(--portal-cyan); font-weight:800; text-overflow:ellipsis; white-space:nowrap; }
.chat-author.gm { color:var(--portal-gold); }
.chat-delete { padding:0 3px; color:#64748b; border:0; background:transparent; cursor:pointer; font-size:.7rem; }
.chat-delete:hover { color:var(--portal-danger); }
.chat-bubble { display:inline-block; margin-top:3px; padding:7px 9px; color:#e5e7eb; border:1px solid rgba(255,255,255,.07); border-radius:3px 12px 12px 12px; background:rgba(255,255,255,.045); font-size:.82rem; overflow-wrap:anywhere; }
.chat-empty { padding:70px 5px; color:#64748b; text-align:center; }
.chat-form { display:flex; gap:7px; padding:10px; border-top:1px solid rgba(255,255,255,.07); }
.chat-form input { min-width:0; flex:1; padding:10px; color:#fff; border:1px solid rgba(255,255,255,.12); border-radius:8px; background:rgba(5,7,10,.7); }
.chat-form input:focus { outline:0; border-color:var(--portal-cyan); box-shadow:0 0 0 3px rgba(64,201,217,.1); }
.chat-form button { width:42px; color:#111319; border:0; border-radius:8px; background:linear-gradient(135deg,var(--portal-gold-bright),#b2761f); cursor:pointer; font-size:1.1rem; }
.chat-error { min-height:18px; padding:0 12px 7px; color:#f87171; font-size:.72rem; }

/* Ortak, kompakt ve üç boyutlu WoW düğme sistemi */
.portal-topbar-actions a,
.portal-primary-button,
.portal-ghost-button,
.portal-exit-button,
.wow-btn,
.btn-update,
.btn-action,
.back-btn,
.tabs a,
button:not(.portal-menu-toggle):not(.chat-delete),
input[type="button"],
input[type="submit"] {
    min-height: 36px !important;
    padding: 0 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px;
    color: #f9e8c5 !important;
    border: 1px solid #604a38 !important;
    border-radius: 5px !important;
    background:
        repeating-linear-gradient(112deg, rgba(230,210,180,.025) 0 1px, transparent 1px 7px),
        linear-gradient(180deg, rgba(197,168,130,.09), transparent 24%, rgba(15,9,6,.38)),
        linear-gradient(135deg, #4b3025, #322119 60%, #211610) !important;
    box-shadow:
        inset 0 0 0 1px rgba(139,109,81,.2),
        inset 0 1px 0 rgba(218,192,157,.1),
        inset 0 -7px 12px rgba(13,8,5,.42),
        0 3px 0 #120c09,
        0 7px 14px rgba(0,0,0,.24) !important;
    font: 800 .76rem/1 Georgia, 'Times New Roman', serif !important;
    letter-spacing: .01em;
    text-decoration: none !important;
    text-shadow: 0 1px 1px #000;
    vertical-align: middle;
    white-space: nowrap;
    transition: transform .16s ease, filter .16s ease, border-color .16s ease !important;
}
.portal-topbar-actions a:hover,
.portal-primary-button:hover,
.portal-ghost-button:hover,
.portal-exit-button:hover,
.wow-btn:hover,
.btn-update:hover,
.btn-action:hover,
.back-btn:hover,
.tabs a:hover,
button:not(.portal-menu-toggle):not(.chat-delete):hover,
input[type="button"]:hover,
input[type="submit"]:hover {
    color: #fff2d0 !important;
    border-color: #84684e !important;
    filter: brightness(1.1) saturate(.92);
    transform: translateY(-1px) !important;
}
.tabs a.active {
    color: #ffe3a2 !important;
    border-color: #796047 !important;
    box-shadow: inset 0 0 16px rgba(126,91,58,.13), 0 3px 0 #120c09, 0 7px 14px rgba(0,0,0,.24) !important;
}
.user-panel-btn {
    width: auto !important;
    min-width: 220px;
    max-width: 100%;
    margin: 0 auto;
}
.chat-form button { width:38px !important; min-width:38px; padding:0 !important; }
button[name="action_unstuck_char"] {
    width:76px !important;
    max-width:100% !important;
    min-height:22px !important;
    margin-left:0;
    padding:2px 4px !important;
    overflow:hidden;
    font:700 8px/1 Arial,sans-serif !important;
    letter-spacing:0 !important;
    line-height:1 !important;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.dashboard-grid .wow-card form:has(button[name="action_unstuck_char"]) { margin-left:0 !important; }
.dashboard-grid .wow-card table th:first-child { width:22% !important; }

/* Düğmeler için tek tip WoW eşya simgesi */
.portal-topbar-actions a::before,
.portal-primary-button::before,
.portal-ghost-button::before,
.portal-exit-button::before,
.wow-btn::before,
.btn-update::before,
.btn-action::before,
.back-btn::before,
.tabs a::before,
button:not(.portal-menu-toggle):not(.chat-delete):not(.chat-form button)::before {
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    flex: 0 0 16px;
    background: url('../images/ui/wow-item-rune-v1.png') center / contain no-repeat;
    filter: drop-shadow(0 1px 2px #000) drop-shadow(0 0 4px rgba(229,174,69,.25));
}
button[name="action_unstuck_char"]::before { display:none; }

/* Giriş yapılmış hesap özeti */
.account-card-lead { margin:-2px 0 18px; color:#ad9f90; font-size:.78rem; }
.account-summary {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0;
    padding:2px 0;
    border-top:1px solid rgba(229,174,69,.14);
    border-bottom:1px solid rgba(229,174,69,.14);
}
.account-fact { min-width:0; padding:16px 18px; }
.account-fact + .account-fact { border-left:1px solid rgba(229,174,69,.14); }
.account-fact span { display:block; margin-bottom:7px; color:#b8a99a; font-size:.69rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.account-fact strong { display:block; overflow:hidden; color:#f4eadb; font-size:.96rem; text-overflow:ellipsis; white-space:nowrap; }
.account-fact-status strong { color:#75d6a4; }
.account-status-dot { display:inline-block; width:8px; height:8px; margin-right:7px; border-radius:50%; background:#43c989; box-shadow:0 0 9px rgba(67,201,137,.72); }
.account-actions { margin-top:18px; text-align:center; }

/* Eski sayfalardaki lacivert/buz mavisi yüzeyleri ortak kahverengi temaya bağla */
body .admin-card,
body .chat-card {
    color:#eadfce !important;
    border:1px solid rgba(116,88,64,.72) !important;
    background:linear-gradient(145deg,rgba(48,33,24,.98),rgba(29,20,15,.97)) !important;
    box-shadow:0 16px 42px rgba(0,0,0,.38) !important;
}
body .admin-card .card-header,
body .chat-head {
    color:#d7b36e !important;
    border-bottom:1px solid rgba(126,96,69,.42) !important;
    background:linear-gradient(180deg,rgba(69,47,34,.97),rgba(43,30,22,.97)) !important;
}
body .admin-card table th,
body .wow-card table th {
    color:#b9aa98 !important;
    border-color:rgba(113,86,63,.42) !important;
    background:#35251c !important;
}
body .admin-card table td,
body .wow-card table td {
    border-color:rgba(105,79,58,.28) !important;
    background-color:transparent !important;
}
body .admin-card table tr:hover td,
body .wow-card table tr:hover td { background:rgba(116,82,55,.12) !important; }
body .admin-card .label-text { color:#b7a999 !important; }
body .admin-card .value-text { color:#eee4d7; }
.chat-card { border-color:rgba(116,88,64,.72) !important; }
.chat-head { color:#d7b36e !important; }
.chat-head small { color:#9d8d7c; }
.chat-messages { background:rgba(24,16,12,.72); }
.chat-form { border-color:rgba(113,86,63,.35); background:rgba(37,25,18,.72); }
.chat-form input { border-color:rgba(126,96,69,.38); background:rgba(22,14,10,.88); }
.chat-form input:focus { border-color:#806349; box-shadow:0 0 0 3px rgba(128,99,73,.14); }

/* Rookery kayalıklarından esinlenen ortak taş yüzey sistemi */
body {
    background-color:#1b1a18 !important;
    background-image:
        linear-gradient(90deg,rgba(25,24,22,.94),rgba(51,47,43,.68)),
        url('../images/backgrounds/wow-portal-bg.png') !important;
}
body::before {
    background:
        radial-gradient(circle at 74% 18%,rgba(132,118,99,.15),transparent 34%),
        linear-gradient(180deg,rgba(65,60,54,.05) 35%,rgba(20,19,18,.76) 100%);
}
.portal-rail,
.portal-topbar {
    background:
        linear-gradient(rgba(28,27,25,.96),rgba(23,22,20,.98)),
        url('../images/ui/rock-surface-v1.webp') center / 360px auto repeat;
    border-color:rgba(149,134,114,.28);
}
.wow-card,
body .admin-card,
body .chat-card,
.portal-feature-card,
.portal-rail-status {
    color:#eee9e1 !important;
    border-color:rgba(145,132,115,.38) !important;
    background:
        linear-gradient(145deg,rgba(51,48,44,.94),rgba(27,26,24,.97)),
        url('../images/ui/rock-surface-v1.webp') center / 380px auto repeat !important;
}
body .admin-card .card-header,
body .chat-head {
    color:#d8c4a1 !important;
    border-color:rgba(145,132,115,.35) !important;
    background:
        linear-gradient(180deg,rgba(69,64,58,.92),rgba(42,39,36,.95)),
        url('../images/ui/rock-surface-v1.webp') center / 330px auto repeat !important;
}
body .admin-card table th,
body .wow-card table th { background:#363330 !important; border-color:rgba(145,132,115,.32) !important; }
.form-control,
.form-select,
.chat-form input { background-color:rgba(28,27,25,.94) !important; border-color:rgba(145,132,115,.38) !important; }

.portal-nav a,
.portal-topbar-actions a,
.portal-primary-button,
.portal-ghost-button,
.portal-exit-button,
.wow-btn,
.btn-update,
.btn-action,
.back-btn,
.tabs a,
button:not(.portal-menu-toggle):not(.chat-delete),
input[type="button"],
input[type="submit"] {
    /* World of UO esintili tek parca, cercevesiz kaya blogu */
    color:#f2e7d3 !important;
    border:0 !important;
    outline:0 !important;
    border-radius:0 !important;
    clip-path:polygon(5px 0,calc(100% - 8px) 0,100% 5px,calc(100% - 1px) calc(100% - 5px),calc(100% - 7px) 100%,5px 100%,0 calc(100% - 6px),1px 5px);
    background:
        linear-gradient(90deg,rgba(255,255,255,.025),transparent 17%,transparent 82%,rgba(0,0,0,.2)),
        linear-gradient(180deg,rgba(225,214,196,.15) 0%,rgba(158,148,132,.06) 11%,rgba(55,53,50,.08) 12%,rgba(27,28,27,.25) 58%,rgba(6,7,7,.58) 100%),
        url('../images/ui/rock-surface-v1.webp') center / 145px auto !important;
    box-shadow:
        inset 0 3px 0 rgba(230,220,203,.1),
        inset 3px 0 7px rgba(220,211,195,.025),
        inset -4px 0 8px rgba(0,0,0,.24),
        inset 0 -9px 0 rgba(5,6,6,.3),
        inset 0 -14px 18px rgba(5,6,6,.24) !important;
    filter:drop-shadow(0 3px 0 #101111) drop-shadow(0 7px 6px rgba(0,0,0,.34));
    text-shadow:0 1px 2px #000,0 0 6px rgba(198,112,59,.15);
    transition:transform .15s ease,filter .15s ease,box-shadow .15s ease;
}
.portal-nav a::after { display:none; }
.portal-nav a:hover,
.portal-topbar-actions a:hover,
.portal-primary-button:hover,
.portal-ghost-button:hover,
.portal-exit-button:hover,
.wow-btn:hover,
.btn-update:hover,
.btn-action:hover,
.back-btn:hover,
.tabs a:hover,
button:not(.portal-menu-toggle):not(.chat-delete):hover,
input[type="button"]:hover,
input[type="submit"]:hover {
    color:#fff8e9 !important;
    filter:brightness(1.13) saturate(.7) drop-shadow(0 3px 0 #101111) drop-shadow(0 9px 8px rgba(0,0,0,.4));
    transform:translateY(-1px);
}
.portal-nav a.active,
.tabs a.active {
    color:#f3dfbb !important;
    border:0 !important;
    background:
        linear-gradient(180deg,rgba(7,8,8,.38),rgba(86,80,70,.05) 44%,rgba(205,190,168,.055) 100%),
        url('../images/ui/rock-surface-v1.webp') center 42% / 145px auto !important;
    box-shadow:inset 0 6px 10px rgba(3,4,4,.52),inset 0 -3px 0 rgba(199,187,166,.055) !important;
    filter:brightness(.92) saturate(.65) drop-shadow(0 2px 0 #101111);
    transform:translateY(2px);
}

/* Bilgi merkezi, rehber, SSS, bagis ve sozlesme */
.portal-rail { overflow-y:auto; scrollbar-width:thin; scrollbar-color:#6f5b45 transparent; }
.portal-info-page { display:grid; gap:20px; width:100%; color:#d9d5cf; }
.portal-info-hero,
.portal-guide-card,
.portal-legal-copy,
.portal-faq-list details,
.portal-guide-card,
.portal-info-hero,
.portal-legal-copy,
.portal-donate-status {

    background:
        linear-gradient(
            180deg,
            rgba(56,22,14,.98),
            rgba(30,11,8,.98)
        ) !important;

    border:1px solid rgba(185,112,65,.32);

    box-shadow:
        inset 0 1px 0 rgba(255,180,120,.04),
        0 14px 34px rgba(0,0,0,.45);
}
.portal-info-hero { padding:28px 30px; border-radius:14px; }
.portal-info-hero > span { display:block; margin-bottom:8px; color:var(--portal-gold-bright); font-size:.72rem; font-weight:900; letter-spacing:.18em; }
.portal-info-hero h1 { margin:0 0 10px; color:#fff6e6; font:900 clamp(1.8rem,3vw,2.7rem)/1.05 Georgia,'Times New Roman',serif; }
.portal-info-hero p { max-width:760px; margin:0; color:#b8b5b0; line-height:1.7; }
.portal-anchor-nav { display:flex; flex-wrap:wrap; gap:9px; margin-top:20px; }
.portal-anchor-nav a { padding:8px 12px; color:#e7dac7; text-decoration:none; border-radius:7px; background:rgba(8,9,9,.46); box-shadow:inset 0 0 0 1px rgba(151,133,110,.2); font-size:.78rem; font-weight:800; }
.portal-anchor-nav a:hover { color:#fff; background:rgba(85,75,62,.5); }
.portal-guide-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.portal-guide-card { position:relative; padding:24px; border-radius:13px; scroll-margin-top:85px; overflow:hidden; }
.portal-guide-card-wide { grid-column:1/-1; }
.portal-guide-card > i { position:absolute; top:10px; right:15px; color:rgba(223,202,165,.16); font:900 2.8rem/1 Georgia,serif; font-style:normal; }
.portal-guide-card h2,.portal-legal-copy h2 { margin:0 0 14px; color:#f0dfc4; font:800 1.18rem/1.25 Georgia,'Times New Roman',serif; }
.portal-guide-card p,.portal-guide-card li,.portal-legal-copy p { color:#bdb9b2; line-height:1.7; }
.portal-guide-card ul,.portal-guide-card ol { display:grid; gap:8px; margin:0; padding-left:22px; }
.portal-guide-card code,.portal-guide-card kbd { color:#e9d7b8; background:#171817; border:1px solid rgba(151,133,110,.28); border-radius:4px; padding:2px 5px; }
.portal-callout { margin-top:17px; padding:14px 16px; color:#cfc8bd; border-left:3px solid #9c8060; background:rgba(10,11,10,.4); line-height:1.6; }
.portal-callout strong { color:#f0d59f; }
.portal-troubleshoot-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.portal-troubleshoot-grid > div { padding:15px; background:rgba(10,11,10,.35); border-radius:8px; }
.portal-troubleshoot-grid b { color:#e9dcc8; }
.portal-troubleshoot-grid p { margin:6px 0 0; }
.portal-info-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; }
.portal-info-actions .wow-btn { width:auto; min-width:180px; }
.portal-faq-list { display:grid; gap:0; padding:8px 22px; border-radius:14px; }
.portal-faq-list details { border:0; border-bottom:1px solid rgba(151,133,110,.2); background:none; box-shadow:none; }
.portal-faq-list details:last-child { border-bottom:0; }
.portal-faq-list summary { padding:18px 36px 18px 2px; color:#eadfce; cursor:inherit; font-weight:850; list-style:none; position:relative; }
.portal-faq-list summary::after { content:'+'; position:absolute; right:5px; color:var(--portal-gold-bright); font-size:1.25rem; }
.portal-faq-list details[open] summary::after { content:'–'; }
.portal-faq-list details p { margin:0 0 18px; color:#aaa7a2; line-height:1.7; }
.portal-donate-status { display:grid; gap:6px; padding:22px; border-radius:13px; text-align:center; }
.portal-donate-status span { color:#958b7d; font-size:.7rem; font-weight:900; letter-spacing:.16em; }
.portal-donate-status strong { color:#e8d4b1; font-size:1.15rem; }
.portal-donate-status small { color:#9f9b95; }
.portal-legal-copy { padding:28px 30px; border-radius:14px; }
.portal-legal-copy h2 { margin-top:24px; }
.portal-legal-copy h2:first-child { margin-top:0; }
.portal-legal-copy p { margin:0; }
.portal-terms-check { display:flex; align-items:flex-start; gap:10px; margin:4px 0 18px; padding:13px 14px; color:#b9b4ac; background:rgba(9,10,10,.32); border-radius:8px; line-height:1.45; font-size:.82rem; }
.portal-terms-check input { width:18px; height:18px; flex:0 0 18px; margin-top:1px; accent-color:#8f7557; }
.portal-terms-check a { color:#e5c893; font-weight:800; }
.portal-privacy-note { margin:-8px 0 18px; padding:0 4px; color:#9f9b95; font-size:.78rem; line-height:1.55; }
.portal-privacy-note a { color:#dfc08b; font-weight:800; }
.portal-legal-notice { margin-bottom:24px; padding:16px 18px; color:#c9c1b4; border-left:3px solid #b99c70; background:rgba(9,10,10,.42); line-height:1.65; }
.portal-legal-notice strong { color:#f0d8ad; }
.portal-footer-links { display:flex; justify-content:center; flex-wrap:wrap; gap:8px 18px; margin-top:10px; }
.portal-footer-links a { color:#cdb58e; text-decoration:none; font-weight:700; }
.portal-footer-links a:hover { color:#fff0ce; text-decoration:underline; }

@media (max-width:760px) {
    .portal-guide-grid,.portal-troubleshoot-grid { grid-template-columns:1fr; }
    .portal-guide-card-wide { grid-column:auto; }
    .portal-info-hero,.portal-guide-card,.portal-legal-copy { padding:21px; }
}

/* v2.19 — WoWCircle esintili yatay portal düzeni */
@media (min-width:981px) {
    body { padding-left:0 !important; }
    .portal-rail {
        position:relative; inset:auto; z-index:1050; width:100%; min-height:82px;
        display:grid; grid-template-columns:250px 1fr; align-items:center;
        padding:0 clamp(24px,4vw,70px); overflow:visible;
        background:linear-gradient(180deg,#071216 0%,#040b0e 100%);
        border:0; border-bottom:1px solid rgba(185,112,65,.45);
        box-shadow:0 14px 44px rgba(0,0,0,.48);
    }
    .portal-brand { padding:0; }
    .portal-brand-mark { width:54px; height:54px; }
    .portal-nav { display:flex; flex-direction:row; align-items:stretch; justify-content:flex-end; gap:0; height:82px; }
    .portal-nav-label,.portal-rail-status { display:none; }
    .portal-nav a {
        min-width:112px; min-height:82px; justify-content:center; padding:10px 15px;
        border-width:0 0 3px; border-color:transparent; border-radius:0 !important;
        background:transparent !important; box-shadow:none !important;
        color:#a9b9b7 !important; font-family:system-ui,sans-serif; font-size:.72rem;
        text-transform:uppercase; letter-spacing:.06em;
    }
    .portal-nav a::after { display:none; }
    .portal-nav a:hover,.portal-nav a.active {
        color:#ffe0a7 !important; border-bottom-color:var(--portal-gold) !important;
        background:linear-gradient(180deg,rgba(185,112,65,.05),rgba(72,213,197,.1)) !important;
        box-shadow:inset 0 -18px 28px rgba(72,213,197,.035) !important;
    }
    .portal-nav-icon { width:auto; font-size:.9rem; }
    .portal-topbar { position:relative; min-height:48px; padding:0 clamp(24px,4vw,70px); }
    .portal-topbar-copy { display:none; }
    .portal-realm-strip { margin:0 auto 0 0; min-height:48px; }
    .portal-realm-strip span { min-width:126px; }
}

@media (min-width:981px) {
    .portal-hero {
        min-height:670px; height:min(76vh,760px); align-items:center; justify-content:center;
        padding:76px 40px 58px; border-width:0 0 1px; border-radius:0;
        background-position:center top; background-size:cover;
    }
    .portal-hero::before {
        background:
            radial-gradient(circle at 50% 30%,rgba(6,25,30,.08),rgba(3,13,17,.46) 52%,rgba(2,8,11,.9) 100%),
            linear-gradient(180deg,rgba(3,11,14,.12),rgba(3,12,15,.76));
    }
    .portal-hero-content { width:min(900px,90%); max-width:none; text-align:center; }
    .portal-hero-content::before {
        content:'ALACA\A WOW'; white-space:pre; display:block; margin-bottom:14px;
        color:#f4c36e; font:900 clamp(4.5rem,9vw,8.6rem)/.72 Georgia,'Times New Roman',serif;
        letter-spacing:-.055em;
        background:linear-gradient(180deg,#fff0a6 0%,#eab04e 35%,#9a4c24 76%,#ffd981 100%);
        -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
        filter:drop-shadow(0 7px 0 #3a160d) drop-shadow(0 20px 35px rgba(0,0,0,.85));
    }
    .portal-kicker { font-size:.72rem; }
    .portal-hero h1 { margin:14px auto 8px; font-size:1.55rem; letter-spacing:.13em; text-transform:uppercase; }
    .portal-hero p { margin-inline:auto; color:#c8d4d1; }
    .portal-hero-actions { justify-content:center; margin-top:22px; }
    .portal-hero-actions a { min-width:190px; min-height:48px; }
    .portal-mini-stats { max-width:780px; margin:30px auto 0; gap:14px; }
    .portal-mini-stat { min-height:78px; display:grid; align-content:center; border-color:rgba(224,177,118,.34); background:linear-gradient(180deg,rgba(15,51,56,.9),rgba(3,18,23,.94)); }
    .portal-mini-stat strong { color:#f2c777; font-size:1.35rem; }
    .main-layout { max-width:1380px !important; }
}

@media (max-width: 1100px) {
    :root { --portal-rail-width: 230px; }
    .portal-nav a { min-height: 40px; padding: 8px 10px; font-size: .8rem; }
    .right-sidebar { width:280px !important; min-width:280px !important; }
}

@media (prefers-reduced-motion: reduce) {
    .portal-brand-mark img { animation:none; }
}

@media (max-width: 900px) {
    body { padding-left:0 !important; }
    .portal-rail { transform:translateX(-105%); transition:transform .25s ease; }
    .portal-rail.is-open { transform:translateX(0); }
    .portal-menu-toggle {
        position:fixed; top:17px; left:16px; z-index:1070; width:40px; height:40px; display:grid; place-content:center; gap:4px; padding:0; border:1px solid rgba(229,174,69,.25); border-radius:9px; background:#0c0f14;
    }
    .portal-menu-toggle span { width:18px; height:2px; display:block; background:var(--portal-gold); }
    .portal-menu-backdrop { position:fixed; inset:0; z-index:1045; background:rgba(0,0,0,.72); }
    .portal-menu-backdrop.is-open { display:block; }
    .portal-topbar { padding-left:70px; }
    .portal-topbar-copy strong { display:none; }
    .main-layout { flex-direction:column !important; }
    .left-content, .right-sidebar { width:100% !important; min-width:0 !important; }
    .portal-feature-grid { grid-template-columns:1fr; }
}

@media (max-width: 620px) {
    .portal-topbar { min-height:58px; padding-right:14px; }
    .portal-ghost-button { display:none !important; }
    .portal-hero { min-height:330px; height:auto; padding:28px 22px; }
    .portal-hero h1 { font-size:2.1rem; }
    .portal-mini-stats { grid-template-columns:1fr 1fr; }
    .portal-mini-stat:last-child { grid-column:1 / -1; }
    .main-layout { padding-left:14px !important; padding-right:14px !important; }
    .account-summary { grid-template-columns:1fr; }
    .account-fact + .account-fact { border-left:0; border-top:1px solid rgba(229,174,69,.14); }
}

/* v2.24 — ALACA WOW görsel birliği: gece manzarası, obsidyen ve eski altın.
   Ana panorama sahnedir; arayüz onun önünde sakin ve okunabilir kalır. */
:root {
    --portal-ink:#090d12;
    --portal-panel:rgba(10,14,19,.90);
    --portal-panel-soft:rgba(19,25,31,.86);
    --portal-line:rgba(201,165,96,.40);
    --portal-gold:#c9a560;
    --portal-gold-bright:#f0d396;
    --portal-cyan:#77b9d6;
    --portal-green:#65d69b;
    --portal-text:#f1eee6;
    --portal-muted:#aeb6b9;
}

body {
    background-color:transparent !important;
    background-image:url('../images/backgrounds/wow-portal-bg.png') !important;
}
body::before { background:none !important; }

body .portal-rail {
    background:linear-gradient(180deg,rgba(7,10,14,.96),rgba(8,12,16,.93)) !important;
    border-right:1px solid rgba(201,165,96,.34) !important;
    box-shadow:18px 0 52px rgba(0,0,0,.42),inset -1px 0 rgba(255,255,255,.035) !important;
}
body .portal-topbar {
    background:rgba(8,12,17,.88) !important;
    border-bottom-color:rgba(201,165,96,.34) !important;
    box-shadow:0 10px 28px rgba(0,0,0,.28) !important;
}
body .portal-nav a {
    color:#cbd0cf !important;
    border-color:transparent !important;
    background:transparent !important;
    box-shadow:none !important;
}
body .portal-nav a:hover,
body .portal-nav a.active {
    color:#fff4d4 !important;
    border-color:rgba(201,165,96,.32) !important;
    background:linear-gradient(90deg,rgba(201,165,96,.19),rgba(201,165,96,.035)) !important;
    box-shadow:inset 3px 0 #d9b76e !important;
}
body .portal-nav-icon,
body .portal-brand em,
body .portal-eyebrow,
body .portal-kicker { color:var(--portal-gold-bright) !important; }

/* Ayrı bir lav sahnesi yerine ana Azeroth panoraması: tek, tutarlı odak. */
body .portal-hero {
    min-height:560px;
    height:min(48vw,720px);
    padding:58px clamp(32px,6vw,96px) 44px;
    border:1px solid rgba(201,165,96,.38) !important;
    border-radius:8px !important;
    background-color:transparent !important;
    background-image:url('../images/backgrounds/wow-portal-bg.png') !important;
    background-position:center center !important;
    background-size:cover !important;
    box-shadow:0 24px 72px rgba(0,0,0,.46),inset 0 0 0 1px rgba(255,255,255,.035) !important;
}
body .portal-hero::before { background:none !important; }
body .portal-hero::after { background:linear-gradient(90deg,#8f7444,#e4c77f 48%,transparent 86%) !important; }
body .portal-hero-content { margin-left:5%; }
body .portal-circle-mark { filter:drop-shadow(0 5px 14px rgba(0,0,0,.7)) !important; }
body .portal-circle-mark span { color:#f7e5bc !important; }
body .portal-circle-mark strong { color:#d8b66d !important; text-shadow:0 2px #6b5430,0 7px #111 !important; }
body .portal-circle-mark em,
body .portal-hero h1 { color:#fff5da !important; }
body .portal-hero p { color:#e1e3dc !important; text-shadow:0 2px 8px rgba(0,0,0,.8); }
body .portal-mini-stat {
    border-color:rgba(224,194,130,.32) !important;
    background:rgba(7,11,15,.66) !important;
    box-shadow:inset 0 1px rgba(255,255,255,.06) !important;
}
body .portal-mini-stat strong,
body .portal-online-total strong { color:#f0d396 !important; text-shadow:0 0 14px rgba(201,165,96,.18) !important; }
body .portal-mini-stat span,
body .portal-mini-stat i { color:#c5c8c0 !important; }

body .main-layout { max-width:1180px !important; margin:34px auto 70px !important; }
body .wow-card,
body .status-widget,
body .public-player-profile,
body .player-hover-card,
body .account-panel,
body .profile-card,
body .character-card,
body .guide-card,
body .faq-card,
body .portal-feature-card,
body .portal-rail-status {
    border-color:rgba(201,165,96,.34) !important;
    background:linear-gradient(145deg,rgba(15,20,26,.93),rgba(7,10,14,.94)) !important;
    box-shadow:0 16px 42px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.045) !important;
}
body .card-title,
body .public-profile-topline,
body .player-preview-section-title,
body .portal-feature-card b,
body .portal-rail-status strong { color:#f0d396 !important; border-color:rgba(201,165,96,.28) !important; }
body .portal-feature-card p,
body .portal-rail-status small { color:#b8c0c1 !important; }
body table thead th,
body .table thead th { color:#f1dfb6 !important; background:rgba(34,39,43,.88) !important; border-color:rgba(201,165,96,.28) !important; }
body table tbody tr,
body .table tbody tr { background:rgba(8,12,17,.76) !important; }
body table tbody tr:nth-child(even),
body .table tbody tr:nth-child(even) { background:rgba(20,25,30,.72) !important; }

body .portal-topbar-actions a,
body .portal-primary-button,
body .portal-ghost-button,
body .portal-exit-button,
body .wow-btn,
body .btn:not(.btn-link) {
    color:#fff3d3 !important;
    border-color:rgba(222,188,119,.62) !important;
    background:linear-gradient(180deg,#4e422d,#252820 58%,#121713) !important;
    box-shadow:inset 0 1px rgba(255,255,255,.16),inset 0 -7px 13px rgba(0,0,0,.34),0 3px 0 #070908 !important;
}
body .portal-topbar-actions a:hover,
body .portal-primary-button:hover,
body .portal-ghost-button:hover,
body .portal-exit-button:hover,
body .wow-btn:hover,
body .btn:not(.btn-link):hover {
    border-color:#f0d396 !important;
    background:linear-gradient(180deg,#746039,#303427 58%,#151914) !important;
    box-shadow:inset 0 1px rgba(255,255,255,.22),inset 0 -7px 13px rgba(0,0,0,.3),0 0 18px rgba(221,184,105,.18) !important;
}

@media (max-width:980px) {
    body .portal-hero { min-height:510px; height:auto; border-radius:0 !important; }
    body .portal-hero-content { width:min(650px,100%); margin:0 auto; }
}

/* v2.25.40: giriş yapılmış ana sayfadaki bilgi panelleri dengeli bir ızgaraya oturur. */
body .main-layout.portal-home-dashboard {
    width:min(1320px,calc(100% - 40px));
    max-width:1320px !important;
    padding:0 20px;
    display:grid !important;
    grid-template-columns:repeat(12,minmax(0,1fr));
    align-items:stretch;
    gap:20px;
}
body .portal-home-dashboard > .left-content {
    grid-column:span 8;
    width:100%;
    min-width:0;
}
body .portal-home-dashboard > .left-content > .wow-card {
    height:100%;
}
body .portal-home-dashboard > .right-sidebar {
    display:contents !important;
}
body .portal-home-dashboard .portal-sidebar-card {
    width:100%;
    height:100%;
    min-width:0;
    margin:0;
}
body .portal-home-dashboard .portal-server-card {
    grid-column:span 4;
}
body .portal-home-dashboard .portal-connection-card,
body .portal-home-dashboard .portal-features-card {
    grid-column:span 6;
}
body .portal-home-dashboard .portal-features-card .portal-feature-grid {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    align-items:stretch;
}
body .portal-home-dashboard .portal-features-card .portal-feature-card {
    height:100%;
}
@media (max-width:1100px) {
    body .main-layout.portal-home-dashboard {
        width:min(820px,calc(100% - 28px));
        padding:0;
    }
    body .portal-home-dashboard > .left-content,
    body .portal-home-dashboard .portal-features-card {
        grid-column:span 12;
    }
    body .portal-home-dashboard .portal-server-card,
    body .portal-home-dashboard .portal-connection-card {
        grid-column:span 6;
    }
}

/* v2.25.59: sıralama ve karakterler solda; dört yardımcı panel sağda 2x2. */
body .main-layout.portal-leaderboard-layout {
    width:min(1520px,calc(100% - 40px)) !important;
    max-width:1520px !important;
    grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) !important;
    gap:24px !important;
}
body .portal-leaderboard-layout > .left-content {
    order:1 !important;
    grid-column:1;
    align-self:start;
}
body .portal-leaderboard-layout > .right-sidebar {
    order:2 !important;
    grid-column:2;
    align-self:start;
}

/* Geniş sol sütunda bütün karakter istatistikleri kendi kolonunda görünür. */
html body .portal-leaderboard-layout .character-stats-card table.character-stats-table:has(.char-unstuck-btn) {
    width:100% !important;
    min-width:0 !important;
    table-layout:fixed !important;
    white-space:normal !important;
}
body .portal-leaderboard-layout .character-stats-table th:nth-child(n+6),
body .portal-leaderboard-layout .character-stats-table td:nth-child(n+6) {
    display:table-cell !important;
}
body .portal-leaderboard-layout .character-stats-table th:nth-child(1),
body .portal-leaderboard-layout .character-stats-table td:nth-child(1) { width:28% !important; }
body .portal-leaderboard-layout .character-stats-table th:nth-child(2),
body .portal-leaderboard-layout .character-stats-table td:nth-child(2) { width:8% !important; }
body .portal-leaderboard-layout .character-stats-table th:nth-child(3),
body .portal-leaderboard-layout .character-stats-table td:nth-child(3) { width:10% !important; }
body .portal-leaderboard-layout .character-stats-table th:nth-child(4),
body .portal-leaderboard-layout .character-stats-table td:nth-child(4) { width:19% !important; }
body .portal-leaderboard-layout .character-stats-table th:nth-child(5),
body .portal-leaderboard-layout .character-stats-table td:nth-child(5) { width:9% !important; }
body .portal-leaderboard-layout .character-stats-table th:nth-child(6),
body .portal-leaderboard-layout .character-stats-table td:nth-child(6) { width:7% !important; }
body .portal-leaderboard-layout .character-stats-table th:nth-child(7),
body .portal-leaderboard-layout .character-stats-table td:nth-child(7) { width:6% !important; }
body .portal-leaderboard-layout .character-stats-table th:nth-child(8),
body .portal-leaderboard-layout .character-stats-table td:nth-child(8) { width:6% !important; }
body .portal-leaderboard-layout .character-stats-table th:nth-child(9),
body .portal-leaderboard-layout .character-stats-table td:nth-child(9) { width:7% !important; }
body .portal-leaderboard-layout .character-compact-stats {
    display:none !important;
}

/* Orta ekranlarda ana içerik önce, yardımcı paneller hemen ardından gelir. */
@media (max-width:1650px) {
    body .main-layout.portal-leaderboard-layout {
        grid-template-columns:minmax(0,1fr) !important;
    }
    body .portal-leaderboard-layout > .left-content,
    body .portal-leaderboard-layout > .right-sidebar {
        grid-column:1;
    }
}

/* v2.25.62: referanstaki üç ana blok birebir aynı genişliktedir. */
@media (min-width:1651px) {
    body .main-layout.portal-leaderboard-layout {
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

/* v2.25.64 final: sağdaki dörtlü sıralama kadar büyük, karakterler iki bloğun toplamı kadar geniş. */
@media (min-width:1651px) {
    body .portal-leaderboard-layout > .right-sidebar {
        align-self:stretch !important;
        height:100% !important;
        grid-template-rows:repeat(2,minmax(0,1fr)) !important;
    }
    body .portal-leaderboard-layout .portal-server-card,
    body .portal-leaderboard-layout .portal-connection-card,
    body .portal-leaderboard-layout .portal-feature-card {
        height:100% !important;
    }
    body .portal-leaderboard-layout > .left-content > .character-stats-card {
        width:100% !important;
        max-width:none !important;
        justify-self:stretch !important;
    }
}

/* Telefon genişliğinde ikincil değerler ilk hücrede kompakt ve eksiksiz kalır. */
@media (max-width:760px) {
    body .portal-leaderboard-layout .character-stats-table th:nth-child(n+6),
    body .portal-leaderboard-layout .character-stats-table td:nth-child(n+6) {
        display:none !important;
    }
    body .portal-leaderboard-layout .character-stats-table th:nth-child(1),
    body .portal-leaderboard-layout .character-stats-table td:nth-child(1) { width:32% !important; }
    body .portal-leaderboard-layout .character-stats-table th:nth-child(2),
    body .portal-leaderboard-layout .character-stats-table td:nth-child(2) { width:10% !important; }
    body .portal-leaderboard-layout .character-stats-table th:nth-child(3),
    body .portal-leaderboard-layout .character-stats-table td:nth-child(3) { width:16% !important; }
    body .portal-leaderboard-layout .character-stats-table th:nth-child(4),
    body .portal-leaderboard-layout .character-stats-table td:nth-child(4) { width:27% !important; }
    body .portal-leaderboard-layout .character-stats-table th:nth-child(5),
    body .portal-leaderboard-layout .character-stats-table td:nth-child(5) { width:15% !important; }
    body .portal-leaderboard-layout .character-compact-stats {
        display:flex !important;
    }
}
@media (max-width:720px) {
    body .main-layout.portal-home-dashboard {
        grid-template-columns:1fr;
        gap:14px;
    }
    body .portal-home-dashboard > .left-content,
    body .portal-home-dashboard .portal-sidebar-card {
        grid-column:1;
    }
    body .portal-home-dashboard .portal-features-card .portal-feature-grid {
        grid-template-columns:1fr !important;
    }
}

/* v2.25.41: yan panel diğer sayfalarda tek sütun kalır; sol navigasyon daraltılabilir. */
body .right-sidebar .portal-feature-grid {
    grid-template-columns:1fr !important;
}
body .portal-home-dashboard .portal-features-card .portal-feature-grid {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.portal-rail-toggle {
    display:none;
}
@media (min-width:981px) {
    body,
    body .portal-rail,
    body .portal-brand,
    body .portal-nav a,
    body .portal-rail-status,
    body .portal-rail-actions {
        transition:padding .24s ease,width .24s ease,gap .24s ease,opacity .18s ease,transform .24s ease;
    }
    body .portal-rail-toggle {
        position:absolute;
        top:112px;
        right:-17px;
        z-index:3;
        width:34px !important;
        min-width:34px !important;
        height:58px !important;
        min-height:58px !important;
        padding:0 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        border:1px solid rgba(219,190,126,.62) !important;
        border-radius:0 18px 18px 0 !important;
        color:#f7dfaa !important;
        background:linear-gradient(180deg,#283740,#111a20) !important;
        box-shadow:inset 0 1px rgba(255,255,255,.1),4px 0 16px rgba(0,0,0,.42) !important;
        cursor:pointer;
        transform:none !important;
    }
    body .portal-rail-toggle::before {
        display:none !important;
        content:none !important;
    }
    body .portal-rail-toggle:hover,
    body .portal-rail-toggle:focus-visible {
        color:#fff7df !important;
        border-color:#f0d396 !important;
        background:linear-gradient(180deg,#435967,#1c2a32) !important;
        box-shadow:0 0 18px rgba(106,168,196,.28),inset 0 1px rgba(255,255,255,.12) !important;
        outline:none;
    }
    .portal-rail-toggle-icon {
        display:block;
        font:900 2rem/1 Georgia,serif;
        transform:translateX(-1px);
    }
    html.portal-rail-collapsed body {
        padding-left:78px !important;
    }
    html.portal-rail-collapsed body .portal-rail {
        width:78px !important;
        padding:24px 10px 18px !important;
        overflow:visible;
    }
    html.portal-rail-collapsed body .portal-brand {
        justify-content:center;
        padding:0 0 24px !important;
    }
    html.portal-rail-collapsed body .portal-brand > span:last-child,
    html.portal-rail-collapsed body .portal-nav-label,
    html.portal-rail-collapsed body .portal-nav a > span:last-child,
    html.portal-rail-collapsed body .portal-rail-status,
    html.portal-rail-collapsed body .portal-rail-actions {
        display:none !important;
    }
    html.portal-rail-collapsed body .portal-brand-mark {
        width:48px !important;
        height:48px !important;
        margin:0 !important;
    }
    html.portal-rail-collapsed body .portal-nav {
        gap:8px;
    }
    html.portal-rail-collapsed body .portal-nav a {
        width:56px;
        min-width:56px;
        min-height:50px;
        padding:0 !important;
        justify-content:center !important;
        position:relative;
    }
    html.portal-rail-collapsed body .portal-nav a[data-rail-tooltip]::after {
        content:attr(data-rail-tooltip);
        position:absolute;
        left:calc(100% + 12px);
        top:50%;
        z-index:1080;
        min-width:max-content;
        padding:9px 13px;
        border:1px solid rgba(240,211,150,.62);
        border-radius:6px;
        color:#fff3d3;
        background:linear-gradient(135deg,rgba(25,34,40,.98),rgba(8,14,18,.98));
        box-shadow:0 10px 28px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.08);
        font:800 .76rem/1.15 system-ui,sans-serif;
        letter-spacing:.025em;
        white-space:nowrap;
        pointer-events:none;
        opacity:0;
        visibility:hidden;
        transform:translate(6px,-50%);
        transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
    }
    html.portal-rail-collapsed body .portal-nav a[data-rail-tooltip]::before {
        content:'';
        display:block !important;
        position:absolute;
        left:calc(100% + 6px);
        top:50%;
        z-index:1081;
        width:10px;
        height:10px;
        border-left:1px solid rgba(240,211,150,.62);
        border-bottom:1px solid rgba(240,211,150,.62);
        background:#172128;
        pointer-events:none;
        opacity:0;
        visibility:hidden;
        transform:translate(6px,-50%) rotate(45deg);
        transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
    }
    html.portal-rail-collapsed body .portal-nav a[data-rail-tooltip]:hover::after,
    html.portal-rail-collapsed body .portal-nav a[data-rail-tooltip]:focus-visible::after {
        opacity:1;
        visibility:visible;
        transform:translate(0,-50%);
    }
    html.portal-rail-collapsed body .portal-nav a[data-rail-tooltip]:hover::before,
    html.portal-rail-collapsed body .portal-nav a[data-rail-tooltip]:focus-visible::before {
        opacity:1;
        visibility:visible;
        transform:translate(0,-50%) rotate(45deg);
    }
    html.portal-rail-collapsed body .portal-nav-icon {
        width:auto !important;
        margin:0 !important;
        font-size:1.1rem !important;
    }
    html.portal-rail-collapsed body .portal-rail-toggle {
        top:100px;
    }
}

/* Eski, yüksek seçicilikli liste ve SSS başlıklarının son nötrlemesi. */
body .wow-card table th,
body .admin-card table th,
body table thead th,
body table thead td {
    color:#f1dfb6 !important;
    background:rgba(34,39,43,.94) !important;
    border-color:rgba(201,165,96,.28) !important;
}
body .portal-faq-list details,
body .portal-faq-list summary {
    color:#f1dfb6 !important;
    background:rgba(15,20,26,.93) !important;
    border-color:rgba(201,165,96,.2) !important;
    box-shadow:none !important;
}
body .portal-faq-list details:nth-child(even),
body .portal-faq-list details:nth-child(even) summary { background:rgba(21,28,34,.91) !important; }
body .portal-faq-list details[open],
body .portal-faq-list details[open] summary { background:rgba(39,48,56,.72) !important; }

/* v2.24.7 — Dosyanın nihai katmanı: ultra geniş kahraman geçidi. */
body .portal-hero {
    width:min(2320px,96vw) !important;
    max-width:none !important;
    min-height:390px !important;
    height:min(23vw,460px) !important;
    background-image:url('../images/backgrounds/wow-portal-bg.png') !important;
    background-position:center !important;
    background-size:cover !important;
}
body .portal-hero::before {
    z-index:1 !important;
    inset:0 !important;
    opacity:1 !important;
    background:url('../images/hero/hero-race-parade-v1.png') center bottom / contain no-repeat !important;
    transform:translateX(-30px);
    animation:alacaHeroParadeMove 4.6s ease-in-out infinite alternate !important;
    will-change:transform;
}
body .portal-hero-content { z-index:2 !important; }
@keyframes alacaHeroParadeMove {
    from { transform:translateX(-30px); }
    to { transform:translateX(30px); }
}
@media (prefers-reduced-motion:reduce) {
    body .portal-hero::before { animation:none !important; transform:none !important; }
}

/* Hero'dan bağımsız hızlı erişim şeridi. */
body .portal-quick-actions {
    width:min(2320px,96vw);
    margin:-18px auto 32px;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px;
}
body .portal-quick-actions a {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0 18px;
    text-decoration:none;
}

/* Eski teslimat konsolundaki sayfa içi kahverengi kutular. */
body .wow-card table form,
body .wow-card .delivery-console,
body .wow-card .mail-console,
body .wow-card .admin-inline-panel,
body .wow-card .account-actions-panel,
body .wow-card .form-row,
body .delivery-console,
body .mail-console {
    color:#edf0ea !important;
    background:linear-gradient(145deg,rgba(18,24,30,.96),rgba(8,12,17,.98)) !important;
    border-color:rgba(201,165,96,.28) !important;
    box-shadow:inset 0 1px rgba(255,255,255,.04) !important;
}
body .wow-card table form input,
body .wow-card table form select,
body .wow-card table form textarea {
    color:#edf0ea !important;
    background:#080d12 !important;
    border-color:rgba(201,165,96,.34) !important;
}
body .chat-card .chat-head,
body .chat-card .chat-messages,
body .chat-card .chat-form,
body .chat-card .chat-error {
    color:#edf0ea !important;
    background:linear-gradient(145deg,rgba(15,20,26,.96),rgba(7,10,14,.97)) !important;
    border-color:rgba(201,165,96,.28) !important;
}

/* Eski hesap sayfalarındaki geç gelen kızıl tablo ve sohbet yüzeyleri. */
body .admin-card,
body .admin-card .form-body,
body .admin-card table,
body .admin-card tbody,
body .admin-card td,
body .admin-card .chat-body,
body .admin-card .chat-content {
    color:#edf0ea !important;
    background:linear-gradient(145deg,rgba(15,20,26,.96),rgba(7,10,14,.97)) !important;
    border-color:rgba(201,165,96,.24) !important;
}
body .admin-card .card-header,
body .admin-card thead,
body .admin-card th {
    color:#f0d396 !important;
    background:linear-gradient(180deg,rgba(40,45,48,.97),rgba(16,20,25,.99)) !important;
    border-color:rgba(201,165,96,.34) !important;
}
body .admin-card tr:hover td { background:rgba(201,165,96,.07) !important; }

/* v2.24.6 — Ultra geniş ekran sahnesi ve eski bağımsız sayfalar. */
body .portal-hero {
    width:min(2160px,96vw) !important;
    min-height:350px !important;
    height:min(22vw,430px) !important;
    --alaca-parade-x:0px;
    background-position:calc(50% + var(--alaca-parade-x)) bottom,center !important;
    animation:alacaRaceParade 7s ease-in-out infinite alternate !important;
}
@property --alaca-parade-x {
    syntax:'<length>';
    inherits:false;
    initial-value:0px;
}
@keyframes alacaRaceParade {
    from { --alaca-parade-x:-24px; }
    to { --alaca-parade-x:24px; }
}
@media (prefers-reduced-motion:reduce) {
    body .portal-hero { animation:none !important; }
}

/* Eski yönetim ve profil sayfalarının sayfa içi kahverengi tanımlarını nötrleştirir. */
body .admin-card,
body .wow-card,
body .wow-navbar {
    color:#edf0ea !important;
    border-color:rgba(201,165,96,.34) !important;
    background:linear-gradient(145deg,rgba(15,20,26,.95),rgba(7,10,14,.96)) !important;
    box-shadow:0 16px 42px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.045) !important;
}
body .admin-card .card-header,
body .wow-card .card-header,
body .wow-navbar {
    color:#f0d396 !important;
    border-bottom-color:rgba(201,165,96,.34) !important;
    background:linear-gradient(180deg,rgba(40,45,48,.96),rgba(16,20,25,.98)) !important;
}
body .admin-card td,
body .wow-card td { color:#d7dddc !important; border-color:rgba(201,165,96,.14) !important; }
body .admin-card tr:hover td,
body .wow-card tr:hover td { background:rgba(201,165,96,.06) !important; }
body .legacy-admin-title { border-bottom-color:rgba(201,165,96,.42) !important; }
body .legacy-admin-title h1 { color:#f1dfb6 !important; }
body .legacy-admin-back {
    color:#fff3d3 !important;
    border:1px solid rgba(222,188,119,.62) !important;
    background:linear-gradient(180deg,#4e422d,#252820 58%,#121713) !important;
    box-shadow:inset 0 1px rgba(255,255,255,.16),inset 0 -7px 13px rgba(0,0,0,.34),0 3px 0 #070908 !important;
}
body .legacy-admin-back:hover { color:#fff8e7 !important; border-color:#f0d396 !important; background:linear-gradient(180deg,#746039,#303427 58%,#151914) !important; }

/* Form ve işlem butonları: metin solda, ikon ve alanlar düzenli kalsın. */
body .admin-card .wow-btn,
body .admin-card .btn-action,
body .admin-card .btn-update,
body .admin-card .char-unstuck-btn,
body .wow-card .wow-btn,
body .wow-card .btn-action,
body .wow-card .btn-update,
body .wow-card .char-unstuck-btn {
    text-align:left !important;
    justify-content:flex-start !important;
    padding-left:14px !important;
}

.online-player-link {
    display:inline-flex;
    flex-direction:column;
    gap:2px;
    color:#efe2c9;
    font-weight:800;
    text-decoration:none;
}
.online-player-link small { color:#9e8d79; font-size:.63rem; font-weight:700; letter-spacing:.04em; }
.online-player-link:hover { color:#fff4d6; }
.online-player-link:hover small { color:#d5b776; }
.char-unstuck-form { display:inline-block; margin:0; max-width:100%; }
button[name="action_unstuck_char"].char-unstuck-btn { width:auto !important; max-width:100%; min-height:0 !important; padding:5px 9px !important; overflow:hidden; color:#fff !important; border:1px solid rgba(111,255,154,.36) !important; border-radius:7px; background:linear-gradient(180deg,#36cf62,#16963c) !important; box-shadow:0 0 9px rgba(48,222,101,.52),inset 0 1px rgba(255,255,255,.32); font:800 8px/1 Arial,sans-serif !important; letter-spacing:0 !important; text-overflow:ellipsis; text-shadow:0 1px 1px rgba(0,0,0,.45); white-space:nowrap; }
button[name="action_unstuck_char"].char-unstuck-btn:hover { filter:brightness(1.12); }
.online-player-link.is-admin-link::after { content:'⚜'; margin-left:5px; color:#c99b48; }
.public-player-profile { overflow:hidden; padding:0 !important; }
.public-profile-topline {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:17px 22px;
    color:#d9bd84;
    border-bottom:1px solid rgba(167,137,91,.28);
    background:rgba(22,19,16,.72);
    font-size:.72rem;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.public-profile-identity { display:flex; align-items:center; gap:18px; padding:28px 30px 22px; }
.public-profile-avatar {
    width:76px;
    height:76px;
    display:grid;
    place-items:center;
    flex:0 0 auto;
    color:#d5b069;
    border:1px solid rgba(151,119,74,.5);
    background:linear-gradient(145deg,#44382c,#181715);
    box-shadow:inset 0 0 18px rgba(0,0,0,.55),0 8px 18px rgba(0,0,0,.3);
    font-size:1.8rem;
    clip-path:polygon(8% 0,92% 4%,100% 15%,96% 90%,84% 100%,7% 96%,0 82%,3% 12%);
}
.public-profile-identity h1 { margin:3px 0; color:#fff4df; font:800 2rem/1 Georgia,'Times New Roman',serif; }
.public-profile-identity p { margin:0; color:#b6aa9b; }
.public-profile-status { color:#a69d91; font-size:.7rem; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.public-profile-status.is-online { color:#38d996; }
.public-profile-facts { display:grid; grid-template-columns:repeat(3,minmax(150px,1fr)); gap:1px; margin:0 30px 26px; background:rgba(173,136,83,.18); }
.public-profile-facts > div { min-height:88px; padding:17px 18px; background:rgba(25,22,19,.96); }
.public-profile-facts span { display:block; margin-bottom:7px; color:#998d7e; font-size:.67rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.public-profile-facts strong { color:#f0dfc5; }
.public-class-lore {
    display:grid;
    grid-template-columns:108px 1fr;
    gap:22px;
    align-items:center;
    margin:0 30px 28px;
    padding:21px;
    border:1px solid rgba(153,120,73,.34);
    background:linear-gradient(135deg,rgba(48,40,32,.9),rgba(20,18,16,.96));
    box-shadow:inset 0 0 28px rgba(0,0,0,.3);
}
.public-class-lore img { width:108px; height:108px; object-fit:cover; border:2px solid rgba(189,151,83,.55); border-radius:50%; box-shadow:0 0 0 4px rgba(20,18,16,.85),0 7px 20px rgba(0,0,0,.45); }
.public-class-lore span { color:#a99169; font-size:.67rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.public-class-lore h2 { margin:4px 0 9px; color:#f1d37f; font:800 1.45rem/1 Georgia,'Times New Roman',serif; }
.public-class-lore p { margin:0 0 10px; color:#d1c7b8; line-height:1.65; }
.public-class-lore strong { color:#f0e5d3; font-size:.85rem; }
.public-profile-privacy { margin:0; padding:15px 30px 18px; color:#a99d8e; border-top:1px solid rgba(167,137,91,.18); background:rgba(72,52,34,.15); font-size:.78rem; line-height:1.6; }
@media (max-width:700px) { .public-profile-facts { grid-template-columns:1fr 1fr; margin-inline:18px; } .public-profile-identity { padding-inline:18px; } .public-profile-topline { align-items:flex-start; } }
@media (max-width:700px) { .public-class-lore { grid-template-columns:76px 1fr; margin-inline:18px; } .public-class-lore img { width:76px; height:76px; } }
@media (max-width:460px) { .public-profile-facts { grid-template-columns:1fr; } .public-class-lore { grid-template-columns:1fr; } }

.player-hover-card {
    position:fixed;
    z-index:2200;
    width:min(390px,calc(100vw - 24px));
    max-height:min(620px,calc(100vh - 24px));
    overflow:auto;
    padding:15px;
    color:#ddd2c2;
    border:1px solid rgba(171,133,76,.58);
    background:linear-gradient(145deg,rgba(42,34,27,.98),rgba(14,14,14,.99));
    box-shadow:0 22px 60px rgba(0,0,0,.72),inset 0 0 28px rgba(0,0,0,.34);
    clip-path:polygon(7px 0,calc(100% - 10px) 0,100% 9px,calc(100% - 3px) calc(100% - 8px),calc(100% - 12px) 100%,8px 100%,0 calc(100% - 9px),2px 7px);
    opacity:0;
    visibility:hidden;
    transform:translateY(7px) scale(.985);
    pointer-events:none;
    transition:opacity .14s ease,transform .14s ease,visibility .14s;
    font-size:.8rem;
}
.player-hover-card.is-visible { opacity:1; visibility:visible; transform:none; }
.player-hover-card.is-loading { color:#bba98e; min-height:74px; display:grid; place-items:center; }
.player-preview-header { display:flex; gap:13px; align-items:center; padding-bottom:13px; border-bottom:1px solid rgba(171,133,76,.22); }
.player-preview-header img { width:64px; height:64px; flex:0 0 auto; object-fit:cover; border:2px solid #8f6b38; border-radius:50%; box-shadow:0 0 0 3px #171411; }
.player-preview-identity { display:flex; min-width:0; flex-direction:column; gap:3px; }
.player-preview-identity span { color:#a79d90; font-size:.62rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.player-preview-identity span.is-online { color:#40dc9a; }
.player-preview-identity strong { color:#fff0cf; font:800 1.15rem/1.1 Georgia,'Times New Roman',serif; }
.player-preview-identity small { color:#b4a999; overflow-wrap:anywhere; }
.player-preview-facts { display:flex; flex-wrap:wrap; gap:6px; padding:10px 0; }
.player-preview-facts span { padding:5px 8px; color:#c6b9a7; background:rgba(117,88,53,.18); border:1px solid rgba(153,117,68,.18); }
.player-preview-section-title { margin:3px 0 7px; color:#d8b875; font-size:.66rem; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.player-preview-paperdoll { display:grid; grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr); gap:6px; align-items:center; }
.paperdoll-slots { display:grid; gap:4px; }
.paperdoll-slots-left { grid-column:1; grid-row:1; align-self:center; }
.paperdoll-figure { grid-column:2; grid-row:1; }
.paperdoll-slots-right { grid-column:3; grid-row:1; align-self:center; }
.paperdoll-slots-lower { grid-column:1 / -1; grid-row:2; display:flex; flex-wrap:wrap; justify-content:center; gap:4px; }
.paperdoll-gear-summary { grid-column:1 / -1; grid-row:3; }
.paperdoll-figure { position:relative; min-height:226px; display:grid; place-items:center; overflow:hidden; border:1px solid rgba(171,133,76,.42); background:radial-gradient(circle at 50% 30%,rgba(83,116,128,.36),rgba(14,15,16,.94) 70%); box-shadow:inset 0 0 34px rgba(0,0,0,.58); }
.paperdoll-figure::before { content:''; position:absolute; inset:8px; border:1px solid rgba(212,178,118,.18); clip-path:polygon(50% 0,96% 18%,100% 82%,50% 100%,0 82%,4% 18%); }
.paperdoll-figure img { position:relative; z-index:1; width:78px; height:78px; object-fit:cover; border:2px solid rgba(220,183,111,.72); border-radius:50%; box-shadow:0 0 0 5px rgba(10,10,10,.7),0 0 24px rgba(85,165,203,.24); }
.paperdoll-figure span { position:absolute; z-index:2; right:5px; bottom:8px; left:5px; overflow:hidden; color:#f2dfbc; font:700 .67rem/1 Georgia,serif; text-align:center; text-overflow:ellipsis; white-space:nowrap; }
.paperdoll-item { display:flex; align-items:center; min-width:0; min-height:32px; padding:3px; border-left:2px solid #858585; background:rgba(0,0,0,.3); cursor:inherit; }
.paperdoll-slots-right .paperdoll-item { border-right:2px solid #858585; border-left:0; flex-direction:row-reverse; text-align:right; }
.paperdoll-item img { width:26px; height:26px; flex:0 0 26px; margin-right:5px; object-fit:cover; border:1px solid rgba(206,174,116,.46); background:#171411; }
.paperdoll-slots-right .paperdoll-item img { margin-right:0; margin-left:5px; }
.paperdoll-item div { min-width:0; }
.paperdoll-item span { display:block; color:#948a7d; overflow:hidden; font-size:.52rem; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }
.paperdoll-item strong { display:block; color:#d7d0c5; overflow:hidden; font-size:.61rem; text-overflow:ellipsis; white-space:nowrap; }
.paperdoll-item.quality-2 { border-left-color:#1eff00; }.paperdoll-item.quality-3 { border-left-color:#0070dd; }.paperdoll-item.quality-4 { border-left-color:#a335ee; }.paperdoll-item.quality-5 { border-left-color:#ff8000; }.paperdoll-item.quality-6 { border-left-color:#e6cc80; }
.paperdoll-slots-right .paperdoll-item.quality-2 { border-right-color:#1eff00; }.paperdoll-slots-right .paperdoll-item.quality-3 { border-right-color:#0070dd; }.paperdoll-slots-right .paperdoll-item.quality-4 { border-right-color:#a335ee; }.paperdoll-slots-right .paperdoll-item.quality-5 { border-right-color:#ff8000; }.paperdoll-slots-right .paperdoll-item.quality-6 { border-right-color:#e6cc80; }
.player-preview-empty,.player-preview-footnote { grid-column:1/-1; margin:0; color:#9f9486; font-size:.7rem; }
.player-preview-footnote { margin-top:10px; padding-top:9px; border-top:1px solid rgba(171,133,76,.18); line-height:1.5; }
@media (hover:none) { .player-hover-card { display:none !important; } }
@media (max-width:460px) { .player-preview-paperdoll { grid-template-columns:1fr; }.paperdoll-figure { min-height:122px; order:-1; }.paperdoll-slots { grid-template-columns:1fr 1fr; }.paperdoll-slots-right .paperdoll-item { flex-direction:row; text-align:left; border-right:0; border-left:2px solid #858585; }.paperdoll-slots-right .paperdoll-item img { margin-left:0; margin-right:5px; } }

/* ALACA REALM — gece petrolü / eskitilmiş bakır tema */
:root {
    --portal-ink:#061014;
    --portal-panel:rgba(10,27,32,.94);
    --portal-panel-soft:rgba(15,42,47,.91);
    --portal-line:rgba(185,112,65,.38);
    --portal-gold:#bb7548;
    --portal-gold-bright:#e0b176;
    --portal-cyan:#48d5c5;
    --portal-green:#42dda2;
    --portal-text:#edf4f1;
    --portal-muted:#94aaa9;
    --portal-danger:#ef7474;
    --portal-shadow:0 25px 75px rgba(0,0,0,.52);
}

body {
    background-color:#061014 !important;
    background-image:
        radial-gradient(circle at 78% 5%,rgba(36,119,119,.18),transparent 36%),
        linear-gradient(110deg,rgba(3,12,16,.98),rgba(7,29,34,.87) 54%,rgba(16,38,41,.72)),
        url('../images/backgrounds/wow-portal-bg.png') !important;
}
body::before { background:linear-gradient(180deg,rgba(3,13,17,.1),rgba(2,9,12,.76)); }

.portal-rail {
    background:
        linear-gradient(180deg,rgba(5,21,26,.98),rgba(4,14,18,.99)),
        repeating-linear-gradient(118deg,rgba(255,255,255,.02) 0 1px,transparent 1px 8px);
    border-right-color:rgba(185,112,65,.34);
    box-shadow:18px 0 65px rgba(0,0,0,.45),inset -1px 0 rgba(72,213,197,.06);
}
.portal-brand em,.portal-eyebrow,.portal-kicker { color:var(--portal-gold-bright); }
.portal-brand small,.portal-nav-label { color:#78908f; }

.portal-nav a,
.portal-topbar-actions a,
.portal-primary-button,.portal-ghost-button,.portal-exit-button,
.wow-btn,.btn:not(.btn-link),button:not(.portal-menu-toggle):not(.chat-delete) {
    color:#f5e7d2 !important;
    border:1px solid rgba(165,99,60,.6) !important;
    border-radius:4px !important;
    background:
        linear-gradient(180deg,rgba(113,74,49,.78),rgba(31,43,42,.96) 48%,rgba(8,24,28,.98)) !important;
    box-shadow:inset 0 1px rgba(255,220,174,.16),inset 0 -8px 16px rgba(0,0,0,.28),0 3px 0 #030a0d,0 8px 18px rgba(0,0,0,.28) !important;
    text-shadow:0 1px 2px #000 !important;
}
.portal-nav a:hover,.portal-nav a.active,
.portal-topbar-actions a:hover,.portal-primary-button:hover,.portal-ghost-button:hover,
.wow-btn:hover,.btn:not(.btn-link):hover,button:not(.portal-menu-toggle):not(.chat-delete):hover {
    color:#fff5dd !important;
    border-color:rgba(224,177,118,.72) !important;
    background:linear-gradient(180deg,rgba(145,88,51,.9),rgba(24,67,67,.98) 52%,rgba(7,31,36,.99)) !important;
    box-shadow:inset 0 1px rgba(255,231,190,.22),inset 0 -7px 16px rgba(0,0,0,.3),0 3px 0 #030a0d,0 0 22px rgba(72,213,197,.12) !important;
}
.portal-nav a::after { border-color:rgba(224,177,118,.11); }
.portal-nav-icon { color:#d89b61; }

.portal-topbar {
    min-height:64px;
    background:linear-gradient(90deg,rgba(4,17,21,.97),rgba(9,32,36,.94),rgba(5,19,24,.97));
    border-bottom-color:rgba(185,112,65,.35);
    box-shadow:0 12px 35px rgba(0,0,0,.24);
}
.portal-realm-strip { display:flex; align-self:stretch; align-items:stretch; margin:-7px auto; }
.portal-realm-strip span {
    display:grid; place-items:center; min-width:96px; padding:0 16px;
    color:#789391; border-inline-start:1px solid rgba(185,112,65,.18);
    font:800 .65rem/1 system-ui,sans-serif; letter-spacing:.11em;
}
.portal-realm-strip span:last-child { border-inline-end:1px solid rgba(185,112,65,.18); }
.portal-realm-strip .is-active { color:#ffe0a7; background:linear-gradient(180deg,rgba(185,112,65,.2),rgba(72,213,197,.06)); box-shadow:inset 0 -2px var(--portal-cyan); }

.portal-hero {
    min-height:465px;
    border-color:rgba(185,112,65,.5);
    background-color:#071317;
    box-shadow:0 26px 70px rgba(0,0,0,.48),inset 0 0 65px rgba(11,50,55,.2);
}
.portal-hero::before {
    background:
        linear-gradient(90deg,rgba(4,17,21,.99) 0%,rgba(4,18,22,.94) 30%,rgba(5,24,28,.61) 50%,rgba(3,12,16,.08) 77%),
        linear-gradient(180deg,rgba(4,16,20,.08),rgba(2,10,13,.56));
}
.portal-hero::after { height:2px; background:linear-gradient(90deg,var(--portal-gold-bright),var(--portal-cyan) 48%,transparent 88%); }
.portal-hero h1 { color:#fff9eb; text-shadow:0 7px 30px #000; }
.portal-hero p { color:#afc2c0; }
.portal-mini-stat { background:rgba(2,12,16,.73); border-color:rgba(72,213,197,.14); border-radius:5px; }
.portal-mini-stat span { color:#789392; }

.wow-card,.status-widget,.public-player-profile,.player-hover-card,
.account-panel,.profile-card,.character-card,.guide-card,.faq-card {
    color:var(--portal-text) !important;
    border-color:rgba(185,112,65,.34) !important;
    background:linear-gradient(145deg,rgba(13,38,42,.95),rgba(5,19,24,.97)) !important;
    box-shadow:0 18px 48px rgba(0,0,0,.35),inset 0 1px rgba(72,213,197,.04) !important;
}
.card-title,.public-profile-topline,.player-preview-section-title { color:#e5bd83 !important; border-color:rgba(185,112,65,.25) !important; }
.chat-card { border-color:rgba(185,112,65,.35) !important; }
.chat-head { color:var(--portal-cyan); background:rgba(10,38,42,.7); border-color:rgba(185,112,65,.2); }
.chat-messages,.chat-bubble { background:rgba(2,13,17,.63); }
.form-control,.form-select,input,select,textarea {
    color:#edf4f1 !important; background-color:rgba(3,17,21,.9) !important; border-color:rgba(185,112,65,.32) !important;
}
.form-control:focus,.form-select:focus,input:focus,select:focus,textarea:focus { border-color:var(--portal-cyan) !important; box-shadow:0 0 0 3px rgba(72,213,197,.1) !important; }

table thead th,.table thead th { color:#d7c3a5 !important; background:#102d32 !important; border-color:rgba(185,112,65,.26) !important; }
table tbody tr,.table tbody tr { background:rgba(6,22,27,.82) !important; }
table tbody tr:nth-child(even),.table tbody tr:nth-child(even) { background:rgba(10,34,38,.76) !important; }
table td,.table td { border-color:rgba(134,171,166,.12) !important; }
footer { background:rgba(3,14,18,.96) !important; border-color:rgba(185,112,65,.3) !important; }

@media (max-width:1100px) { .portal-realm-strip { display:none; } }
@media (max-width:760px) {
    .portal-hero { min-height:390px; background-position:72% center; }
    .portal-hero::before { background:linear-gradient(90deg,rgba(4,17,21,.97),rgba(4,18,22,.86) 65%,rgba(3,12,16,.42)); }
}

/* v2.20 — ALACA ateş diyarı: WoWCircle'daki sinematik hiyerarşiyi
   koruyan, ancak tamamen özgün lav/obsidyen görsel dili. */
:root {
    --portal-ink:#120807;
    --portal-panel:rgba(32,12,10,.95);
    --portal-panel-soft:rgba(61,20,14,.9);
    --portal-line:rgba(219,77,32,.42);
    --portal-gold:#ec8a2d;
    --portal-gold-bright:#ffd27d;
    --portal-cyan:#f35d28;
    --portal-green:#72df91;
    --portal-text:#f7e9d7;
    --portal-muted:#c2a38d;
    --portal-danger:#ff593e;
    --portal-rail-width:286px;
}

body {
    padding-left:var(--portal-rail-width) !important;
    /* Sayfanın tamamında yalnızca kaynak arka plan görseli görünür. */
    background-color:transparent !important;
    background-image:url('../images/backgrounds/wow-portal-bg.png') !important;
}
body::before { background:none !important; }

/* Referanstaki gibi sabit, oyma taş hissindeki sol navigasyon. */
@media (min-width:981px) {
    .portal-rail {
        position:fixed; inset:0 auto 0 0; z-index:1050; width:var(--portal-rail-width); min-height:100vh;
        display:flex; flex-direction:column; padding:30px 18px 22px;
        background:
            linear-gradient(180deg,rgba(38,13,10,.98),rgba(13,6,6,.985)),
            url('../images/ui/rock-surface-v1.webp') center/cover;
        border:0; border-right:1px solid rgba(237,111,39,.42);
        box-shadow:15px 0 42px rgba(0,0,0,.58), inset -1px 0 rgba(255,207,127,.1);
    }
    .portal-brand { padding:0 8px 28px; }
    .portal-brand-mark { width:62px; height:62px; }
    .portal-nav { display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:7px; height:auto; }
    .portal-nav-label { display:block; padding:23px 9px 5px; color:#d6b38d; font:900 .67rem/1 system-ui,sans-serif; letter-spacing:.18em; }
    .portal-nav a {
        min-width:0; min-height:49px; justify-content:flex-start; padding:10px 15px;
        border:0 !important; border-bottom:1px solid rgba(247,170,89,.28) !important; border-radius:0 !important;
        color:#f5dfc5 !important; background:linear-gradient(90deg,rgba(75,26,18,.63),rgba(26,10,9,.18)) !important;
        box-shadow:inset 0 1px rgba(255,221,166,.07),inset 0 -13px 17px rgba(0,0,0,.3) !important;
        font:800 .8rem/1 Georgia,serif; letter-spacing:.02em; text-transform:none;
    }
    .portal-nav a::before { display:none !important; }
    .portal-nav a:hover,.portal-nav a.active {
        color:#fff5df !important; border-bottom-color:rgba(255,150,58,.86) !important;
        background:linear-gradient(90deg,rgba(142,41,18,.91),rgba(64,15,11,.68) 55%,rgba(21,7,7,.4)) !important;
        box-shadow:inset 4px 0 #ff932b,inset 0 1px rgba(255,235,189,.16),0 0 18px rgba(255,65,18,.2) !important;
    }
    .portal-nav-icon { width:28px; color:#ffb550; font-size:1rem; }
    .portal-rail-status { display:flex; margin-top:auto; padding:14px; border:1px solid rgba(237,111,39,.22); border-radius:3px; background:rgba(14,5,5,.6); }
.portal-topbar { min-height:58px; padding:0 34px; background:linear-gradient(90deg,#1c0a08,#34110d 56%,#1a0807); border-bottom-color:rgba(248,125,42,.42); }
    .portal-topbar-copy { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:3px; }
    .portal-realm-strip { display:none; }
}

.portal-topbar-actions a,.portal-primary-button,.portal-ghost-button,.portal-exit-button,
.wow-btn,.btn:not(.btn-link),button:not(.portal-menu-toggle):not(.chat-delete) {
    border:1px solid rgba(255,151,61,.55) !important;
    border-radius:2px !important;
    color:#fff0d2 !important;
    background:linear-gradient(180deg,#873018 0%,#4a130d 46%,#210907 100%) !important;
    box-shadow:inset 0 1px rgba(255,234,178,.24),inset 0 -7px 13px rgba(0,0,0,.4),0 3px 0 #130504,0 0 0 1px rgba(55,13,8,.8) !important;
}
.portal-topbar-actions a:hover,.portal-primary-button:hover,.portal-ghost-button:hover,.portal-exit-button:hover,
.wow-btn:hover,.btn:not(.btn-link):hover,button:not(.portal-menu-toggle):not(.chat-delete):hover {
    border-color:#ffd180 !important;
    background:linear-gradient(180deg,#bd4a21 0%,#6f1d10 48%,#2b0907 100%) !important;
    box-shadow:inset 0 1px rgba(255,243,203,.32),inset 0 -7px 14px rgba(0,0,0,.35),0 0 20px rgba(255,81,23,.38) !important;
}

/* Ultra-wide ekranda görsel esnemez: parti resmi sağda özgün oranıyla durur. */
.portal-hero {
    /* 3:1 panorama: geniş ekranda sahne de büyür, kesilmeden tüm genişliği doldurur. */
    min-height:635px; height:calc((100vw - var(--portal-rail-width)) / 3); max-height:1060px; padding:64px clamp(35px,6vw,105px) 48px;
    border:0; border-bottom:2px solid rgba(255,116,34,.72); border-radius:0;
    /* Görselin özgün oranı korunur: ultra geniş ekranlarda karakterlerin ayakları kesilmez. */
    background-color:#160707; background-image:url('../images/hero/hero-lava-v2.png'); background-position:center center; background-size:cover; background-repeat:no-repeat;
    box-shadow:0 22px 60px rgba(0,0,0,.45);
}
.portal-hero::before {
    /* Kahraman ve ejderha görüntüsü üzerinde artık karartma yok. */
    background:none;
    pointer-events:none;
}
.portal-hero::after { height:2px; background:linear-gradient(90deg,#6f170e,#ff7a27 48%,transparent 86%); }
.portal-hero-content { width:min(650px,53%); max-width:650px; text-align:center; margin-left:8%; }
.portal-hero-content::before { content:none !important; }
.portal-kicker { color:#f5ab50; font-size:.68rem; letter-spacing:.2em; }
.portal-circle-mark { display:grid; justify-items:center; margin:15px auto 3px; text-transform:uppercase; line-height:.8; filter:drop-shadow(0 6px 0 #3a1009) drop-shadow(0 18px 22px rgba(0,0,0,.7)); }
.portal-circle-mark span { color:#ffd78a; font:900 clamp(2.8rem,5.8vw,5.8rem)/.78 Georgia,serif; letter-spacing:.03em; }
.portal-circle-mark strong { color:#f56b22; font:900 clamp(3.8rem,8.4vw,8rem)/.7 Georgia,serif; letter-spacing:-.06em; text-shadow:0 2px #ffcb72,0 7px #5d150c; }
.portal-circle-mark em { margin-top:14px; color:#f7d58d; font:700 .66rem/1 Georgia,serif; letter-spacing:.18em; font-style:normal; }
.portal-hero h1 { margin:22px auto 9px; color:#ffeed2; font:700 clamp(1.25rem,2vw,1.8rem)/1.12 Georgia,serif; letter-spacing:.09em; text-transform:uppercase; }
.portal-hero p { margin:auto; color:#e5c5ab; line-height:1.65; }
.portal-hero-actions { justify-content:center; margin-top:22px; }
.portal-hero-actions a { min-width:170px; min-height:42px; }
.portal-mini-stats { max-width:660px; grid-template-columns:1.5fr 1fr 1fr; margin:25px auto 0; gap:8px; }
.portal-mini-stat { min-height:72px; border:1px solid rgba(244,125,40,.28); border-radius:2px; background:linear-gradient(180deg,rgba(20,6,6,.84),rgba(44,11,8,.74)); box-shadow:inset 0 1px rgba(255,211,139,.07); }
.portal-mini-stat strong { color:#ffc159; font:900 1.35rem/1 Georgia,serif; }
.portal-mini-stat span,.portal-mini-stat i { color:#cfae8a; font-size:.6rem; letter-spacing:.09em; font-style:normal; text-transform:uppercase; }
.portal-online-total strong { display:block; font-size:2.1rem; color:#ff8c31; text-shadow:0 0 15px rgba(255,77,21,.38); }

.main-layout { max-width:1240px !important; margin:42px auto 70px !important; }
.wow-card,.status-widget,.public-player-profile,.player-hover-card,.account-panel,.profile-card,.character-card,.guide-card,.faq-card {
    border-color:rgba(242,108,35,.35) !important;
    background:linear-gradient(145deg,rgba(51,16,12,.95),rgba(20,7,7,.98)) !important;
    box-shadow:0 18px 48px rgba(0,0,0,.46),inset 0 1px rgba(255,207,132,.07) !important;
}
.card-title,.public-profile-topline,.player-preview-section-title { color:#ffc36a !important; border-color:rgba(247,122,40,.28) !important; }
.chat-head { color:#ffb45d; background:rgba(72,20,12,.52); border-color:rgba(244,112,37,.28); }
.form-control,.form-select,input,select,textarea { color:#f9e8d4 !important; background-color:rgba(24,7,7,.9) !important; border-color:rgba(240,109,37,.38) !important; }
.form-control:focus,.form-select:focus,input:focus,select:focus,textarea:focus { border-color:#ff9b48 !important; box-shadow:0 0 0 3px rgba(255,79,23,.14) !important; }
table thead th,.table thead th { color:#fed59b !important; background:#48170f !important; border-color:rgba(247,121,36,.32) !important; }
table tbody tr,.table tbody tr { background:rgba(35,10,9,.84) !important; }
table tbody tr:nth-child(even),.table tbody tr:nth-child(even) { background:rgba(54,15,10,.75) !important; }
footer { background:rgba(18,6,5,.97) !important; border-color:rgba(241,107,34,.4) !important; }

@media (max-width:980px) {
    body { padding-left:0 !important; }
    .portal-hero { min-height:560px; height:auto; padding:52px 24px 40px; background-size:auto 100%; }
    .portal-hero-content { width:min(650px,100%); max-width:none; margin:0 auto; }
}
@media (max-width:600px) {
    .portal-hero { min-height:520px; background-size:auto 82%; background-position:72% bottom; }
    .portal-circle-mark span { font-size:3.2rem; }.portal-circle-mark strong { font-size:4.6rem; }
    .portal-mini-stats { grid-template-columns:1fr 1fr; }.portal-online-total { grid-column:1 / -1; }
}

/* v2.25.5 — Eski yönetim görünümünde yetkili hesap adlarının rütbe kademesi. */
body .authority-name.authority-level-1,
body .authority-name.authority-level-2,
body .authority-name.authority-level-3 {
    display:inline-block;
    font-weight:900 !important;
    background-size:220% 100% !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    color:transparent !important;
    animation:portal-authority-shift 5s ease-in-out infinite alternate;
}
body .authority-name.authority-level-1,
body .authority-name.authority-level-2 { background-image:linear-gradient(90deg,#f4d27b,#66dce5,#fff0a6,#7eb8ff) !important; }
body .authority-name.authority-level-3 { background-image:linear-gradient(90deg,#ff655b,#d88cff,#ffd166,#ff7b54) !important;filter:drop-shadow(0 0 6px rgba(255,100,116,.25)); }
@keyframes portal-authority-shift { from { background-position:0 50%; } to { background-position:100% 50%; } }

/* v2.25.6 — Kullanıcı adlarının sonuna açık hesap rolü ekle. */
body .authority-name::after { font-size:.84em;font-weight:800; }
body .authority-name.authority-level-0::after { content:" (Oyuncu)";color:#aeb9bf; }
body .authority-name.authority-level-1::after { content:" (Moderatör)"; }
body .authority-name.authority-level-2::after { content:" (GM)"; }
body .authority-name.authority-level-3::after { content:" (Yönetici)"; }

/* v2.25.9: eski hesap görünümünde rol eki düz mavi, GM ve Yönetici adları ayrı palettedir. */
body .authority-name.authority-level-1 { background-image:linear-gradient(90deg,#31d7ff,#42efb5,#9deaff)!important; }
body .authority-name.authority-level-2 { background-image:linear-gradient(90deg,#4f8fff,#8ac8ff,#536dfe,#b8dcff)!important; }
body .authority-name.authority-level-3 { background-image:linear-gradient(90deg,#ff4254,#ff7a3d,#ffd166,#ff4f5e)!important; }
body .authority-name::after {
    color:#2196f3!important;
    -webkit-text-fill-color:#2196f3!important;
    background:none!important;
    filter:none!important;
    text-shadow:0 0 7px rgba(33,150,243,.24)!important;
}

/* v2.25.7 — Kurtarma düğmesi bulunan tablo sıkışmaz; hücre düğmeyi kırpmaz. */
body .wow-card table:has(.char-unstuck-btn) { table-layout:auto!important;min-width:1100px!important; }
body .wow-card table:has(.char-unstuck-btn) th:first-child,
body .wow-card table:has(.char-unstuck-btn) td:first-child { width:165px!important;min-width:165px!important;overflow:visible!important;text-overflow:clip!important; }
body .wow-card table:has(.char-unstuck-btn) .char-unstuck-form,
body .wow-card table:has(.char-unstuck-btn) .char-unstuck-btn { width:135px!important;min-width:135px!important;max-width:135px!important; }

/* v2.21 — Her sayfanın ortak lav/obsidyen yüzeyi ve dil düğmesi. */
.portal-language-switch {
    display:grid !important; place-items:center; min-width:42px !important; padding:0 10px !important;
    text-decoration:none; font:900 .67rem/1 system-ui,sans-serif !important; letter-spacing:.12em;
}
.portal-realm-strip .portal-language-switch { min-width:68px !important; color:#ffd18b !important; }
.portal-realm-strip .portal-language-switch span { min-width:0; border:0; color:inherit; }

/* Sohbet, profil ve bilgi sayfaları da ana sayfanın aynı malzemesini kullanır. */
.chat-card,
.chat-card.wow-card {
    border:1px solid rgba(244,109,35,.5) !important;
    border-radius:4px !important;
    background:linear-gradient(145deg,rgba(63,18,12,.96),rgba(23,7,7,.99)) !important;
    box-shadow:inset 0 1px rgba(255,207,130,.13),0 18px 46px rgba(0,0,0,.46) !important;
}
.chat-card .chat-head { color:#ffd08a !important; background:linear-gradient(180deg,rgba(116,35,16,.66),rgba(53,12,9,.52)) !important; border-bottom-color:rgba(247,119,35,.35) !important; }
.chat-card .chat-head small,.chat-card .chat-meta,.chat-card .chat-empty { color:#c6a88e !important; }
.chat-card .chat-messages { background:linear-gradient(180deg,rgba(13,5,5,.86),rgba(27,7,7,.78)) !important; }
.chat-card .chat-bubble { color:#f7e8d6 !important; border-color:rgba(245,125,42,.28) !important; background:rgba(91,27,15,.32) !important; }
.chat-card .chat-author { color:#ffbd60 !important; }
.chat-card .chat-form { border-top-color:rgba(247,119,35,.3) !important; background:rgba(30,8,7,.74); }
.chat-card .chat-form input { color:#ffe6ca !important; border-color:rgba(244,109,35,.42) !important; background:#190806 !important; }
.chat-card .chat-form button { color:#fff1d9 !important; border:1px solid rgba(255,149,62,.65) !important; border-radius:2px !important; background:linear-gradient(180deg,#a94320,#4b110a 60%,#220705) !important; }

.paperdoll-figure.is-awaiting-game-capture { background:radial-gradient(circle at 50% 38%,rgba(255,100,33,.18),transparent 38%),linear-gradient(145deg,#1d0908,#100505) !important; }
.paperdoll-figure.is-awaiting-game-capture::before { content:'GERÇEK OYUN GÖRSELİ'; position:absolute; inset:42% 8px auto; color:#ffbf72; font:800 .58rem/1.3 system-ui,sans-serif; letter-spacing:.12em; text-align:center; }
.paperdoll-figure.is-awaiting-game-capture::after { content:'Yakala ve güncelle'; position:absolute; inset:52% 8px auto; color:#b88e72; font:.62rem/1.4 system-ui,sans-serif; text-align:center; }
.paperdoll-figure.is-awaiting-game-capture > span,.paperdoll-figure.is-awaiting-game-capture > small { opacity:.55; }
/* Sol alt sunucu kartı ve sağ özellik kartlarını kahverengi yap */
.portal-rail-status,
.portal-feature-card {
    color: #eee1cf !important;

    background:
        linear-gradient(
            145deg,
            rgba(65, 25, 15, .98),
            rgba(28, 10, 8, .98)
        ) !important;

    border: 1px solid rgba(185, 112, 65, .42) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 190, 120, .05),
        inset 0 0 24px rgba(76, 22, 10, .18),
        0 12px 28px rgba(0, 0, 0, .35) !important;
}

.portal-feature-card b,
.portal-rail-status strong {
    color: #fff1d6 !important;
}

.portal-feature-card p,
.portal-rail-status small {
    color: #bfae9b !important;
}
/* =====================================================
   ALACA WOW — SON TEMA DÜZELTMESİ
   Gri kart başlıklarını ve düğmeleri kızıl-kahverengi yap
   ===================================================== */

/* Kartların üst başlık bölümleri */
body .admin-card .card-header,
body .wow-card .card-header,
body .chat-head,
.card-header,
.panel-header,
.widget-header,
.box-header,
.section-header,
.panel-title,
.box-title,
.section-title,
.card-title {
    color: #f3d6a0 !important;

    background:
        linear-gradient(
            180deg,
            rgba(86, 31, 18, .98) 0%,
            rgba(48, 15, 11, .98) 58%,
            rgba(29, 10, 8, .99) 100%
        ) !important;

    border-color: rgba(196, 103, 42, .48) !important;
    border-bottom: 1px solid rgba(196, 103, 42, .48) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 198, 125, .08),
        inset 0 -8px 16px rgba(10, 2, 1, .25) !important;

    text-shadow:
        0 1px 2px #000,
        0 0 8px rgba(214, 107, 42, .18) !important;
}


/* Karakter tablosundaki gri kolon başlıkları */
body .admin-card table th,
body .wow-card table th,
body table thead th,
body table thead td {
    color: #dcc39d !important;

    background:
        linear-gradient(
            180deg,
            rgba(74, 32, 22, .98),
            rgba(42, 17, 13, .98)
        ) !important;

    border-color: rgba(165, 84, 38, .38) !important;
}


/* Güvenlik & Parola Yönetimi gibi geniş başlık düğmeleri */
.btn-update,
.btn-action,
.back-btn,
.user-panel-btn,
.accordion-button,
.panel-toggle,
.section-toggle {
    color: #f5dfb9 !important;

    background:
        linear-gradient(
            180deg,
            rgba(92, 35, 18, .98),
            rgba(51, 17, 11, .98)
        ) !important;

    border: 1px solid rgba(190, 91, 35, .52) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 195, 118, .08),
        inset 0 -7px 12px rgba(18, 4, 2, .35),
        0 3px 0 rgba(18, 5, 3, .9),
        0 7px 15px rgba(0, 0, 0, .32) !important;

    filter: none !important;
}


/* Normal düğmeler */
body .btn,
body button:not(.portal-menu-toggle):not(.chat-delete),
body input[type="button"],
body input[type="submit"],
body .wow-btn,
body .portal-primary-button,
body .portal-ghost-button,
body .portal-exit-button,
body .tabs a {
    color: #f7e2bd !important;

    background:
        linear-gradient(
            180deg,
            rgba(105, 40, 18, .98) 0%,
            rgba(61, 20, 11, .98) 55%,
            rgba(35, 11, 8, .99) 100%
        ) !important;

    border: 1px solid rgba(198, 99, 38, .55) !important;
    border-radius: 4px !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 193, 112, .10),
        inset 0 -7px 11px rgba(20, 4, 2, .42),
        0 3px 0 #1a0704,
        0 7px 14px rgba(0, 0, 0, .32) !important;

    filter: none !important;
}


/* Düğme hover */
body .btn:hover,
body button:not(.portal-menu-toggle):not(.chat-delete):hover,
body input[type="button"]:hover,
body input[type="submit"]:hover,
body .wow-btn:hover,
body .btn-update:hover,
body .btn-action:hover,
body .back-btn:hover,
body .user-panel-btn:hover,
body .tabs a:hover {
    color: #fff1cf !important;

    background:
        linear-gradient(
            180deg,
            rgba(137, 51, 20, 1) 0%,
            rgba(78, 25, 12, 1) 58%,
            rgba(43, 13, 8, 1) 100%
        ) !important;

    border-color: rgba(238, 137, 61, .72) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 213, 143, .14),
        inset 0 -7px 12px rgba(20, 4, 2, .38),
        0 3px 0 #1a0704,
        0 9px 18px rgba(0, 0, 0, .38),
        0 0 12px rgba(196, 72, 25, .12) !important;

    filter: none !important;
    transform:translateY(-1px) !important;
}
	/* =====================================================
   ALACA WOW ADMIN PANEL — GRİ YÜZEY TEMİZLİĞİ
   ===================================================== */

/* Hesap ve Teslimat Merkezi ana kartı */
body .admin-card,
body .admin-panel,
body .account-delivery-panel,
body .delivery-center,
body .management-card,
body .table-card {
    color: #f3e6d5 !important;

    background:
        linear-gradient(
            145deg,
            rgba(55, 17, 12, .98) 0%,
            rgba(30, 9, 8, .99) 100%
        ) !important;

    border: 1px solid rgba(218, 86, 28, .52) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 202, 128, .07),
        0 16px 42px rgba(0, 0, 0, .42) !important;
}


/* Hesap ve Teslimat Merkezi başlığı */
body .admin-card .card-header,
body .admin-panel .card-header,
body .table-card .card-header,
body .admin-card > header,
body .admin-panel > header,
body .management-card > header,
body .table-title,
body .admin-section-title {
    color: #ffe0a2 !important;

    background:
        linear-gradient(
            180deg,
            rgba(105, 32, 17, .99) 0%,
            rgba(65, 18, 12, .99) 55%,
            rgba(42, 11, 9, .99) 100%
        ) !important;

    border-bottom: 1px solid rgba(230, 91, 28, .5) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 211, 141, .08),
        inset 0 -8px 18px rgba(17, 3, 2, .3) !important;
}


/* Admin tablosundaki gri sütun başlıkları */
body .admin-card table thead,
body .admin-panel table thead,
body .table-card table thead,
body table thead {
    background: transparent !important;
}

body .admin-card table thead th,
body .admin-panel table thead th,
body .table-card table thead th,
body table thead th,
body .table thead th {
    color: #d9bd91 !important;

    background:
        linear-gradient(
            180deg,
            rgba(67, 20, 15, .99),
            rgba(38, 11, 10, .99)
        ) !important;

    border-color: rgba(197, 78, 29, .35) !important;
}


/* Gri görünen hesap satırları */
body .admin-card table tbody tr,
body .admin-panel table tbody tr,
body .table-card table tbody tr,
body table tbody tr,
body .table tbody tr {
    color: #e6d8c7 !important;
    background: rgba(40, 11, 9, .94) !important;
}


/* Çift numaralı satırlar */
body .admin-card table tbody tr:nth-child(even),
body .admin-panel table tbody tr:nth-child(even),
body .table-card table tbody tr:nth-child(even),
body table tbody tr:nth-child(even),
body .table tbody tr:nth-child(even) {
    background: rgba(57, 15, 10, .9) !important;
}


/* Tablodaki hücreler */
body .admin-card table td,
body .admin-panel table td,
body .table-card table td,
body table tbody td,
body .table tbody td {
    color: #dfd0bd !important;
    background-color: transparent !important;
    border-color: rgba(157, 64, 30, .25) !important;
}


/* Satır üzerine gelince */
body table tbody tr:hover,
body .table tbody tr:hover {
    background: rgba(91, 26, 14, .92) !important;
}

body table tbody tr:hover td,
body .table tbody tr:hover td {
    background-color: transparent !important;
}


/* Teslim konsolu içindeki kızıl kutular */
body .delivery-console,
body .mail-console,
body .admin-inline-panel,
body .account-actions-panel,
body table form,
body table .form-row {
    color: #f0dfca !important;

    background:
        linear-gradient(
            135deg,
            rgba(91, 28, 15, .92),
            rgba(46, 12, 9, .96)
        ) !important;

    border-color: rgba(218, 82, 27, .42) !important;
}


/* Admin panelindeki bütün select ve input alanları */
body .admin-card input,
body .admin-card select,
body .admin-card textarea,
body .admin-panel input,
body .admin-panel select,
body .admin-panel textarea,
body table input,
body table select,
body table textarea {
    color: #f6e7d5 !important;
    background-color: rgba(31, 7, 7, .96) !important;
    border: 1px solid rgba(221, 82, 27, .52) !important;
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, .4) !important;
}


/* Admin panelindeki tüm gri düğmeler */
body .admin-card button,
body .admin-panel button,
body .table-card button,
body table button,
body .admin-card .btn,
body .admin-panel .btn,
body .table-card .btn,
body .admin-toolbar .btn,
body .admin-actions .btn {
    color: #f8e3bc !important;

    background:
        linear-gradient(
            180deg,
            rgba(105, 38, 17, .99) 0%,
            rgba(59, 17, 10, .99) 58%,
            rgba(29, 8, 7, .99) 100%
        ) !important;

    border: 1px solid rgba(213, 88, 31, .54) !important;
    border-radius: 4px !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 204, 127, .1),
        inset 0 -6px 10px rgba(15, 2, 1, .42),
        0 2px 0 #170503,
        0 5px 10px rgba(0, 0, 0, .34) !important;

    filter: none !important;
}


/* Düğmelerin hover rengi */
body .admin-card button:hover,
body .admin-panel button:hover,
body .table-card button:hover,
body table button:hover,
body .admin-card .btn:hover,
body .admin-panel .btn:hover,
body .table-card .btn:hover,
body .admin-toolbar .btn:hover,
body .admin-actions .btn:hover {
    color: #fff0c8 !important;

    background:
        linear-gradient(
            180deg,
            rgba(142, 48, 18, 1),
            rgba(77, 21, 10, 1) 58%,
            rgba(39, 10, 7, 1)
        ) !important;

    border-color: rgba(245, 131, 52, .72) !important;
    filter: none !important;
}


/* Rütbe ve kayıt sayısı gibi gri rozetler */
body .badge:not(.bg-danger):not(.bg-success),
body .admin-badge,
body .count-badge,
body .role-badge:not(.is-admin) {
    color: #ffe1aa !important;
    background: rgba(91, 29, 15, .95) !important;
    border: 1px solid rgba(203, 86, 33, .46) !important;
}


/* Admin paneli üstündeki arama kutusu */
body .admin-search,
body .search-panel,
body .admin-filter-bar {
    background:
        linear-gradient(
            145deg,
            rgba(56, 16, 11, .97),
            rgba(28, 8, 7, .98)
        ) !important;

    border-color: rgba(218, 83, 27, .5) !important;
}
/* =========================================================
   ALACA-WOW — HERO SIRALAMA KARTLARI
   ========================================================= */

.portal-mini-stats-expanded {
    align-items: stretch;
}

.portal-hero-ranking-stack {
    min-width: 0;
    display: grid;
    grid-template-rows: auto auto;
    gap: 5px;
}

/* Üstteki öne çıkan kahraman kartı */
.portal-hero-ranking-stack > .portal-featured-hero {
    min-height: 72px;
    margin: 0;
}

/* Altındaki iki yapışık küçük kart */
.portal-ranking-subcards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
}

.portal-ranking-subcard {
    min-width: 0;
    min-height: 58px;
    display: grid;
    align-content: center;
    justify-items: center;
    padding: 7px 8px;

    color: #e6c8a4;
    text-decoration: none;

    border: 1px solid rgba(244, 125, 40, .32);
    border-radius: 2px;

    background:
        linear-gradient(
            180deg,
            rgba(65, 16, 10, .94),
            rgba(29, 7, 7, .98)
        );

    box-shadow:
        inset 0 1px 0 rgba(255, 211, 139, .07);

    transition:
        transform .18s ease,
        border-color .18s ease,
        background .18s ease,
        box-shadow .18s ease;
}

.portal-ranking-subcard span {
    color: #cfae8a;
    font-size: .53rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.portal-ranking-subcard strong {
    max-width: 100%;
    margin: 2px 0;

    overflow: hidden;
    color: #ffc159;

    font:
        900 .88rem/1
        Georgia,
        'Times New Roman',
        serif;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-ranking-subcard i {
    color: #bda184;
    font-size: .48rem;
    font-style: normal;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.portal-ranking-subcard:hover {
    color: #fff0d2;
    border-color: rgba(255, 166, 75, .74);

    background:
        linear-gradient(
            180deg,
            rgba(108, 29, 13, .98),
            rgba(46, 10, 7, .99)
        );

    box-shadow:
        inset 0 1px 0 rgba(255, 225, 163, .12),
        0 0 14px rgba(226, 81, 22, .17);

    transform: translateY(-1px);
}

/* En zengin kartına hafif altın vurgusu */
.portal-richest-subcard {
    background:
        linear-gradient(
            180deg,
            rgba(76, 35, 12, .96),
            rgba(34, 13, 6, .99)
        );
}

.portal-richest-subcard strong {
    color: #ffd87a;
}

@media (max-width: 620px) {
    .portal-hero-ranking-stack {
        grid-column: 1 / -1;
    }

    .portal-ranking-subcards {
        grid-template-columns: 1fr 1fr;
    }
}
/* =========================================================
   ALACA-WOW — ÜST BAR TEK SATIR KESİN DÜZELTME
   ========================================================= */

body .portal-topbar {
    display: grid !important;
    grid-template-columns: minmax(210px, auto) minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 18px !important;
    min-height: 58px !important;
    padding: 6px 24px !important;
}

body .portal-topbar-copy {
    min-width: 210px;
}

body .portal-topbar-actions {
    min-width: 0 !important;
    width: 100% !important;

    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;

    gap: 10px !important;
    margin: 0 !important;
}

/* Sol bağlantı grubu */
body .portal-community-links {
    min-width: 0 !important;

    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;

    gap: 5px !important;
}

/* Sağ hesap grubu */
body .portal-account-actions {
    flex: 0 0 auto !important;

    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;

    gap: 5px !important;
    margin: 0 !important;
}

/* Topluluk butonları */
body .portal-topbar-link {
    min-height: 32px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 9px !important;

    color: #f3ddba !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    border: 1px solid rgba(218, 91, 32, .50) !important;
    border-radius: 3px !important;

    background:
        linear-gradient(
            180deg,
            rgba(111, 37, 17, .98),
            rgba(58, 15, 10, .98) 58%,
            rgba(30, 7, 6, .99)
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 206, 129, .09),
        inset 0 -5px 9px rgba(14, 2, 1, .38),
        0 2px 0 #190503 !important;

    font-size: .63rem !important;
    font-weight: 800 !important;

    clip-path: none !important;
    filter: none !important;
}

body .portal-topbar-link:hover {
    color: #fff2d0 !important;

    border-color: rgba(246, 136, 56, .74) !important;

    background:
        linear-gradient(
            180deg,
            rgba(151, 52, 19, 1),
            rgba(82, 22, 10, 1) 58%,
            rgba(42, 9, 7, 1)
        ) !important;
}

/* Tek dil değiştirme butonu */
body .portal-account-actions .portal-language-button {
    min-width: 38px !important;
    min-height: 32px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 8px !important;

    color: #ffd89d !important;
    text-decoration: none !important;

    border: 1px solid rgba(218, 91, 32, .52) !important;
    border-radius: 3px !important;

    background:
        linear-gradient(
            180deg,
            rgba(91, 28, 14, .98),
            rgba(38, 9, 7, .99)
        ) !important;

    font-size: .63rem !important;
    font-weight: 900 !important;
    letter-spacing: .07em !important;

    clip-path: none !important;
    filter: none !important;
}

/* Oyuncular ve çıkış aynı ölçüde */
body .portal-account-actions .portal-ghost-button,
body .portal-account-actions .portal-primary-button,
body .portal-account-actions .portal-exit-button {
    min-height: 32px !important;
    padding: 0 11px !important;
    font-size: .65rem !important;
    white-space: nowrap !important;
}

body .portal-player-button .portal-live-dot {
    width: 7px !important;
    height: 7px !important;
    margin: 0 !important;
}

/* Biraz daha dar ekranlarda yazıları sıkıştır */
@media (max-width: 1320px) {
    body .portal-topbar {
        padding-inline: 16px !important;
        gap: 10px !important;
    }

    body .portal-community-links {
        gap: 3px !important;
    }

    body .portal-topbar-link {
        padding-inline: 6px !important;
        font-size: .57rem !important;
    }
}

/* Ekran daralınca topluluk menüsü gizlenir;
   Oyuncular, dil ve çıkış her zaman kalır */
@media (max-width: 1080px) {
    body .portal-community-links {
        display: none !important;
    }

    body .portal-topbar {
        grid-template-columns: minmax(190px, 1fr) auto !important;
    }
}

@media (max-width: 620px) {
    body .portal-account-actions .portal-language-button {
        display: none !important;
    }

    body .portal-topbar-copy strong {
        display: none !important;
    }
}

/* v2.24 final katman — eski temaların tüm renk çakışmalarını ezer. */
body {
    background-color:transparent !important;
    background-image:url('../images/backgrounds/wow-portal-bg.png') !important;
}
body::before { background:none !important; }
body .portal-rail {
    background:linear-gradient(180deg,rgba(7,10,14,.96),rgba(8,12,16,.93)) !important;
    border-right-color:rgba(201,165,96,.34) !important;
    box-shadow:18px 0 52px rgba(0,0,0,.42),inset -1px 0 rgba(255,255,255,.035) !important;
}
body .portal-topbar {
    background:rgba(8,12,17,.88) !important;
    border-bottom-color:rgba(201,165,96,.34) !important;
    box-shadow:0 10px 28px rgba(0,0,0,.28) !important;
}
body .portal-nav a { color:#cbd0cf !important; border-color:transparent !important; background:transparent !important; box-shadow:none !important; }
body .portal-nav a:hover,body .portal-nav a.active {
    color:#fff4d4 !important; border-color:rgba(201,165,96,.32) !important;
    background:linear-gradient(90deg,rgba(201,165,96,.19),rgba(201,165,96,.035)) !important;
    box-shadow:inset 3px 0 #d9b76e !important;
}
body .portal-nav-icon,body .portal-brand em,body .portal-eyebrow,body .portal-kicker { color:#f0d396 !important; }
body .portal-hero {
    min-height:560px !important; height:min(48vw,720px) !important; padding:58px clamp(32px,6vw,96px) 44px !important;
    border:1px solid rgba(201,165,96,.38) !important; border-radius:8px !important;
    background-color:transparent !important; background-image:url('../images/backgrounds/wow-portal-bg.png') !important;
    background-position:center !important; background-size:cover !important;
    box-shadow:0 24px 72px rgba(0,0,0,.46),inset 0 0 0 1px rgba(255,255,255,.035) !important;
}
body .portal-hero::before { background:none !important; }
body .portal-hero::after { background:linear-gradient(90deg,#8f7444,#e4c77f 48%,transparent 86%) !important; }
body .portal-hero-content { margin-left:5% !important; }
body .portal-circle-mark { filter:drop-shadow(0 5px 14px rgba(0,0,0,.7)) !important; }
body .portal-circle-mark span { color:#f7e5bc !important; }
body .portal-circle-mark strong { color:#d8b66d !important; text-shadow:0 2px #6b5430,0 7px #111 !important; }
body .portal-circle-mark em,body .portal-hero h1 { color:#fff5da !important; }
body .portal-hero p { color:#e1e3dc !important; text-shadow:0 2px 8px rgba(0,0,0,.8); }
body .portal-mini-stat { border-color:rgba(224,194,130,.32) !important; background:rgba(7,11,15,.66) !important; box-shadow:inset 0 1px rgba(255,255,255,.06) !important; }
body .portal-mini-stat strong,body .portal-online-total strong { color:#f0d396 !important; text-shadow:0 0 14px rgba(201,165,96,.18) !important; }
body .portal-mini-stat span,body .portal-mini-stat i { color:#c5c8c0 !important; }
body .main-layout { max-width:1180px !important; margin:34px auto 70px !important; }
body .wow-card,body .status-widget,body .public-player-profile,body .player-hover-card,body .account-panel,body .profile-card,body .character-card,body .guide-card,body .faq-card,body .portal-feature-card,body .portal-rail-status {
    border-color:rgba(201,165,96,.34) !important;
    background:linear-gradient(145deg,rgba(15,20,26,.93),rgba(7,10,14,.94)) !important;
    box-shadow:0 16px 42px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.045) !important;
}
body .card-title,body .public-profile-topline,body .player-preview-section-title,body .portal-feature-card b,body .portal-rail-status strong { color:#f0d396 !important; border-color:rgba(201,165,96,.28) !important; }
body .portal-feature-card p,body .portal-rail-status small { color:#b8c0c1 !important; }
body table thead th,body .table thead th { color:#f1dfb6 !important; background:rgba(34,39,43,.88) !important; border-color:rgba(201,165,96,.28) !important; }
body table tbody tr,body .table tbody tr { background:rgba(8,12,17,.76) !important; }
body table tbody tr:nth-child(even),body .table tbody tr:nth-child(even) { background:rgba(20,25,30,.72) !important; }
body .portal-topbar-actions a,body .portal-primary-button,body .portal-ghost-button,body .portal-exit-button,body .wow-btn,body .btn:not(.btn-link) {
    color:#fff3d3 !important; border-color:rgba(222,188,119,.62) !important;
    background:linear-gradient(180deg,#4e422d,#252820 58%,#121713) !important;
    box-shadow:inset 0 1px rgba(255,255,255,.16),inset 0 -7px 13px rgba(0,0,0,.34),0 3px 0 #070908 !important;
}
body .portal-topbar-actions a:hover,body .portal-primary-button:hover,body .portal-ghost-button:hover,body .portal-exit-button:hover,body .wow-btn:hover,body .btn:not(.btn-link):hover {
    border-color:#f0d396 !important; background:linear-gradient(180deg,#746039,#303427 58%,#151914) !important;
    box-shadow:inset 0 1px rgba(255,255,255,.22),inset 0 -7px 13px rgba(0,0,0,.3),0 0 18px rgba(221,184,105,.18) !important;
}
@media (max-width:980px) {
    body .portal-hero { min-height:510px !important; height:auto !important; border-radius:0 !important; }
    body .portal-hero-content { width:min(650px,100%) !important; margin:0 auto !important; }
}

/* v2.24.1 — Bilgi, kimlik ve yardımcı bileşenler için tek ortak yüzey. */
body .card-title,
body .card-header,
body .panel-header,
body .widget-header,
body .box-header,
body .section-header,
body .panel-title,
body .box-title,
body .section-title,
body .chat-head {
    color:#f0d396 !important;
    background:linear-gradient(180deg,rgba(40,45,48,.92),rgba(16,20,25,.94)) !important;
    border-color:rgba(201,165,96,.34) !important;
    box-shadow:inset 0 1px rgba(255,255,255,.06),inset 0 -8px 16px rgba(0,0,0,.18) !important;
    text-shadow:0 1px 2px #000 !important;
}
body .tabs { background:rgba(5,8,12,.62) !important; border-color:rgba(201,165,96,.25) !important; }
body .tabs a,
body .btn-update,
body .btn-action,
body .back-btn,
body .user-panel-btn,
body .accordion-button,
body .panel-toggle,
body .section-toggle,
body button:not(.portal-menu-toggle):not(.chat-delete):not(.char-unstuck-btn),
body input[type="button"],
body input[type="submit"] {
    color:#fff3d3 !important;
    border-color:rgba(222,188,119,.62) !important;
    background:linear-gradient(180deg,#4e422d,#252820 58%,#121713) !important;
    box-shadow:inset 0 1px rgba(255,255,255,.16),inset 0 -7px 13px rgba(0,0,0,.34),0 3px 0 #070908 !important;
}
body .tabs a.active,
body .tabs a:hover,
body .btn-update:hover,
body .btn-action:hover,
body .back-btn:hover,
body .user-panel-btn:hover,
body .accordion-button:hover,
body button:not(.portal-menu-toggle):not(.chat-delete):not(.char-unstuck-btn):hover,
body input[type="button"]:hover,
body input[type="submit"]:hover {
    color:#fff8e7 !important;
    border-color:#f0d396 !important;
    background:linear-gradient(180deg,#746039,#303427 58%,#151914) !important;
    box-shadow:inset 0 1px rgba(255,255,255,.22),inset 0 -7px 13px rgba(0,0,0,.3),0 0 18px rgba(221,184,105,.18) !important;
}
body .form-control,
body .form-select,
body input:not([type="checkbox"]):not([type="radio"]),
body select,
body textarea {
    color:#edf0ea !important;
    background-color:rgba(7,11,15,.86) !important;
    border-color:rgba(201,165,96,.36) !important;
    box-shadow:inset 0 1px 4px rgba(0,0,0,.35) !important;
}
body .form-control:focus,
body .form-select:focus,
body input:focus,
body select:focus,
body textarea:focus { border-color:#f0d396 !important; box-shadow:0 0 0 3px rgba(201,165,96,.13) !important; }
body .portal-info-page { color:#d7dddc !important; }
body .portal-info-hero,
body .portal-guide-card,
body .portal-legal-copy,
body .portal-faq-list,
body .portal-donate-status {
    border-color:rgba(201,165,96,.34) !important;
    background:linear-gradient(145deg,rgba(15,20,26,.93),rgba(7,10,14,.94)) !important;
    box-shadow:0 16px 42px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.045) !important;
}
body .portal-info-hero h1,
body .portal-guide-card h2,
body .portal-legal-copy h2,
body .portal-faq-list summary,
body .portal-donate-status strong { color:#f1dfb6 !important; }
body .portal-info-hero p,
body .portal-guide-card p,
body .portal-guide-card li,
body .portal-legal-copy p,
body .portal-faq-list details p,
body .portal-donate-status small { color:#c4cccb !important; }
body .portal-faq-list details { border-bottom-color:rgba(201,165,96,.2) !important; }
body .portal-faq-list details[open] { background:rgba(255,255,255,.025) !important; }
body .portal-callout,
body .portal-legal-notice,
body .portal-terms-check { color:#d7dddc !important; border-left-color:#c9a560 !important; background:rgba(4,8,12,.5) !important; }
body .portal-feature-card { background:rgba(7,11,15,.56) !important; }
body footer { background:rgba(7,10,14,.90) !important; border-color:rgba(201,165,96,.3) !important; }

/* Üst şerit kaldırıldı: panorama artık kesintisiz tek bir sahne. */
body .portal-topbar { display:none !important; }
body .portal-rail-actions {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px;
    margin-top:12px;
}
body .portal-rail-actions a {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    min-height:29px;
    padding:5px 6px;
    color:#d9deda;
    border:1px solid rgba(201,165,96,.22);
    border-radius:4px;
    background:rgba(255,255,255,.025);
    font:800 .56rem/1 system-ui,sans-serif;
    letter-spacing:.04em;
    text-decoration:none;
}
body .portal-rail-actions a:first-child { grid-column:1/-1; }
body .portal-rail-actions a:hover { color:#fff3d3; border-color:rgba(240,211,150,.58); background:rgba(201,165,96,.13); }
body .portal-rail-actions .portal-live-dot { width:6px; height:6px; margin:0; }
@media (max-width:980px) { body .portal-rail-actions { margin-top:auto; padding-top:10px; } }

/* Ana sahne: iki kanatta 15 ırk, ortada logo için sakin alan. */
body .portal-hero {
    width:min(1280px,92vw) !important;
    min-height:330px !important;
    height:min(25vw,390px) !important;
    margin:18px auto 30px !important;
    padding:30px 24px !important;
    background-image:url('../images/hero/hero-race-parade-v1.png'),url('../images/backgrounds/wow-portal-bg.png') !important;
    background-position:center bottom,center !important;
    background-size:contain,cover !important;
    background-repeat:no-repeat !important;
    overflow:hidden;
}
body .portal-hero-content { position:relative; z-index:2; width:min(420px,42%) !important; margin:0 auto !important; }
body .portal-circle-mark { margin:0 auto 2px !important; transform-origin:center bottom; animation:alacaHeroBreath 5.5s ease-in-out infinite; }
body .portal-circle-mark span { font-size:clamp(2rem,3.25vw,3.3rem) !important; }
body .portal-circle-mark strong { font-size:clamp(3rem,4.55vw,4.55rem) !important; }
body .portal-circle-mark em { margin-top:7px !important; font-size:.53rem !important; }
body .portal-hero h1 { margin:11px auto 6px !important; font-size:clamp(1rem,1.55vw,1.45rem) !important; }
body .portal-hero p { font-size:.72rem !important; line-height:1.42 !important; }
body .portal-hero-actions { margin-top:12px !important; gap:7px !important; }
body .portal-hero-actions a { min-width:0 !important; min-height:31px !important; padding:0 9px !important; font-size:.58rem !important; }
body .portal-mini-stats { margin-top:12px !important; gap:5px !important; }
body .portal-mini-stat { min-height:47px !important; }
body .portal-mini-stat strong { font-size:.95rem !important; }
body .portal-mini-stat span,body .portal-mini-stat i { font-size:.44rem !important; }
body .portal-hero::before { content:'' !important; display:block !important; position:absolute !important; inset:0 !important; background:radial-gradient(ellipse at center,rgba(6,10,14,.36) 0%,transparent 43%) !important; pointer-events:none; }
@keyframes alacaHeroBreath { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-4px); } }
@media (max-width:980px) {
    body .portal-hero { width:100% !important; min-height:350px !important; height:auto !important; margin:0 0 24px !important; border-radius:0 !important; background-size:auto 92%,cover !important; }
    body .portal-hero-content { width:min(420px,74%) !important; }
}

/* En son katman: liste ve SSS başlıkları için eski kızıl kuralları kesin olarak ezer. */
body .wow-card table th,
body .admin-card table th,
body table thead th,
body table thead td {
    color:#f1dfb6 !important;
    background:rgba(34,39,43,.94) !important;
    border-color:rgba(201,165,96,.28) !important;
}
body .portal-faq-list details,
body .portal-faq-list summary {
    color:#f1dfb6 !important;
    background:rgba(15,20,26,.93) !important;
    border-color:rgba(201,165,96,.2) !important;
    box-shadow:none !important;
}
body .portal-faq-list details:nth-child(even),
body .portal-faq-list details:nth-child(even) summary { background:rgba(21,28,34,.91) !important; }
body .portal-faq-list details[open],
body .portal-faq-list details[open] summary { background:rgba(39,48,56,.72) !important; }

/* v2.24.7 — Bu gerçekten dosyanın son katmanıdır: ultra geniş, hareketli karakter geçidi. */
body .portal-hero {
    width:min(2320px,96vw) !important;
    max-width:none !important;
    min-height:390px !important;
    height:min(23vw,460px) !important;
    background-image:url('../images/backgrounds/wow-portal-bg.png') !important;
    background-position:center !important;
    background-size:cover !important;
}
body .portal-hero::before {
    z-index:1 !important;
    inset:0 !important;
    opacity:1 !important;
    background:url('../images/hero/hero-race-parade-v1.png') center bottom / contain no-repeat !important;
    transform:translateX(-30px);
    animation:alacaHeroParadeMoveFinal 4.6s ease-in-out infinite alternate !important;
    will-change:transform;
}
body .portal-hero-content { z-index:2 !important; }
@keyframes alacaHeroParadeMoveFinal {
    from { transform:translateX(-30px); }
    to { transform:translateX(30px); }
}
@media (prefers-reduced-motion:reduce) {
    body .portal-hero::before { animation:none !important; transform:none !important; }
}

/* v2.24.9 — Hero dışı hızlı erişim ve teslimat konsolu için nihai nötr katman. */
body .portal-quick-actions {
    width:min(2320px,96vw);
    margin:-18px auto 32px;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px;
}
body .portal-quick-actions a {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0 18px;
    text-decoration:none;
}
body .wow-card table form,
body .wow-card .delivery-console,
body .wow-card .mail-console,
body .wow-card .admin-inline-panel,
body .wow-card .account-actions-panel,
body .wow-card .form-row,
body .delivery-console,
body .mail-console {
    color:#edf0ea !important;
    background:linear-gradient(145deg,rgba(18,24,30,.96),rgba(8,12,17,.98)) !important;
    border-color:rgba(201,165,96,.28) !important;
    box-shadow:inset 0 1px rgba(255,255,255,.04) !important;
}
body .wow-card table form input,
body .wow-card table form select,
body .wow-card table form textarea {
    color:#edf0ea !important;
    background:#080d12 !important;
    border-color:rgba(201,165,96,.34) !important;
}
body .chat-card .chat-head,
body .chat-card .chat-messages,
body .chat-card .chat-form,
body .chat-card .chat-error {
    color:#edf0ea !important;
    background:linear-gradient(145deg,rgba(15,20,26,.96),rgba(7,10,14,.97)) !important;
    border-color:rgba(201,165,96,.28) !important;
}

/* v2.25.1 — Hesap merkezi: soğuk nötr kartlar ve ikonsuz, sola hizalı işlem düğmeleri. */
body .admin-card,
body .chat-card,
body .chat-card.wow-card {
    color:#edf0ea !important;
    background:linear-gradient(145deg,rgba(14,20,25,.97),rgba(6,10,14,.99)) !important;
    border-color:rgba(126,151,164,.38) !important;
    box-shadow:0 16px 42px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.04) !important;
}
body .admin-card .card-header,
body .chat-card .chat-head {
    color:#e5e9e7 !important;
    background:linear-gradient(180deg,rgba(31,40,47,.98),rgba(12,17,22,.99)) !important;
    border-color:rgba(126,151,164,.34) !important;
}
body .chat-card .chat-messages,
body .chat-card .chat-form,
body .chat-card .chat-form input {
    color:#e5e9e7 !important;
    background:#080d12 !important;
    border-color:rgba(126,151,164,.30) !important;
}
body button[name="action_unstuck_char"].char-unstuck-btn {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:24px !important;
    padding:5px 7px !important;
    color:#e8f0ec !important;
    background:linear-gradient(180deg,#26333a,#121a20) !important;
    border:1px solid rgba(126,151,164,.42) !important;
    border-radius:4px !important;
    box-shadow:inset 0 1px rgba(255,255,255,.07) !important;
    font:700 7.5px/1.1 Arial,sans-serif !important;
    text-align:left !important;
    justify-content:flex-start !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}
body button[name="action_unstuck_char"].char-unstuck-btn::before,
body button[name="action_unstuck_char"].char-unstuck-btn::after,
body .btn-update::before,
body .user-panel-btn::before { content:none !important; display:none !important; }

/* v2.25.3 — Yüksek öncelikli eski hover kurallarını aynı bağlamda kesin olarak ezer. */
body .admin-card table tbody tr:hover,
body .admin-card table tbody tr:hover td,
body .wow-card table tbody tr:hover,
body .wow-card table tbody tr:hover td {
    color:#f2f6f4 !important;
    background-color:#24323b !important;
    background-image:none !important;
    border-color:rgba(126,151,164,.26) !important;
    box-shadow:none !important;
}
body .admin-card button:hover,
body .admin-panel button:hover,
body .table-card button:hover,
body .wow-card button:hover,
body table button:hover,
body .admin-card .btn:hover,
body .wow-card .btn:hover,
body .admin-card .btn-update:hover,
body .wow-card .btn-update:hover,
body .admin-card .wow-btn:hover,
body .wow-card .wow-btn:hover {
    color:#fff !important;
    background-color:#263740 !important;
    background-image:linear-gradient(180deg,#40545f,#202c34) !important;
    border-color:rgba(169,195,207,.68) !important;
    box-shadow:0 0 14px rgba(101,151,173,.18) !important;
    filter:none !important;
}
body button[name="action_unstuck_char"].char-unstuck-btn:hover,
body .admin-card button[name="action_unstuck_char"].char-unstuck-btn:hover,
body .wow-card button[name="action_unstuck_char"].char-unstuck-btn:hover,
body table button[name="action_unstuck_char"].char-unstuck-btn:hover {
    color:#fff !important;
    background-color:#263740 !important;
    background-image:linear-gradient(180deg,#40545f,#202c34) !important;
    border-color:rgba(169,195,207,.68) !important;
    box-shadow:0 0 12px rgba(101,151,173,.20) !important;
    filter:none !important;
    text-align:left !important;
}
body .player-presence { font-weight:800 !important; }
body .player-presence.is-offline { color:tomato !important; }
body .player-presence.is-online { color:#43e86f !important; text-shadow:0 0 9px rgba(67,232,111,.32); }
body .btn-update,
body .user-panel-btn {
    text-align:left !important;
    justify-content:flex-start !important;
    padding-left:14px !important;
}
body .btn-update .gear-icon,
body .btn-update .gear-anim,
body .user-panel-btn .gear-icon,
body .user-panel-btn .gear-anim { display:none !important; }

/* v2.25.43 — Dar menü etiketleri ve buzla dövülmüş çekiç düğme sistemi. */
@media (min-width:981px) {
    html.portal-rail-collapsed body .portal-nav,
    html.portal-rail-collapsed body .portal-nav a[data-rail-tooltip] {
        overflow:visible !important;
    }
    html.portal-rail-collapsed body .portal-nav a[data-rail-tooltip] {
        z-index:1;
    }
    html.portal-rail-collapsed body .portal-nav a[data-rail-tooltip]:hover,
    html.portal-rail-collapsed body .portal-nav a[data-rail-tooltip]:focus-visible {
        z-index:30;
    }
    html.portal-rail-collapsed body .portal-nav a[data-rail-tooltip]::after {
        display:block !important;
        color:#edfaff !important;
        border-color:#7296aa !important;
        background:linear-gradient(90deg,rgba(92,193,230,.34) 0 3px,transparent 3px calc(100% - 3px),rgba(35,103,134,.55) calc(100% - 3px)),linear-gradient(180deg,#4d6a79 0%,#293f4b 42%,#13232c 58%,#0a141b 100%) !important;
        box-shadow:inset 0 1px rgba(225,249,255,.32),inset 0 -4px 8px rgba(0,0,0,.36),0 8px 22px rgba(0,0,0,.48),0 0 15px rgba(92,196,235,.18) !important;
        text-shadow:0 1px 2px #02070a,0 0 7px rgba(122,214,245,.18) !important;
    }
    html.portal-rail-collapsed body .portal-nav a[data-rail-tooltip]::before {
        border-color:#7296aa !important;
        background:#293f4b !important;
    }
}

body button:not(.portal-menu-toggle):not(.portal-rail-toggle):not(.chat-delete),
body input[type="button"],
body input[type="submit"],
body .btn:not(.btn-link),
body .wow-btn,
body .btn-update,
body .btn-action,
body .back-btn,
body .user-panel-btn,
body .portal-primary-button,
body .portal-ghost-button,
body .portal-exit-button,
body .portal-quick-actions a,
body .portal-topbar-actions a,
body .tabs a,
body .accordion-button,
body .panel-toggle,
body .section-toggle {
    color:#edfaff !important;
    border:1px solid #7296aa !important;
    border-radius:3px 11px 3px 11px !important;
    background:
        linear-gradient(90deg,rgba(92,193,230,.34) 0 3px,transparent 3px calc(100% - 3px),rgba(35,103,134,.55) calc(100% - 3px)),
        linear-gradient(180deg,#4d6a79 0%,#293f4b 42%,#13232c 58%,#0a141b 100%) !important;
    box-shadow:
        inset 0 1px rgba(225,249,255,.32),
        inset 0 -5px 9px rgba(0,0,0,.42),
        inset 3px 0 rgba(94,205,244,.16),
        0 3px 0 #050a0e,
        0 7px 16px rgba(0,0,0,.30) !important;
    text-shadow:0 1px 2px #02070a,0 0 7px rgba(122,214,245,.15) !important;
    transition:transform .16s ease,filter .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease !important;
}

body button:not(.portal-menu-toggle):not(.portal-rail-toggle):not(.chat-delete):hover,
body button:not(.portal-menu-toggle):not(.portal-rail-toggle):not(.chat-delete):focus-visible,
body input[type="button"]:hover,
body input[type="submit"]:hover,
body .btn:not(.btn-link):hover,
body .wow-btn:hover,
body .btn-update:hover,
body .btn-action:hover,
body .back-btn:hover,
body .user-panel-btn:hover,
body .portal-primary-button:hover,
body .portal-ghost-button:hover,
body .portal-exit-button:hover,
body .portal-quick-actions a:hover,
body .portal-topbar-actions a:hover,
body .tabs a:hover,
body .accordion-button:hover,
body .panel-toggle:hover,
body .section-toggle:hover {
    color:#fff !important;
    border-color:#9de5ff !important;
    background:
        linear-gradient(90deg,rgba(108,225,255,.60) 0 3px,transparent 3px calc(100% - 3px),rgba(49,147,190,.72) calc(100% - 3px)),
        linear-gradient(180deg,#668b9e 0%,#365563 42%,#193642 58%,#0d2029 100%) !important;
    box-shadow:
        inset 0 1px rgba(239,252,255,.48),
        inset 0 -5px 9px rgba(0,0,0,.34),
        inset 3px 0 rgba(133,229,255,.24),
        0 3px 0 #050a0e,
        0 0 20px rgba(92,196,235,.38) !important;
    filter:brightness(1.08) saturate(1.12) !important;
    transform:translateY(-1px) !important;
    outline:none;
}

body button:not(.portal-menu-toggle):not(.portal-rail-toggle):not(.chat-delete):active,
body .btn:not(.btn-link):active,
body .wow-btn:active,
body .portal-primary-button:active,
body .portal-ghost-button:active {
    transform:translateY(2px) !important;
    box-shadow:inset 0 3px 9px rgba(0,0,0,.48),0 1px 0 #050a0e !important;
}

/* v2.25.2 — Ortak tablolarda ve standart düğmelerde kahverengi hover kalmasın. */
body .wow-card table tbody tr:hover,
body .wow-card table tbody tr:hover td,
body table tbody tr:hover,
body table tbody tr:hover td {
    color:#f2f6f4 !important;
    background:#24323b !important;
    border-color:rgba(126,151,164,.26) !important;
}
body .wow-btn:not(.char-unstuck-btn),
body .btn-action,
body .btn-update,
body .back-btn,
body .user-panel-btn,
body button:not(.portal-menu-toggle):not(.chat-delete):not(.char-unstuck-btn):not(.btn-danger):not(.btn-success) {
    color:#e8efed !important;
    background:linear-gradient(180deg,#2b3941,#141d23) !important;
    border-color:rgba(126,151,164,.44) !important;
    box-shadow:inset 0 1px rgba(255,255,255,.08),0 2px 0 #05080a !important;
}
body .wow-btn:not(.char-unstuck-btn):hover,
body .btn-action:hover,
body .btn-update:hover,
body .back-btn:hover,
body .user-panel-btn:hover,
body button:not(.portal-menu-toggle):not(.chat-delete):not(.char-unstuck-btn):not(.btn-danger):not(.btn-success):hover {
    color:#fff !important;
    background:linear-gradient(180deg,#40545f,#202c34) !important;
    border-color:rgba(169,195,207,.68) !important;
    box-shadow:0 0 14px rgba(101,151,173,.18) !important;
}
body .wow-btn::before,
body .btn-action::before,
body .btn-update::before,
body .back-btn::before,
body .user-panel-btn::before { content:none !important; display:none !important; }

/* v2.25.3 final — Bağlantı biçimli düğmeler dahil bütün hover yüzeyleri. */
body .portal-primary-button,
body .portal-ghost-button,
body .portal-exit-button,
body .portal-quick-actions a,
body .tabs a,
body .accordion-button,
body .panel-toggle,
body .section-toggle {
    color:#e8efed !important;
    background-color:#141d23 !important;
    background-image:linear-gradient(180deg,#2b3941,#141d23) !important;
    border-color:rgba(126,151,164,.44) !important;
    box-shadow:inset 0 1px rgba(255,255,255,.08),0 2px 0 #05080a !important;
}
body .portal-primary-button:hover,
body .portal-ghost-button:hover,
body .portal-exit-button:hover,
body .portal-quick-actions a:hover,
body .tabs a:hover,
body .accordion-button:hover,
body .panel-toggle:hover,
body .section-toggle:hover {
    color:#fff !important;
    background-color:#263740 !important;
    background-image:linear-gradient(180deg,#40545f,#202c34) !important;
    border-color:rgba(169,195,207,.68) !important;
    box-shadow:0 0 14px rgba(101,151,173,.18) !important;
    filter:none !important;
}

/* v2.25.4 — Takılı karakter düğmeleri: %50 daha geniş, büyük yazı ve belirgin hover. */
body .wow-card table:has(.char-unstuck-btn) th:first-child,
body .wow-card table:has(.char-unstuck-btn) td:first-child {
    width:165px !important;
    min-width:165px !important;
}
body .char-unstuck-form {
    display:block !important;
    width:135px !important;
    max-width:135px !important;
    margin:2px 0 0 !important;
}
body button[name="action_unstuck_char"].char-unstuck-btn,
body .wow-card button[name="action_unstuck_char"].char-unstuck-btn,
body table button[name="action_unstuck_char"].char-unstuck-btn {
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:135px !important;
    min-width:135px !important;
    max-width:135px !important;
    min-height:34px !important;
    padding:8px 12px !important;
    color:#edf5f7 !important;
    background-color:#17232a !important;
    background-image:linear-gradient(180deg,#344650,#17232a) !important;
    border:1px solid rgba(145,177,191,.58) !important;
    border-radius:6px !important;
    box-shadow:inset 0 1px rgba(255,255,255,.10),0 3px 0 #060a0d !important;
    font:800 10px/1.15 "Segoe UI",Arial,sans-serif !important;
    letter-spacing:.01em !important;
    text-align:left !important;
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
    transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease !important;
}
body button[name="action_unstuck_char"].char-unstuck-btn:hover,
body button[name="action_unstuck_char"].char-unstuck-btn:focus-visible,
body .wow-card button[name="action_unstuck_char"].char-unstuck-btn:hover,
body table button[name="action_unstuck_char"].char-unstuck-btn:hover {
    color:#fff !important;
    background-color:#314b59 !important;
    background-image:linear-gradient(180deg,#668392,#29404c) !important;
    border-color:#b9d9e7 !important;
    box-shadow:inset 0 1px rgba(255,255,255,.22),0 0 18px rgba(95,174,207,.48),0 3px 0 #071016 !important;
    transform:translateY(-1px) !important;
    filter:none !important;
}
@media (max-width:600px) {
    body .wow-card table:has(.char-unstuck-btn) th:first-child,
    body .wow-card table:has(.char-unstuck-btn) td:first-child { width:155px !important;min-width:155px !important; }
    body .char-unstuck-form,
    body button[name="action_unstuck_char"].char-unstuck-btn { width:135px !important;min-width:135px !important;max-width:135px !important; }
}

/* v2.25.10: ana sayfa sunucu özeti hero dışındaki bağımsız alt katmandadır. */
body .portal-quick-actions { margin-bottom:14px!important; }
body .portal-home-metrics {
    width:min(1280px,92vw);
    margin:0 auto 14px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr)) minmax(154px,.56fr);
    grid-template-rows:repeat(3,50px);
    gap:12px;
    align-items:stretch;
}
@media (min-width:981px) {
    body .portal-hero,
    body .portal-quick-actions { width:min(2320px,calc(100vw - 312px))!important; }
    body .portal-home-metrics { width:min(1280px,calc(100vw - 312px)); }
}
body .portal-home-metric {
    position:relative;
    min-width:0;
    min-height:0;
    height:auto;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:18px 16px;
    overflow:hidden;
    color:#e8eff1;
    border:1px solid rgba(126,161,178,.48);
    border-radius:10px;
    background:linear-gradient(145deg,rgba(17,27,34,.97),rgba(7,13,18,.98));
    box-shadow:0 14px 34px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.055);
    text-align:center;
}
/* Büyük sıralama kartları solda; hızlı sunucu özeti sağdaki dar dikey şeritte. */
body .portal-home-featured:not(.portal-home-wealth):not(.portal-home-ingame) { grid-column:1;grid-row:1 / span 3; }
body .portal-home-wealth { grid-column:2;grid-row:1 / span 3; }
body .portal-home-ingame { grid-column:3;grid-row:1 / span 3; }
body .portal-home-server { grid-column:4;grid-row:1; }
body .portal-home-online { grid-column:4;grid-row:2; }
body .portal-home-accounts { grid-column:4;grid-row:3; }
body .portal-home-online,
body .portal-home-server,
body .portal-home-accounts {
    min-height:0;
    padding:5px 8px;
}
body .portal-home-metric.portal-home-online > span,
body .portal-home-metric.portal-home-server > span,
body .portal-home-metric.portal-home-accounts > span {
    font-size:.48rem;
    letter-spacing:.08em;
}
body .portal-home-metric.portal-home-online > strong,
body .portal-home-metric.portal-home-server > strong,
body .portal-home-metric.portal-home-accounts > strong {
    margin-top:2px;
    font-size:1.22rem;
}
body .portal-home-metric::before {
    content:"";
    position:absolute;
    top:0;
    right:18px;
    left:18px;
    height:2px;
    background:linear-gradient(90deg,transparent,#75a9be,transparent);
    opacity:.72;
}
body .portal-home-metric > span {
    color:#a9bdc6;
    font-size:.68rem;
    font-weight:900;
    letter-spacing:.12em;
    line-height:1.35;
    text-transform:uppercase;
}
body .portal-home-metric > strong {
    margin-top:13px;
    color:#f4d88d;
    font:900 clamp(1.65rem,2.1vw,2.25rem)/1 Georgia,"Times New Roman",serif;
    text-shadow:0 0 15px rgba(135,188,211,.16);
}
body .portal-home-online > strong { color:#5ee7ff; }
body .portal-home-server.is-online > strong { color:#45e38a; }
body .portal-home-server.is-offline > strong { color:#ff7068; }
body .portal-home-accounts > strong { color:#f4d88d; }
body .portal-home-featured { justify-content:flex-start; }
body .portal-home-featured ol {
    width:min(210px,100%);
    margin:10px auto 0;
    padding:0;
    display:grid;
    gap:4px;
    list-style:none;
    counter-reset:featured-hero;
    text-align:left;
}
body .portal-home-featured li {
    counter-increment:featured-hero;
    overflow:hidden;
    color:#edf4f6;
    font-size:.73rem;
    font-weight:800;
    line-height:1.3;
    text-overflow:ellipsis;
    white-space:nowrap;
}
body .portal-home-featured li::before {
    content:counter(featured-hero) ".";
    display:inline-block;
    width:22px;
    color:#5ebfea;
    font-weight:900;
}
body .portal-home-featured small { margin-top:18px;color:#8799a2;font-size:.7rem; }
@media (max-width:980px) {
    body .portal-home-metrics {
        width:min(760px,92vw);
        grid-template-columns:repeat(2,minmax(0,1fr));
        grid-template-rows:none;
        grid-auto-rows:166px;
    }
    body .portal-home-featured:not(.portal-home-wealth):not(.portal-home-ingame),
    body .portal-home-wealth,
    body .portal-home-ingame,
    body .portal-home-online,
    body .portal-home-server,
    body .portal-home-accounts { grid-column:auto;grid-row:auto; }
}
@media (max-width:560px) {
    body .portal-home-metrics { width:min(420px,92vw);grid-template-columns:1fr; }
    body .portal-home-metric { min-height:132px; }
    body .portal-home-featured { min-height:166px; }
}

/* v2.25.11: öne çıkan kahramanlar yetki, durum, tıklama ve canlı hover desteği taşır. */
body .portal-home-featured { padding:12px 14px; }
body .portal-home-featured ol { width:min(270px,100%);margin-top:5px;gap:0; }
body .portal-home-featured li {
    min-height:17px;
    display:flex;
    align-items:center;
    padding:0 5px;
    overflow:visible;
    border-radius:5px;
    white-space:normal;
    transition:background .16s ease,box-shadow .16s ease,transform .16s ease;
}
body .portal-home-featured li:hover,
body .portal-home-featured li:focus-within {
    background:rgba(63,104,123,.22);
    box-shadow:inset 0 0 0 1px rgba(104,170,198,.26);
    transform:translateX(2px);
}
body .portal-home-featured li::before { flex:0 0 22px; }
body .portal-home-featured .character-status-icon { margin-right:5px;transform:scale(.82);transform-origin:center; }
body .portal-home-featured .portal-featured-hero-link {
    min-width:0;
    max-width:calc(100% - 43px);
    color:#e7eef1!important;
    font-size:.68rem;
    line-height:1.2;
    text-align:left;
    cursor:pointer;
}
body .portal-home-featured .portal-featured-hero-link:hover,
body .portal-home-featured .portal-featured-hero-link:focus-visible {
    color:#fff!important;
    outline:0;
}
body .portal-home-featured .portal-metric-value {
    margin-left:auto;
    margin-top:0;
    color:#e0bc66;
    font-size:.58rem;
    font-weight:800;
    letter-spacing:.01em;
    white-space:nowrap;
}
body .portal-home-ingame .portal-metric-value { color:#65e2aa; }
/* Ana sayfadaki listelerde normal hesaplar seviye kademesiyle, yetkililer
   ise mevcut yetki paletiyle otomatik renklendirilir. */
body .portal-home-featured .character-level-name.level-legendary.authority-level-0 { color:#ff9d2e!important; text-shadow:0 0 7px rgba(255,157,46,.28)!important; }
body .portal-home-featured .character-level-name.level-epic.authority-level-0 { color:#c58cff!important; }
body .portal-home-featured .character-level-name.level-rare.authority-level-0 { color:#69a9ff!important; }
body .portal-home-featured .character-level-name.level-uncommon.authority-level-0 { color:#58df79!important; }
body .portal-home-featured .character-level-name.level-seasoned.authority-level-0 { color:#66d9df!important; }
body .portal-home-featured .character-level-name.level-common.authority-level-0 { color:#d7dee2!important; }
@media (max-width:980px) {
    body .portal-home-metrics { grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:166px; }
}

/* v2.25.12: hero tipografisi üst logo ve alt çağrı olarak iki güvenli banda ayrılır. */
body .portal-hero { position:relative!important; }
body .portal-hero-content {
    position:absolute!important;
    z-index:2!important;
    inset:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    pointer-events:none;
}
body .portal-kicker {
    position:absolute;
    z-index:3;
    top:4px;
    right:12px;
    left:12px;
    margin:0!important;
    color:#f6dea1!important;
    font-size:clamp(.53rem,.7vw,.68rem)!important;
    letter-spacing:.22em!important;
    text-align:center;
    text-shadow:0 2px 5px #000,0 0 10px rgba(237,199,111,.32);
}
body .portal-circle-mark {
    position:absolute;
    z-index:3;
    top:23px;
    right:50%;
    margin:0!important;
    transform:translateX(50%);
    transform-origin:center top!important;
    line-height:.72!important;
    filter:drop-shadow(0 10px 10px rgba(0,0,0,.66))!important;
    backface-visibility:visible;
    will-change:transform,opacity,filter;
    animation:alacaHeroLogoCinematic 15s cubic-bezier(.22,.72,.2,1) infinite!important;
}
body .portal-circle-mark span,
body .portal-circle-mark strong {
    display:block;
    font-family:Georgia,"Times New Roman",serif!important;
    font-weight:900!important;
    text-transform:uppercase;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
    paint-order:stroke fill;
    filter:saturate(1.42) brightness(1.12) contrast(1.08);
}
body .portal-circle-mark span {
    color:#f5df9e!important;
    background-image:var(--alaca-gradient,linear-gradient(180deg,#fffbe5 0%,#f6dda0 28%,#bd8732 58%,#fff0b5 76%,#8b5a18 100%))!important;
    -webkit-text-stroke:1px rgba(67,39,8,.82);
    font-size:clamp(2.35rem,3.4vw,3.65rem)!important;
    letter-spacing:.055em!important;
    text-shadow:0 1px 0 rgba(255,255,255,.72),0 3px 0 rgba(35,29,25,.82),0 6px 0 #17100b,0 0 15px var(--alaca-glow,rgba(237,199,111,.38)),0 10px 18px rgba(0,0,0,.86)!important;
}
body .portal-circle-mark strong {
    color:#d5a13d!important;
    background-image:var(--wow-gradient,linear-gradient(180deg,#fff4bd 0%,#e5b653 23%,#8d5714 50%,#e8bd5e 69%,#6b3c0a 100%))!important;
    -webkit-text-stroke:1.4px rgba(55,31,5,.95);
    font-size:clamp(3.55rem,5vw,5.25rem)!important;
    letter-spacing:-.055em!important;
    text-shadow:0 1px 0 rgba(255,255,255,.7),0 3px 0 rgba(35,29,25,.82),0 6px 0 #17100b,0 0 17px var(--wow-glow,rgba(213,161,61,.4)),0 9px 0 #120d09,0 14px 23px rgba(0,0,0,.9)!important;
}
body .portal-circle-mark em {
    margin-top:11px!important;
    color:#f5e6bb!important;
    font-size:clamp(.48rem,.6vw,.6rem)!important;
    letter-spacing:.2em!important;
    text-shadow:0 2px 5px #000,0 0 8px rgba(236,200,118,.28)!important;
}
body .portal-hero h1 {
    position:absolute;
    right:14px;
    bottom:49px;
    left:14px;
    max-width:none!important;
    margin:0!important;
    color:#fff4d9!important;
    font-size:clamp(1.05rem,1.65vw,1.55rem)!important;
    letter-spacing:.09em!important;
    text-align:center;
    text-shadow:0 2px 0 #1a2530,0 5px 13px rgba(0,0,0,.9)!important;
}
body .portal-hero p {
    position:absolute;
    right:20px;
    bottom:20px;
    left:20px;
    max-width:none!important;
    margin:0!important;
    color:#e7eeee!important;
    font-size:clamp(.63rem,.78vw,.76rem)!important;
    line-height:1.35!important;
    text-align:center;
    text-shadow:0 2px 7px #000!important;
}
@keyframes alacaHeroLogoCinematic {
    0% {
        opacity:0;
        transform:translateX(50%) perspective(900px) translateZ(-260px) scale(.16) rotateY(-180deg);
        filter:blur(7px) drop-shadow(0 2px 2px rgba(0,0,0,.25));
    }
    10%,30% {
        opacity:1;
        transform:translateX(50%) perspective(900px) translateZ(0) scale(1) rotateY(0deg);
        filter:blur(0) drop-shadow(0 10px 10px rgba(0,0,0,.66));
        animation-timing-function:linear;
    }
    50% {
        opacity:0;
        transform:translateX(50%) perspective(900px) translateZ(-260px) scale(.16) rotateY(180deg);
        filter:blur(7px) drop-shadow(0 2px 2px rgba(0,0,0,.25));
    }
    60%,80% {
        opacity:1;
        transform:translateX(50%) perspective(900px) translateZ(0) scale(1) rotateY(360deg);
        filter:blur(0) drop-shadow(0 10px 10px rgba(0,0,0,.66));
        animation-timing-function:linear;
    }
    100% {
        opacity:0;
        transform:translateX(50%) perspective(900px) translateZ(-260px) scale(.16) rotateY(540deg);
        filter:blur(7px) drop-shadow(0 2px 2px rgba(0,0,0,.25));
    }
}
@media (max-width:700px) {
    body .portal-kicker { top:8px;font-size:.48rem!important;letter-spacing:.14em!important; }
    body .portal-circle-mark { top:29px; }
    body .portal-circle-mark span { font-size:2.25rem!important; }
    body .portal-circle-mark strong { font-size:3.45rem!important; }
    body .portal-circle-mark em { margin-top:9px!important;font-size:.43rem!important;letter-spacing:.12em!important; }
    body .portal-hero h1 { bottom:62px;font-size:1rem!important; }
    body .portal-hero p { bottom:20px;font-size:.62rem!important; }
}
@media (prefers-reduced-motion:reduce) {
    body .portal-circle-mark { animation:none!important;transform:translateX(50%)!important; }
}

/* v2.25.15: ALACA ana word-art, WOW daha küçük; arma ALACA'nın iki yanında. */
body .portal-circle-mark::before,
body .portal-circle-mark::after {
    content:"";
    position:absolute;
    z-index:4;
    top:-7px;
    width:58px;
    height:63px;
    background:url('../images/ui/alaca-crest-v1.png') center / contain no-repeat;
    filter:drop-shadow(0 3px 2px rgba(0,0,0,.9)) drop-shadow(0 0 7px rgba(226,178,75,.28));
    pointer-events:none;
}
body .portal-circle-mark::before { left:-61px; }
body .portal-circle-mark::after { right:-61px; }
body .portal-circle-mark span {
    font-size:clamp(3rem,4vw,4.15rem)!important;
    letter-spacing:.075em!important;
    line-height:.76!important;
}
body .portal-circle-mark strong {
    margin-top:7px;
    font-size:clamp(2.35rem,2.9vw,3rem)!important;
    letter-spacing:.08em!important;
    line-height:.78!important;
}
body .portal-circle-mark em { margin-top:12px!important; }
@media (max-width:700px) {
    body .portal-circle-mark::before,
    body .portal-circle-mark::after { top:-5px;width:43px;height:47px; }
    body .portal-circle-mark::before { left:-45px; }
    body .portal-circle-mark::after { right:-45px; }
    body .portal-circle-mark span { font-size:2.7rem!important; }
body .portal-circle-mark strong { margin-top:6px;font-size:2.08rem!important; }
}

/* v2.25.24: bilgi panellerinin üstünde zincir halinde akan canlı 3B kahraman pencereleri. */
body .portal-character-stream {
    position:relative;
    width:min(1280px,92vw);
    height:142px;
    margin:0 auto 12px;
    overflow:hidden;
    container-type:inline-size;
    border-top:1px solid rgba(111,158,178,.28);
    border-bottom:1px solid rgba(111,158,178,.22);
    background:linear-gradient(90deg,transparent,rgba(8,18,25,.42) 12%,rgba(8,18,25,.42) 88%,transparent);
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
}
body .portal-character-stream-title {
    position:absolute;
    z-index:6;
    top:4px;
    left:50%;
    padding:2px 9px;
    color:#9fc4d4;
    background:rgba(4,11,16,.82);
    border:1px solid rgba(105,165,190,.25);
    border-radius:999px;
    font-size:.52rem;
    font-weight:900;
    letter-spacing:.16em;
    transform:translateX(-50%);
}
body .portal-character-stream-stage { position:absolute;inset:0;overflow:hidden; }
body .portal-character-stream-card {
    --stream-card-width:166px;
    position:absolute;
    z-index:2;
    top:19px;
    left:0;
    width:var(--stream-card-width);
    height:116px;
    overflow:hidden;
    color:#eaf4f7!important;
    border:1px solid rgba(113,174,199,.58);
    border-radius:9px;
    background:#071017;
    box-shadow:0 8px 22px rgba(0,0,0,.52),inset 0 0 0 1px rgba(255,255,255,.035),0 0 15px rgba(62,145,180,.12);
    transform:translate3d(calc(-1 * var(--stream-card-width) - 12px),0,0);
    animation:portalCharacterChain var(--stream-duration,27s) linear infinite;
    animation-delay:calc(var(--stream-index) * -5.4s);
    will-change:transform;
}
body .portal-character-stream-card::after {
    content:"";
    position:absolute;
    z-index:5;
    top:0;
    right:0;
    left:0;
    height:2px;
    background:linear-gradient(90deg,transparent,#67d9ff,transparent);
    opacity:.72;
}
body .portal-character-stream-rank {
    position:absolute;
    z-index:7;
    top:7px;
    left:7px;
    width:23px;
    height:23px;
    display:grid;
    place-items:center;
    color:#061017;
    border:1px solid rgba(220,248,255,.72);
    border-radius:50%;
    background:linear-gradient(145deg,#9cecff,#32bde9 62%,#197da5);
    box-shadow:0 0 13px rgba(63,204,255,.58),0 2px 5px rgba(0,0,0,.6);
    font:900 .7rem/1 Georgia,"Times New Roman",serif;
}
body .portal-character-stream-card:hover,
body .portal-character-stream-card:focus-visible {
    z-index:8;
    border-color:#8ee4ff;
    outline:0;
    box-shadow:0 9px 28px rgba(0,0,0,.62),0 0 20px rgba(76,194,237,.48);
    animation-play-state:running!important;
}
body .portal-character-stream-viewport.paperdoll-figure {
    position:absolute;
    z-index:1;
    inset:0;
    width:auto;
    min-height:0;
    height:auto;
    border:0!important;
    border-radius:8px;
    background:radial-gradient(circle at 50% 35%,rgba(65,139,169,.3),rgba(5,12,17,.96) 72%)!important;
    box-shadow:inset 0 0 25px rgba(0,0,0,.56)!important;
}
body .portal-character-stream-viewport.paperdoll-figure::before { display:none; }
body .portal-character-stream-class-icon {
    position:absolute!important;
    z-index:1!important;
    top:23px!important;
    left:50%!important;
    width:52px!important;
    height:52px!important;
    opacity:.74;
    object-fit:contain!important;
    border:0!important;
    border-radius:50%!important;
    box-shadow:0 0 22px rgba(83,190,229,.35)!important;
    transform:translateX(-50%);
    transition:opacity .35s ease;
}
body .portal-character-stream-card.is-rendered .portal-character-stream-class-icon { opacity:0; }
body .portal-character-stream-viewport > span {
    position:absolute;
    z-index:5;
    right:5px;
    bottom:28px;
    left:5px;
    color:#9bc0ce;
    font:700 .48rem/1.2 "Segoe UI",Arial,sans-serif;
    text-shadow:0 1px 4px #000;
}
body .portal-character-stream-canvas { pointer-events:none; }
body .portal-character-stream-meta {
    position:absolute;
    z-index:4;
    right:0;
    bottom:0;
    left:0;
    min-height:29px;
    display:flex;
    align-items:center;
    gap:5px;
    padding:4px 7px;
    background:linear-gradient(180deg,rgba(4,10,14,.25),rgba(3,8,12,.96) 34%);
    border-top:1px solid rgba(121,169,188,.2);
}
body .portal-character-stream-meta .character-status-icon { flex:0 0 auto;transform:scale(.72);transform-origin:center; }
body .portal-character-stream-meta div { min-width:0;display:grid; }
body .portal-character-stream-meta strong { overflow:hidden;font-size:.63rem;line-height:1.1;text-overflow:ellipsis;white-space:nowrap; }
body .portal-character-stream-meta small { overflow:hidden;color:#9cb0b9;font-size:.47rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap; }
@keyframes portalCharacterChain {
    from { transform:translate3d(calc(-1 * var(--stream-card-width) - 12px),0,0); }
    to { transform:translate3d(calc(100cqw + 12px),0,0); }
}
@media (min-width:981px) {
    body .portal-character-stream { width:min(1280px,calc(100vw - 312px)); }
}
@media (max-width:700px) {
    body .portal-character-stream { width:92vw;height:126px; }
    body .portal-character-stream-card { --stream-card-width:142px;top:18px;height:100px;animation-duration:var(--stream-mobile-duration,24s);animation-delay:calc(var(--stream-index) * -4.8s); }
    body .portal-character-stream-class-icon { top:18px!important;width:43px!important;height:43px!important; }
    body .portal-character-stream-meta { min-height:27px;padding:3px 5px; }
    body .portal-character-stream-meta strong { font-size:.57rem; }
}
@media (prefers-reduced-motion:reduce) {
    body .portal-character-stream { height:auto;min-height:132px;overflow-x:auto;mask-image:none;-webkit-mask-image:none; }
    body .portal-character-stream-stage { position:relative;inset:auto;min-width:max-content;display:flex;gap:8px;padding:18px 8px 8px; }
    body .portal-character-stream-card { position:relative;top:auto;left:auto;flex:0 0 var(--stream-card-width);animation:none;transform:none; }
}

/* v2.25.27: birbiriyle uyumlu iki özgün şehir sahnesi. */
html body {
    background-color:#050b12 !important;
    background-image:
        linear-gradient(180deg,rgba(3,8,14,.34),rgba(3,8,14,.62)),
        url('../images/backgrounds/portal-city-moon-v1.png') !important;
    background-position:center top !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
    background-attachment:fixed !important;
}
body .portal-hero {
    background:transparent !important;
}
body .portal-hero::before {
    z-index:1 !important;
    background:
        url('../images/hero/hero-race-parade-v1.png') center bottom / contain no-repeat,
        radial-gradient(ellipse at center,rgba(3,8,15,.48) 0%,rgba(3,8,15,.14) 36%,transparent 68%) !important;
    filter:drop-shadow(0 12px 18px rgba(0,0,0,.46));
    transform:translateX(-30px) !important;
    animation:alacaHeroParadeMoveFinal 4.6s ease-in-out infinite alternate !important;
}

/* v2.25.29: sabit kahramanlar ve çerçevesiz, ana sahneye eriyen hero. */
body .portal-hero {
    margin-top:0 !important;
    margin-bottom:18px !important;
    border:0 !important;
    border-radius:0 !important;
    outline:0 !important;
    box-shadow:none !important;
}
body .portal-hero::before {
    transform:none !important;
    animation:none !important;
    will-change:auto !important;
    filter:drop-shadow(0 12px 18px rgba(0,0,0,.42));
}
body .portal-hero::after {
    content:none !important;
    display:none !important;
}

/* v2.25.32: iki sabit kahraman grubuna logo için geniş merkez güvenli alanı. */
body .portal-hero::before,
body .portal-hero::after {
    content:"" !important;
    display:block !important;
    position:absolute !important;
    z-index:1 !important;
    inset:0 !important;
    width:auto !important;
    height:auto !important;
    background:url('../images/hero/hero-race-parade-v1.png') center calc(100% - 64px) / 88% auto no-repeat !important;
    filter:none !important;
    animation:none !important;
    will-change:auto !important;
    pointer-events:none !important;
}
body .portal-hero::before {
    clip-path:inset(0 50% 0 0);
    transform:translateX(-6%) !important;
}
body .portal-hero::after {
    clip-path:inset(0 0 0 50%);
    transform:translateX(6%) !important;
}

/* v2.25.37: kesitsiz, yükseklik temelli ve ultra-geniş ekran güvenli kahraman yerleşimi. */
body .portal-hero::before,
body .portal-hero::after {
    content:none !important;
    display:none !important;
}
body .portal-hero {
    height:clamp(390px,26vw,560px) !important;
    min-height:390px !important;
    overflow:hidden !important;
}
body .portal-hero-party {
    position:absolute;
    z-index:1;
    bottom:64px;
    width:auto;
    max-width:none;
    height:clamp(225px,17vw,420px);
    object-fit:contain;
    object-position:center;
    filter:none;
    pointer-events:none;
    user-select:none;
}
body .portal-hero-party-left {
    left:0;
    clip-path:inset(0 50% 0 0);
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 5%,#000 100%);
    mask-image:linear-gradient(90deg,transparent 0%,#000 5%,#000 100%);
}
body .portal-hero-party-right {
    right:0;
    clip-path:inset(0 0 0 50%);
    -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 95%,transparent 100%);
    mask-image:linear-gradient(90deg,#000 0%,#000 95%,transparent 100%);
}
@media (min-width:2000px) {
    body .portal-hero-party {
        height:440px;
    }
    body .portal-hero-party-left,
    body .portal-hero-party-right {
        left:50%;
        right:auto;
        transform:translateX(-50%);
    }
}
@media (max-width:980px) {
    body .portal-hero {
        height:430px !important;
        min-height:430px !important;
    }
    body .portal-hero-party {
        bottom:112px;
        height:clamp(108px,24vw,170px);
    }
}

/* v2.25.43 final: tooltip ve çekiç teması son tema katmanının üstünde kalır. */
@media (min-width:981px) {
    html.portal-rail-collapsed body .portal-nav a[data-rail-tooltip]::after {
        display:block !important;
    }
}

body button:not(.portal-menu-toggle):not(.portal-rail-toggle):not(.chat-delete),
body input[type="button"],body input[type="submit"],
body .btn:not(.btn-link),body .wow-btn,body .btn-update,body .btn-action,body .back-btn,body .user-panel-btn,
body .portal-primary-button,body .portal-ghost-button,body .portal-exit-button,
body .portal-quick-actions a,body .portal-topbar-actions a,body .tabs a,
body .accordion-button,body .panel-toggle,body .section-toggle {
    color:#edfaff !important;
    border:1px solid #7296aa !important;
    border-radius:3px 11px 3px 11px !important;
    background:linear-gradient(90deg,rgba(92,193,230,.34) 0 3px,transparent 3px calc(100% - 3px),rgba(35,103,134,.55) calc(100% - 3px)),linear-gradient(180deg,#4d6a79 0%,#293f4b 42%,#13232c 58%,#0a141b 100%) !important;
    box-shadow:inset 0 1px rgba(225,249,255,.32),inset 0 -5px 9px rgba(0,0,0,.42),inset 3px 0 rgba(94,205,244,.16),0 3px 0 #050a0e,0 7px 16px rgba(0,0,0,.30) !important;
    text-shadow:0 1px 2px #02070a,0 0 7px rgba(122,214,245,.15) !important;
    transition:transform .16s ease,filter .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease !important;
}

body button:not(.portal-menu-toggle):not(.portal-rail-toggle):not(.chat-delete):hover,
body button:not(.portal-menu-toggle):not(.portal-rail-toggle):not(.chat-delete):focus-visible,
body input[type="button"]:hover,body input[type="submit"]:hover,
body .btn:not(.btn-link):hover,body .wow-btn:hover,body .btn-update:hover,body .btn-action:hover,body .back-btn:hover,body .user-panel-btn:hover,
body .portal-primary-button:hover,body .portal-ghost-button:hover,body .portal-exit-button:hover,
body .portal-quick-actions a:hover,body .portal-topbar-actions a:hover,body .tabs a:hover,
body .accordion-button:hover,body .panel-toggle:hover,body .section-toggle:hover {
    color:#fff !important;
    border-color:#9de5ff !important;
    background:linear-gradient(90deg,rgba(108,225,255,.60) 0 3px,transparent 3px calc(100% - 3px),rgba(49,147,190,.72) calc(100% - 3px)),linear-gradient(180deg,#668b9e 0%,#365563 42%,#193642 58%,#0d2029 100%) !important;
    box-shadow:inset 0 1px rgba(239,252,255,.48),inset 0 -5px 9px rgba(0,0,0,.34),inset 3px 0 rgba(133,229,255,.24),0 3px 0 #050a0e,0 0 20px rgba(92,196,235,.38) !important;
    filter:brightness(1.08) saturate(1.12) !important;
    transform:translateY(-1px) !important;
    outline:none;
}

body button:not(.portal-menu-toggle):not(.portal-rail-toggle):not(.chat-delete):active,
body .btn:not(.btn-link):active,body .wow-btn:active,
body .portal-primary-button:active,body .portal-ghost-button:active {
    transform:translateY(2px) !important;
    box-shadow:inset 0 3px 9px rgba(0,0,0,.48),0 1px 0 #050a0e !important;
}

/* v2.25.45: dar menü etiketi imlecin üstünde, ikonun üst kenarında açılır. */
@media (min-width:981px) {
    html.portal-rail-collapsed body .portal-nav a[data-rail-tooltip]::after {
        left:calc(100% + 12px) !important;
        top:auto !important;
        right:auto !important;
        bottom:calc(50% + 10px) !important;
        transform:translateX(6px) !important;
    }
    html.portal-rail-collapsed body .portal-nav a[data-rail-tooltip]:hover::after,
    html.portal-rail-collapsed body .portal-nav a[data-rail-tooltip]:focus-visible::after {
        transform:translateX(0) !important;
    }
    html.portal-rail-collapsed body .portal-nav a[data-rail-tooltip]::before {
        display:none !important;
        content:none !important;
    }
}

/* v2.25.46: kahraman grupları tüm masaüstü genişliklerinde aynı merkez ekseninde birleşir. */
@media (min-width:981px) {
    body .portal-hero-party {
        left:50% !important;
        right:auto !important;
        height:clamp(225px,17vw,440px) !important;
        transform:translateX(-50%) !important;
    }
}

/* v2.25.47: gerçek DOM hover etiketi; eski pseudo katmanlarından tamamen bağımsızdır. */
html.portal-rail-collapsed body .portal-nav a[data-rail-tooltip]::after,
html.portal-rail-collapsed body .portal-nav a[data-rail-tooltip]::before {
    display:none !important;
    content:none !important;
}
.portal-rail-floating-tooltip {
    position:fixed;
    z-index:2147483000;
    width:max-content;
    max-width:min(260px,calc(100vw - 110px));
    padding:10px 14px;
    pointer-events:none;
    opacity:0;
    visibility:hidden;
    transform:translate(7px,-100%);
    color:#edfaff;
    border:1px solid #7296aa;
    border-radius:3px 11px 3px 11px;
    background:linear-gradient(90deg,rgba(92,193,230,.34) 0 3px,transparent 3px calc(100% - 3px),rgba(35,103,134,.55) calc(100% - 3px)),linear-gradient(180deg,#4d6a79 0%,#293f4b 42%,#13232c 58%,#0a141b 100%);
    box-shadow:inset 0 1px rgba(225,249,255,.32),inset 0 -4px 8px rgba(0,0,0,.36),0 8px 22px rgba(0,0,0,.48),0 0 15px rgba(92,196,235,.22);
    font:800 .76rem/1.15 system-ui,sans-serif;
    letter-spacing:.025em;
    text-align:left;
    text-shadow:0 1px 2px #02070a,0 0 7px rgba(122,214,245,.18);
    white-space:nowrap;
    transition:opacity .14s ease,transform .14s ease,visibility .14s ease;
}
.portal-rail-floating-tooltip.is-visible {
    opacity:1;
    visibility:visible;
    transform:translate(0,-100%);
}

/* v2.25.48: sol navigasyondaki bütün bağlantılar ortak dövme çelik düğmedir. */
body .portal-nav a {
    min-height:48px !important;
    color:#edfaff !important;
    border:1px solid #5f7d8d !important;
    border-radius:3px 11px 3px 11px !important;
    background:linear-gradient(90deg,rgba(92,193,230,.24) 0 3px,transparent 3px calc(100% - 3px),rgba(35,103,134,.42) calc(100% - 3px)),linear-gradient(180deg,#405b69 0%,#263b46 42%,#14242d 58%,#0a141b 100%) !important;
    box-shadow:inset 0 1px rgba(225,249,255,.22),inset 0 -5px 9px rgba(0,0,0,.38),inset 3px 0 rgba(94,205,244,.13),0 2px 0 #050a0e,0 6px 14px rgba(0,0,0,.24) !important;
    text-shadow:0 1px 2px #02070a,0 0 7px rgba(122,214,245,.13) !important;
    transition:transform .16s ease,filter .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease !important;
}
html:not(.portal-rail-collapsed) body .portal-nav a {
    width:100% !important;
    padding:0 14px !important;
    justify-content:flex-start !important;
}
body .portal-nav a:hover,
body .portal-nav a:focus-visible,
body .portal-nav a.active {
    color:#fff !important;
    border-color:#9de5ff !important;
    background:linear-gradient(90deg,rgba(108,225,255,.52) 0 3px,transparent 3px calc(100% - 3px),rgba(49,147,190,.66) calc(100% - 3px)),linear-gradient(180deg,#608497 0%,#34515f 42%,#19333f 58%,#0d2029 100%) !important;
    box-shadow:inset 0 1px rgba(239,252,255,.42),inset 0 -5px 9px rgba(0,0,0,.32),inset 3px 0 rgba(133,229,255,.23),0 2px 0 #050a0e,0 0 18px rgba(92,196,235,.30) !important;
    filter:brightness(1.06) saturate(1.08) !important;
    outline:none;
}
html:not(.portal-rail-collapsed) body .portal-nav a:hover,
html:not(.portal-rail-collapsed) body .portal-nav a:focus-visible {
    transform:translateX(3px) !important;
}
html.portal-rail-collapsed body .portal-nav a:hover,
html.portal-rail-collapsed body .portal-nav a:focus-visible {
    transform:translateY(-1px) !important;
}
body .portal-nav a .portal-nav-icon {
    color:#bfeeff !important;
    filter:drop-shadow(0 1px 1px #000) drop-shadow(0 0 5px rgba(105,204,238,.28));
}
body .portal-nav a.active .portal-nav-icon {
    color:#f3fdff !important;
}
html body .portal-nav a.active {
    border-width:1px !important;
    border-style:solid !important;
    border-color:#9de5ff !important;
}

/* v2.25.49: açık sol menü düğmeleri daha ince ve zarif ölçülerde. */
@media (min-width:981px) {
    html:not(.portal-rail-collapsed) body .portal-nav a {
        width:100% !important;
        min-width:0 !important;
        min-height:40px !important;
        margin-inline:0 !important;
        padding:0 11px !important;
        border-radius:3px 8px 3px 8px !important;
        text-align:left !important;
        white-space:nowrap !important;
        box-shadow:inset 0 1px rgba(225,249,255,.18),inset 0 -3px 6px rgba(0,0,0,.30),inset 2px 0 rgba(94,205,244,.11),0 2px 0 #050a0e,0 4px 10px rgba(0,0,0,.18) !important;
    }
    html:not(.portal-rail-collapsed) body .portal-nav a:hover,
    html:not(.portal-rail-collapsed) body .portal-nav a:focus-visible,
    html:not(.portal-rail-collapsed) body .portal-nav a.active {
        box-shadow:inset 0 1px rgba(239,252,255,.34),inset 0 -3px 6px rgba(0,0,0,.26),inset 2px 0 rgba(133,229,255,.18),0 2px 0 #050a0e,0 0 13px rgba(92,196,235,.23) !important;
    }
}

/* v2.25.54: hesap düğmeleri doğal genişlikte, orta ekran karakter tablosu kaydırmasız. */
body .account-actions .user-panel-btn,
body.user-update-page .dashboard-grid .btn-update {
    width:max-content !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:36px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:0 18px !important;
    justify-content:flex-start !important;
    text-align:left !important;
    white-space:nowrap !important;
}
.character-compact-stats { display:none; }

@media (max-width:1000px) {
    body.user-update-page .user-update-character-list,
    body.user-update-page .user-update-character-list .character-stats-card {
        width:100% !important;
        max-width:none !important;
        min-width:0 !important;
    }
    body.user-update-page .character-stats-shell {
        width:100% !important;
        min-width:0 !important;
        overflow-x:hidden !important;
    }
    body.user-update-page .character-stats-table {
        width:100% !important;
        min-width:0 !important;
        table-layout:fixed !important;
        white-space:normal !important;
    }
    html body.user-update-page .user-update-character-list .character-stats-card table.character-stats-table:has(.char-unstuck-btn) {
        width:100% !important;
        min-width:0 !important;
        table-layout:fixed !important;
        white-space:normal !important;
    }
    body.user-update-page .character-stats-table th,
    body.user-update-page .character-stats-table td {
        min-width:0 !important;
        padding-left:5px !important;
        padding-right:5px !important;
        overflow-wrap:anywhere;
    }
    body.user-update-page .character-stats-table th:nth-child(1),
    body.user-update-page .character-stats-table td:nth-child(1) { width:32% !important; }
    html body.user-update-page .user-update-character-list .character-stats-card table.character-stats-table:has(.char-unstuck-btn) th:first-child,
    html body.user-update-page .user-update-character-list .character-stats-card table.character-stats-table:has(.char-unstuck-btn) td:first-child {
        width:32% !important;
        min-width:0 !important;
    }
    body.user-update-page .character-stats-table th:nth-child(2),
    body.user-update-page .character-stats-table td:nth-child(2) { width:10% !important; }
    body.user-update-page .character-stats-table th:nth-child(3),
    body.user-update-page .character-stats-table td:nth-child(3) { width:16% !important; }
    body.user-update-page .character-stats-table th:nth-child(4),
    body.user-update-page .character-stats-table td:nth-child(4) { width:27% !important; }
    body.user-update-page .character-stats-table th:nth-child(5),
    body.user-update-page .character-stats-table td:nth-child(5) { width:15% !important; }
    body.user-update-page .character-stats-table th:nth-child(n+6),
    body.user-update-page .character-stats-table td:nth-child(n+6) { display:none !important; }
    body.user-update-page .character-compact-stats {
        display:flex;
        flex-wrap:wrap;
        gap:3px 7px;
        margin-top:6px;
        color:#b9cbd3;
        font:700 .58rem/1.2 system-ui,sans-serif;
        white-space:nowrap;
    }
    body.user-update-page button[name="action_unstuck_char"].char-unstuck-btn {
        width:max-content !important;
        min-width:0 !important;
        max-width:100% !important;
    }
    html body.user-update-page .user-update-character-list .character-stats-card table.character-stats-table .char-unstuck-form,
    html body.user-update-page .user-update-character-list .character-stats-card table.character-stats-table button[name="action_unstuck_char"].char-unstuck-btn {
        width:max-content !important;
        min-width:0 !important;
        max-width:100% !important;
    }
}

/* v2.25.56: sıralama ve bağlı karakter panelleri aynı sütun ölçüsünde. */
body .left-content > .leaderboard-card,
body .left-content > .character-stats-card {
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    box-sizing:border-box !important;
    margin-left:0 !important;
    margin-right:0 !important;
}
body .left-content > .leaderboard-card .leaderboard-table-shell,
body .left-content > .character-stats-card .character-stats-shell {
    width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
}

/* Sıralama sayfasındaki kişisel karakter tablosu sol sütuna kaydırmasız sığar. */
body .left-content .character-stats-shell {
    overflow-x:hidden !important;
}
html body .left-content .character-stats-card table.character-stats-table:has(.char-unstuck-btn) {
    width:100% !important;
    min-width:0 !important;
    table-layout:fixed !important;
    white-space:normal !important;
}
body .left-content .character-stats-table th,
body .left-content .character-stats-table td {
    min-width:0 !important;
    padding-left:5px !important;
    padding-right:5px !important;
    overflow-wrap:anywhere;
}
html body .left-content .character-stats-card table.character-stats-table:has(.char-unstuck-btn) th:first-child,
html body .left-content .character-stats-card table.character-stats-table:has(.char-unstuck-btn) td:first-child {
    width:32% !important;
    min-width:0 !important;
}
body .left-content .character-stats-table th:nth-child(2),body .left-content .character-stats-table td:nth-child(2) { width:10% !important; }
body .left-content .character-stats-table th:nth-child(3),body .left-content .character-stats-table td:nth-child(3) { width:16% !important; }
body .left-content .character-stats-table th:nth-child(4),body .left-content .character-stats-table td:nth-child(4) { width:27% !important; }
body .left-content .character-stats-table th:nth-child(5),body .left-content .character-stats-table td:nth-child(5) { width:15% !important; }
body .left-content .character-stats-table th:nth-child(n+6),
body .left-content .character-stats-table td:nth-child(n+6) { display:none !important; }
body .left-content .character-compact-stats {
    display:flex;
    flex-wrap:wrap;
    gap:3px 7px;
    margin-top:6px;
    color:#b9cbd3;
    font:700 .58rem/1.2 system-ui,sans-serif;
    white-space:nowrap;
}
html body .left-content .character-stats-card table.character-stats-table .char-unstuck-form,
html body .left-content .character-stats-card table.character-stats-table button[name="action_unstuck_char"].char-unstuck-btn {
    width:max-content !important;
    min-width:0 !important;
    max-width:100% !important;
}

/* v2.25.58: sıralama sayfasında bilgi panelleri 2x2, tablolar aynı toplam genişlikte. */
body .main-layout.portal-leaderboard-layout {
    width:min(1180px,calc(100% - 40px)) !important;
    max-width:1180px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    align-items:start !important;
    gap:22px !important;
}
body .portal-leaderboard-layout > .right-sidebar {
    order:1;
    width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:18px !important;
    align-items:stretch !important;
}
body .portal-leaderboard-layout > .left-content {
    order:2;
    width:100% !important;
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:22px !important;
}
body .portal-leaderboard-layout .portal-server-card,
body .portal-leaderboard-layout .portal-connection-card {
    width:100% !important;
    min-width:0 !important;
    height:100% !important;
    margin:0 !important;
}
body .portal-leaderboard-layout .portal-features-card,
body .portal-leaderboard-layout .portal-features-card .portal-feature-grid {
    display:contents !important;
}
body .portal-leaderboard-layout .portal-features-card > .card-title {
    display:none !important;
}
body .portal-leaderboard-layout .portal-feature-card {
    width:100% !important;
    min-width:0 !important;
    height:100% !important;
    margin:0 !important;
    padding:20px !important;
    border:1px solid rgba(201,165,96,.42) !important;
    border-radius:14px !important;
    background:rgba(7,11,15,.78) !important;
    box-shadow:0 15px 40px rgba(0,0,0,.34) !important;
}
body .portal-leaderboard-layout .leaderboard-card,
body .portal-leaderboard-layout .character-stats-card {
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
}
@media (max-width:760px) {
    body .main-layout.portal-leaderboard-layout {
        width:calc(100% - 28px) !important;
        gap:14px !important;
    }
    body .portal-leaderboard-layout > .right-sidebar {
        grid-template-columns:minmax(0,1fr) !important;
        gap:14px !important;
    }
    body .portal-leaderboard-layout > .left-content {
        gap:14px !important;
    }
}

/* v2.25.60 final: ana tablolar solda, dört yardımcı panel sağda. */
body .main-layout.portal-leaderboard-layout {
    width:min(1520px,calc(100% - 40px)) !important;
    max-width:1520px !important;
    grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) !important;
    gap:24px !important;
}
body .portal-leaderboard-layout > .left-content {
    order:1 !important;
    grid-column:1 !important;
    width:100% !important;
    min-width:0 !important;
}
body .portal-leaderboard-layout > .right-sidebar {
    order:2 !important;
    grid-column:2 !important;
    width:100% !important;
    min-width:0 !important;
}
html body .portal-leaderboard-layout .character-stats-card table.character-stats-table:has(.char-unstuck-btn) {
    width:100% !important;
    min-width:0 !important;
    table-layout:fixed !important;
    white-space:normal !important;
}
body .portal-leaderboard-layout .character-stats-table th:nth-child(n+6),
body .portal-leaderboard-layout .character-stats-table td:nth-child(n+6) {
    display:table-cell !important;
}
body .portal-leaderboard-layout .character-stats-table th:nth-child(1),body .portal-leaderboard-layout .character-stats-table td:nth-child(1) { width:28% !important; }
body .portal-leaderboard-layout .character-stats-table th:nth-child(2),body .portal-leaderboard-layout .character-stats-table td:nth-child(2) { width:8% !important; }
body .portal-leaderboard-layout .character-stats-table th:nth-child(3),body .portal-leaderboard-layout .character-stats-table td:nth-child(3) { width:10% !important; }
body .portal-leaderboard-layout .character-stats-table th:nth-child(4),body .portal-leaderboard-layout .character-stats-table td:nth-child(4) { width:19% !important; }
body .portal-leaderboard-layout .character-stats-table th:nth-child(5),body .portal-leaderboard-layout .character-stats-table td:nth-child(5) { width:9% !important; }
body .portal-leaderboard-layout .character-stats-table th:nth-child(6),body .portal-leaderboard-layout .character-stats-table td:nth-child(6) { width:7% !important; }
body .portal-leaderboard-layout .character-stats-table th:nth-child(7),body .portal-leaderboard-layout .character-stats-table td:nth-child(7) { width:6% !important; }
body .portal-leaderboard-layout .character-stats-table th:nth-child(8),body .portal-leaderboard-layout .character-stats-table td:nth-child(8) { width:6% !important; }
body .portal-leaderboard-layout .character-stats-table th:nth-child(9),body .portal-leaderboard-layout .character-stats-table td:nth-child(9) { width:7% !important; }
body .portal-leaderboard-layout .character-compact-stats { display:none !important; }

@media (max-width:1650px) {
    body .main-layout.portal-leaderboard-layout {
        grid-template-columns:minmax(0,1fr) !important;
    }
    body .portal-leaderboard-layout > .left-content,
    body .portal-leaderboard-layout > .right-sidebar {
        grid-column:1 !important;
    }
}
@media (max-width:760px) {
    body .portal-leaderboard-layout > .right-sidebar {
        grid-template-columns:minmax(0,1fr) !important;
    }
    body .portal-leaderboard-layout .character-stats-table th:nth-child(n+6),
    body .portal-leaderboard-layout .character-stats-table td:nth-child(n+6) {
        display:none !important;
    }
    body .portal-leaderboard-layout .character-stats-table th:nth-child(1),body .portal-leaderboard-layout .character-stats-table td:nth-child(1) { width:32% !important; }
    body .portal-leaderboard-layout .character-stats-table th:nth-child(2),body .portal-leaderboard-layout .character-stats-table td:nth-child(2) { width:10% !important; }
    body .portal-leaderboard-layout .character-stats-table th:nth-child(3),body .portal-leaderboard-layout .character-stats-table td:nth-child(3) { width:16% !important; }
    body .portal-leaderboard-layout .character-stats-table th:nth-child(4),body .portal-leaderboard-layout .character-stats-table td:nth-child(4) { width:27% !important; }
    body .portal-leaderboard-layout .character-stats-table th:nth-child(5),body .portal-leaderboard-layout .character-stats-table td:nth-child(5) { width:15% !important; }
    body .portal-leaderboard-layout .character-compact-stats { display:flex !important; }
}

/* v2.25.61: referans düzeni — iki üst blok ve ortalanmış alt karakter bloğu. */
@media (min-width:1651px) {
    body .portal-leaderboard-layout > .left-content {
        display:contents !important;
    }
    body .portal-leaderboard-layout > .left-content > .leaderboard-card {
        grid-column:1 !important;
        grid-row:1 !important;
        align-self:start !important;
    }
    body .portal-leaderboard-layout > .right-sidebar {
        grid-column:2 !important;
        grid-row:1 !important;
        align-self:start !important;
    }
    body .portal-leaderboard-layout > .left-content > .character-stats-card {
        grid-column:1 / -1 !important;
        grid-row:2 !important;
        justify-self:center !important;
        width:calc((100% - 24px) / 2) !important;
        max-width:none !important;
        align-self:start !important;
    }
}

@media (max-width:1650px) {
    body .portal-leaderboard-layout > .left-content {
        display:contents !important;
    }
    body .portal-leaderboard-layout > .left-content > .leaderboard-card {
        grid-column:1 !important;
        grid-row:1 !important;
    }
    body .portal-leaderboard-layout > .right-sidebar {
        grid-column:1 !important;
        grid-row:2 !important;
    }
    body .portal-leaderboard-layout > .left-content > .character-stats-card {
        grid-column:1 !important;
        grid-row:3 !important;
        justify-self:stretch !important;
        width:100% !important;
    }
}

/* v2.25.63 final: üç ana blok aynı ölçüde. */
@media (min-width:1651px) {
    body .main-layout.portal-leaderboard-layout {
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

/* v2.25.65 kesin son: sağ dörtlü tam yükseklik, alt karakter paneli tam toplam genişlik. */
@media (min-width:1651px) {
    body .portal-leaderboard-layout > .right-sidebar {
        align-self:stretch !important;
        height:100% !important;
        grid-template-rows:repeat(2,minmax(0,1fr)) !important;
    }
    body .portal-leaderboard-layout .portal-server-card,
    body .portal-leaderboard-layout .portal-connection-card,
    body .portal-leaderboard-layout .portal-feature-card {
        height:100% !important;
    }
    body .portal-leaderboard-layout > .left-content > .character-stats-card {
        width:100% !important;
        max-width:none !important;
        justify-self:stretch !important;
    }
}

/* v2.25.66: sağ blok grid satırına doğal gerilir; fazladan yükseklik oluşturmaz. */
@media (min-width:1651px) {
    body .portal-leaderboard-layout > .right-sidebar {
        height:auto !important;
    }
}

/* v2.25.67: sıralama kartı da ortak üst satır yüksekliğine gerilir. */
@media (min-width:1651px) {
    body .portal-leaderboard-layout > .left-content > .leaderboard-card {
        align-self:stretch !important;
        height:auto !important;
    }
}

/* v2.25.68: rehberde 04 numaralı kart eski doğal yüksekliğinde kalır. */
body .portal-info-page #ekipman {
    height:auto !important;
    align-self:start !important;
}

/* v2.25.69: 05, 04'ün yanında kalırken sağdaki boş alana doğru tam genişliğe açılır. */
@media (min-width:901px) {
    body .portal-info-page #sorunlar {
        width:calc(200% + 18px) !important;
        max-width:none !important;
        height:auto !important;
        align-self:start !important;
    }
}
@media (max-width:900px) {
    body .portal-info-page #sorunlar {
        width:100% !important;
        max-width:100% !important;
    }
}