:root{color-scheme:light dark;--kagit:#F4EFE6;--yuzey:#FBF8F2;--murekkep:#1C1B19;--soluk:#5F5A50;--cizgi:#D9D2C3;--muhur:#B5391F;--muhur-ustu:#FFFFFF;--iyi:#3F7D4E;--uyari:#B7791F;--altin:#7A5C17;--mavi:#2F5D8A;--yazi-govde:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--yazi-mono:"IBM Plex Mono", Consolas, "Cascadia Mono", monospace;--yazi-baslik:"Palatino Linotype", "Book Antiqua", Palatino, "Iowan Old Style", Georgia, serif;--genislik:1080px;--kose:4px}
@media (prefers-color-scheme:dark){:root{--kagit:#171614;--yuzey:#201E1B;--murekkep:#ECE6DA;--soluk:#A39C8E;--cizgi:#35322D;--muhur:#D9573A;--muhur-ustu:#171614;--iyi:#6FAF7E;--uyari:#D9A441;--altin:#C9A24B;--mavi:#6C9BD1}}
.gece{color-scheme:dark;--kagit:#171614;--yuzey:#201E1B;--murekkep:#ECE6DA;--soluk:#A39C8E;--cizgi:#35322D;--muhur:#D9573A;--muhur-ustu:#171614;--iyi:#6FAF7E;--uyari:#D9A441;--altin:#C9A24B;--mavi:#6C9BD1}
/* Belirteçler (:root) uret.mjs tarafından tema.json'dan bu dosyanın başına eklenir. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--kagit);color:var(--murekkep);font:400 17px/1.6 var(--yazi-govde);min-height:100vh;display:flex;flex-direction:column;text-rendering:optimizeLegibility}
main{flex:1}
a{color:inherit;text-decoration-color:var(--soluk);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{text-decoration-color:var(--muhur)}
:focus-visible{outline:2px solid var(--muhur);outline-offset:3px;border-radius:2px}
h1,h2,h3{font-weight:600;line-height:1.15;margin:0;letter-spacing:-.015em;text-wrap:balance}
h1,h2{font-family:var(--yazi-baslik);font-weight:500;letter-spacing:-.01em}
h1{font-size:clamp(2.5rem,5.6vw,4.2rem);line-height:1.08}
h2{font-size:1.75rem}
h3{font-size:1.06rem;letter-spacing:0}
p{margin:0 0 16px}
ul{padding-left:20px;margin:0 0 16px}
li{margin-bottom:8px}
code,.mono{font-family:var(--yazi-mono);font-size:.84em;font-variant-numeric:tabular-nums}
.sarici{width:100%;max-width:var(--genislik);margin:0 auto;padding:0 24px}
.soluk{color:var(--soluk)}
.gorunmez{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

/* üst çubuk */
.ust{border-bottom:1px solid var(--cizgi)}
.ust .sarici{display:flex;align-items:center;gap:24px;min-height:64px;flex-wrap:wrap}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:600}
.logo-isaret{display:grid;place-items:center;min-width:34px;height:34px;padding:0 6px;border:1.5px solid var(--muhur);color:var(--muhur);font:600 12px/1 var(--yazi-mono);border-radius:var(--kose);transform:rotate(-3deg)}
.menu{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}
.menu a{padding:8px 12px;text-decoration:none;font-size:.94rem;color:var(--soluk);border-radius:var(--kose)}
.menu a:hover{color:var(--murekkep)}
.menu a[aria-current]{color:var(--murekkep);box-shadow:inset 0 -2px 0 var(--muhur);border-radius:0}

/* düğmeler */
.dugme{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:var(--muhur);color:var(--muhur-ustu);font:600 1.06rem/1 var(--yazi-govde);text-decoration:none;border:1px solid var(--muhur);border-radius:var(--kose);cursor:pointer;transition:transform .12s}
.dugme:hover{transform:translateY(-1px)}
.dugme:active{transform:none}
.dugme .ok{font-family:var(--yazi-mono);transition:transform .15s}
.dugme:hover .ok{transform:translateX(3px)}
.dugme.ikincil{background:none;color:var(--murekkep);border-color:var(--murekkep);font-weight:500;padding:10px 18px;font-size:.95rem}

/* mühür */
.muhur{display:inline-block;border:1.5px solid var(--muhur);color:var(--muhur);font:500 .84rem/1.3 var(--yazi-mono);padding:6px 10px;border-radius:var(--kose);transform:rotate(-2deg);white-space:nowrap}
.muhur.duz{transform:none}

/* durum satırı */
.durum-satiri{display:flex;flex-wrap:wrap;gap:6px 18px;font:400 .88rem/1.5 var(--yazi-mono);color:var(--soluk)}
.durum-satiri b{font-weight:500;color:var(--murekkep)}
.nokta{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--soluk);margin-right:7px;vertical-align:1px}
[data-hal=acik] .nokta,.nokta[data-hal=acik]{background:var(--iyi)}
[data-hal=kapali] .nokta,.nokta[data-hal=kapali]{background:var(--muhur)}
[data-hal=bakim] .nokta,.nokta[data-hal=bakim]{background:var(--uyari)}

/* kahraman */
.kahraman{position:relative;padding:72px 0 80px;border-bottom:1px solid var(--cizgi)}
.kahraman .sarici{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.kahraman .ust-etiket{display:flex;align-items:center;gap:12px;margin-bottom:28px}
.kahraman h1{margin-bottom:20px}
.kahraman h1 em{font-style:italic;color:var(--muhur)}
.kahraman .aciklama{font-size:1.18rem;color:var(--soluk);max-width:34ch;margin-bottom:32px}
.kahraman .eylem{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:28px}
.dokunmatik-not{display:none;border-left:2px solid var(--uyari);padding:4px 0 4px 14px;font-size:.95rem;max-width:40ch}
@media (hover:none) and (pointer:coarse){
  .kahraman .eylem .dugme{display:none}
  .dokunmatik-not{display:block}
}

/* künye kartı */
.kunye{position:relative;background:var(--yuzey);border:1px solid var(--murekkep);border-radius:var(--kose)}
.kunye::before{content:"";position:absolute;inset:5px;border:1px solid var(--cizgi);border-radius:2px;pointer-events:none}
.kunye-ic{position:relative;padding:28px 28px 24px}
.kunye-baslik{display:flex;justify-content:space-between;align-items:baseline;font:500 .84rem/1 var(--yazi-mono);color:var(--soluk);padding-bottom:16px;border-bottom:1px solid var(--cizgi)}
.kunye dl{margin:0;font-family:var(--yazi-mono);font-size:.9rem}
.kunye dl div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px dashed var(--cizgi)}
.kunye dl div:last-child{border-bottom:0;padding-bottom:0}
.kunye dt{color:var(--soluk)}
.kunye dd{margin:0;text-align:right;overflow-wrap:anywhere}
.cerceve{margin:0;border:1px solid var(--murekkep);padding:6px;border-radius:var(--kose);background:var(--yuzey)}
.cerceve video,.cerceve img{display:block;width:100%;height:auto;border-radius:2px}
/* oyun görüntüsü: oyunun kendi penceresi gibi koyu lake ve altın iç çizgi */
.cerceve.gece{background:#120807;border-color:#120807;box-shadow:0 18px 40px -22px rgba(20,8,6,.7)}
.cerceve.gece img{border:1px solid var(--altin)}
.cerceve figcaption{font:400 .8rem/1 var(--yazi-mono);color:var(--soluk);padding:10px 4px 4px;text-align:right}
.galeri{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:48px}

/* üç krallık: sitenin mühür diliyle oyunun kendisi */
.iki.orta{align-items:center}
.siniflar{font-family:var(--yazi-baslik);font-size:1.15rem;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:24px}
.siniflar i{width:5px;height:5px;background:var(--altin);transform:rotate(45deg)}
.kralliklar{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;padding:12px 0}
.damga{position:relative;display:grid;place-content:center;text-align:center;width:136px;aspect-ratio:1;border:2px solid currentColor;border-radius:var(--kose);font:500 1.3rem/1.2 var(--yazi-baslik)}
.damga::before{content:"";position:absolute;inset:5px;border:1px solid currentColor;opacity:.45;border-radius:2px}
.damga small{display:block;margin-top:8px;font:500 .7rem/1 var(--yazi-mono)}
.damga.k1{color:var(--muhur);transform:rotate(-3deg)}
.damga.k2{color:var(--altin);transform:rotate(2deg) translateY(10px)}
.damga.k3{color:var(--mavi);transform:rotate(-1.5deg)}

/* bölümler */
.bolum{padding:64px 0;border-bottom:1px solid var(--cizgi)}
.bolum:last-child{border-bottom:0}
.bolum-etiket{font:500 .84rem/1 var(--yazi-mono);color:var(--soluk);margin-bottom:24px;display:flex;align-items:center;gap:12px}
.bolum-etiket::before{content:"";width:7px;height:7px;background:var(--altin);transform:rotate(45deg);flex:none}
.bolum-etiket::after{content:"";flex:1;height:1px;background:var(--cizgi)}
.uclu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--cizgi);border-radius:var(--kose);background:var(--yuzey)}
.uclu>div{padding:28px}
.uclu>div+div{border-left:1px solid var(--cizgi)}
.uclu .no{font:500 .84rem/1 var(--yazi-mono);color:var(--muhur);margin-bottom:16px}
.uclu h3{margin-bottom:8px}
.uclu p{margin:0;color:var(--soluk);font-size:.95rem}
.iki{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}
.duyuru{display:grid;grid-template-columns:160px minmax(0,1fr);gap:32px}
.duyuru time{font:400 .82rem/1.9 var(--yazi-mono);color:var(--soluk)}
.duyuru h2{margin-bottom:12px}
.duyuru h2 a{text-decoration:none}
.duyuru h2 a:hover{text-decoration:underline}

/* iç sayfalar */
.sayfa-basi{padding:56px 0 40px;border-bottom:1px solid var(--cizgi)}
.sayfa-basi h1{font-size:clamp(2rem,4vw,2.8rem);margin-bottom:12px}
.sayfa-basi p{color:var(--soluk);max-width:60ch;margin:0;font-size:1.08rem}
.metin{max-width:68ch}
.metin h2{margin:40px 0 14px}
.metin h2:first-child{margin-top:0}
.metin h3{margin:28px 0 8px}
.tablo{width:100%;border-collapse:collapse;font-size:.95rem}
.tablo th,.tablo td{text-align:left;padding:12px 16px 12px 0;border-bottom:1px solid var(--cizgi);vertical-align:top}
.tablo th{font:500 .84rem/1.4 var(--yazi-mono);color:var(--soluk)}
.tablo td.mono{white-space:nowrap}
.rozet{font:500 .82rem/1 var(--yazi-mono);padding:4px 8px;border:1px solid currentColor;border-radius:var(--kose);white-space:nowrap}
.rozet.iyi{color:var(--iyi)}.rozet.uyari{color:var(--uyari)}.rozet.kotu{color:var(--muhur)}
.kutu{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--kose);padding:24px}
.kutu h3{margin-bottom:8px}
.kutu p:last-child{margin-bottom:0}
.liste-sade{list-style:none;padding:0;margin:0}
.liste-sade li{padding:14px 0;border-bottom:1px solid var(--cizgi);margin:0;display:flex;gap:16px}
.liste-sade li:last-child{border-bottom:0}
.liste-sade .no{font:500 .84rem/1.9 var(--yazi-mono);color:var(--muhur);flex:none}
.bakim-seridi{background:var(--uyari);color:#171614;font-size:.92rem;padding:10px 0}
.bakim-seridi[hidden]{display:none}

/* alt bilgi */
.alt{border-top:1px solid var(--cizgi);padding:32px 0;font-size:.86rem;color:var(--soluk)}
.alt .sarici{display:flex;justify-content:space-between;gap:16px 32px;flex-wrap:wrap}
.alt nav{display:flex;gap:20px;flex-wrap:wrap}

@media (max-width:820px){
  body{font-size:16px}
  .kahraman{padding:44px 0 56px}
  .kahraman .sarici,.iki{grid-template-columns:minmax(0,1fr);gap:40px}
  .uclu{grid-template-columns:minmax(0,1fr)}
  .uclu>div+div{border-left:0;border-top:1px solid var(--cizgi)}
  .duyuru{grid-template-columns:minmax(0,1fr);gap:8px}
  .bolum{padding:44px 0}
  .menu{margin-left:0;width:100%;padding-bottom:10px}
  .menu a{padding:6px 10px 6px 0}
  .damga{width:104px;font-size:1.05rem}
  .kralliklar{gap:14px}
  .sarici{padding:0 16px}
  .tablo-kaydir{overflow-x:auto}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}