/* v539 MKA Games sitesi ortak stil: temel, üst çubuk, altbilgi, düğmeler, dil düğmesi (sayfalar: index, rehber, gizlilik, kosullar) */

:root{--altin:#f2cf72;--altin2:#d4ad52;--altinK:#a87a22;--mor:#15102a;--mor2:#2a1f4a;--zemin:#0b090e;--yazi:#f6ead2;--yazi2:#c9bda4;--yazi3:#8f8676;--cizgi:rgba(242,207,114,.28);--kirmizi:#b3202a;--g:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px}
html,body{margin:0;background:var(--zemin);color:var(--yazi);font-family:Nunito,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
body{background:url(/arayuz/zemin.webp) 0 0/240px repeat,#0b090e}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.g{max-width:var(--g);margin:0 auto;padding:0 20px}
h1,h2,h3,.cinzel{font-family:Cinzel,serif;letter-spacing:.5px}
.ustbaslik{display:inline-block;font-size:12px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:var(--altin2);margin-bottom:10px}
.bolum{padding:84px 0}
.bolum h2{font-size:clamp(26px,3.6vw,38px);margin:0 0 14px;color:var(--yazi);text-shadow:0 2px 0 #000}
.bolum h2 em{font-style:normal;color:var(--altin)}
.bolum .ozet{max-width:720px;font-size:17px;line-height:1.65;color:var(--yazi2);margin:0 0 36px}
.ayirici{height:8px;width:min(100%,380px);background:url(/arayuz/ayirici.webp) left center/100% 100% no-repeat;margin:14px 0 28px;opacity:.9}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:12px 26px;border-radius:12px;font-weight:800;font-size:16px;border:1.5px solid var(--altin);color:#fff1cf;background:linear-gradient(180deg,#b3202a,#6a0d14);box-shadow:inset 0 1px 0 rgba(255,230,160,.35),0 8px 22px rgba(0,0,0,.5);transition:transform .08s,filter .12s,box-shadow .2s;white-space:nowrap}
.btn:hover{filter:brightness(1.12);box-shadow:inset 0 1px 0 rgba(255,230,160,.35),0 8px 26px rgba(179,32,42,.45)}
.btn:active{transform:translateY(1px) scale(.98)}
.btn.ikincil{background:linear-gradient(180deg,#3a2d63,#15102a);color:var(--yazi)}
.btn.kucuk{min-height:40px;padding:8px 16px;font-size:14px;border-radius:10px}

/* ---- üst çubuk ---- */
.ust{position:sticky;top:0;z-index:50;background:rgba(11,9,14,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(242,207,114,.18)}
.ust .g{display:flex;align-items:center;justify-content:space-between;gap:14px;height:68px}
.marka{white-space:nowrap;display:flex;align-items:center;gap:10px;font-family:Cinzel,serif;font-weight:800;font-size:19px;letter-spacing:1.5px;color:var(--altin);text-shadow:0 1px 0 #000,0 0 12px rgba(242,207,114,.35)}
.marka img{width:36px;height:36px;border-radius:50%;box-shadow:0 0 0 2px #0b090e,0 0 0 3px var(--altinK)}
.ust nav{display:flex;gap:2px;align-items:center}
.ust nav a{padding:9px 13px;border-radius:8px;font-size:14px;font-weight:700;color:var(--yazi2);transition:color .15s,background .15s}
.ust nav a:hover{color:var(--altin);background:rgba(242,207,114,.08)}
.ust nav .btn{margin-left:10px;color:#fff1cf}
.menuBtn{display:none;width:44px;height:44px;border:1px solid var(--cizgi);border-radius:10px;background:none;color:var(--altin);font-size:22px;cursor:pointer}
.mobilMenu{display:none;flex-direction:column;border-top:1px solid var(--cizgi);background:rgba(11,9,14,.97)}
.mobilMenu a{padding:14px 20px;border-bottom:1px solid rgba(242,207,114,.1);font-weight:700;color:var(--yazi)}
.mobilMenu.acik{display:flex}

/* ---- altbilgi ---- */
.alt{border-top:1px solid var(--cizgi);padding:40px 0 60px;color:var(--yazi3);font-size:13px}
.alt .g{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}
.alt h4{margin:0 0 10px;font-family:Cinzel,serif;color:var(--altin);font-size:14px;letter-spacing:1px}
.alt a{display:block;padding:4px 0;color:var(--yazi2)}
.alt a:hover{color:var(--altin)}
.alt .telif{grid-column:1/-1;border-top:1px solid rgba(242,207,114,.12);padding-top:18px;margin-top:10px;line-height:1.6}

.gorun{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.gorun.on{opacity:1;transform:none}


/* dil düğmesi */
.dilBtn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:36px;padding:0 10px;border:1px solid var(--cizgi);border-radius:9px;background:rgba(21,16,42,.6);color:var(--altin);font-weight:800;font-size:13px;letter-spacing:1px;cursor:pointer;font-family:Nunito,system-ui,sans-serif}
.dilBtn:hover{border-color:var(--altin)}
.ust .sag{display:flex;align-items:center;gap:8px}
@media (max-width:960px){.alt .g{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.ust nav{display:none}.menuBtn{display:block}.marka{font-size:15px;gap:6px}.marka img{width:28px;height:28px}.ust .g{gap:8px}.alt .g{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gorun{opacity:1;transform:none;transition:none}}