@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Libre+Baskerville:wght@400;700&display=swap');
:root{--bg:#0d0c0a;--panel:#14120f;--panel2:#1b1712;--gold:#ba8f45;--gold2:#e3c27a;--text:#efe7d5;--muted:#aa9d86;--red:#6f1c16;--line:#4f4028;--green:#667c51}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top,#282018 0,#0d0c0a 35%);color:var(--text);font-family:'Libre Baskerville',serif;min-height:100vh}.grain{position:fixed;inset:0;pointer-events:none;opacity:.14;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E")}
.topbar{height:112px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:linear-gradient(180deg,#191713,#0d0c0a)}.brand-wrap{display:flex;align-items:center;gap:18px}.brand-flag{width:72px;height:72px;object-fit:cover;object-position:center;border:1px solid var(--gold);box-shadow:0 0 20px #000}.brand-wrap h1{font-family:Cinzel,serif;letter-spacing:5px;font-size:40px;margin:0}.brand-wrap p{margin:4px 0 0;color:var(--gold2);letter-spacing:4px;font-size:12px}.motto{font-family:Cinzel,serif;color:#b6aa91;letter-spacing:2px;font-size:13px}
.nav{position:sticky;top:0;z-index:20;display:flex;background:#0a0908;border-bottom:1px solid var(--line);padding-left:4vw;box-shadow:0 8px 30px #0008;overflow-x:auto}.nav-btn{border:0;border-right:1px solid #2e2518;background:transparent;color:#d7cbb4;padding:16px 22px;font-family:Cinzel,serif;font-size:13px;letter-spacing:.5px;cursor:pointer;transition:.25s;white-space:nowrap}.nav-btn:hover,.nav-btn.active{background:linear-gradient(180deg,#7c2219,#4e130f);color:#fff}
.hero{height:440px;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#000d,#0002);background-position:center 72%;background-size:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#070706 0%,#070706a8 32%,transparent 65%),linear-gradient(0deg,#0b0a08 0%,transparent 45%)}.hero-content{position:absolute;left:5vw;bottom:58px;max-width:620px}.eyebrow{font-family:Cinzel,serif;color:var(--gold2);letter-spacing:3px}.hero h2{font-family:Cinzel,serif;font-size:72px;margin:7px 0 8px;letter-spacing:4px}.hero p{line-height:1.85;color:#ddd1bc;font-size:15px}.gold-btn,.text-btn{font-family:Cinzel,serif;cursor:pointer}.gold-btn{margin-top:12px;padding:13px 20px;border:1px solid var(--gold);background:#15110d;color:#f1dfb8;letter-spacing:1px}.gold-btn:hover{background:#6f1c16}
.dashboard-grid{display:grid;grid-template-columns:260px 1fr 320px;gap:12px;padding:12px 2vw 30px}.panel{background:linear-gradient(180deg,#161410,#0e0d0b);border:1px solid var(--line);box-shadow:inset 0 0 0 1px #000}.panel-title{font-family:Cinzel,serif;padding:13px 16px;border-bottom:1px solid #3d321f;color:#e8dcc3;letter-spacing:1px}.territory-list article{display:flex;gap:12px;padding:11px 14px;border-bottom:1px solid #2b2418}.territory-list small,.territory-list b{display:block}.territory-list small{color:var(--muted);margin-top:3px}.sigil{color:var(--gold2);font-size:24px;width:30px}.text-btn{background:none;border:0;color:#d5bd89;padding:14px}.map-panel img,.map-large img{width:100%;display:block}.side-stack{display:grid;gap:12px}.news-panel article{padding:12px 14px;border-bottom:1px solid #2f281d}.news-panel b{font-size:14px}.news-panel p{color:var(--muted);font-size:12px;line-height:1.5;margin:5px 0}.crest-panel{text-align:center}.crest-panel img{width:86%;margin:12px auto 4px;max-height:180px;object-fit:cover}.crest-panel h3{font-family:Cinzel;margin:8px 0 0;color:var(--gold2)}.crest-panel p{color:var(--muted);font-style:italic}
.page{display:none;min-height:650px}.page.active-page{display:block}.page-head{padding:52px 6vw 24px;background:linear-gradient(180deg,#15120f,#0f0d0b);border-bottom:1px solid var(--line)}.page-head span{color:var(--gold2);font-family:Cinzel;letter-spacing:3px;font-size:12px}.page-head h2{font-family:Cinzel;font-size:42px;letter-spacing:3px;margin:8px 0}.page-head p{color:var(--muted)}
.section-wrap{padding:28px 5vw 55px}.section-title{font-family:Cinzel;color:var(--gold2);letter-spacing:2px;border-bottom:1px solid var(--line);padding-bottom:10px;margin:28px 0 10px}.featured-person{display:flex;gap:22px;align-items:center;border:1px solid var(--gold);padding:24px;background:linear-gradient(110deg,#291b10,#110f0c);box-shadow:0 8px 28px #0008}.rank-icon{font-size:58px;color:var(--gold2)}.rank{font-family:Cinzel;color:#cda85f;font-size:11px;letter-spacing:2px}.featured-person h3{font-family:Cinzel;font-size:28px;margin:5px 0}.featured-person p{color:#c7baa3;line-height:1.7}
.cards{display:grid;gap:18px;padding:30px 5vw}.cards.four{grid-template-columns:repeat(4,1fr)}.cards.five{grid-template-columns:repeat(5,1fr)}.people{padding:12px 0}.card{border:1px solid var(--line);background:linear-gradient(180deg,#1a1611,#100e0c);padding:24px;min-height:170px;position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#b08a3510,transparent);pointer-events:none}.card h3{font-family:Cinzel;color:#ecd8a7;font-size:22px}.card p{color:#b7aa94;line-height:1.7;font-size:14px}.people .card{min-height:150px}.people .card h3{margin:10px 0}.highlight{border-color:var(--gold);box-shadow:inset 0 0 25px #7d4b161c}
.leader-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;padding:32px 5vw 60px}.leader-card{border:1px solid var(--line);background:linear-gradient(145deg,#1d1812,#0d0c0a);padding:28px;box-shadow:0 10px 30px #0006;position:relative}.leader-card:after{content:"";position:absolute;inset:8px;border:1px solid #5c48264a;pointer-events:none}.leader-emblem{font-size:38px;margin-bottom:12px}.leader-card h3{font-family:Cinzel;color:#efd69c;font-size:25px;margin:7px 0 13px}.leader-card p{color:#c9bca6;line-height:1.8}.leader-quote{border-left:2px solid var(--gold);padding-left:13px;color:#dfc795!important;font-style:italic}
.village-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding:30px 5vw}.village-card{text-align:left;min-height:160px;border:1px solid var(--line);background:linear-gradient(135deg,#211a12,#0e0c0a);color:var(--text);padding:24px;cursor:pointer;transition:.2s}.village-card:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 12px 28px #0008}.village-card b{display:block;font:700 25px Cinzel;color:var(--gold2);margin-bottom:12px}.village-card span{display:block;font-size:14px;color:#d4c7b0}.village-card small{display:block;color:var(--gold);margin-top:22px}.village-detail{position:relative;margin:0 5vw 50px;padding:30px;border:1px solid var(--gold);background:linear-gradient(180deg,#1b1711,#0f0d0a);box-shadow:0 18px 50px #000a}.village-detail.hidden{display:none}.village-detail h2{font-family:Cinzel;color:var(--gold2);font-size:32px}.village-detail p{line-height:1.85;color:#d3c7b2}.close{position:absolute;right:15px;top:10px;border:0;background:none;color:#d8c49a;font-size:32px;cursor:pointer}.staff-grid{display:grid;grid-template-columns:1fr 2fr;gap:18px;margin-top:25px}.staff-box{border:1px solid #40331f;background:#0c0b09;padding:18px}.staff-box h4{font-family:Cinzel;color:var(--gold2);margin:0 0 12px}.staff-box ul{list-style:none;padding:0;margin:0}.staff-box li{padding:8px 0;border-bottom:1px solid #2b2419;color:#c9bca5}
.map-large{margin:28px 5vw 10px}.compact .card{min-height:auto;text-align:center;padding:14px}
.battle-list{padding:34px 6vw 60px;display:grid;gap:18px}.battle-card{display:grid;grid-template-columns:100px 1fr;gap:24px;border:1px solid var(--line);background:linear-gradient(100deg,#18130f,#0d0c0a);padding:24px;align-items:center}.battle-card.victory{border-left:4px solid #8f7a43}.battle-card h3{font-family:Cinzel;color:#efd7a1;font-size:26px;margin:6px 0 10px}.battle-card p{color:#c4b7a0;line-height:1.8;margin:0}.battle-icon{font-size:48px;text-align:center}.battle-score{display:flex;align-items:center;justify-content:center;gap:7px;font:700 28px Cinzel;color:#edd49c;border:1px solid #6b5531;padding:20px 10px;background:#0b0a08}.battle-score small{color:#75674f;font-size:16px}
.dynasty-banner{margin:30px 6vw 0;border:1px solid var(--gold);background:linear-gradient(105deg,#271c11,#0e0d0a);padding:20px;display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center}.dynasty-banner img{width:180px;height:115px;object-fit:cover;border:1px solid #594427}.dynasty-banner h3{font:700 28px Cinzel;color:#efd9a7;margin:6px 0}.dynasty-banner p{color:#c8bba4;line-height:1.7}.history{padding:25px 6vw 60px}.history article{display:grid;grid-template-columns:70px 170px 1fr;gap:22px;padding:28px 0;border-bottom:1px solid var(--line)}.history .era{width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--gold);font:700 20px Cinzel;color:var(--gold2);background:#17120d}.history h3{font:700 28px Cinzel;color:#ead6a4;margin:0 0 8px}.history p{color:#c5b8a2;line-height:1.85}.current-era{background:linear-gradient(90deg,#6f1c161f,transparent);padding-left:15px!important}.current-era h3{color:#f0c977}.status-ended,.status-current{display:inline-block;font:600 10px Cinzel;letter-spacing:1.5px;padding:5px 8px;margin-bottom:9px;border:1px solid #715936}.status-ended{color:#c3aa78}.status-current{color:#d9d29e;border-color:#657146;background:#35402345}
footer{display:flex;justify-content:space-between;padding:22px 4vw;border-top:1px solid var(--line);font-family:Cinzel;color:#9b8a6e;font-size:12px;letter-spacing:2px;background:#090806}
@media(max-width:1100px){.dashboard-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr 1fr}.cards.four,.cards.five{grid-template-columns:repeat(2,1fr)}.motto{display:none}.leader-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.topbar{height:90px;padding:0 14px}.brand-flag{width:58px;height:58px}.brand-wrap h1{font-size:27px}.brand-wrap p{font-size:9px;letter-spacing:2px}.nav{padding:0}.nav-btn{padding:13px 15px;font-size:11px}.hero{height:430px}.hero-content{left:22px;right:22px;bottom:34px}.hero h2{font-size:48px}.dashboard-grid{padding:10px}.side-stack{grid-template-columns:1fr}.cards.four,.cards.five,.leader-grid,.village-grid{grid-template-columns:1fr}.page-head h2{font-size:34px}.staff-grid{grid-template-columns:1fr}.history article{grid-template-columns:1fr}.featured-person{align-items:flex-start}.rank-icon{font-size:40px}.battle-card{grid-template-columns:1fr}.battle-score{max-width:140px}.dynasty-banner{grid-template-columns:1fr}.dynasty-banner img{width:100%;height:170px}footer{gap:12px;flex-direction:column}}

.discord-handle{display:block;color:#7f8ba2;font-size:11px;margin-top:4px;font-family:Arial,sans-serif;letter-spacing:.2px}.staff-box li b{color:#e8dcc6;font-weight:700}.command-cards .card{min-height:215px}.command-cards .discord-handle{margin-top:14px;padding-top:10px;border-top:1px solid #2d281f}

/* V6: resimler, gazete ve yeni kadro */
.era-portrait{width:160px;height:160px;object-fit:cover;border:1px solid #65502f;box-shadow:0 8px 24px #0008;background:#0b0a08}
.gazette-wrap{padding:32px 5vw 60px}.gazette-lead{border:1px solid var(--gold);background:linear-gradient(120deg,#24190f,#100e0c);padding:30px;margin-bottom:20px;box-shadow:0 12px 34px #0008}.gazette-lead h3,.gazette-card h3{font-family:Cinzel;color:#edd49c;margin:8px 0 12px}.gazette-lead h3{font-size:30px}.gazette-lead p,.gazette-card p{color:#c9bba3;line-height:1.8}.gazette-date{font:600 11px Cinzel;color:#b99758;letter-spacing:1.4px;text-transform:uppercase}.gazette-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.gazette-card{border:1px solid var(--line);background:linear-gradient(180deg,#19150f,#0e0c0a);padding:24px;min-height:190px}.recent-battle{background:linear-gradient(100deg,#24170f,#0d0c0a)}
@media(max-width:900px){.history article{grid-template-columns:60px 120px 1fr}.era-portrait{width:110px;height:110px}.gazette-grid{grid-template-columns:1fr}}
@media(max-width:760px){.history article{grid-template-columns:1fr}.era-portrait{width:170px;height:170px}.gazette-lead h3{font-size:24px}}