/* Cevrimdisi fontlar — Google Fonts bagimliligi KALDIRILDI (2026-08-05).
 * Sebep 1: APK/file:// altinda uzak font yuklenmez, ucak modunda tipografi coker.
 * Sebep 2: gizlilik — uzak font istegi kullanicinin IP'sini ucuncu tarafa tasir.
 * Lisans: SIL Open Font License 1.1 — fonts/LICENSE-FONTS.txt */
@font-face{font-family:'Cinzel Decorative';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/CinzelDecorative-700.woff2') format('woff2');}
@font-face{font-family:'Cinzel Decorative';font-style:normal;font-weight:900;font-display:swap;src:url('../fonts/CinzelDecorative-900.woff2') format('woff2');}
@font-face{font-family:'MedievalSharp';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/MedievalSharp-400.woff2') format('woff2');}
@font-face{font-family:'IM Fell English';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/IMFellEnglish-400.woff2') format('woff2');}
@font-face{font-family:'IM Fell English';font-style:italic;font-weight:400;font-display:swap;src:url('../fonts/IMFellEnglish-400-italic.woff2') format('woff2');}

/* SOFRA — kardes sayfa stili (nasil-oynanir · kurumlar · seffaflik · privacy)
 *
 * Kaynak: sofra-mobile.html v3.1 stil dili — birebir cikarildi, yeni renk ICAT EDILMEDI.
 * Oyun dosyasina DOKUNULMAZ; bu dosya yalniz metin sayfalari icindir.
 *
 * Bilincli TEK sapma: viewport'ta `user-scalable=no` YOK.
 *   Gerekce: oyunda dokunmatik kaydirma icin dogru, ama metin agirlikli sayfalarda
 *   yakinlastirmayi kapatmak erisilebilirlik kusurudur. Gorsel dil aynen korundu.
 */

:root{
  --ink:#1c140e; --ink2:#2a1d12; --ink3:#3a2817;
  --parch:#ece0c4; --parch-d:#d9c9a3;
  --gold:#c9a227; --gold-l:#e7c659;
  --red:#8f2d1c; --red-l:#b33b25;
  --ember:#d97b29; --magic:#5b8fb0; --magic-l:#7fd3e0;
  --herb:#6b7a3a; --sea:#2f6f8f; --sea-l:#5fb3cf;
  --shadow:rgba(0,0,0,.55);
}

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html,body{margin:0;padding:0;height:100%;}

body{
  font-family:"IM Fell English", Georgia, serif; color:var(--parch);
  background:radial-gradient(120% 90% at 50% -10%, #4a3216 0%, #2a1c0e 38%, #160f08 75%), var(--ink);
  background-attachment:fixed; min-height:100%; overflow-x:hidden; -webkit-font-smoothing:antialiased;
  padding-top:env(safe-area-inset-top); padding-bottom:env(safe-area-inset-bottom);
}
body::before{content:"";position:fixed;inset:0;
  background-image:radial-gradient(rgba(201,162,39,.05) 1px, transparent 1.4px);
  background-size:22px 22px;pointer-events:none;z-index:0;}
body::after{content:"";position:fixed;left:50%;top:-12%;width:90vmax;height:90vmax;
  transform:translateX(-50%);
  background:radial-gradient(closest-side, rgba(217,123,41,.20), rgba(217,123,41,0) 70%);
  pointer-events:none;z-index:0;animation:flicker 6s ease-in-out infinite;}
@keyframes flicker{0%,100%{opacity:.85}45%{opacity:1}70%{opacity:.78}}

.wrap{position:relative;z-index:1;max-width:960px;margin:0 auto;padding:12px 12px 40px;}
.hidden{display:none !important;}

/* ── Ust serit ve gezinme ─────────────────────────────────────────────────── */
.topbar{display:flex;align-items:center;gap:8px;justify-content:space-between;
  margin-bottom:10px;flex-wrap:wrap;}
.hero-chip{display:flex;align-items:center;gap:9px;background:var(--ink2);border:1px solid var(--ink3);
  border-radius:12px;padding:6px 11px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);}
.hero-chip .av{font-size:26px;line-height:1;}
.hero-chip .nm{font-family:"MedievalSharp",serif;font-size:13px;color:var(--gold-l);line-height:1.15;}
.hero-chip .rank{font-size:11px;color:var(--parch-d);font-style:italic;}

.nav{display:flex;gap:7px;align-items:center;flex-wrap:wrap;}
/* Oyunda <a> stili YOKTU — .navbtn link olarak burada tanimlandi, yeni renk icat edilmeden. */
.navbtn{font-family:"MedievalSharp",serif;cursor:pointer;background:var(--ink2);
  border:1px solid var(--ink3);color:var(--parch-d);border-radius:11px;padding:7px 13px;
  font-size:13px;transition:.12s;text-decoration:none;display:inline-block;}
.navbtn:hover,.navbtn:focus-visible{color:var(--gold-l);border-color:var(--gold);}
.navbtn:active{transform:translateY(1px);}
.navbtn[aria-current="page"]{color:var(--gold-l);border-color:var(--gold);
  background:rgba(201,162,39,.14);}

/* ── Baslik ───────────────────────────────────────────────────────────────── */
.title{font-family:"Cinzel Decorative",serif;font-weight:900;letter-spacing:.04em;color:var(--gold-l);
  text-shadow:0 2px 0 #6b4a12,0 0 18px rgba(201,162,39,.35);
  font-size:clamp(19px,5.2vw,30px);text-align:center;line-height:1;margin:2px 0 4px;}
.title small{display:block;font-family:"MedievalSharp",serif;font-size:.44em;letter-spacing:.2em;
  color:var(--parch-d);text-shadow:none;margin-top:6px;text-transform:uppercase;}
.king-says{text-align:center;font-style:italic;color:var(--parch-d);min-height:1.4em;
  margin:6px 0 12px;font-size:clamp(13px,3.4vw,16px);}
.king-says b{color:var(--gold-l);font-style:normal;}

/* ── Parsomen govde (overlay'siz, statik sayfa paneli) ────────────────────── */
.panel{max-width:720px;width:100%;margin:0 auto 14px;
  background:linear-gradient(180deg,var(--parch),#e0d0ac);
  color:var(--ink);border-radius:14px;padding:24px 22px 22px;
  box-shadow:0 20px 60px rgba(0,0,0,.7),inset 0 0 0 2px var(--red);text-align:center;position:relative;
  border-top:8px solid var(--red);border-bottom:8px solid var(--red);}
.panel .seal{font-size:42px;line-height:1;margin-bottom:2px;}
.panel h1{font-family:"Cinzel Decorative",serif;color:var(--red);margin:.1em 0 .15em;
  font-size:clamp(20px,5.6vw,30px);line-height:1.05;}
.panel h2{font-family:"Cinzel Decorative",serif;color:var(--red);font-size:17px;
  margin:20px 0 8px;text-align:left;}
.panel h3{font-family:"MedievalSharp",serif;color:var(--red);font-size:14px;
  margin:14px 0 6px;text-align:left;}
.panel p{font-size:15px;line-height:1.5;margin:.5em 0;color:#2a1d12;}
.panel .story{font-style:italic;}

/* Parsomen tomari — ikincil yuzey */
.scroll{background:linear-gradient(180deg,var(--parch) 0%,#e4d6b4 100%);color:var(--ink);
  border-radius:6px;padding:12px 14px 14px;position:relative;
  box-shadow:0 8px 24px var(--shadow),inset 0 0 0 2px rgba(143,45,28,.18);
  margin-bottom:12px;border-top:6px solid var(--red);border-bottom:6px solid var(--red);}
.scroll h2{margin:0 0 2px;font-family:"Cinzel Decorative",serif;font-size:15px;color:var(--red);
  text-align:left;}

/* ── Uzun metin blogu ─────────────────────────────────────────────────────── */
.manifesto{text-align:left;color:var(--ink);font-size:14px;line-height:1.55;}
.manifesto p{margin:0 0 10px;}
.manifesto ul,.manifesto ol{margin:0 0 10px;padding-left:22px;}
.manifesto li{margin-bottom:5px;}
.manifesto b{color:var(--red);}
.manifesto .mstamp{border-top:1px solid rgba(28,20,14,.25);padding-top:8px;font-style:italic;
  font-size:12.5px;color:var(--ink2);margin-top:14px;}

/* ── Bilgi ve uyari kutulari ──────────────────────────────────────────────── */
.how{font-size:12.5px;color:#4a3826;margin-top:12px;line-height:1.55;text-align:left;
  background:rgba(28,20,14,.06);border-radius:9px;padding:10px 12px;border:1px solid rgba(28,20,14,.14);}
.how b{color:var(--red);}
.demo-note{font-size:11.5px;color:#6b5334;background:rgba(143,45,28,.1);
  border:1px dashed rgba(143,45,28,.4);border-radius:9px;padding:8px 10px;margin-top:12px;
  line-height:1.45;text-align:left;}
.spoiler{background:rgba(143,45,28,.07);border:1.5px dashed var(--red);border-radius:10px;
  padding:9px 11px;margin:0 0 12px;font-size:13.5px;line-height:1.45;color:var(--ink);text-align:left;}

/* ── Liste satirlari ──────────────────────────────────────────────────────── */
.shop-list{display:flex;flex-direction:column;gap:9px;margin-top:12px;text-align:left;}
.shop-item{display:flex;align-items:center;gap:11px;background:rgba(28,20,14,.06);
  border:1px solid rgba(28,20,14,.16);border-radius:11px;padding:9px 11px;}
.shop-item .se{font-size:28px;line-height:1;}
.shop-item .si{flex:1;min-width:0;}
.shop-item .sn{font-family:"MedievalSharp",serif;font-size:14px;color:var(--red);}
.shop-item .sd{font-size:11.5px;color:#4a3826;font-style:italic;line-height:1.25;}
.shop-item.lockedrow{opacity:.55;filter:grayscale(.5);}

.lb-row{display:flex;justify-content:space-between;align-items:center;gap:8px;
  background:rgba(28,20,14,.06);border:1px solid rgba(28,20,14,.14);border-radius:9px;
  padding:7px 11px;margin-bottom:6px;font-size:14px;}
.lb-row b{font-family:"MedievalSharp",serif;color:var(--red);}
.lb-row .v{font-family:"MedievalSharp",serif;color:var(--ink);white-space:nowrap;}

/* ── Rozet ────────────────────────────────────────────────────────────────── */
.diff{display:inline-block;font-family:"MedievalSharp",serif;font-size:11px;letter-spacing:.05em;
  padding:2px 9px;border-radius:11px;vertical-align:middle;margin-left:6px;color:#1c140e;
  box-shadow:0 1px 3px rgba(0,0,0,.3);}
.diff[data-tier="Kolay"]{background:#9fb46a;}
.diff[data-tier="Orta"]{background:var(--gold-l);}
.diff[data-tier="Zor"]{background:var(--ember);color:#2a1206;}
.rozet{display:inline-block;font-family:"MedievalSharp",serif;font-size:10.5px;letter-spacing:.05em;
  padding:2px 9px;border-radius:11px;vertical-align:middle;box-shadow:0 1px 3px rgba(0,0,0,.25);}
.rozet.teyit-bekliyor{background:rgba(143,45,28,.16);color:var(--red);
  border:1px dashed rgba(143,45,28,.55);}
.rozet.onayli{background:#9fb46a;color:#1c140e;}
.rozet.devir{background:rgba(47,111,143,.16);color:#1d4a63;border:1px solid rgba(47,111,143,.4);}
.rozet.havale{background:#9fb46a;color:#1c140e;}

.voyage{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin:12px 0 4px;}
.voyage span{background:rgba(47,111,143,.16);border:1px solid rgba(47,111,143,.4);border-radius:20px;
  padding:4px 11px;font-size:12px;font-family:"MedievalSharp",serif;color:#1d4a63;}

/* ── Kart izgarasi ────────────────────────────────────────────────────────── */
.cards{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:12px;}
.card{width:132px;background:linear-gradient(180deg,#fffaf0,#e6d9b8);
  border:2px solid var(--gold);border-radius:12px;padding:12px 9px;
  box-shadow:0 4px 10px rgba(0,0,0,.25);}
.card .ce{font-size:31px;line-height:1;}
.card .cn{font-family:"MedievalSharp",serif;font-size:13px;color:var(--red);margin-top:4px;}
.card .cd{font-size:11px;color:#4a3826;line-height:1.25;margin-top:2px;font-style:italic;}

/* ── Istatistik kutusu ────────────────────────────────────────────────────── */
.stats{display:flex;gap:9px;margin-bottom:10px;flex-wrap:wrap;}
.stat{flex:1;min-width:96px;background:var(--ink2);border:1px solid var(--ink3);border-radius:10px;
  padding:7px 9px;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);}
.stat .k{font-family:"MedievalSharp",serif;font-size:10px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--parch-d);}
.stat .v{font-family:"Cinzel Decorative",serif;font-size:22px;color:var(--gold-l);line-height:1.05;}

/* ── Olcuboy / metre ──────────────────────────────────────────────────────── */
.meter{height:6px;border-radius:5px;background:rgba(0,0,0,.4);margin-top:6px;overflow:hidden;
  border:1px solid rgba(255,255,255,.06);}
.meter>i{display:block;height:100%;width:0;
  background:linear-gradient(90deg,var(--ember),var(--gold-l));transition:width .35s;}
.bar{height:4px;border-radius:3px;background:rgba(28,20,14,.15);width:100%;margin-top:3px;
  overflow:hidden;}
.bar>i{display:block;height:100%;background:var(--red);width:0;transition:width .3s;}
.bar.done>i{background:var(--herb);}

/* Bolusum seridi — %2,5 / %7,5 / %90 gorsel */
.split{display:flex;height:26px;border-radius:9px;overflow:hidden;margin:10px 0 4px;
  border:1px solid rgba(28,20,14,.25);}
.split>span{display:flex;align-items:center;justify-content:center;
  font-family:"MedievalSharp",serif;font-size:11px;white-space:nowrap;overflow:hidden;}
.split .s-kurucu{background:var(--red);color:#f7efdc;}
.split .s-rnd{background:var(--ember);color:#2a1206;}
.split .s-sofra{background:var(--herb);color:#f7efdc;}
.split-key{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;font-size:11.5px;
  color:#4a3826;margin-bottom:6px;}
.split-key i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;
  vertical-align:-1px;}

/* ── Butonlar ─────────────────────────────────────────────────────────────── */
.big-btn{font-family:"Cinzel Decorative",serif;font-weight:700;cursor:pointer;border:none;margin-top:12px;
  padding:13px 24px;border-radius:11px;font-size:17px;color:var(--ink);text-decoration:none;
  display:inline-block;background:linear-gradient(180deg,var(--gold-l),var(--gold));
  box-shadow:0 5px 0 #8a6b16,inset 0 1px 0 rgba(255,255,255,.5);transition:transform .08s;}
.big-btn:active{transform:translateY(3px);box-shadow:0 2px 0 #8a6b16;}
.big-btn.ghost{background:linear-gradient(180deg,#cbbb95,#a89871);box-shadow:0 5px 0 #6d6045;}

/* ── Tablo (seffaflik defteri) ────────────────────────────────────────────── */
.tablo-kap{overflow-x:auto;margin-top:10px;}
table.defter{width:100%;border-collapse:collapse;font-size:13px;text-align:left;min-width:520px;}
table.defter th{font-family:"MedievalSharp",serif;color:var(--red);font-size:11px;
  letter-spacing:.08em;text-transform:uppercase;border-bottom:1.5px solid rgba(143,45,28,.35);
  padding:7px 8px;white-space:nowrap;}
table.defter td{padding:7px 8px;border-bottom:1px solid rgba(28,20,14,.12);color:#2a1d12;}
table.defter td.sayi{font-family:"MedievalSharp",serif;text-align:right;white-space:nowrap;}
table.defter tr:last-child td{border-bottom:none;}

/* ── Katman baslik seridi (dashboard katmanlari) ──────────────────────────── */
.katman{margin-top:22px;text-align:left;}
.katman-basi{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;
  border-bottom:1.5px solid rgba(143,45,28,.3);padding-bottom:5px;margin-bottom:9px;}
.katman-basi h2{margin:0;font-size:16px;}
.katman-basi .no{font-family:"MedievalSharp",serif;font-size:11px;color:#6b5334;
  letter-spacing:.12em;text-transform:uppercase;}

/* ── Dipnot ───────────────────────────────────────────────────────────────── */
.dipnot{text-align:center;font-size:11.5px;color:var(--parch-d);margin-top:18px;line-height:1.5;}
.dipnot a{color:var(--gold-l);}

/* ── Mobil ────────────────────────────────────────────────────────────────── */
@media (max-width:520px){
  .panel{padding:18px 14px 16px;}
  .panel h1{font-size:22px;} .panel p{font-size:13.5px;} .panel .seal{font-size:34px;}
  .panel h2{font-size:15px;}
  .how{font-size:11.5px;}
  .big-btn{width:100%;font-size:16px;}
  .card{width:calc(50% - 6px);}
  .manifesto{font-size:13.5px;}
  .lb-row{font-size:13px;flex-wrap:wrap;}
}
@media (prefers-reduced-motion: reduce){
  *{animation-duration:.001ms !important;transition-duration:.05ms !important;}
}

/* ── Dil secici (i18n) ────────────────────────────────────────────────────── */
.dil-secici{display:inline-flex;gap:4px;margin-left:4px;}
.dil-secici .navbtn{padding:7px 10px;font-size:12px;letter-spacing:.06em;}
.dil-secici .navbtn.dil-aktif{color:var(--gold-l);border-color:var(--gold);
  background:rgba(201,162,39,.14);}

/* ── Dokunma hedefi tabani (WCAG 2.5.5) ───────────────────────────────────
 * Mobilde her tıklanabilir öğe en az 44px yüksekliğinde olmalı. Görsel dil
 * (dolgu, yazı boyutu, renk) korunur — yalnız dokunma alanı büyür. */
@media (max-width:820px){
  .navbtn, .big-btn, .buy, .ghost, .spoiler-btn{
    min-height:44px; display:inline-flex; align-items:center; justify-content:center;
  }
  .dil-secici .navbtn{min-width:44px;}
}