:root{--bg:#14070a;--panel:#240d12;--line:#5a2128;--text:#f6ebe3;--mute:#b99a92;--gold:#ffc83d;--vio:#e0262f;--dc:#5865f2;color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:20px}
body{background:radial-gradient(ellipse at 50% -10%,#4a0f14 0,var(--bg) 60%) fixed;color:var(--text);font:16px/1.7 Rubik,system-ui,sans-serif}
h1,h2,.brand{font-family:Cinzel,Georgia,serif}
#fx{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
#loader{position:fixed;inset:0;z-index:99;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;transition:opacity .8s,visibility .8s}
:root{--art:url("../img/loading-bg.webp")}
.herobg .scene{position:absolute;left:50%;top:50%;width:max(100vw,calc(100vh*1.888));height:max(100vh,calc(100vw/1.888));transform:translate(-50%,-50%);opacity:.8;z-index:0;overflow:hidden;background:var(--art) center/100% 100%;filter:saturate(.7) contrast(1.05)}
.herobg .scene i{position:absolute;display:block;background-repeat:no-repeat;-webkit-mask-image:radial-gradient(ellipse at center,#000 50%,transparent 74%);mask-image:radial-gradient(ellipse at center,#000 50%,transparent 74%)}
.fan{left:29.167%;top:73.746%;width:14.062%;height:17.699%;background-image:var(--art);background-size:711.11% 565.00%;background-position:33.939% 89.606%}
.fan{transform-origin:48% 78%;animation:wave .55s ease-in-out infinite alternate;opacity:1}
@keyframes wave{from{transform:perspective(520px) rotateZ(-10deg) rotateY(-22deg) rotateX(9deg);filter:brightness(.8) contrast(1.1)}to{transform:perspective(520px) rotateZ(8deg) rotateY(18deg) rotateX(-7deg);filter:brightness(1.25) contrast(1.05)}}
.herobg .tint{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at center,#14070a55 0,#14070acc 85%),linear-gradient(#b3121c66,#7a0f1899);mix-blend-mode:multiply}
#loader .logo-wrap,#loader .bar,#loader #pct{position:relative;z-index:2}
@media(prefers-reduced-motion:reduce){.herobg *,#loader *,.logo,.logo-wrap::before,.logo-wrap::after{animation:none!important}}
.herobg .scene{animation:drift 18s ease-in-out infinite alternate}
@keyframes drift{from{transform:translate(-50%,-50%) scale(1.03)}to{transform:translate(-52%,-49%) scale(1.15)}}
.tc{left:42.708%;top:0.000%;width:27.083%;height:55.064%;background-image:var(--art);background-size:369.23% 181.61%;background-position:58.571% 0.000%}
.tc{transform-origin:52% 96%;animation:sway 6s ease-in-out infinite alternate}
.tr2{left:85.417%;top:0.000%;width:14.583%;height:51.131%;background-image:var(--art);background-size:685.71% 195.58%;background-position:100.000% 0.000%}
.tr2{transform-origin:50% 100%;animation:sway 7s ease-in-out -2s infinite alternate}
.tm{left:34.375%;top:26.549%;width:18.750%;height:28.515%;background-image:var(--art);background-size:533.33% 350.69%;background-position:42.308% 37.139%}
.tm{transform-origin:50% 100%;animation:sway 5s ease-in-out -1s infinite alternate}
@keyframes sway{from{transform:rotate(-.9deg) skewX(-.8deg)}to{transform:rotate(.9deg) skewX(.8deg)}}
.mist{position:absolute;left:-20%;width:140%;top:46%;height:24%;background:radial-gradient(ellipse at 30% 50%,#fff7 0,transparent 60%),radial-gradient(ellipse at 78% 40%,#fff5 0,transparent 55%);filter:blur(16px);animation:mist 16s ease-in-out infinite alternate}
.m2{top:56%;height:18%;opacity:.7;animation-duration:22s;animation-direction:alternate-reverse}
@keyframes mist{from{transform:translateX(-7%)}to{transform:translateX(7%)}}
.fire{position:absolute;left:49.2%;top:53.5%;width:3%;height:5%;background:radial-gradient(circle,#ffb347 0,#ff6a1f88 40%,transparent 70%);filter:blur(4px);animation:flick .35s ease-in-out infinite alternate}
@keyframes flick{from{opacity:.45;transform:scale(.8)}to{opacity:1;transform:scale(1.25)}}
#emb{position:absolute;inset:0;display:block}
#emb span{position:absolute;bottom:-2%;width:4px;height:4px;border-radius:50%;background:#ffc83d;box-shadow:0 0 8px #ff8c3c;animation:rise linear infinite}
@keyframes rise{to{transform:translate(var(--dx),-110vh);opacity:0}}
#loader.off{opacity:0;visibility:hidden}
.bar{width:min(320px,70vw);height:4px;background:var(--line);border-radius:2px;overflow:hidden}
.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--vio),var(--gold))}
#pct{color:var(--mute);font-size:14px}
.hero{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:14px}
.hero p{color:var(--mute);max-width:520px}
.count{display:flex;gap:clamp(10px,3vw,28px);margin:18px 0}
.count div{min-width:clamp(64px,14vw,110px);padding:14px 8px;background:#240d1299;border:1px solid var(--line);border-radius:10px;backdrop-filter:blur(6px)}
.count b{display:block;font:700 clamp(28px,7vw,52px)/1.1 Cinzel,serif;color:var(--text)}
.count span{font-size:13px;color:var(--mute)}
.btn{display:inline-block;padding:12px 26px;border-radius:8px;border:1px solid var(--gold);color:var(--gold);text-decoration:none;font-weight:500;transition:.2s;text-align:center}
.btn:hover,.btn:focus-visible{background:var(--gold);color:#2a0a0a;outline:none}
.btn.fill{background:linear-gradient(135deg,var(--vio),#a3121b);border-color:transparent;color:#fff}
.btn.fill:hover{filter:brightness(1.2);background:linear-gradient(135deg,var(--vio),#a3121b);color:#fff}
.btn.dc{background:var(--dc);border-color:transparent;color:#fff}
.btn.dc:hover{filter:brightness(1.15);background:var(--dc);color:#fff}
.hint{position:absolute;bottom:22px;color:var(--mute);font-size:13px}
.wrap{position:relative;z-index:1;display:grid;grid-template-columns:220px minmax(0,1fr) 220px;gap:32px;max-width:1280px;margin:0 auto;padding:40px 24px 80px}
aside{position:sticky;top:24px;align-self:start}
.side{background:#240d12cc;border:1px solid var(--line);border-radius:12px;padding:14px;backdrop-filter:blur(6px)}
.side h3{font:700 15px Cinzel,serif;color:var(--gold);padding:4px 10px 10px}
.nav a{display:block;padding:9px 12px;border-radius:8px;color:var(--mute);text-decoration:none;border-left:3px solid transparent;transition:.2s}
.nav a:hover{color:var(--text)}
.nav a.on{color:var(--gold);background:#e0262f22;border-left-color:var(--gold)}
.right{display:flex;flex-direction:column;gap:10px}
.right hr{border:0;border-top:1px solid var(--line);margin:8px 0}
main section{background:#240d12d9;border:1px solid var(--line);border-radius:14px;padding:30px;margin-bottom:24px;backdrop-filter:blur(4px)}
main h2{font-size:26px;color:var(--gold);margin-bottom:14px}
main ul{list-style:none;padding:0}
main li{padding:8px 0 8px 26px;position:relative;border-bottom:1px dashed #5a212855}
main li:last-child{border:0}
main li::before{content:"✦";position:absolute;left:0;color:var(--vio)}
main li b{color:var(--text)}
footer{position:relative;z-index:1;text-align:center;color:var(--mute);font-size:13px;padding:0 0 40px}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:18px}
.gal button{padding:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#000;cursor:zoom-in;position:relative;aspect-ratio:16/10}
.gal button:focus-visible{outline:2px solid var(--gold)}
.gal img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.gal button:hover img{transform:scale(1.06)}
.gal span{position:absolute;left:0;right:0;bottom:0;padding:18px 10px 8px;font:13px Rubik,sans-serif;text-align:left;background:linear-gradient(transparent,#000c);color:#fff}
#lb{position:fixed;inset:0;z-index:98;background:#000d;display:none;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:20px}
#lb.on{display:flex}
#lb img,#lb video{max-width:min(1100px,92vw);max-height:76vh;border-radius:10px;border:1px solid var(--line)}
#lb p{text-align:center;max-width:700px}
#lb p b{display:block;color:var(--gold);font:700 18px Cinzel,serif}
.lbb{position:absolute;background:var(--panel);color:var(--gold);border:1px solid var(--gold);border-radius:50%;width:44px;height:44px;font-size:20px;cursor:pointer}
.logo-wrap{position:relative;isolation:isolate;width:min(600px,84vw)}
.logo{display:block;width:100%;height:auto;animation:fadein 1.4s ease-out both,glow 2.8s ease-in-out 1s infinite alternate,float 5.5s ease-in-out infinite}
.logo-wrap::before{content:"";position:absolute;inset:-10% -6%;z-index:-1;background:radial-gradient(ellipse at center,#ff3a1f77 0,#ff7a1f22 45%,transparent 70%);filter:blur(22px);animation:halo 3s ease-in-out infinite alternate}
.logo-wrap::after{content:"";position:absolute;left:14%;right:14%;bottom:-5%;height:9%;z-index:-1;background:radial-gradient(ellipse,#000b 0,transparent 70%);filter:blur(8px);animation:shadow 5.5s ease-in-out infinite}
.hero .logo-wrap{width:min(640px,86vw)}
.side-logo{display:block;margin:0 auto 4px;width:110px;height:110px}
@keyframes fadein{from{opacity:0}to{opacity:1}}
@keyframes glow{from{filter:drop-shadow(0 0 10px #ff3d1f66) drop-shadow(0 12px 22px #000a)}to{filter:drop-shadow(0 0 30px #ff8a1fcc) drop-shadow(0 14px 28px #000)}}
@keyframes float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.012)}}
@keyframes halo{from{opacity:.55;transform:scale(.94)}to{opacity:1;transform:scale(1.06)}}
@keyframes shadow{0%,100%{transform:scaleX(1);opacity:.9}50%{transform:scaleX(.88);opacity:.6}}
@media(max-width:1000px){
 .side-logo{display:none}
 .wrap{grid-template-columns:1fr;padding-top:16px}
 aside{position:static}
 .nav{display:flex;overflow-x:auto;gap:4px}
 .nav a{white-space:nowrap;border-left:0;border-bottom:3px solid transparent}
 .nav a.on{border-bottom-color:var(--gold)}
 .side h3{display:none}
 .right{flex-direction:row;flex-wrap:wrap}.right hr{display:none}.right .btn{flex:1 1 120px}
 .nav-wrap{position:sticky;top:0;z-index:5}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

:root{--logo:url("../img/logo.webp")}
.nav-wrap .side{max-height:calc(100vh - 48px);overflow:auto}
.nav a{padding:7px 12px;font-size:14px}
.slot{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px dashed var(--line);border-radius:10px;background:#0006;color:var(--mute);font-size:13px}
.slot em{font-style:normal;padding:8px;text-align:center}
.slot.has{border:1px solid var(--line);background:#000;cursor:zoom-in}
.slot img,.slot video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.slot.has:hover img{transform:scale(1.05)}
.slot:focus-visible{outline:2px solid var(--gold)}
.slot span{position:absolute;left:0;right:0;bottom:0;padding:16px 10px 7px;color:#fff;background:linear-gradient(transparent,#000c)}
.wide{aspect-ratio:16/7;margin-top:16px}.full{aspect-ratio:16/8}.tall{min-height:280px;height:100%}.sq{aspect-ratio:1}.thumb{width:52px;height:52px;flex:none}.srs{width:170px;aspect-ratio:16/10;flex:none}.zs{aspect-ratio:16/10}
.lead{font-size:17px;line-height:1.8}
.lead a{color:var(--gold)}
.note{margin-top:12px;font-size:13px;color:var(--mute);text-align:center}
.big{margin-top:20px;text-align:center;font:700 clamp(20px,3.6vw,32px)/1.35 Cinzel,serif;color:var(--gold);text-shadow:0 0 22px #e0262fcc,0 2px 0 #000}
.dgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.dbox{position:relative;isolation:isolate;padding:30px 46px 22px;border:1px solid var(--gold);border-radius:6px 6px 16px 16px;background:radial-gradient(circle at 50% 0,#ffc83d26,transparent 62%),linear-gradient(#3d1017,#1c0709);box-shadow:inset 0 0 0 3px #14070a,inset 0 0 0 4px #ffc83d55,0 8px 20px #0009;text-align:center;line-height:1.6}
.dbox b{color:var(--gold)}
.bio{display:grid;grid-template-columns:170px minmax(0,1fr);gap:16px;margin-top:16px}
.tbl{overflow-x:auto}
.brow{display:grid;grid-template-columns:1.2fr .7fr 1.4fr .6fr;gap:10px;align-items:center;padding:8px 10px;border-bottom:1px dashed var(--line);min-width:520px}
.brow>div{display:flex;align-items:center;gap:10px}
.bh{color:var(--gold);border-bottom:1px solid var(--gold)}
.don{display:grid;grid-template-columns:1fr 150px 1fr;gap:14px}
.stack{display:flex;flex-direction:column;gap:10px}
.srow{display:flex;gap:18px;align-items:center;padding:12px 0;border-bottom:1px dashed var(--line)}
.srow:last-child{border:0}
.no{font:700 clamp(18px,3vw,28px) Cinzel,serif}
.no em{font-style:normal;color:var(--vio);text-shadow:0 0 14px #e0262f}
.zgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.tgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}
.sign{margin-top:24px;text-align:right;color:var(--gold)}
@media(max-width:700px){.bio,.don{grid-template-columns:1fr}.stack{flex-direction:row}.stack .slot{flex:1}.tall{min-height:180px}.srow{flex-direction:column;align-items:flex-start}.srs{width:100%}.tgrid{grid-template-columns:1fr}.dbox{padding-inline:40px}}

.c1{left:10.417%;top:0.983%;width:20.833%;height:14.749%;background-image:var(--art);background-size:480.00% 678.00%;background-position:13.158% 1.153%}
.c1{animation:cloud 14s ease-in-out infinite alternate}
.c2{left:69.271%;top:0.000%;width:13.542%;height:10.816%;background-image:var(--art);background-size:738.46% 924.55%;background-position:80.120% 0.000%}
.c2{animation:cloud 11s ease-in-out -4s infinite alternate-reverse}
.who{left:27.083%;top:58.014%;width:42.188%;height:39.331%;background-image:var(--art);background-size:237.04% 254.25%;background-position:46.847% 95.624%}
.who{transform-origin:10% 100%;animation:breathe 3.2s ease-in-out infinite alternate}
.man{left:67.188%;top:7.866%;width:19.792%;height:86.529%;background-image:var(--art);background-size:505.26% 115.57%;background-position:83.766% 58.394%}
.man{transform-origin:50% 100%;animation:breathe 3.8s ease-in-out -1.5s infinite alternate}
.aura{left:76.562%;top:19.666%;width:12.500%;height:41.298%;background-image:var(--art);background-size:800.00% 242.14%;background-position:87.500% 33.501%}
.aura{animation:aura 1.8s ease-in-out infinite alternate}
@keyframes cloud{from{transform:translateX(-18px)}to{transform:translateX(22px)}}
@keyframes breathe{from{transform:scale(1) translateY(0)}to{transform:scale(1.008,1.012) translateY(-2px)}}
@keyframes aura{from{filter:brightness(.9) saturate(1)}to{filter:brightness(1.7) saturate(1.8)}}
.sp{position:absolute;width:1.1%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff 0,#ffb347 35%,transparent 70%);filter:blur(1px);animation:twinkle 1.1s ease-in-out infinite alternate}
.s1{left:39.8%;top:55.7%}.s2{left:45.3%;top:56.5%;animation-delay:-.4s}.s3{left:38.5%;top:63.5%;animation-delay:-.7s}.s4{left:25.4%;top:62.5%;animation-delay:-.2s}
@keyframes twinkle{from{opacity:.15;transform:scale(.5)}to{opacity:1;transform:scale(1.5) translateY(-6px)}}

:root{--dragon:url("../img/dragon.webp");--dfilter:hue-rotate(155deg) saturate(1.5) brightness(1.1)}
.dwrap{position:relative;padding:0 clamp(70px,16vw,170px)}
.dwrap .dgrid{position:relative;z-index:1}
.dwrap::before,.dwrap::after{content:"";position:absolute;top:-14px;bottom:-14px;width:clamp(110px,22vw,230px);background:var(--dragon) center/contain no-repeat;opacity:.42;filter:var(--dfilter) drop-shadow(0 0 16px #e0262f88);pointer-events:none;animation:dfloat 6s ease-in-out infinite alternate}
.dwrap::before{left:-8px}
.dwrap::after{right:-8px;transform:scaleX(-1);animation-delay:-3s}
@keyframes dfloat{from{translate:0 -6px}to{translate:0 8px}}
@media(max-width:700px){.dwrap{padding:0 26px}.dwrap::before,.dwrap::after{opacity:.2;width:130px}}
@media(prefers-reduced-motion:reduce){.dwrap::before,.dwrap::after{animation:none}}

.herobg{position:absolute;inset:0;z-index:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
.hero>:not(.herobg){position:relative;z-index:1;transition:opacity 1s .3s}
.hero>.hint{position:absolute}
body.loading{overflow:hidden}
body.loading .hero>:not(.herobg){opacity:0}
#fx{opacity:0}

/* sunucu bilgileri: 2 sütun, kompakt menü */
.dwrap{padding:0 clamp(40px,11vw,120px)}
.dwrap .dgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.dwrap .dbox{padding:24px 18px 18px;display:flex;align-items:center;justify-content:center;min-height:92px}
.dwrap .dbox:last-child:nth-child(odd){grid-column:1/-1}
.side-logo{width:72px;height:72px;margin-bottom:0}
.side h3{padding:2px 10px 6px;font-size:13px}
.nav a{padding:5px 12px;font-size:13.5px;line-height:1.5}
.nav-wrap .side{scrollbar-width:none;-ms-overflow-style:none}
.nav-wrap .side::-webkit-scrollbar{display:none}
@media(max-width:560px){.dwrap .dgrid{grid-template-columns:1fr}.dwrap{padding:0 22px}}

.bio{grid-template-columns:minmax(0,1fr)}
.thumb em{font-size:0;padding:0}
.thumb em::before{content:"+";font-size:20px}

/* Genel Özellikler: madalyon rozetler */
.badges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 12px;margin-top:6px}
.badge{--c:14px;position:relative;display:grid;place-items:center;min-height:58px;padding:0 6px;text-align:center;transition:transform .2s,filter .2s;
 clip-path:polygon(var(--c) 0,calc(100% - var(--c)) 0,100% 50%,calc(100% - var(--c)) 100%,var(--c) 100%,0 50%);
 background:linear-gradient(#d8c7a6,#7a6648 35%,#d3b88c 55%,#5b4a38)}
.badge::before{content:"";position:absolute;inset:3px;clip-path:polygon(calc(var(--c) - 2px) 0,calc(100% - var(--c) + 2px) 0,100% 50%,calc(100% - var(--c) + 2px) 100%,calc(var(--c) - 2px) 100%,0 50%);background:linear-gradient(#59534c,#2e2a27 22%,#1c1917)}
.badge span{position:relative;z-index:1;padding:6px 14px;font:700 13px/1.3 Cinzel,serif;color:#f3e6cc;text-shadow:0 1px 2px #000;text-wrap:balance}
.badge b{color:var(--gold)}
.badge:hover{transform:translateY(-2px);filter:brightness(1.25)}
@media(max-width:700px){.badges{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.badges{grid-template-columns:1fr}}

.don{height:630px}
.stack{justify-content:center}
@media(max-width:700px){.don{height:auto}}

.brow{grid-template-columns:1.3fr .8fr .7fr 1.8fr;gap:10px;font-size:13px;line-height:1.4}
.brow b{font-size:13px}
.brow>div{gap:8px}
.thumb{width:42px;height:42px}

.btn.yel{background:linear-gradient(135deg,#ffd75e,#e9a91c);border-color:transparent;color:#2a0a0a}
.btn.yel:hover,.btn.yel:focus-visible{background:linear-gradient(135deg,#ffe58a,#ffc83d);color:#2a0a0a;filter:brightness(1.1)}

/* Önsöz */
#onsoz h2::after{content:"";display:block;width:90px;height:3px;margin-top:10px;border-radius:2px;background:linear-gradient(90deg,var(--gold),var(--vio),transparent)}
#onsoz p{max-width:70ch;margin:0 0 16px;font-size:16px;line-height:1.85;color:#eadfd6}
#onsoz .intro{margin:20px 0 22px;padding-left:16px;border-left:3px solid var(--vio);font:600 clamp(18px,2.4vw,22px)/1.5 Cinzel,serif;color:var(--gold);text-shadow:0 0 18px #e0262f55}
#onsoz b{color:var(--gold);font-weight:500}
#onsoz .call{margin-top:26px;padding:22px;text-align:center;border:1px solid var(--gold);border-radius:6px 6px 16px 16px;background:radial-gradient(circle at 50% 0,#ffc83d22,transparent 65%),linear-gradient(#3d1017,#1c0709);box-shadow:inset 0 0 0 3px #14070a,inset 0 0 0 4px #ffc83d55,0 8px 20px #0009}
#onsoz .call p{max-width:none;margin:0 auto 14px}
#onsoz .call strong{display:block;font:700 clamp(18px,2.6vw,24px)/1.4 Cinzel,serif;color:var(--gold);text-shadow:0 0 20px #e0262fcc}

/* Efsun oranları tablosu */
.etbl{display:grid;gap:14px;max-width:760px;margin:18px auto 0}
.erow{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ehead div{text-align:center;font:700 clamp(15px,2.4vw,20px) Cinzel,serif;letter-spacing:.08em;color:var(--gold);text-shadow:0 0 14px #e0262f99;padding-bottom:4px;border-bottom:1px solid #ffc83d55}
.ecell{display:grid;place-items:center;min-height:54px;padding:8px 14px;margin:0 4px;text-align:center;font:600 clamp(12px,1.9vw,15px)/1.35 Cinzel,serif;color:#f3e6cc;text-shadow:0 1px 2px #000;border-radius:4px;background:linear-gradient(#59534c,#2e2a27 22%,#1c1917);box-shadow:0 0 0 3px #8a7658,0 0 0 4px #3a2e20,0 6px 14px #0009;text-wrap:balance}
.ecell small{display:block;font-size:.85em;opacity:.85}
.ecell.oran{color:var(--gold);font-size:clamp(13px,2.1vw,17px)}

/* Tam görünen görseller */
.slot.fit{aspect-ratio:auto}
.slot.fit img,.slot.fit video{height:auto;object-fit:contain}
.slot.contain img,.slot.contain video{object-fit:contain}

/* --- düzeltmeler --- */
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
main,aside{min-width:0}
@media(max-width:1000px){.wrap{grid-template-columns:minmax(0,1fr)}}
.hero{padding-bottom:72px}
.hero .logo-wrap{width:min(640px,86vw,64vh)}
.efsun-notes{margin-top:18px}

:root{--laurel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 80'%3E%3Cg fill='%23d9b36a'%3E%3Cpath d='M31 77C9 63 4 31 23 4' fill='none' stroke='%23d9b36a' stroke-width='1.8'/%3E%3Cellipse cx='20.0' cy='72.6' rx='6.5' ry='2.4' transform='rotate(-176 20.0 72.6)'/%3E%3Cellipse cx='25.0' cy='67.1' rx='6.5' ry='2.4' transform='rotate(-100 25.0 67.1)'/%3E%3Cellipse cx='10.2' cy='62.6' rx='6.5' ry='2.4' transform='rotate(-167 10.2 62.6)'/%3E%3Cellipse cx='15.9' cy='58.0' rx='6.5' ry='2.4' transform='rotate(-91 15.9 58.0)'/%3E%3Cellipse cx='4.8' cy='49.9' rx='6.5' ry='2.4' transform='rotate(-149 4.8 49.9)'/%3E%3Cellipse cx='11.7' cy='47.3' rx='6.5' ry='2.4' transform='rotate(-73 11.7 47.3)'/%3E%3Cellipse cx='3.1' cy='36.4' rx='6.5' ry='2.4' transform='rotate(-130 3.1 36.4)'/%3E%3Cellipse cx='10.5' cy='36.1' rx='6.5' ry='2.4' transform='rotate(-54 10.5 36.1)'/%3E%3Cellipse cx='6.8' cy='23.4' rx='6.5' ry='2.4' transform='rotate(-112 6.8 23.4)'/%3E%3Cellipse cx='13.9' cy='25.5' rx='6.5' ry='2.4' transform='rotate(-36 13.9 25.5)'/%3E%3Cellipse cx='13.2' cy='11.1' rx='6.5' ry='2.4' transform='rotate(-97 13.2 11.1)'/%3E%3Cellipse cx='19.6' cy='14.8' rx='6.5' ry='2.4' transform='rotate(-21 19.6 14.8)'/%3E%3Cellipse cx='22.1' cy='1.0' rx='6.5' ry='2.4' transform='rotate(-89 22.1 1.0)'/%3E%3Cellipse cx='27.8' cy='5.6' rx='6.5' ry='2.4' transform='rotate(-13 27.8 5.6)'/%3E%3C/g%3E%3C/svg%3E")}
/* Karakter sınıfları */
.cgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 20px;margin-top:18px}
.cls{display:flex;flex-direction:column;gap:9px}
.cframe{padding:4px;border:1px solid var(--gold);background:repeating-linear-gradient(45deg,#2a0d12 0 6px,#33101a 6px 12px);box-shadow:0 0 0 3px #14070a,0 0 0 4px #ffc83d55,0 8px 18px #0009;transition:filter .2s}
.cframe .slot{aspect-ratio:3/4;border:0;border-radius:0}
.cls:hover .cframe{filter:brightness(1.12)}
.plate{position:relative;margin:-2px 16px 4px;padding:9px 0;text-align:center;font:500 clamp(14px,1.9vw,20px) Cinzel,serif;letter-spacing:.12em;text-transform:uppercase;color:#f3e6cc;background:linear-gradient(#2a1316,#150709);border:1px solid #ffc83d66;text-shadow:0 2px 4px #000}
.plate::before,.plate::after{content:"";position:absolute;top:50%;width:30px;height:60px;margin-top:-30px;background:var(--laurel) center/contain no-repeat}
.plate::before{left:-22px}.plate::after{right:-22px;transform:scaleX(-1)}
.sub{display:flex;align-items:center;gap:10px;min-height:50px;padding:6px 10px;font-size:13px;line-height:1.25;border:1px solid var(--line);border-radius:6px;background:linear-gradient(#2c2022,#171011);box-shadow:inset 0 0 0 1px #0006}
.slot.ico{width:34px;height:34px;border-radius:50%;border-color:var(--vio)}
.ico em::before{font-size:16px}
@media(max-width:700px){.cgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Satıcılar: üzerine gelince çıkan görsel */
.npcs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:18px}
.npc{position:relative;outline:0;text-align:center}
.npc .npc-img{aspect-ratio:3/4}
.npc>b{display:block;margin-top:10px;font:700 clamp(15px,2.2vw,19px) Cinzel,serif;color:var(--gold)}
.npc-pop{position:absolute;left:0;right:0;top:0;aspect-ratio:3/4;z-index:2;opacity:0;pointer-events:none;transform:scale(.96);transition:opacity .25s,transform .25s;border:2px solid var(--gold);box-shadow:0 0 34px #e0262fbb;background:#000}
.npc-pop img,.npc-pop video{object-fit:contain}
.npc:hover .npc-pop,.npc:focus .npc-pop,.npc:focus-within .npc-pop{opacity:1;transform:none;pointer-events:auto}
.npc-hint{margin-top:6px;font-size:12px;color:var(--mute)}
@media(max-width:560px){.npcs{grid-template-columns:1fr}}

/* Satıcılar: 3 kart, daha küçük görseller */
.npcs{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.npc>b{font-size:clamp(13px,1.6vw,16px)}
@media(max-width:700px){.npcs{grid-template-columns:repeat(2,minmax(0,1fr))}.npc:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - 8px);justify-self:center}}
@media(max-width:420px){.npcs{grid-template-columns:1fr}.npcs .npc,.npcs .npc:last-child:nth-child(odd){width:100%;max-width:240px;justify-self:center}}

/* güvenlik: yanlışlıkla oluşabilecek yatay kaydırmayı engeller */
@supports (overflow:clip){html,body{overflow-x:clip}}