/* =====================================================================
   KRAL SENSİN · ORTAK SİTE STİLİ (kral-site.css)
   Büyük ikonlu menü + tam ekran oyun modu. Tüm sayfalarda yüklenir.
   ===================================================================== */
/* Baloo 2: Türkçe karakterlerin (Ş ş Ğ İ) hepsini düzgün çizen yuvarlak yazı tipi.
   (Önceki Fredoka dosyası Ş harfinin çengelini kaydırıyordu.) */
@font-face{font-family:'KSYazi';font-style:normal;font-weight:400 800;font-display:swap;src:url('/assets/fonts/wXKrE3kTposypRyd51bcANwr.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'KSYazi';font-style:normal;font-weight:400 800;font-display:swap;src:url('/assets/fonts/wXKrE3kTposypRyd51jcAA.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
:root{
  --ks-oyunlar:#ff7a45;--ks-zeka:#7661cb;--ks-satranc:#34405e;--ks-cizim:#e8488a;--ks-robot:#1fa393;--ks-ingilizce:#2f7ff0;--ks-home:#f2a900;--ks-hafiza:#16a34a;
  --ks-font:'KSYazi',ui-rounded,'Trebuchet MS','Segoe UI',sans-serif;
}
.ks-c-home{--ks-c:var(--ks-home)}.ks-c-oyunlar{--ks-c:var(--ks-oyunlar)}.ks-c-zeka{--ks-c:var(--ks-zeka)}.ks-c-hafiza{--ks-c:var(--ks-hafiza)}.ks-c-satranc{--ks-c:var(--ks-satranc)}
.ks-c-cizim{--ks-c:var(--ks-cizim)}.ks-c-robot{--ks-c:var(--ks-robot)}.ks-c-ingilizce{--ks-c:var(--ks-ingilizce)}

/* ---------- Üst kısım: logo + büyük ikonlu menü ---------- */
.site-header{height:auto!important;min-height:0;flex-wrap:wrap;gap:10px 18px!important;padding:12px 0!important;position:relative}
.site-header .menu-toggle{display:none!important}
.nav.ks-nav{display:flex!important;position:static!important;flex-wrap:nowrap;gap:8px!important;padding:4px 2px 8px!important;margin:0;background:none!important;border:0!important;box-shadow:none!important;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;font-size:inherit!important;max-width:100%}
.nav.ks-nav::-webkit-scrollbar{display:none}
.ks-nav-btn{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:74px;padding:8px 10px 7px;border-radius:18px;background:#fff;border:2px solid color-mix(in srgb,var(--ks-c) 22%,#fff);box-shadow:0 4px 0 color-mix(in srgb,var(--ks-c) 30%,#fff);color:var(--ink,#263755)!important;font-family:var(--ks-font);font-weight:600;font-size:13px;line-height:1.1;text-decoration:none!important;transition:transform .12s}
.ks-nav-btn:hover{transform:translateY(-2px)}
.ks-nav-btn:active{transform:translateY(2px);box-shadow:0 2px 0 color-mix(in srgb,var(--ks-c) 30%,#fff)}
.ks-nav-ic{font-size:26px;line-height:1}
.ks-nav-btn[aria-current=page]{background:var(--ks-c);border-color:var(--ks-c);color:#fff!important;box-shadow:0 4px 0 color-mix(in srgb,var(--ks-c) 70%,#000)}
@media(max-width:1060px){.site-header{justify-content:center!important}.nav.ks-nav{width:100%;justify-content:flex-start}}
@media(min-width:700px) and (max-width:1060px){.nav.ks-nav{justify-content:center}}
@media(max-width:520px){.ks-nav-btn{min-width:64px;padding:7px 8px 6px;font-size:12px;border-radius:15px}.ks-nav-ic{font-size:23px}}

/* ---------- Tam ekran oyun modu ---------- */
html.ks-play,html.ks-play body{overflow:hidden!important;height:100%;overscroll-behavior:none}
html.ks-play .ks-stage{
  position:fixed!important;inset:60px 0 0 0!important;z-index:9000!important;
  width:auto!important;max-width:none!important;min-width:0!important;height:auto!important;max-height:none!important;margin:0!important;
  place-self:stretch!important;justify-self:stretch!important;align-self:stretch!important;
  padding:14px clamp(8px,2vw,24px) 24px!important;
  overflow:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  background:var(--ks-bg,var(--paper,#fcfafc))!important;border-radius:0!important;transform:none!important;
  animation:ksIn .25s ease-out;
}
html.ks-play .ks-stage>*{margin-left:auto;margin-right:auto}
html.ks-play .ks-stage.g-wrap>.g-card{max-width:900px;border-radius:24px}
html.ks-play .ks-stage :is(.crumbs,.lead,.prose,.faq,.g-how,.g-more){display:none!important}
html.ks-play .ks-stage section:has(>.section-heading + .g-more){display:none!important}
html.ks-play .ks-stage.game-area,html.ks-play .ks-stage.game-shell,html.ks-play .ks-stage.game-frame{max-width:none!important}
html.ks-play .ks-stage.game-frame{display:flex;flex-direction:column;align-items:center}
html.ks-play .ks-stage.game-frame>*{width:min(100%,1100px)}
html.ks-play .ks-stage.activity-layout{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr)!important;max-width:1200px}
@media(max-width:700px){html.ks-play .ks-stage.activity-layout{grid-template-columns:1fr!important}html.ks-play .ks-stage.activity-layout>.instructions{order:2}}
/* Kare oyun tahtaları ekrana sığsın (yılan, blok, şeker) */
html.ks-play .ks-stage :is(.board-frame,.board-wrap.match-frame){max-width:min(100%,calc(100dvh - 250px));margin-left:auto;margin-right:auto}
html.ks-play #ks-age-switch,html.ks-play .ks-age-toast{display:none!important}
@keyframes ksIn{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}

.ks-playbar{position:fixed;left:0;right:0;top:0;height:60px;z-index:9100;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 10px;
  background:var(--ks-c);color:#fff;font-family:var(--ks-font);box-shadow:0 3px 0 color-mix(in srgb,var(--ks-c) 70%,#000)}
.ks-playbar[hidden],.ks-again[hidden]{display:none!important}
.ks-pb-title{flex:1;min-width:0;text-align:center;font-size:clamp(17px,4vw,24px);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.2px}
.ks-pb-right{display:flex;gap:8px}
.ks-pb{border:0;border-radius:14px;height:44px;min-width:44px;padding:0 14px;font-family:var(--ks-font);font-weight:700;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;line-height:1}
.ks-pb-exit{background:#fff;color:#d6334a;box-shadow:0 4px 0 #0003;font-size:19px}
.ks-pb-exit span{font-size:20px}
.ks-pb-soft{background:#ffffff33;color:#fff;font-size:20px}
.ks-pb:active{transform:translateY(2px)}
.ks-pb:focus-visible{outline:3px solid #ffd23f;outline-offset:2px}

.ks-again{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:8000;border:0;border-radius:99px;padding:14px 26px;
  background:var(--ks-c);color:#fff;font-family:var(--ks-font);font-weight:700;font-size:19px;box-shadow:0 5px 0 color-mix(in srgb,var(--ks-c) 70%,#000),0 10px 24px #0002;cursor:pointer;display:flex;gap:8px;align-items:center}
.ks-again:active{transform:translate(-50%,3px)}

/* ---------- Canlı ziyaretçi rozeti (ana sayfa) ---------- */
.ks-online{position:fixed;right:14px;bottom:14px;z-index:7000;display:flex;align-items:center;gap:8px;background:#fff;border:2px solid #e6e0ed;border-radius:99px;padding:8px 14px 8px 12px;font-family:var(--ks-font);font-size:14px;color:#263755;box-shadow:0 6px 18px #26375522}
.ks-online[hidden]{display:none}
.ks-online b{font-size:16px}
.ks-dot{width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 #22c55e88;animation:ksPulse 1.8s infinite}
@keyframes ksPulse{0%{box-shadow:0 0 0 0 #22c55e88}70%{box-shadow:0 0 0 9px #22c55e00}100%{box-shadow:0 0 0 0 #22c55e00}}
@media(prefers-reduced-motion:reduce){.ks-dot,html.ks-play .ks-stage{animation:none}}

/* ---------- Uygulama indirme ---------- */
html.ks-app [data-uygulama-indir],html.ks-app .ks-app-gizle{display:none!important}
.ks-indir{display:inline-flex;align-items:center;gap:10px;border:0;border-radius:18px;padding:12px 20px 12px 12px;background:#263755;color:#fff!important;font-family:var(--ks-font);font-weight:700;font-size:17px;text-decoration:none!important;cursor:pointer;box-shadow:0 5px 0 #121c30;line-height:1.1}
.ks-indir img{width:42px;height:42px;border-radius:12px}
.ks-indir small{display:block;font-weight:500;font-size:12px;opacity:.8}
.ks-indir:active{transform:translateY(3px);box-shadow:0 2px 0 #121c30}
.ks-kur{position:fixed;inset:0;z-index:10000;background:#1b243699;display:flex;align-items:flex-end;justify-content:center;padding:14px;animation:ksIn .2s ease-out}
@media(min-width:700px){.ks-kur{align-items:center}}
.ks-kur-kart{position:relative;background:#fff;border-radius:28px;padding:24px 22px 20px;max-width:420px;width:100%;text-align:center;font-family:var(--ks-font);color:#263755;box-shadow:0 20px 50px #0004}
.ks-kur-kart img{border-radius:18px;box-shadow:0 6px 16px #5b44b844}
.ks-kur-kart h2{margin:10px 0 12px;font-size:23px}
.ks-kur-mesaj{font-size:17px;line-height:1.5;margin:12px 0 4px}
.ks-kur-adim{list-style:none;padding:0;margin:0 0 10px;text-align:left;display:grid;gap:8px;counter-reset:a}
.ks-kur-adim li{display:flex;align-items:center;gap:12px;background:#f4f1fd;border-radius:16px;padding:10px 12px;font-size:17px}
.ks-kur-ik{width:40px;height:40px;border-radius:12px;background:#fff;display:grid;place-items:center;font-size:22px;flex-shrink:0;box-shadow:0 2px 0 #e2dcf5}
.ks-kur-not{font-size:13px;color:#67758a;margin:6px 0 0}
.ks-kur-ok{font-size:30px;color:#7661cb;animation:ksBounce 1s infinite;margin-top:4px}
@keyframes ksBounce{50%{transform:translateY(6px)}}
.ks-kur-x{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:50%;border:0;background:#f1f3f7;font-size:18px;cursor:pointer}

/* Menüdeki "İndir" düğmesi: her zaman sarı ve dikkat çekici */
.ks-c-indir{--ks-c:#f5b400}
.ks-nav-btn.ks-nav-indir{background:linear-gradient(180deg,#ffd84d,#ffbf1f);border-color:#f0a800;color:#4a3300!important;box-shadow:0 4px 0 #c98d00;position:relative}
.ks-nav-btn.ks-nav-indir:after{content:'';position:absolute;inset:-3px;border-radius:20px;border:3px solid #ffcf33;animation:ksHalka 2s ease-out infinite;pointer-events:none}
.ks-nav-btn.ks-nav-indir[aria-current=page]{background:#263755;border-color:#263755;color:#fff!important;box-shadow:0 4px 0 #121c30}
.ks-nav-btn.ks-nav-indir[aria-current=page]:after{display:none}
@keyframes ksHalka{0%{opacity:.9;transform:scale(1)}80%,100%{opacity:0;transform:scale(1.18)}}
html.ks-app .ks-nav-indir{display:none!important}
/* Sayfanın altında her sayfada görünen indirme şeridi */
.ks-indir-serit{position:fixed;left:14px;bottom:14px;z-index:6900;display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:99px;background:#263755;color:#fff!important;font-family:var(--ks-font);font-weight:700;font-size:15px;text-decoration:none!important;box-shadow:0 6px 18px #26375544}
.ks-indir-serit img{width:36px;height:36px;border-radius:10px}
.ks-indir-serit small{display:block;font-weight:500;font-size:11px;opacity:.8;line-height:1}
.ks-indir-serit button{border:0;background:#ffffff22;color:#fff;width:26px;height:26px;border-radius:50%;cursor:pointer;font-size:13px;margin-left:2px}
html.ks-app .ks-indir-serit,html.ks-play .ks-indir-serit{display:none!important}
@media(prefers-reduced-motion:reduce){.ks-nav-btn.ks-nav-indir:after{animation:none;display:none}}