/* KO Web paneli — K2D teması (990 px: 264 px sol sütun + 726 px içerik). Sade CSS; PHP/Flash yok. */
*, *::before, *::after { box-sizing: border-box; }
html { background: #000; overflow-x: hidden; }
body { margin: 0; background: #000 url(k2d/bg.jpg) no-repeat center top; color: #960; font: 11px/1.45 Verdana, Arial, Helvetica, sans-serif; }
a { color: #9f7401; text-decoration: none; }
a:hover { color: #fff; }
[hidden] { display: none !important; }
img { display: block; max-width: 100%; height: auto; }
h2, h3, p { margin: 0; }

#sayfa { width: 990px; max-width: 100%; margin: 0 auto; }

/* ───── üst: giriş hücresi + başlık */
#ust { display: grid; grid-template-columns: 264px 726px; }
#giris-hucre { position: relative; width: 264px; height: 281px; background: url(k2d/giris.webp) no-repeat -1px 0; }
.logo-link { position: absolute; left: 12px; top: 13px; width: 241px; height: 90px; display: flex; align-items: center; justify-content: center; }
.logo-link { overflow: hidden; }
/* MineKO logosu: hafif süzülme, sıcak parlama nabzı, harflerin üstünden geçen ışık, taşta kırmızı ışıltı, yükselen közler */
.logo-kap { position: relative; display: block; width: 216px; margin-top: 2px; animation: logo-suz 6s ease-in-out infinite; }
.logo-kap img { display: block; width: 216px; height: auto; animation: logo-nabiz 4s ease-in-out infinite; transition: transform .3s; }
.logo-parilti { position: absolute; inset: 0; pointer-events: none; mix-blend-mode: screen;
  -webkit-mask: url(k2d/mineko-logo.webp) center / 100% 100% no-repeat; mask: url(k2d/mineko-logo.webp) center / 100% 100% no-repeat;
  background: linear-gradient(105deg, transparent 38%, rgba(255,240,200,.85) 48%, rgba(255,200,120,.5) 52%, transparent 62%) 0 0 / 260% 100% no-repeat; animation: logo-isik 5.5s ease-in-out infinite; }
.logo-tas { position: absolute; left: 50%; top: 21%; width: 34px; height: 34px; margin: -17px 0 0 -17px; border-radius: 50%; pointer-events: none; mix-blend-mode: screen;
  background: radial-gradient(circle, rgba(255,90,70,.9) 0%, rgba(255,40,30,.35) 35%, transparent 70%); animation: logo-tas 2.6s ease-in-out infinite; }
.logo-tas::after { content: ''; position: absolute; left: 50%; top: 50%; width: 22px; height: 2px; margin: -1px 0 0 -11px; background: linear-gradient(90deg, transparent, #fff, transparent); border-radius: 2px;
  box-shadow: 0 0 6px #ffb0a0; transform: rotate(45deg); animation: logo-yildiz 2.6s ease-in-out infinite; }
.logo-kivilcim { position: absolute; inset: 0; pointer-events: none; }
.logo-kivilcim i { position: absolute; bottom: -4px; width: 3px; height: 3px; border-radius: 50%; background: #ffb35a; box-shadow: 0 0 6px 1px rgba(255,140,40,.9); opacity: 0; animation: logo-kor 5s linear infinite; }
.logo-kivilcim i:nth-child(1) { left: 14%; animation-delay: 0s; } .logo-kivilcim i:nth-child(2) { left: 30%; animation-delay: 1.7s; animation-duration: 6s; }
.logo-kivilcim i:nth-child(3) { left: 47%; animation-delay: 3.1s; } .logo-kivilcim i:nth-child(4) { left: 63%; animation-delay: .9s; animation-duration: 5.6s; }
.logo-kivilcim i:nth-child(5) { left: 78%; animation-delay: 2.4s; width: 2px; height: 2px; } .logo-kivilcim i:nth-child(6) { left: 90%; animation-delay: 4.2s; animation-duration: 6.4s; }
.logo-link:hover .logo-kap img { transform: scale(1.03); }
.logo-link:hover .logo-tas { animation-duration: 1.2s; }
@keyframes logo-suz { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-2.5px); } }
@keyframes logo-nabiz { 0%, 100% { filter: drop-shadow(0 2px 6px rgba(0,0,0,.85)) drop-shadow(0 0 4px rgba(255,120,40,.15)); } 50% { filter: drop-shadow(0 2px 6px rgba(0,0,0,.85)) drop-shadow(0 0 12px rgba(255,130,50,.5)) brightness(1.05); } }
@keyframes logo-isik { 0%, 55% { background-position: 130% 0; } 85%, 100% { background-position: -40% 0; } }
@keyframes logo-tas { 0%, 100% { opacity: .35; transform: scale(.8); } 50% { opacity: 1; transform: scale(1.15); } }
@keyframes logo-yildiz { 0%, 30%, 100% { opacity: 0; transform: rotate(45deg) scaleX(.2); } 50% { opacity: 1; transform: rotate(45deg) scaleX(1); } 70% { opacity: 0; transform: rotate(135deg) scaleX(.3); } }
@keyframes logo-kor { 0% { opacity: 0; transform: translate(0, 0) scale(1); } 10% { opacity: .9; } 70% { opacity: .6; } 100% { opacity: 0; transform: translate(8px, -78px) scale(.4); } }
@media (prefers-reduced-motion: reduce) { .logo-kap, .logo-kap img, .logo-parilti, .logo-tas, .logo-tas::after, .logo-kivilcim i { animation: none; } .logo-kivilcim { display: none; } }
#f-giris-kisa { position: absolute; left: 22px; top: 131px; width: 224px; display: grid; grid-template-columns: 1fr 44px; column-gap: 6px; row-gap: 4px; }
.giris-satir { display: flex; align-items: center; gap: 2px; grid-column: 1; }
.giris-satir img { width: 55px; height: 15px; flex: none; }
.giris-satir input { width: 115px; height: 17px; padding: 0 3px; border: 1px solid #000; background: #ccc; color: #000; font: bold 9px Verdana, Arial, sans-serif; }
.btn-giris { grid-column: 2; grid-row: 1 / span 2; align-self: center; width: 44px; height: 27px; border: 0; padding: 0; cursor: pointer; background: url(k2d/btn-giris.webp) no-repeat; }
.giris-alt { grid-column: 1 / span 2; display: flex; margin-top: 10px; }
.btn-kayit { display: block; width: 102px; height: 34px; background: url(k2d/btn-kayit.webp) no-repeat; }
.btn-sifre { display: block; width: 122px; height: 34px; background: url(k2d/btn-sifre.webp) no-repeat; }
.btn-giris:hover, .btn-kayit:hover, .btn-sifre:hover { filter: brightness(1.25); }
.uye-kutu { position: absolute; left: 24px; top: 128px; width: 216px; color: #d8c39a; font-size: 11px; text-align: center; }
.uye-kutu b { color: #7cff6a; }
.oyna-kucuk { display: block; margin: 7px auto; padding: 6px 0; width: 180px; font: bold 13px Georgia, serif; letter-spacing: .1em; color: #1c1204;
  background: linear-gradient(180deg, #f5e29a, #c79a2e 55%, #8a6414); border: 1px solid #3a2808; box-shadow: 0 0 0 1px #e8cf7a inset; }
.oyna-kucuk:hover { color: #000; filter: brightness(1.12); }
.uye-linkler a { color: #e0b64a; } .uye-linkler a:hover { color: #fff; }

#baslik { position: relative; }
#baslik img { width: 726px; }
.serit { height: 49px; }
.oyna-ust { position: absolute; right: 34px; top: 176px; padding: 8px 26px; font: bold 18px Georgia, serif; letter-spacing: .18em; color: #1c1204;
  background: linear-gradient(180deg, #f5e29a, #c79a2e 55%, #8a6414); border: 1px solid #3a2808; box-shadow: 0 0 0 1px #e8cf7a inset, 0 4px 16px rgba(0,0,0,.7); }
.oyna-ust:hover { color: #000; filter: brightness(1.12); box-shadow: 0 0 0 1px #e8cf7a inset, 0 0 22px 4px rgba(255,200,90,.45); }

/* ───── gövde */
#govde { display: grid; grid-template-columns: 264px 726px; }
#sol { background: url(k2d/nav-zemin.webp) repeat-y; padding-bottom: 10px; }
.nav-kutu { width: 264px; background: url(k2d/nav-orta.webp) repeat-y 0 57px; }
.nav-kutu::before { content: ''; display: block; height: 57px; background: url(k2d/nav-ust.webp) no-repeat; }
.nav-kutu::after { content: ''; display: block; height: 59px; background: url(k2d/nav-alt.webp) no-repeat; }
.nav1 { margin: 0; padding: 4px 0 10px; font: bold 11px Verdana, sans-serif; letter-spacing: .2em; color: #fff; text-align: center; }
.nav2 { list-style: none; margin: 0; padding: 0 0 8px 73px; color: gray; }
.nav2 li { padding: 1px 0; white-space: nowrap; }
.nav2 li::before { content: '• '; color: #776855; }
.nav2 a.aktif { color: #fff; }
.nav2 .oyna-link { color: #ffd76a; font-weight: bold; }
.nav-tablo { display: block; padding: 0 0 8px 62px; border-collapse: collapse; }
.nav-tablo td { padding: 0 2px; color: #fff; font-size: 10px; white-space: nowrap; }
.nav-tablo td:first-child { width: 96px; }
.nav-tablo td + td { color: #9f7401; }
.nav-tablo .baslik-satir td { color: #e0b64a; font-weight: bold; padding-top: 4px; }
.nav-tablo .kral { color: #d2ba5b !important; font-weight: bold; padding-left: 10px; }
.nav-metin { padding: 0 60px 8px 73px; color: #999; font-size: 10px; }
.acik { color: #3c3; font-weight: bold; } .kapali { color: #f33; font-weight: bold; }
.kirmizi { color: #ff4a3a !important; } .turuncu { color: #ce7e00 !important; }
.karus { color: #ff8f7a !important; } .elmo { color: #8fc0ff !important; }

#orta { background: url(k2d/icerik-orta.webp) repeat-y; color: #25120b; min-height: 900px; outline: none; padding: 0 60px 30px 52px; font-size: 11px; line-height: 1.55; }
#orta::before { content: ''; display: block; height: 71px; margin: 0 -60px 6px -52px; background: url(k2d/icerik-ust.webp) no-repeat; }
#orta a { color: #7a3c00; font-weight: bold; } #orta a:hover { color: #c00; }
.soluk { color: #8a7250; margin: 4px 0; }

/* içerik bileşenleri (parşömen üstünde) */
.baslik-yazi { margin: 6px 0 10px; padding: 5px 10px; font: bold 12px Georgia, serif; letter-spacing: .12em; text-transform: uppercase; color: #f5e6c4;
  background: linear-gradient(90deg, #4a1f05, #2a1204 75%, transparent); border-left: 3px solid #c79a2e; }
.icerik-kutu { background: rgba(255,250,235,.55); border: 1px solid #d8bf8c; padding: 10px 12px; margin: 0 0 12px; }
.icerik-kutu h3 { margin: 0 0 4px; color: #7a2a00; font: bold 13px Georgia, serif; }
.icerik-kutu p { margin: 0 0 6px; }
.icerik-kutu ul { margin: 4px 0 6px 16px; padding: 0; } .icerik-kutu li { list-style: disc; }
.tarih { display: block; color: #9a7a4a; font-size: 10px; margin-bottom: 4px; }
#orta .oyna-buyuk { display: block; text-align: center; margin: 4px 0 16px; padding: 14px; font: bold 24px Georgia, serif; letter-spacing: .16em; color: #1c1204;
  background: linear-gradient(180deg, #f5e29a, #c79a2e 55%, #8a6414); border: 2px solid #3a2808; box-shadow: 0 0 0 1px #e8cf7a inset, 0 5px 14px rgba(60,30,0,.45); }
#orta .oyna-buyuk:hover { color: #000; filter: brightness(1.1); }
.oyna-buyuk small { display: block; font: 11px Verdana, sans-serif; letter-spacing: 0; color: #3a2808; margin-top: 4px; }

table.liste { width: 100%; border-collapse: collapse; font-size: 11px; background: rgba(255,250,235,.5); }
.liste th { color: #f5e6c4; font-weight: bold; text-align: left; padding: 5px 6px; background: #5a2708; }
.liste td { padding: 4px 6px; border-bottom: 1px solid #e0cda4; color: #25120b; }
.liste tr:nth-child(even) td { background: rgba(230,205,160,.35); }
.liste .no { width: 34px; text-align: center; color: #7a3c00; font-weight: bold; } .liste .sag { text-align: right; }
.liste .ilk td { color: #7a2a00; font-weight: bold; }
.liste .ulus-1 { color: #b02a10; } .liste .ulus-2 { color: #1f5aa8; }
.bos { text-align: center; color: #8a7250; padding: 14px !important; }

.form { display: grid; gap: 9px; max-width: 360px; }
.form label { display: grid; gap: 3px; color: #5a2708; font-weight: bold; }
.form input, .form select { height: 24px; padding: 0 6px; background: #efdfc4; border: 1px solid #7a5a30; color: #000; font: bold 11px Verdana, sans-serif; }
.form .ipucu { color: #8a7250; font-size: 10px; margin: -3px 0 0; }
.dugme { justify-self: start; min-width: 120px; height: 28px; padding: 0 16px; border: 1px solid #3a2808; cursor: pointer; font: bold 11px Verdana, sans-serif; color: #1c1204;
  background: linear-gradient(180deg, #f5e29a, #c79a2e 60%, #8a6414); box-shadow: 0 0 0 1px #e8cf7a inset; }
.dugme:hover { filter: brightness(1.1); } .dugme:disabled { filter: grayscale(1); opacity: .6; cursor: default; }

.flash { margin: 0 0 10px; padding: 7px 10px; border: 1px solid; font-size: 11px; font-weight: bold; }
.flash.hata { color: #8a1a08; border-color: #c4553a; background: #f8d9cc; }
.flash.tamam { color: #1d5a10; border-color: #5aa040; background: #dcf2cc; }

/* ───── alt */
#alt { width: 990px; max-width: 100%; }
.alt-ust { height: 57px; background: url(k2d/icerik-alt.webp) no-repeat; }
.alt-alt { height: 90px; background: url(k2d/alt.webp) no-repeat; padding-top: 30px; text-align: center; }
.alt-alt p { color: #c9a66a; font-size: 10px; text-shadow: 0 1px 2px #000; }
.alt-alt { padding-top: 56px; }
.alt-imza { font: 11px/1 Georgia, 'Times New Roman', serif !important; letter-spacing: .14em; text-transform: uppercase; color: #d8bd84 !important; }
.alt-imza b { color: #f3d48a; font-weight: bold; letter-spacing: .08em; text-shadow: 0 0 8px rgba(255,170,60,.45), 0 1px 2px #000; }
.alt-imza span { color: #e7cf9a; } .alt-imza i { font-style: normal; color: #ff9a5a; }

/* ───── dar ekran: sütunlar alt alta */
@media (max-width: 1000px) {
  body { background-size: 1600px auto; }
  #ust, #govde { grid-template-columns: 1fr; justify-items: center; }
  #baslik { width: 100%; max-width: 726px; } #baslik img { width: 100%; }
  .oyna-ust { top: auto; bottom: 62px; right: 16px; font-size: 15px; padding: 6px 18px; }
  #govde > #orta { order: -1; width: 100%; max-width: 726px; min-height: 0; padding: 0 16px 24px; background-size: 100% auto; }
  #orta::before { margin: 0 -16px 6px; background-size: 100% auto; height: 50px; }
  #sol { display: flex; flex-wrap: wrap; justify-content: center; background: none; }
  .alt-ust, .alt-alt { background-size: 100% auto; }
}
@media (max-width: 420px) {
  .liste th:nth-child(5), .liste td:nth-child(5) { display: none; }
}

/* GM yönetici paneli */
#menu a.gm-link { color: #12a812 !important; font-weight: bold; }
.gm-ara { margin: 6px 0 8px; } .gm-ara input { width: 60%; padding: 4px 6px; font-size: 12px; }
.gm-yazi { color: #12a812; }
/* KC Kod Yönetimi (GM) — site teması (açık parşömen zemin) */
.kck.kck-acik { --kck-altin: #7a2a00; --kck-cizgi: #b89a66; --kck-zemin: rgba(255,248,232,.65); --kck-yazi: #25120b; --kck-soluk: #7a5a30; font: 11px Verdana, Arial, sans-serif; }
.kck.kck-acik h4 { color: #5a2708; text-shadow: none; font-size: 12px; }
.kck.kck-acik .kck-ozet b { color: #7a2a00; }
.kck.kck-acik input, .kck.kck-acik select { background: #efdfc4; border: 1px solid #7a5a30; color: #000; height: 24px; font: bold 11px Verdana, sans-serif; }
.kck.kck-acik button { color: #f5e6c4; text-shadow: none; border: 1px solid #3a2808; background: linear-gradient(#7a3c10, #5a2708); box-shadow: none; font: bold 11px Verdana, sans-serif; height: 24px; }
.kck.kck-acik button:hover { background: linear-gradient(#9a4c18, #6a300c); }
.kck.kck-acik button.altin { color: #1c1204; background: linear-gradient(180deg, #f5e29a, #c79a2e 55%, #8a6414); box-shadow: 0 0 0 1px #e8cf7a inset; }
.kck.kck-acik button.kucuk { height: 20px; }
.kck.kck-acik .kck-tablo th { background: #5a2708; color: #f5e6c4; font-weight: bold; }
.kck.kck-acik .kck-tablo td { border-bottom: 1px solid #e0cda4; }
.kck.kck-acik .kck-tablo tr:nth-child(even) td { background: rgba(230,205,160,.35); }
.kck.kck-acik .kck-kod { color: #25120b; } .kck.kck-acik .kck-kod:hover { color: #b02a10; }
.kck.kck-acik .kck-uretilen { background: #eef6e0; border-color: #7a9a50; color: #1f4a10; }
.kck.kck-acik .kck-sekmeler button.secili { color: #1c1204; background: linear-gradient(180deg, #f5e29a, #c79a2e 55%, #8a6414); }
.kck.kck-acik .kck-kaydir { max-height: 420px; }

/* ───── Sıralamalar (tek sayfa, filtreli) */
.sr-sekme { display: flex; gap: 4px; margin: 0 0 8px; flex-wrap: wrap; }
.sr-sekme button { padding: 6px 14px; border: 1px solid #7a5a30; background: #e7d3ac; color: #5a2708; font: bold 11px Verdana, sans-serif; cursor: pointer; }
.sr-sekme button:hover { background: #f1e1c0; }
.sr-sekme button.secili { color: #f5e6c4; background: linear-gradient(#7a3c10, #5a2708); border-color: #3a2808; }
.sr-filtre { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: flex-end; padding: 8px 10px; margin: 0 0 8px; background: rgba(255,250,235,.55); border: 1px solid #d8bf8c; }
.sr-filtre label { display: grid; gap: 2px; color: #5a2708; font-weight: bold; font-size: 10px; }
.sr-filtre select, .sr-filtre input { height: 22px; padding: 0 4px; background: #efdfc4; border: 1px solid #7a5a30; color: #000; font: 11px Verdana, sans-serif; }
.sr-filtre .sr-ara { flex: 1 1 160px; } .sr-filtre .sr-ara input { width: 100%; }
.sr-filtre .dugme { height: 22px; min-width: 0; padding: 0 12px; }
#sr-ozet, #gm-say { margin: 0 0 6px; font-size: 10px; }
.liste th.sr-vurgu, .liste td.sr-vurgu { font-weight: bold; } .liste th.sr-vurgu { background: #7a3c10; }
.sr-kral { display: inline-block; padding: 0 4px; font-size: 9px; color: #5a3a00; background: #f3d36a; border: 1px solid #a07a20; border-radius: 2px; vertical-align: 1px; }

/* ───── Yönetici paneli: kullanıcı yönetimi */
.gm-rozet { display: inline-block; padding: 0 5px; margin: 1px 0; font-size: 9px; font-weight: bold; border-radius: 2px; color: #fff; }
.gm-rozet.gm { background: #12a812; } .gm-rozet.ban { background: #b02a10; } .gm-rozet.sus { background: #b07a10; } .gm-rozet.on { background: #2a7ab0; }
.gm-tablo tr[data-id] { cursor: pointer; } .gm-tablo tr[data-id]:hover td { background: rgba(255,230,170,.7); }
.dugme.kucuk { min-width: 0; height: 20px; padding: 0 8px; font-size: 10px; }
.gm-modal { position: fixed; inset: 0; z-index: 50; background: rgba(0,0,0,.7); display: flex; align-items: flex-start; justify-content: center; overflow-y: auto; padding: 30px 12px; }
.gm-pencere { position: relative; width: min(860px, 100%); background: linear-gradient(180deg, #f6ead0, #ead6ac); border: 2px solid #5a2708; box-shadow: 0 0 0 1px #c79a2e inset, 0 10px 40px #000; padding: 16px 20px 20px; color: #25120b; font: 11px/1.5 Verdana, Arial, sans-serif; }
.gm-pencere h3 { font: bold 16px Georgia, serif; color: #5a2708; margin: 0 26px 2px 0; }
.gm-pencere h4 { font: bold 12px Georgia, serif; color: #7a2a00; margin: 0 0 6px; text-transform: uppercase; letter-spacing: .08em; }
.gm-x { position: absolute; right: 8px; top: 6px; width: 26px; height: 26px; border: 1px solid #5a2708; background: #e7d3ac; color: #5a2708; font: bold 18px/1 Verdana, sans-serif; cursor: pointer; }
.gm-x:hover { background: #b02a10; color: #fff; }
.gm-bolum { margin: 12px 0 0; padding: 10px 12px; background: rgba(255,250,235,.6); border: 1px solid #d8bf8c; }
.gm-form { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 8px 0 0; }
.gm-form b { min-width: 80px; color: #5a2708; }
.gm-form input, .gm-form select { height: 24px; padding: 0 6px; background: #efdfc4; border: 1px solid #7a5a30; color: #000; font: 11px Verdana, sans-serif; }
.gm-form input[name=neden], .gm-form input[name=onay] { flex: 1 1 220px; }
.gm-form input[type=number] { width: 170px; }
.gm-form .dugme { height: 24px; min-width: 0; }
.gm-islemler { display: grid; gap: 2px; margin: 6px 0 10px; }
.gm-kar-sekme { display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 8px; }
.gm-kar-sekme button { padding: 4px 10px; border: 1px solid #7a5a30; background: #e7d3ac; font: bold 11px Verdana, sans-serif; cursor: pointer; }
.gm-kar-sekme button.secili { background: #fff6dc; box-shadow: 0 0 0 2px #c79a2e inset; }
.gm-kar-sekme .ulus-1, .gm-kar .ulus-1 { color: #b02a10; } .gm-kar-sekme .ulus-2, .gm-kar .ulus-2 { color: #1f5aa8; }
.gm-on { color: #1d7a10; }
.gm-env-baslik { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; margin-top: 6px; } .gm-env-baslik h4 { margin: 0; }
.gm-env { display: block; width: 100%; height: 660px; margin: 6px 0 0; border: 1px solid #3a2808; background: #0b0705; }
.gm-tehlike { border-color: #c4553a !important; } .gm-tehlike .dugme { background: linear-gradient(180deg, #e05a3a, #a02a10); color: #fff; }
.gm-bolum.gm-tehlike { background: rgba(248,217,204,.55); }
@media (max-width: 600px) { .gm-pencere { padding: 12px; } .gm-form b { min-width: 100%; } }

/* ───── Oyun Yönetimi (GM) */
.oy-sekmeler { display: flex; flex-wrap: wrap; gap: 3px; margin: 6px 0 10px; }
.oy-sekmeler button { padding: 4px 9px; border: 1px solid #7a5a30; background: #efdfc4; color: #5a2708; font: bold 10px Verdana, sans-serif; cursor: pointer; }
.oy-sekmeler button:hover { background: #fff3da; }
.oy-sekmeler button.secili { color: #f5e6c4; background: linear-gradient(#7a3c10, #5a2708); border-color: #3a2808; }
.oy-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 6px 8px; margin: 6px 0; }
.oy-izgara label { display: grid; gap: 2px; font-size: 10px; font-weight: bold; color: #5a2708; }
.oy-izgara input, .oy-izgara textarea { height: 22px; padding: 0 4px; background: #efdfc4; border: 1px solid #7a5a30; font: 11px Verdana, sans-serif; }
.oy-izgara textarea { height: auto; padding: 4px; } .oy-izgara .genis { grid-column: 1 / -1; } .oy-izgara .dugme { align-self: end; }
input.oy-k { width: 64px; height: 20px; padding: 0 3px; background: #efdfc4; border: 1px solid #7a5a30; font: 11px Verdana, sans-serif; text-align: right; }
input.oy-uz { width: 100%; min-width: 150px; height: 20px; padding: 0 3px; background: #efdfc4; border: 1px solid #7a5a30; font: 11px Verdana, sans-serif; }
.gm-bolum select { height: 22px; background: #efdfc4; border: 1px solid #7a5a30; font: 11px Verdana, sans-serif; }
.gm-tehlike-d { background: linear-gradient(180deg, #e05a3a, #a02a10) !important; color: #fff !important; }
#orta a.dugme { display: inline-block; line-height: 28px; text-decoration: none; color: #1c1204; }

/* ───── üst banner: animasyonlu MineKO sahnesi (sahne nefes alır, bulutlar kayar, silah ışıkları ve kıvılcımlar) */
#baslik .bn { position: relative; display: block; width: 726px; max-width: 100%; aspect-ratio: 726 / 232; overflow: hidden; isolation: isolate; background: #101a28; }
.bn-sahne { position: absolute; inset: -3%; background: url(k2d/banner/sahne.webp) center 46% / cover no-repeat; animation: bn-nefes 22s ease-in-out infinite alternate; will-change: transform; }
.bn-bulut { position: absolute; left: -35%; width: 170%; background-size: 50% 100%; background-repeat: repeat-x; pointer-events: none; mix-blend-mode: screen; filter: blur(1.5px); animation: bn-bulut linear infinite; will-change: transform; }
.bn-bulut.b0 { background-image: url(k2d/banner/bulut0.webp); top: -2%; height: 24%; opacity: .6; animation-duration: 19s; }
.bn-bulut.b1 { background-image: url(k2d/banner/bulut1.webp); top: 4%; height: 30%; opacity: .5; animation-duration: 30s; animation-direction: reverse; }
.bn-bulut.b2 { background-image: url(k2d/banner/bulut2.webp); top: 10%; height: 34%; opacity: .4; animation-duration: 41s; }
.bn-isik { position: absolute; border-radius: 50%; pointer-events: none; mix-blend-mode: screen; filter: blur(14px); animation: bn-isik 2.7s ease-in-out infinite alternate; }
.bn-altin { left: 9%; top: 36%; width: 30%; height: 44%; background: radial-gradient(ellipse, #ffb74040, #ffdf8012 45%, transparent 70%); }
.bn-mavi { right: 1%; top: 32%; width: 30%; height: 50%; background: radial-gradient(ellipse, #36c8ff55, #356fff1a 45%, transparent 72%); animation-delay: -1.3s; }
.bn-fx { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.bn-golge { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(0deg, #06111b70, transparent 26%), linear-gradient(90deg, #0008, transparent 6%, transparent 94%, #0008); }
.bn:hover .bn-sahne { filter: brightness(1.06) saturate(1.05); }
@keyframes bn-nefes { from { transform: scale(1.015) translate3d(-.25%, 0, 0); } to { transform: scale(1.055) translate3d(.35%, -.35%, 0); } }
@keyframes bn-bulut { from { transform: translate3d(-12%, 0, 0); } to { transform: translate3d(20%, 0, 0); } }
@keyframes bn-isik { from { opacity: .45; transform: scale(.93); } to { opacity: 1; transform: scale(1.13); } }
@media (prefers-reduced-motion: reduce) { .bn-sahne, .bn-bulut, .bn-isik { animation: none; } }
@media (max-width: 1000px) { #baslik .bn { width: 100%; } }