.barbaros-hero { position:relative; isolation:isolate; overflow:hidden; text-align:center; padding:125px 24px 42px; margin:0 auto 28px; max-width:1050px; color:#f5e6c9; }
.barbaros-hero::before { content:""; position:absolute; z-index:-1; inset:95px -40px 0; background:radial-gradient(ellipse,rgba(15,10,5,.84),rgba(15,10,5,.48) 57%,transparent 75%); pointer-events:none; }
.barbaros-hero-logo { display:block; width:min(620px,85%); height:auto; margin:0 auto; filter:drop-shadow(0 9px 18px rgba(0,0,0,.65)); }
.barbaros-hero-kicker { margin:10px 0 20px; color:#e5bd68; font-size:12px; letter-spacing:5px; font-weight:700; }
.barbaros-hero h1 { margin:0 0 16px; font-family:Georgia,"Times New Roman",serif; font-size:clamp(22px,2.3vw,32px); line-height:1.35; letter-spacing:3px; color:#f0c66f; text-shadow:0 2px 6px #000; }
.barbaros-hero-copy { max-width:670px; margin:0 auto 20px; font-size:15px; line-height:1.85; color:#f4e8d5; text-shadow:0 2px 4px #000; }
.barbaros-hero-date { margin:0 0 24px; color:#dfc390; letter-spacing:2px; font-size:12px; }
.barbaros-hero-date span { display:block; margin-top:7px; color:#ffdb88; font-size:18px; font-weight:700; }
.barbaros-hero-register { display:inline-block; padding:15px 24px; border-top:1px solid #8a6428; border-bottom:1px solid #c49742; background:rgba(19,12,6,.88); color:#d4bf9d; font-size:14px; line-height:1.6; }
.barbaros-hero-register strong { color:#f5c15a; margin-left:5px; }
.barbaros-hero-register:hover { color:#fff; background:rgba(40,27,12,.95); }
.barbaros-hero-register:focus-visible { outline:2px solid #ffdb88; outline-offset:5px; }
@media(max-width:575px) { .barbaros-hero { padding:100px 12px 24px; margin-bottom:16px; } .barbaros-hero::before { inset:75px -10px 0; } .barbaros-hero-logo { width:100%; } .barbaros-hero-kicker { font-size:10px; letter-spacing:3px; } .barbaros-hero h1 { letter-spacing:1px; } .barbaros-hero-copy { font-size:13px; } .barbaros-hero-register { padding:12px 15px; } .barbaros-hero-register strong { display:block; margin:4px 0 0; } }

/* Şeffaf üst alan ve ince başlık süsleri. */
.barbaros-hero::before { display:none; background:none; }
.barbaros-hero { background:transparent; }
.barbaros-hero-logo { filter:none; }
.barbaros-hero h1 { display:flex; align-items:center; justify-content:center; gap:14px; font-size:clamp(21px,2.1vw,30px); letter-spacing:2px; }
 .barbaros-hero h1::before,.barbaros-hero h1::after { content:""; flex:0 0 58px; width:58px; height:30px; background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2068%2032%22%20fill%3D%22none%22%20stroke%3D%22%23d8b56a%22%20stroke-width%3D%220.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2026C19%2026%2032%2016%2062%2016M15%2024Q14%2014%2024%2017Q25%2023%2015%2024M28%2020Q27%209%2037%2012Q38%2018%2028%2020M39%2017Q42%2025%2049%2021Q50%2016%2039%2017%22%2F%3E%3Cpath%20d%3D%22M55%2015C47%2011%2051%204%2056%209C56%201%2064%201%2063%209C70%205%2071%2013%2064%2015C70%2020%2063%2025%2060%2019C55%2025%2049%2021%2055%2015Z%22%2F%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2214%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; opacity:.65; }
 .barbaros-hero h1::after { transform:scaleX(-1); }
@media(max-width:575px) { .barbaros-hero h1 { gap:7px; letter-spacing:.7px; font-size:21px; } .barbaros-hero h1::before,.barbaros-hero h1::after { flex-basis:26px; width:26px; height:24px; } }

/* Parlak sahneyi genel olarak yumuşatır; başlık arkasında kutu oluşturmaz. */
body { background-color:#807365; background-blend-mode:multiply; }
.barbaros-hero-copy { color:#fff4e2; text-shadow:0 1px 3px #000,0 2px 9px #000; }
.barbaros-hero-kicker,.barbaros-hero-date { color:#ffe0a0; text-shadow:0 1px 4px #000; }
.barbaros-hero h1 { color:#ffdb88; text-shadow:0 2px 3px #171006,0 2px 12px rgba(0,0,0,.65); }
.guild-war-page { --war-line:rgba(224,178,100,.27); --war-text:#fff0d2; --war-gold:#f4cc7b; --war-muted:#cebea8; }
.guild-war-page .main-content { background:rgba(26,19,13,.86)!important; border:1px solid var(--war-line); border-radius:12px; backdrop-filter:none; -webkit-backdrop-filter:none; color:var(--war-text); }
.guild-war-page .war-match-list { display:grid; gap:15px; margin-top:18px; }
.guild-war-page .war-match-card { overflow:hidden; border:1px solid var(--war-line)!important; border-radius:10px!important; background:linear-gradient(115deg,rgba(116,78,30,.18),rgba(12,10,8,.5))!important; }
.guild-war-page .war-match-versus,.guild-war-page .war-detail-teams { display:grid; grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr); align-items:center; gap:20px; padding:24px 18px; }
.guild-war-page .war-match-side,.guild-war-page .war-detail-team { min-width:0; text-align:center; }
.guild-war-page .war-match-side h3,.guild-war-page .war-detail-team h2 { margin:0 0 12px; color:#fff0d2!important; font-family:Georgia,serif; font-size:21px; line-height:1.35; overflow-wrap:anywhere; }
.guild-war-page .war-match-kills { display:flex; align-items:center; justify-content:center; }
.guild-war-page .war-match-kills strong,.guild-war-page .war-detail-score { font-size:36px; font-weight:700; line-height:1.15; color:var(--war-gold); font-variant-numeric:tabular-nums; }
.guild-war-page .war-match-vs,.guild-war-page .war-detail-vs { display:grid; place-items:center; border:1px solid var(--war-line); border-radius:50%; width:44px; height:44px; font-family:Georgia,serif; font-size:13px; color:#ddbb7c; background:rgba(0,0,0,.18); }
.guild-war-page .war-match-actions { display:flex; justify-content:flex-end; padding:12px 18px; border-top:1px solid var(--war-line); }
.guild-war-page .war-match-actions a { display:inline-block; min-width:100px; padding:8px 16px; text-align:center; border-radius:5px; }
.guild-war-page .war-detail-navigation,.guild-war-page .war-detail-toolbar,.guild-war-page .war-team-panel-header { display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; margin:0 0 18px; }
.guild-war-page .war-detail-hero,.guild-war-page .war-team-panel { border:1px solid var(--war-line); border-radius:10px; overflow:hidden; background:rgba(17,13,9,.55); margin-bottom:20px; }
.guild-war-page .war-team-panel-header { padding:16px; margin:0; border-bottom:1px solid var(--war-line); }
.guild-war-page .war-team-panel-header h4 { margin:0; color:#ffe1a5; }
.guild-war-page .war-player-table { width:100%; color:#f1e0c6; }
.guild-war-page .war-player-table th { color:#e5c68b; background:rgba(212,161,79,.08); white-space:nowrap; }
.guild-war-page .war-player-table td,.guild-war-page .war-player-table th { padding:12px; border-color:rgba(222,183,116,.15); }
.guild-glass-page .guild-glass-shell { background:rgba(26,19,13,.85)!important; backdrop-filter:none; -webkit-backdrop-filter:none; }
.ranking-section.guild-mini-glass { background:rgba(26,19,13,.82); backdrop-filter:none; -webkit-backdrop-filter:none; }
@media(max-width:575px) { .guild-war-page .main-content { padding:14px!important; } .guild-war-page .war-match-versus,.guild-war-page .war-detail-teams { grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr); gap:7px; padding:20px 10px; } .guild-war-page .war-match-side h3,.guild-war-page .war-detail-team h2 { font-size:15px; } .guild-war-page .war-match-vs,.guild-war-page .war-detail-vs { width:30px; height:30px; font-size:10px; } .guild-war-page .war-match-kills strong,.guild-war-page .war-detail-score { font-size:28px; } }

/* Son açılış düzeni: kompakt logo, turuncu zarif süs, tek tarih bileşeni. */
.barbaros-hero { padding-top:96px; padding-bottom:34px; }
.barbaros-hero-logo { width:min(560px,82%); }
.barbaros-hero-kicker { margin:8px 0 20px; }
.barbaros-hero h1::before,.barbaros-hero h1::after { background:none; flex:0 0 10px; width:10px; height:10px; transform:rotate(45deg); border:1px solid #f4aa43; background-color:#c47a21; box-shadow:0 0 0 4px rgba(207,137,43,.12); opacity:.9; }
.barbaros-hero h1::after { transform:rotate(45deg); }
.barbaros-opening-date { width:fit-content; margin:24px auto; padding:15px 27px; border-top:1px solid rgba(211,165,80,.6); border-bottom:1px solid rgba(211,165,80,.6); background:linear-gradient(90deg,transparent,rgba(22,15,8,.65),transparent); }
.opening-label { display:block; font-size:9px; letter-spacing:3px; color:#e9c993; margin-bottom:8px; }
.barbaros-opening-date time { display:flex; align-items:center; gap:13px; color:#ffe0a1; text-align:left; }
.barbaros-opening-date time>strong { font-family:Georgia,serif; font-size:43px; line-height:1; font-weight:400; }
.barbaros-opening-date time>span { font-size:11px; letter-spacing:1.8px; }
.barbaros-opening-date small { display:block; margin-top:5px; font-size:9px; color:#decaa9; letter-spacing:3px; }
.barbaros-opening-date b { border-left:1px solid rgba(218,173,96,.5); padding-left:16px; font-size:28px; font-weight:500; letter-spacing:1px; }
.barbaros-opening-date b span { font-size:21px; }
.navbar .ranking-dropdown { min-width:225px; padding:10px; border:1px solid #816034; border-radius:8px; background:rgba(27,19,12,.98); box-shadow:0 12px 30px #0005; }
.navbar .ranking-dropdown .dropdown-item { padding:11px 15px; border-radius:5px; font-size:13px; color:#e8c58a; text-align:left!important; }
.navbar .ranking-dropdown .dropdown-item:hover,.navbar .ranking-dropdown .dropdown-item:focus { background:#48321c; color:#ffe3ad; }
.barbaros-opening-panel { padding:28px!important; border:1px solid #8b693c; border-radius:10px; background:rgba(25,18,12,.92)!important; color:#eadbc3; }
.barbaros-ranking-tabs { display:flex; gap:8px; flex-wrap:wrap; border-bottom:1px solid #b18a4b40; padding-bottom:20px; }
.barbaros-ranking-tabs a { flex:1; min-width:130px; padding:12px 14px; text-align:center; border:1px solid #b18a4b40; border-radius:5px; color:#d0b890; font-size:12px; background:#ffffff03; }
.barbaros-ranking-tabs a.active { background:#91602736; border-color:#ca9b52; color:#ffe0a1; }
.barbaros-opening-content { text-align:center; padding:42px 16px; max-width:660px; margin:auto; }
.opening-crest { display:block; color:#edb255; font-size:32px; margin-bottom:18px; }
.opening-eyebrow { display:block; font-size:9px; letter-spacing:2px; color:#d7ac66; }
.barbaros-opening-content h1 { font-family:Georgia,serif; color:#ffe0a3; font-size:30px; margin:14px 0; }
.barbaros-opening-content p { color:#ccbea8; line-height:1.9; font-size:14px; }
.barbaros-opening-content .opening-intro { color:#efe0c4; font-size:16px; }
.opening-status { margin:25px auto; display:flex; justify-content:center; align-items:center; gap:9px; font-size:10px; letter-spacing:1.7px; color:#dfc18b; }
.opening-status>span { width:6px; height:6px; background:#d18f39; border-radius:50%; }
.barbaros-mini-opening { padding-bottom:22px; text-align:center; margin-top:15px; }
.barbaros-mini-opening p { font-size:12px; line-height:1.7; color:#d1c2aa; margin:20px 15px 10px; }
.barbaros-mini-opening strong,.barbaros-mini-opening small,.barbaros-mini-opening>a { display:block; margin:10px; }
.barbaros-mini-opening strong { font-size:13px; color:#f1c776; }.barbaros-mini-opening small { font-size:11px; color:#bfae92; }.barbaros-mini-opening>a { font-size:11px; }
.barbaros-mobile-art { display:block; width:100%; height:auto; border-radius:8px; margin:0 0 20px; }
#heroMobileDialog { max-width:680px; }
@media(max-width:575px) { .barbaros-hero { padding-top:95px; }.barbaros-hero-logo { width:94%; }.barbaros-hero h1::before,.barbaros-hero h1::after { flex-basis:6px; width:6px; height:6px; }.barbaros-opening-date { padding:12px 20px; }.barbaros-opening-panel { padding:16px!important; }.barbaros-opening-content { padding:30px 5px; }.barbaros-opening-content h1 { font-size:24px; }.barbaros-ranking-tabs a { min-width:85px; padding:10px 6px; font-size:11px; } }

/* Tek satır açılış tarihi ve yalnız logo üzerinde hafif ışık geçişi. */
.barbaros-opening-date { padding:15px 20px; max-width:100%; }
.barbaros-opening-date time { display:block; white-space:nowrap; text-align:center; font-family:Georgia,serif; font-weight:600; font-size:clamp(19px,2.2vw,29px); letter-spacing:1.5px; line-height:1.4; }
.barbaros-opening-date time>span { display:inline; font:inherit; margin:0 8px; color:#d69b42; }
.barbaros-logo-light { position:relative; width:min(560px,82%); margin:0 auto; }
.barbaros-logo-light .barbaros-hero-logo { width:100%; margin:0; animation:barbaros-logo-arrive 1s ease-out both; }
.barbaros-logo-light>span { position:absolute; inset:0; pointer-events:none; background:linear-gradient(105deg,transparent 38%,rgba(255,225,156,.5) 49%,transparent 60%); mask:url('../../images/barbaros2-logo.png') center/contain no-repeat; -webkit-mask:url('../../images/barbaros2-logo.png') center/contain no-repeat; mix-blend-mode:screen; opacity:0; animation:barbaros-logo-light 10s ease-in-out 1.4s infinite; }
@keyframes barbaros-logo-arrive { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
@keyframes barbaros-logo-light { 0%,70%,100% { opacity:0; background-position:-600px 0; } 76% { opacity:.55; } 90% { opacity:0; background-position:600px 0; } }
.barbaros-schedule-notice { margin:4px 0 24px; padding:30px 24px; text-align:center; border:1px solid rgba(218,171,92,.36); border-radius:8px; background:linear-gradient(135deg,rgba(119,79,28,.12),rgba(19,14,9,.3)); }
.schedule-kicker { display:block; font-size:10px; letter-spacing:2.4px; color:#d3ac6a; }
.barbaros-schedule-notice h2 { margin:14px 0; font-family:Georgia,serif; color:#fbe0af; font-size:25px; line-height:1.4; }
.barbaros-schedule-notice .schedule-date { color:#f6cc7d; font-size:19px; font-weight:600; margin:0 0 16px; white-space:nowrap; }
.barbaros-schedule-notice p { max-width:640px; margin:0 auto 16px; font-size:14px; line-height:1.9; color:#d9cbb5; }
.schedule-note { display:inline-block; font-size:11px; color:#bea987; border-top:1px solid rgba(210,171,105,.18); padding-top:14px; }
@media(max-width:575px) { .barbaros-logo-light { width:94%; }.barbaros-opening-date time { font-size:20px; letter-spacing:.5px; }.barbaros-opening-date time>span { margin:0 4px; }.barbaros-schedule-notice { padding:24px 14px; }.barbaros-schedule-notice h2 { font-size:22px; }.barbaros-schedule-notice .schedule-date { font-size:17px; } }
@media(prefers-reduced-motion:reduce) { .barbaros-logo-light .barbaros-hero-logo,.barbaros-logo-light>span { animation:none; }.barbaros-logo-light>span { display:none; } }

@media(max-width:360px){.barbaros-opening-date{padding:13px 10px;}.barbaros-opening-date time{font-size:17px;letter-spacing:0;}}

/* Son düzen: tutarlı yazı, ortalı içerik ve kesintisiz hafif ışık. */
.barbaros-opening-date time { font-family:"Onest",Arial,sans-serif!important; font-size:27px; font-weight:600; letter-spacing:.5px; text-transform:none!important; font-variant-numeric:lining-nums tabular-nums; font-feature-settings:"lnum" 1,"tnum" 1; line-height:1.4; }
.barbaros-hero,.barbaros-hero-copy,.barbaros-schedule-notice,.hero-dialog-body,.article-text { text-align:center; }
.barbaros-hero-register { text-align:center; }.barbaros-hero-register strong { display:block; margin:4px 0 0; }
.barbaros-logo-light>span { opacity:1; background:none; animation:none; overflow:hidden; }
.barbaros-logo-light>span::before { content:""; position:absolute; inset:0; background:linear-gradient(105deg,transparent 30%,rgba(255,227,167,.42) 50%,transparent 70%); transform:translateX(-110%); animation:barbaros-continuous-light 5s linear infinite; }
@keyframes barbaros-continuous-light { from { transform:translateX(-110%); } to { transform:translateX(110%); } }
.barbaros-side-schedule { text-align:center; margin:15px 0; padding:24px 14px; border:1px solid #b08b4c80; border-radius:8px; background:rgba(25,17,10,.88); }
.barbaros-side-schedule>strong { display:block; font-family:Georgia,serif; font-size:17px; color:#f1d39e; margin:14px 0 10px; }
.barbaros-side-schedule p { font-size:11px; color:#cbbb9f; line-height:1.7; }
.barbaros-side-schedule a,.barbaros-side-schedule>div { display:block; padding:13px 3px; border-top:1px solid #b08b4c35; }
.barbaros-side-schedule small { display:block; font-size:8px; color:#bc9b66; letter-spacing:1.6px; margin-bottom:6px; }
.barbaros-side-schedule b { font-family:Arial,sans-serif; display:block; color:#f7d796; font-size:12px; font-weight:600; }
.barbaros-launch-banner { box-sizing:border-box; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:300px; height:100%; padding:23px; text-align:center; border:1px solid #a17b4080; background:radial-gradient(ellipse at 50% 20%,#92703a22,transparent 70%),linear-gradient(135deg,#251b12ed,#0d0b08ed); color:#e3c28b; }
.barbaros-launch-banner img { display:block; width:70%; max-width:340px; height:auto; }
.banner-style { font-size:9px; letter-spacing:3px; color:#d8b775; margin-top:9px; }
.barbaros-launch-banner>strong { font-family:Georgia,serif; font-size:23px; font-weight:400; color:#ffe2ae; margin:17px 0 13px; }
.banner-opening { font-family:Arial,sans-serif; font-size:21px; font-weight:600; color:#f5cf8d; }
.barbaros-launch-banner>small { display:block; margin-top:18px; padding:10px 15px; border:1px solid #b88d4945; font-size:11px; color:#cdb692; }
.barbaros-launch-banner:hover { border-color:#d7ac67; color:#ffe4b8; }
.barbaros-schedule-notice p { text-align:center; max-width:660px; }.news .article-title-section>.d-flex { justify-content:center; flex-wrap:wrap; gap:8px; }.news .article-details { display:flex; justify-content:center; }.news .article-details a { margin-left:0!important; }
@media(max-width:575px) { .barbaros-opening-date time { font-size:21px; letter-spacing:0; }.barbaros-launch-banner { min-height:280px; }.barbaros-launch-banner>strong { font-size:20px; } }
@media(max-width:360px) { .barbaros-opening-date time { font-size:19px; } }
@media(prefers-reduced-motion:reduce) { .barbaros-logo-light>span::before { animation:none; display:none; } }

/* Ön kayıt başlığı: ortalı, üst bölümle aynı sade yazı ailesi. */
.main-row:has(.barbaros-schedule-notice) > .main-title { display:flex!important; justify-content:center!important; align-items:center!important; text-align:center!important; }
.main-row:has(.barbaros-schedule-notice) > .main-title > span { display:block; width:100%; margin:0 auto!important; text-align:center!important; font-family:"Onest",Arial,sans-serif!important; }
.barbaros-schedule-notice,.barbaros-schedule-notice h2,.barbaros-schedule-notice p,.barbaros-schedule-notice .schedule-date,.barbaros-schedule-notice .schedule-note { font-family:"Onest",Arial,sans-serif!important; text-align:center!important; font-variant-numeric:lining-nums tabular-nums; }
.barbaros-schedule-notice h2 { font-size:25px; font-weight:600; line-height:1.5; letter-spacing:0; }
@media(max-width:575px){.barbaros-schedule-notice h2{font-size:21px;}}