/* CrossMYKO oyuncu sitesi: "klasik" tema (09.10).
   Duzen eski Knight Online Turkiye ana sayfasindan uyarlandi (main.css, main_sub.css, common.css, sub.css, guide.css):
   1100 px cerceve, ustte afis, solda giris / kayit ve hizli dugmeler, ortada sekmeli duyuru + siralama, sagda sunucu durumu.
   Gorseller img/ altinda (kullanici karari 09.10: arsivdeki klasik gorseller). ICS kimlik afisi ve arsivin betikleri YOK;
   arsivde olmayan gorseller (acilir menu zemini, afis cercevesi, alt kenar, madalyalar, klan derecesi) CSS ile cizildi.
   Sekmeler ve acilir menu betiksiz (CSS). Masaustu 1100 sabit; 1100'den darda sutunlar alt alta. */

/* ------------------------------------------------------------ govde */
html.klasik-html { background: #000; }
.klasik *, .klasik *::before, .klasik *::after { box-sizing: border-box; }
body.klasik { margin: 0 !important; padding: 0; display: block; min-height: 100vh; color: #9aa3ad; font: 12px/1.35 Tahoma, Geneva, sans-serif;
  background: #000 url("img/backgound.jpg") no-repeat center top; background-size: 3500px auto; overflow-x: hidden; -webkit-font-smoothing: auto; }
:where(.klasik) a { color: #198dc3; text-decoration: none; }
:where(.klasik) a:hover { color: #6fc3ea; }
:where(.klasik .eski-ic) a { color: inherit; }
.klasik a img { border: 0; }
.klasik img { max-width: 100%; }
.klasik .clear { clear: both; }
.klasik [hidden] { display: none !important; }
.k-gizli, .k-atla:not(:focus) { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.k-atla:focus { position: fixed; top: 8px; left: 8px; z-index: 100; padding: 6px 12px; background: #198dc3; color: #fff; }
.klasik :focus-visible { outline: 2px solid #ffb105; outline-offset: 2px; }

/* altin yazi (menu basliklari gibi: altin gecis + koyu kenar) */
.k-altin { color: #f7a21b; background: linear-gradient(180deg, #ffe592 0%, #ffb12e 46%, #d4620a 100%); -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; filter: drop-shadow(1px 0 0 #000) drop-shadow(-1px 0 0 #000) drop-shadow(0 1px 0 #000) drop-shadow(0 -1px 0 #000) drop-shadow(0 2px 2px rgba(0, 0, 0, .9)); }

/* ------------------------------------------------------------ ust arac seridi (GNB) */
.k-gnb { position: relative; z-index: 20; width: 1046px; height: 39px; margin: 0 auto; display: flex; justify-content: flex-end; font-family: Arial, sans-serif; }
.k-gnb__ic { display: flex; align-items: stretch; height: 36px; border-top: 3px solid #9b0000; border-radius: 0 0 8px 8px; background: #26282a; overflow: hidden; }
.k-gnb__simge { display: flex; align-items: center; padding: 0 10px; background: #111314; }
.k-gnb__simge img { width: 18px; height: 18px; display: block; }
.k-gnb a.k-gnb__oge, .k-gnb span.k-gnb__oge { display: flex; align-items: center; padding: 0 12px; border-left: 1px solid #000; color: #878787; font-size: 12px; text-transform: uppercase; }
.k-gnb a.k-gnb__oge:hover { color: #e01010; background: #343434; }
.k-gnb__oge--ad { color: #c9c9c9 !important; text-transform: none !important; max-width: 160px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* ------------------------------------------------------------ kap, logo */
.k-kap { position: relative; width: 1100px; margin: 0 auto; }
.k-ust { height: 85px; padding: 0 0 0 52px; }
.k-logo { display: inline-block; margin-top: 4px; }
.k-logo img { display: block; height: 76px; width: auto; filter: drop-shadow(0 4px 12px rgba(0, 0, 0, .95)); }
/* [klasik 09.10] ust ortada Oyuna Gir dugmesi */
.k-ust { position: relative; }
.k-oyna { position: absolute; left: 50%; top: 2px; display: block; line-height: 0; transform: translateX(-50%); }
.k-oyna img { display: block; width: 401px; height: auto; filter: drop-shadow(0 4px 10px rgba(0, 0, 0, .9)); transition: filter .15s, transform .15s; }
.k-oyna:hover img, .k-oyna:focus-visible img { filter: drop-shadow(0 4px 14px rgba(0, 0, 0, .9)) brightness(1.15); transform: scale(1.03); }

/* ------------------------------------------------------------ ust afis (event_banners: 775x315 + 3 kucuk) */
.k-afis { position: relative; z-index: 2; display: flex; width: 1100px; height: 330px; padding: 10px 0 0 10px; }
.k-afis__ana { position: relative; width: 775px; height: 315px; margin-left: 57px; overflow: hidden; background: #000 url("../marka/afis_moradon.jpg") no-repeat center / cover;
  box-shadow: 0 0 0 2px #05090f, 0 0 0 3px #3a5574, 0 0 0 5px #05090f, 0 8px 22px rgba(0, 0, 0, .85); }
.k-afis__ana::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0, 0, 0, .78) 0%, rgba(0, 0, 0, .35) 52%, rgba(0, 0, 0, 0) 78%),
  linear-gradient(0deg, rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, 0) 45%); }
.k-afis__metin { position: absolute; left: 6%; bottom: 11%; max-width: 64%; text-align: left; }
.k-afis .gameTitle { margin: 0 0 4px; font: 700 26px/1.1 "Cinzel", "Times New Roman", serif; color: #ff9d00; text-shadow: 3px 3px 10px #000; }
.k-afis .headline { margin: 0; font: 800 34px/1.08 Tahoma, Geneva, sans-serif; color: #fff; text-shadow: 3px 3px 10px #000; }
.k-afis .bannerBody { margin: 8px 0 0; font: 300 17px/1.3 Tahoma, Geneva, sans-serif; color: #fff; text-shadow: 3px 3px 10px #000; }
.k-afis .learnMore { margin: 14px 0 0; }
.k-afis .learnMore a { display: inline-block; padding: 7px 18px; border: 1px solid #c58a2a; color: #fff; font: 700 14px/1 "Cinzel", "Times New Roman", serif; letter-spacing: .03em;
  background: linear-gradient(180deg, rgba(120, 70, 10, .85), rgba(50, 25, 5, .9)); box-shadow: inset 0 1px 0 rgba(255, 220, 150, .35), 0 2px 6px rgba(0, 0, 0, .8); text-shadow: 0 1px 2px #000; }
.k-afis .learnMore a:hover { color: #ffd27a; border-color: #ffd27a; }
.k-afis__kucuk { display: flex; flex-direction: column; gap: 6px; width: 205px; margin: 0 0 0 12px; padding: 0; list-style: none; }
.k-afis__kucuk li { height: 101px; }
.k-kucuk { position: relative; display: flex; flex-direction: column; justify-content: flex-end; height: 100%; padding: 8px 10px; overflow: hidden;
  background: #000 url("../marka/afis_moradon.jpg") no-repeat; background-size: 300% auto; border: 1px solid #2f4a6b; box-shadow: 0 0 0 1px #000, 0 4px 10px rgba(0, 0, 0, .8); }
.k-kucuk::before { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(0, 0, 0, .88) 0%, rgba(0, 0, 0, .25) 70%); }
.k-kucuk--1 { background-position: 0% 35%; } .k-kucuk--2 { background-position: 50% 40%; } .k-kucuk--3 { background-position: 100% 45%; }
.k-kucuk b, .k-kucuk span { position: relative; }
.k-kucuk b { font: 700 16px/1.1 "Cinzel", "Times New Roman", serif; }
.k-kucuk span { margin-top: 3px; color: #e6e6e6; font-size: 11px; text-shadow: 0 1px 2px #000; }
a.k-kucuk:hover { border: 2px solid #fff; padding: 7px 9px; }

/* ------------------------------------------------------------ duyuru seridi */
.k-duyuru { position: relative; z-index: 3; width: 1046px; margin: 6px auto 4px; padding: 7px 12px; border: 1px solid #1e344e; background: rgba(4, 12, 24, .92); color: #cfe3f5; font-size: 12px; }
.k-duyuru--uyari { border-color: #8a6a1c; color: #ffe2a0; }
.k-duyuru--bakim { border-color: #8a1c1c; color: #ffc6c6; }
.k-duyuru a { margin-left: 6px; font-weight: bold; }

/* ------------------------------------------------------------ cerceve (bottom_frame) */
.k-cerceve { position: relative; z-index: 1; display: flow-root; width: 1100px; min-height: 905px; padding-top: 8px; margin-top: -10px;
  background: url("img/bottom-low-resolution.png") no-repeat center top; }
.k-cerceve--ic { margin-top: 0; min-height: 855px; padding-top: 15px; }
.k-alt-kenar { width: 1100px; height: 42px; margin: 0 auto; background: url("img/bottom-low-resolution.png") no-repeat center bottom; }

/* ------------------------------------------------------------ ana menu (resim basliklar) + acilir alt menu */
#navi-container { position: relative; z-index: 5; }
/* [klasik 09.10] menu cercevenin koyu seridinin ortasinda ve yatayda ortali (toplam yukseklik ayni: icerik kaymaz) */
.klasik nav.navi_main { height: 65px; padding: 23px 0 0; }
.klasik nav.navi_main ul { display: flex; justify-content: center; margin: 0; padding: 0; list-style: none; }
.klasik nav.navi_main a { display: block; }
.m { display: block; height: 35px; background-image: var(--g), var(--u); background-repeat: no-repeat; background-position: var(--konum, 0 0), -9999px -9999px; }
a:hover > .m, a:focus-visible > .m { background-image: var(--u), var(--g); }
.m--rehber { --g: url("img/guide.png"); --u: url("img/guide_over.png"); width: 140px; margin-left: 10px; }
.m--haber { --g: url("img/news.png"); --u: url("img/news_over.png"); width: 170px; }
.m--sira { --g: url("img/rank.png"); --u: url("img/rank_over.png"); width: 155px; }
.m--magaza { --g: url("img/store.png"); --u: url("img/store_over.png"); width: 140px; }
.m--indir { --g: url("img/download.png"); --u: url("img/download_over.png"); width: 88px; }
.m--topluluk { --g: url("img/community.png"); --u: url("img/community_over.png"); width: 202px; }
.klasik nav.dropdown { display: none; justify-content: center; position: absolute; top: 62px; left: 50px; width: 1000px; min-height: 155px; padding: 15px 0 18px;
  background: linear-gradient(180deg, rgba(5, 14, 27, .97) 0%, rgba(2, 6, 13, .97) 100%); border: 1px solid #1e344e; border-top: 2px solid #c09430;
  box-shadow: 0 12px 26px rgba(0, 0, 0, .85); }
#navi-container:hover nav.dropdown, #navi-container:focus-within nav.dropdown { display: flex; }
.klasik nav.dropdown ul { margin: 0; padding: 0; list-style: none; color: #c09430; font: bold 12px/20px Arial, Verdana, Geneva, sans-serif; text-align: left; }
.klasik nav.dropdown ul.a--rehber { margin-left: 10px; }
.klasik nav.dropdown a { color: #ffb105; }
.klasik nav.dropdown a:hover { color: #f66709; }
.a--rehber { width: 140px; } .a--haber { width: 170px; } .a--sira { width: 155px; } .a--magaza { width: 140px; } .a--indir { width: 88px; white-space: nowrap; } .a--topluluk { width: 202px; padding-left: 20px !important; box-sizing: border-box; }

/* ------------------------------------------------------------ sol sutun */
.klasik aside.left_side { float: left; width: 262px; min-height: 605px; padding: 15px 0 0 82px; }
.k-resim { position: relative; display: block; background-image: var(--g), var(--u); background-repeat: no-repeat; background-position: var(--konum, 0 0), -9999px -9999px; }
a.k-resim:hover, a.k-resim:focus-visible { background-image: var(--u), var(--g); }
.k-resim.login { --g: url("img/login.png"); --u: url("img/login_over.png"); width: 180px; height: 81px; padding: 5px 0 1px; }
.k-resim.register { --g: url("img/register.png"); --u: url("img/register_over.png"); width: 180px; height: 79px; padding: 1px 0 3px; }
.k-resim.recharge { --g: url("img/recharge_2.png"); --u: url("img/recharge_2_over.png"); width: 185px; height: 68px; margin: 5px 0 4px -3px; }
.k-resim.promo { --g: url("img/btn_Promo.png"); --u: url("img/btn_Promo_over.png"); width: 184px; height: 89px; margin: 4px 0 0; }
.k-resim.powerup { --g: url("img/powerup.png"); --u: url("img/powerup_over.png"); width: 180px; height: 114px; margin: 4px 0 0; }
/* [klasik 09.10] Kimlik dogrulama karti (Authenticator): kullanicinin gorselleri, 2x cozunurluk */
.k-resim.kimlik { --g: url("img/kimlik.png"); --u: url("img/kimlik_over.png"); width: 180px; height: 103px; margin: 8px 0 0;
  background-size: 180px auto, 180px auto; }
/* [klasik 09.10] SUNUCU kutusu: oyundaki gercek kisi sayisi ve ulus dagilimi */
.klasik .ServerStatus .k-oyunda { margin: 7px 10px 3px; color: #b9c4cf; font: 11px/1.3 Tahoma, Geneva, sans-serif; text-align: center; }
.klasik .ServerStatus .k-oyunda b { color: #fff; font-size: 13px; }
.klasik .ServerStatus .k-irk { display: flex; justify-content: space-around; margin: 0 8px 8px; font: 11px/1.3 Tahoma, Geneva, sans-serif; }
.klasik .ServerStatus .k-irk span { color: #b9c4cf; }
.klasik .ServerStatus .k-irk .karus b { color: #ff4b4b; }
.klasik .ServerStatus .k-irk .elmorad b { color: #4fa8ef; }
.k-yakinda { cursor: default; filter: grayscale(.55) brightness(.75); }
.k-yakinda::after { content: "yakında"; position: absolute; right: 8px; bottom: 4px; padding: 1px 6px; border-radius: 3px; background: #a31308; color: #fff;
  font: bold 10px Tahoma, Geneva, sans-serif; }
/* [klasik 11.10] TL karti artik /magaza baglantisi ("yakinda" rozeti kalir); kapali hesap sayfalarinin kisa metni */
a.k-resim.k-yakinda { cursor: pointer; }
.klasik .k-yakinda-metin { padding: 8px 0 48px; font-size: 14px; line-height: 1.7; }
.klasik .k-yakinda-metin a { color: #f6c67a; text-decoration: underline; }
.k-cizgi { display: block; width: 180px; height: 3px; margin: 6px 0 4px; background: url("img/line.png") no-repeat; }
.right_side .k-cizgi { margin: 0 5px; }
/* oturum acikken giris kutusu (loginInfo; arsivde zemini yok, CSS) */
.loginInfo { width: 180px; padding: 14px 10px 12px; border: 1px solid #2f4a6b; background: linear-gradient(180deg, #13263c 0%, #0a1524 60%, #060d17 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 2px 6px rgba(0, 0, 0, .8); text-align: center; }
.loginInfo .k-hos { margin: 0; color: #ff9000; font-size: 11px; }
.loginInfo .nickname { margin: 4px 0 12px; color: #fff; font-size: 14px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.loginInfo .k-iki { display: flex; gap: 4px; }
.k-dugme { display: flex; align-items: center; justify-content: center; flex: 1; height: 30px; border: 1px solid #0b2f63; border-radius: 4px; color: #fff !important;
  font: bold 12px Tahoma, Geneva, sans-serif; background: linear-gradient(180deg, #04aed6 1%, #0057c8 63%, #003f99 100%); text-shadow: 0 1px 1px #000; }
.k-dugme:hover { color: #fbad18 !important; }
.k-dugme--koyu { border-color: #333; background: linear-gradient(180deg, #555 0%, #2b2b2b 60%, #1a1a1a 100%); }
/* sifre degistir (resimde yazisi yok; CSS dugme, ust kenardaki koseli cerceve gibi) */
.k-sifre { display: flex; align-items: center; justify-content: center; gap: 8px; width: 180px; height: 40px; margin: 2px 0 4px; border: 1px solid #4d6a8e;
  background: linear-gradient(180deg, #2b3f58 0%, #15253a 55%, #0b1524 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 0 0 1px #000, 0 2px 5px rgba(0, 0, 0, .8);
  font: 700 14px/1 "Cinzel", "Times New Roman", serif; letter-spacing: .02em; color: #f3d38a !important; text-shadow: 0 1px 2px #000; }
.k-sifre svg { width: 18px; height: 18px; flex: none; }
.k-sifre:hover { border-color: #8fb7e8; color: #fff !important; filter: brightness(1.15); }

/* ------------------------------------------------------------ ana sayfa orta sutun */
.klasik section.main_content { position: relative; float: left; width: 520px; margin: 40px 10px 0 35px; }
.k-baslik-resim { display: block; height: 45px; margin: 0; }
.k-baslik-resim img { display: block; }
article.rank > .k-baslik-resim { margin-top: 40px; }
/* sekmeler: radio dugmeleri sekmeli kutunun dogrudan cocugu (CSP: betiksiz) */
.k-sekmeli > input[type=radio] { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.klasik .tab-box { display: flex; flex-wrap: wrap; align-items: flex-end; width: 515px; padding: 0 0 0 35px; border-bottom: 1px solid #1e344e; }
.klasik .tab-box label { margin: 0 -1px -1px 0; padding: 5px 15px; border: 1px solid #1e344e; border-bottom: 0; background: #000; color: #65a5d0; font: bold 12px/14px Tahoma, Geneva, sans-serif;
  cursor: pointer; user-select: none; }
.klasik .tab-box label:hover { color: #fff; }
.tabcontent { display: none; width: 520px; color: #fff; }
.k-sekmeli > .s1:checked ~ .tab-box .l1, .k-sekmeli > .s2:checked ~ .tab-box .l2, .k-sekmeli > .s3:checked ~ .tab-box .l3, .k-sekmeli > .s4:checked ~ .tab-box .l4 {
  padding: 6px 15px; background: url("img/tab_bg.png") repeat-x; color: #fff; }
.k-sekmeli > .s1:focus-visible ~ .tab-box .l1, .k-sekmeli > .s2:focus-visible ~ .tab-box .l2, .k-sekmeli > .s3:focus-visible ~ .tab-box .l3,
.k-sekmeli > .s4:focus-visible ~ .tab-box .l4 { outline: 2px solid #ffb105; outline-offset: -2px; }
.k-sekmeli > .s1:checked ~ .p1, .k-sekmeli > .s2:checked ~ .p2, .k-sekmeli > .s3:checked ~ .p3, .k-sekmeli > .s4:checked ~ .p4 { display: block; }
.klasik a.more { display: block; width: 66px; height: 15px; margin: 10px 0 0 453px; background: url("img/more.png") no-repeat; }
.klasik a.more:hover { filter: brightness(1.25); }
.klasik table.tabtext { width: 100%; margin-top: 7px; border: 0; border-collapse: collapse; table-layout: fixed; }
.klasik table.tabtext td { padding: 3px 0; border: 0; vertical-align: middle; }
.klasik table.tabtext td.table_line { height: 9px; padding: 3px 0; background: url("img/main_line.png") no-repeat center; }
.klasik table.tabtext td.k-satir { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.klasik table.tabtext col.k-tarih-sutun { width: 90px; }
.klasik table.tabtext td.k-tarih { text-align: right; padding-right: 14px; }
.klasik table.tabtext a { color: #fff; font-size: 14px; text-decoration: none; }
.klasik table.tabtext a:hover { color: #999; }
.klasik span.dategrey { color: #999; font-weight: bold; font-size: 11px; }
.k-rozet { display: inline-block; width: 72px; height: 19px; margin-right: 10px; padding: 3px 3px 0; border-radius: 3px; vertical-align: 1px; text-align: center;
  font: 10px/16px Tahoma, Verdana, sans-serif; color: #fff; background: #3976a3; }
.k-rozet--etkinlik { color: #144a71; background: #85c3ef; font-weight: bold; }
.k-rozet--guncelleme { background: #1c3e58; }
.k-rozet--yeni { width: 34px; background: #a31308; font-weight: bold; }
/* siralama ozeti */
.klasik table.tableTitle { width: 100%; margin: 4px auto 0; border-collapse: collapse; font: bold 14px/20px Tahoma, Geneva, sans-serif; }
.klasik table.tableTitle th { width: 50%; padding: 2px 0; text-align: center; }
.klasik table.tableTitle th.karus { color: #c30d0d; }
.klasik table.tableTitle th.elmorad { color: #2a7cbb; }
/* [klasik 09.10] referans ekran: her satir cerceveli kutu */
.klasik table.tableRank { width: 500px; margin: 0 auto; border-collapse: separate; border-spacing: 4px 4px; color: #fff; font-size: 12px; line-height: 20px; }
.klasik table.tableRank td { width: 50%; padding: 1px 6px; border: 1px solid #35608f; background: rgba(3, 10, 22, .55); color: #fff; white-space: nowrap; }
.klasik table.tableRank span.rank-number { display: inline-block; width: 18px; margin: 0 5px; font-weight: bold; text-align: center; vertical-align: top; }
.klasik table.tableRank span.karus-rank-number { background: #b00505; }
.klasik table.tableRank span.elmorad-rank-number { background: #1f6191; }
.klasik table.tableRank span.num { display: inline-block; width: 150px; overflow: hidden; text-overflow: ellipsis; vertical-align: top; }
.klasik table.tableRank a { color: #fff; }
.klasik table.tableRank a:hover { color: #999; }
.klasik table.tableRank .k-np { color: #7a8a9a; font-size: 10px; }
/* acilis profili: hos geldin karti */
.k-acilis p { margin: 8px 0; color: #cfe0ef; font-size: 13px; line-height: 1.5; }
.k-acilis a { color: #fff !important; font-weight: bold; }

/* ------------------------------------------------------------ sag sutun */
.klasik aside.right_side { float: right; width: 190px; margin: 15px 75px 0 0; }
.right_side_content { width: 176px; margin: 0 auto 10px; padding: 4px 3px 5px; border-top: 3px solid #041018; border-bottom: 3px solid #041018;
  background: url("img/server_bg.png") repeat-y; color: #7a7a7a; text-align: center; }
.klasik h6.main { display: inline-block; clear: both; margin: 0 10px; padding: 3px 0 8px; background: url("img/h6_bg.png") repeat-x bottom;
  font: 500 14px/15px "Times New Roman", Times, serif; letter-spacing: -.02em; color: #d9d9d9; text-align: center; }
.klasik h6.main > span { display: block; padding: 2px 0; font: 10px/1em Arial, sans-serif; color: #8a8a8a; }
.klasik h6.sns { font-size: 13px; padding-bottom: 7px; }
.klasik dl.servers { width: 160px; margin: 5px auto 0; display: flow-root; }
.klasik dl.servers dt { float: left; width: 64px; margin: 0; padding: 2px 0; color: #fff; font-size: 10px; line-height: 12px; text-align: left; white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis; }
.klasik dl.servers dd { float: left; width: 96px; margin: 0; padding: 2px 0; }
.klasik dl.servers dd > span { display: block; width: 94px; height: 9px; margin-top: 2px; border: 2px solid #000; background: #000; overflow: hidden; }
.klasik dl.servers dd > span > em { display: block; height: 5px; background: url("img/status_gauge.jpg") no-repeat; }
.k-nokta { display: inline-block; width: 6px; height: 6px; margin-right: 3px; border-radius: 50%; background: #a31308; vertical-align: 1px; }
.k-nokta.acik { background: #3ccf4e; box-shadow: 0 0 4px #3ccf4e; }
.klasik p.note { margin: 5px; padding-top: 7px; background: url("img/h6_bg.png") repeat-x top; font-size: 10px; line-height: 13px; color: #9a9a9a; }
.klasik p.note b { color: #fff; }
.klasik p.note .k-k { color: #e04646; } .klasik p.note .k-e { color: #4f9fe0; }
.main_sns_list { clear: both; margin: 0 auto; padding: 7px 0 0; text-align: center; }
.main_sns_list a { display: inline-block; width: 35px; height: 40px; margin: 0 2px; background-repeat: no-repeat; background-position: 0 0; }
.main_sns_list a:hover, .main_sns_list a:focus-visible { background-position: 0 -40px; }
.main_sns_list .discord a { background-image: url("img/sns_discord.png"); }
.main_sns_list .instagram a { width: 36px; background-image: url("img/sns_instagram.png"); }
.main_sns_list .youtube a { width: 36px; background-image: url("img/sns_youtube.png"); }
.k-kral { margin: 6px 6px 2px; text-align: left; font-size: 11px; line-height: 15px; }
.k-kral dt { margin-top: 4px; font-weight: bold; }
.k-kral dt.karus { color: #e04646; } .k-kral dt.elmorad { color: #4f9fe0; }
.k-kral dd { margin: 0; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.k-kral dd small { display: block; color: #7a7a7a; font-size: 10px; }
.k-kral dd a { color: #fff; }
.k-kral dd a:hover { color: #ffb105; }
.klasik aside.right_side > a { display: block; width: 190px; }
.k-etkinlik { margin: 6px 6px 2px; padding: 0; list-style: none; text-align: left; font-size: 11px; line-height: 14px; }
.k-etkinlik li { padding: 3px 0; border-bottom: 1px solid #1a1a1a; }
.k-etkinlik li:last-child { border-bottom: 0; }
.k-etkinlik b { display: block; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.k-etkinlik small { color: #8a8a8a; } .k-etkinlik small.acik { color: #3ccf4e; }
.k-sag-link { display: block; width: 190px; background-image: var(--g), var(--u); background-repeat: no-repeat; background-position: center, -9999px -9999px; }
a:hover > .k-sag-link, a:focus-visible > .k-sag-link { background-image: var(--u), var(--g); }
.k-sag-link.gamedownload { --g: url("img/gamedownload.png"); --u: url("img/gamedownload_over.png"); height: 32px; margin: 10px 0 9px; }
.k-sag-link.beginner_guide { --g: url("img/beginner_guide.png"); --u: url("img/beginner_guide.png"); height: 32px; margin: 9px 0; }
a:hover > .k-sag-link.beginner_guide, a:focus-visible > .k-sag-link.beginner_guide { filter: sepia(1) saturate(4) hue-rotate(-12deg) brightness(.95); }
.k-sag-link.forum { --g: url("img/forum.png"); --u: url("img/forum_over.png"); height: 30px; margin: 9px 0; }
.k-sag-link.chracter { --g: url("img/chracter.png"); --u: url("img/chracter_over.png"); height: 30px; margin: 9px 0; }
.k-sag-link.resellers { --g: url("img/resellers.png"); --u: url("img/resellers_over.png"); height: 30px; margin: 9px 0; }

/* ------------------------------------------------------------ ic sayfalar (sub.css) */
.klasik div.location { float: right; height: 15px; margin: 30px 85px 0 0; color: #505f72; font-size: 12px; text-align: right; }
.klasik div.location a { color: #505f72; }
.klasik div.location a:hover { color: #9fb3c9; }
.klasik span.current { color: #ababab; font-weight: bold; }
.klasik section.contents { float: left; width: 749px; padding: 10px 5px 5px 38px; font: 12px Tahoma, Geneva, sans-serif; }
/* [klasik 09.10] ic sayfa basligi: resmi baslik resimleri gibi (parlak beyaz simge + beyaz baslik + ince beyaz cizgi; altinda
   gri "ust > alt", Times 20px). Siralama sayfalari ayni duzenin resmini kullanir (div.rank_title). */
.k-sayfa-baslik { position: relative; width: 700px; max-width: 100%; min-height: 80px; margin: 0 0 24px; padding: 8px 0 0 76px; }
.k-sayfa-baslik__simge { position: absolute; left: 4px; top: 4px; width: 60px; height: 60px; color: #fff;
  filter: drop-shadow(0 0 3px rgba(150, 210, 255, .95)) drop-shadow(0 0 8px rgba(80, 160, 230, .6)); }
.k-sayfa-baslik__simge svg { display: block; width: 100%; height: 100%; }
.k-sayfa-baslik strong { display: block; padding: 0 0 3px; border-bottom: 1px solid #e8e8e8; font: 400 31px/1.05 "Pirata One", "Times New Roman", serif;
  letter-spacing: .02em; color: #fff; text-shadow: 0 0 6px rgba(120, 190, 255, .35), 0 2px 3px #000; }
.k-sayfa-baslik h1 { margin: 7px 0 0 4px; font: bold 20px/1.15 "Times New Roman", Times, serif; color: #666; }
.k-sayfa-baslik h1 .rank_grey { color: #9d9d9d; }
.k-sayfa-baslik__ek { position: absolute; right: 0; top: 2px; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; align-items: center; }
/* siralama basligi (rank.css: div.rank_title 700x80 resim; h1 50px / 80px; secimler sag ustte) */
.klasik div.rank_title { position: relative; width: 700px; max-width: 100%; height: 80px; margin: 0 0 22px; background: url("img/rank_title.png") no-repeat 0 0; }
.klasik div.rank_title h1 { position: absolute; left: 80px; top: 50px; margin: 0; font: bold 20px/1.15 "Times New Roman", Times, serif; color: #666; white-space: nowrap; }
.klasik div.rank_title h1 > span.rank_grey { color: #9d9d9d; }
.k-rank-sec { position: absolute; right: 0; top: 10px; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 10px; }
.k-eski-baslik { margin: 6px 0 16px; padding-bottom: 6px; border-bottom: 1px solid #2b3f55; font: 700 26px/1.2 "Cinzel", "Times New Roman", serif; }
.klasik .eski-ic { color: #c8d3e3; font-family: Tahoma, Geneva, sans-serif; }
.klasik .eski-ic .kap { width: auto !important; max-width: none !important; padding: 0 !important; margin: 0 !important; }
/* [klasik 11.10] karakter / klan kimlik karti (eski ust_alan): eski temanin ust boslugu yok; ad zaten k-eski-baslik'ta */
.klasik .k-profil .profil { padding: 0 0 14px; }
.klasik .k-profil .profil__ad { display: none; }
.klasik h5 { margin: 0 0 6px; color: #198dc3; font: bold 14px Tahoma, Geneva, sans-serif; }
.k-metin p, .klasik figure p { margin: 0 0 12px; color: #6fa7d6; font-size: 12px; line-height: 18px; }
.k-metin em, .klasik figure em { font-style: normal; font-weight: bold; color: #198dc3; }
.klasik figure { margin: 0; }
.klasik ol.lower-alpha { margin: 0 0 12px; padding-left: 1.6em; color: #6fa7d6; line-height: 18px; list-style: lower-alpha; }
/* haber listesi */
.klasik table.announcement { width: 100%; margin-top: 5px; border: 0; border-collapse: collapse; color: #fff; }
.klasik table.announcement th { height: 30px; padding: 0 8px; background: #198dc3; color: #fff; font-weight: bold; text-align: center; }
.klasik table.announcement th.k-sol { text-align: left; }
.klasik table.announcement td { padding: 7px 8px; border-bottom: 1px solid #13283d; vertical-align: top; }
.klasik table.announcement td.no, .klasik table.announcement td.tarih { color: #6fa7d6; text-align: center; white-space: nowrap; }
.klasik table.announcement td a { color: #fff; }
.klasik table.announcement td a:hover { color: #999; }
.klasik .b198dc3b { color: #198dc3; font-weight: bold; } .klasik .b6fa7d6 { color: #6fa7d6; }
.klasik table.order { width: 60%; margin: 18px auto 0; color: #fff; font-weight: bold; text-align: center; }
.klasik table.order td { border: 0; }
.klasik table.order a { margin: 0 4px; color: #666; font-weight: normal; }
.klasik table.order a:hover { color: #fff; }
.klasik table.order b.secili { margin: 0 4px; color: #fff; }
.k-haber-govde { padding: 12px 4px; color: #d7e3ef; font-size: 13px; line-height: 1.6; }
.k-haber-govde img { max-width: 100%; height: auto; }
.k-haber-govde a { color: #6fc3ea !important; }
.k-tur-sec { display: flex; flex-wrap: wrap; gap: 0; margin: 0 0 10px; border-bottom: 1px solid #1e344e; }
.k-tur-sec a { margin: 0 -1px -1px 0; padding: 5px 15px; border: 1px solid #1e344e; border-bottom: 0; background: #000; color: #65a5d0; font-weight: bold; }
.k-tur-sec a.secili { background: url("img/tab_bg.png") repeat-x; color: #fff; }
.k-tur-sec a:hover { color: #fff; }
/* siralama sayfalari */
.klasik .select_kind3 { display: flex; gap: 8px; align-items: center; color: #fff; font-size: 12px; }
.klasik .select_kind3 select { font: 12px Tahoma, Geneva, sans-serif; background: #000; color: #fff; border: 1px solid #1e344e; padding: 2px; }
.klasik .select_kind3 button { padding: 2px 8px; font: 11px Tahoma, Geneva, sans-serif; color: #fff; background: #198dc3; border: 1px solid #0f5f86; cursor: pointer; }
.k-tur-dugme { display: flex; gap: 4px; }
.k-tur-dugme a { padding: 3px 8px; border: 1px solid #1d3a55; color: #8fa3bd; font-size: 11px; }
.k-tur-dugme a.secili, .k-tur-dugme a:hover { color: #fff; background: #198dc3; border-color: #198dc3; }
/* ilk uc madalya (rank.css dl.rank123: 210 / 230 / 210 x 210 resim; puan 100px'te, ad seritte siyah) */
.klasik dl.rank123 { display: flex; width: 650px; max-width: 100%; margin: 0 0 0 30px; padding: 0; }
.klasik dl.rank123 dd { position: relative; flex: none; height: 210px; margin: 0; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; }
.klasik dl.rank123 dd.rank1 { width: 210px; background-image: url("img/rank1.png"); }
.klasik dl.rank123 dd.rank2 { width: 230px; background-image: url("img/rank2.png"); }
.klasik dl.rank123 dd.rank3 { width: 210px; background-image: url("img/rank3.png"); }
.klasik dl.rank123 p { position: absolute; left: 22%; right: 22%; top: 47.6%; margin: 0; font: bold 12px/1.15em Tahoma, Geneva, sans-serif; text-align: center; }
.klasik dl.rank123 dd.rank1 > p { color: #ebd482; } .klasik dl.rank123 dd.rank2 > p { color: #999; } .klasik dl.rank123 dd.rank3 > p { color: #efbd4d; }
.klasik dl.rank123 h5 { position: absolute; left: 13%; right: 13%; top: 63.5%; margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
  font: bold 17px/20px Tahoma, Geneva, sans-serif; color: #000; text-align: center; }
.klasik dl.rank123 dd.rank2 h5 { left: 17%; right: 17%; }
.klasik dl.rank123 h5 a { color: #000; }
.klasik dl.rank123 h5 a:hover { color: #3b1d00; text-decoration: underline; }
.klasik dl.rank123 dd.bos { opacity: .45; }
.klasik .dataTables_wrapper { clear: both; display: flow-root; }
.klasik .dataTables_filter { float: right; margin-bottom: 6px; color: #8a8a8a; }
.klasik .dataTables_filter input { margin-left: .5em; padding: 3px 6px; width: 160px; background: #000; color: #fff; border: 1px solid #1e344e; font: 12px Tahoma, Geneva, sans-serif; }
.k-tablo-kap { clear: both; width: 100%; overflow-x: auto; }
/* rank.css table.rank_detail: mavi baslik, mavi cerceveli hucreler; ilk uc satir kalin ve kendi renginde */
.klasik table.rank_detail { width: 100%; margin-top: 4px; border: 0; border-collapse: collapse; color: #6fa7d6; text-align: center; }
.klasik table.rank_detail > thead { background: #198dc3; color: #fff; font-size: 14px; font-weight: bold; }
.klasik table.rank_detail th { height: 30px; padding: 5px 10px; border-bottom: 1px solid #111; }
.klasik table.rank_detail > tbody td { padding: 5px; border: 1px solid #198dc3; white-space: nowrap; }
.klasik table.rank_detail td a { color: inherit; }
.klasik table.rank_detail td a:hover { color: #fff; }
.klasik table.rank_detail > tbody tr.first_rank td { font-size: 12px; font-weight: bold; color: #fef1a7; }
.klasik table.rank_detail > tbody tr.second_rank td { font-size: 12px; font-weight: bold; color: #b5b5b5; }
.klasik table.rank_detail > tbody tr.third_rank td { font-size: 12px; font-weight: bold; color: #d77e14; }
.klasik table.rank_detail > tbody tr.ranking:hover td { background: rgba(25, 141, 195, .12); }
.klasik table.rank_detail tr.bos-satir td { padding: 18px; color: #8a8a8a; }
.k-derece { display: inline-flex; align-items: center; justify-content: center; min-width: 52px; padding: 1px 6px; border: 1px solid #1e344e; border-radius: 3px;
  font-size: 11px; color: #fff; background: #0b1a2b; }
/* [klasik 09.10] derece resimleri siyah zeminli (oyun gorseli): "screen" karisimi siyahi koyu zeminde gorunmez yapar */
.klasik table.rank_detail td img.k-derece-resim { display: block; width: 32px; height: 32px; margin: -3px auto; mix-blend-mode: screen; }
.k-derece--1 { border-color: #c09430; color: #ffd76a; } .k-derece--2 { border-color: #9aa3ad; color: #e6e9ee; } .k-derece--3 { border-color: #a0602a; color: #f0a868; }
.klasik .dataTables_paginate { clear: both; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 2px; padding-top: 12px; color: #666; }
.klasik .paginate_button { display: inline-block; min-width: 26px; padding: 3px 7px; border: 1px solid transparent; color: #8a8a8a; text-align: center; }
.klasik a.paginate_button:hover { color: #fff; border-color: #1e344e; background: #0b1a2b; }
.klasik .paginate_button.current { color: #fff; border-color: #198dc3; background: #0f4d6e; }
.klasik .paginate_button.disabled { color: #444; }
.klasik .tablo-not { margin: 12px 0 0; color: #5f7287; font-size: 11px; }
/* indir */
.k-indir-kutu { display: flex; align-items: center; justify-content: space-between; width: 595px; max-width: 100%; margin: 0 0 10px; padding: 16px 20px; border: 1px solid #2f4a6b;
  background: linear-gradient(180deg, #16314f 0%, #0b1a2c 60%, #07111d 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 3px 8px rgba(0, 0, 0, .8); }
.k-indir-kutu a { display: flex; align-items: center; justify-content: space-between; width: 100%; color: #fff !important; font: 700 18px/1.2 "Cinzel", "Times New Roman", serif; }
.k-indir-kutu small { display: block; margin-top: 3px; color: #9fc3e6; font: 12px Tahoma, Geneva, sans-serif; }
.k-indir-kutu svg { width: 34px; height: 34px; flex: none; color: #d0e4f7; }
.k-indir-kutu:hover { border-color: #8fb7e8; filter: brightness(1.12); }
.k-rehber-kutular { display: flex; gap: 10px; flex-wrap: wrap; margin: 6px 0 16px; }
.k-rehber-kutular a { display: flex; align-items: center; gap: 10px; flex: 1 1 240px; padding: 14px 16px; border: 1px solid #1e344e; background: #06101b; color: #cfe0ef !important; font-weight: bold; }
.k-rehber-kutular a:hover { border-color: #198dc3; color: #fff !important; }
.k-rehber-kutular svg { width: 26px; height: 26px; flex: none; color: #6fa7d6; }
.k-cizgi-genis { height: 1px; margin: 18px 0; background: linear-gradient(90deg, transparent, #2f4a6b 15%, #2f4a6b 85%, transparent); }
.klasik table.stats { width: 100%; border-collapse: collapse; }
.klasik table.stats th { padding: 6px; border: 1px solid #6fa7d6; color: #198dc3; font-weight: bold; }
.klasik table.stats td { padding: 8px; border: 1px solid #6fa7d6; color: #6fa7d6; font-size: 12px; line-height: 18px; vertical-align: top; }
.k-magaza-dugme { display: inline-block; margin: 2px 0 12px; padding: 8px 16px; border: 1px solid #c58a2a; color: #fff !important; font: 700 13px "Cinzel", "Times New Roman", serif;
  background: linear-gradient(180deg, #7a4a10, #3a2105); }
.k-magaza-dugme.yakinda { border-color: #444; color: #999 !important; background: #1a1a1a; cursor: default; }
/* [klasik 09.10] magaza rehberi (resmi "powerupstore": section.guide_content 700 + figure.ddownload) */
.klasik section.guide_content.k-magaza { width: 745px; padding: 10px 5px 5px 40px; }
.klasik section.k-magaza figure.ddownload { width: 700px; max-width: 100%; margin: 0; }
.klasik section.k-magaza figure.ddownload h5 { margin: 0 0 8px; }
.klasik section.k-magaza figure.ddownload p { width: 680px; max-width: 100%; margin: 0 0 26px; }
.klasik section.k-magaza figure.ddownload ol.lower-alpha { margin: 12px 0 28px; }
.klasik section.k-magaza figure.ddownload ol.lower-alpha li { margin-bottom: 4px; }
.klasik section.k-magaza figure img.k-pus1 { display: block; width: 321px; max-width: 100%; height: auto; margin: 4px 0 10px; border: 1px solid #1e344e; }
.k-pus2 { position: relative; width: 695px; max-width: 100%; margin: 6px 0 0; }
.klasik section.k-magaza .k-pus2 img { display: block; width: 100%; height: auto; margin: 0; border: 1px solid #1e344e; box-shadow: 0 4px 14px rgba(0, 0, 0, .8); }
.k-isaret { position: absolute; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; margin: -12px 0 0 -12px; border: 2px solid #000;
  border-radius: 50%; background: radial-gradient(circle at 35% 30%, #fff3b8, #f0c140 50%, #b07a10 100%); color: #000; font: bold 13px/1 Tahoma, Geneva, sans-serif;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .55), 0 2px 6px rgba(0, 0, 0, .9); }
.k-isaret--a { left: 80.6%; top: 8.5%; }    /* Buy TL Balance */
.k-isaret--b { left: 65.6%; top: 16.1%; }   /* Use KESN Code kutusu */
.k-isaret--c { left: 66.3%; top: 93.7%; }   /* TL / KC gostergeleri */
.k-magaza-dugmeler { display: flex; flex-wrap: wrap; gap: 10px; margin: -12px 0 22px; }
.k-magaza-dugmeler .k-magaza-dugme { margin: 0; }
.k-magaza-dugme--mavi { border-color: #2f6fa3; background: linear-gradient(180deg, #1c5a8c, #0b2a47); }
.klasik section.k-magaza figure.ddownload p.k-not { color: #5f7287; font-size: 11px; }
/* rehber: icerik + alt menu (guide.css) */
.klasik section.guide_content { float: left; width: 555px; padding: 10px 5px 5px 40px; }
.klasik section.guide_content figure { width: 474px; max-width: 100%; margin: 14px 0 0 14px; }
.klasik section.guide_content figure img { display: block; width: 100%; height: auto; margin: 10px 0; border: 1px solid #1e344e; }
.klasik aside.submenu { float: right; width: 200px; margin: 40px 70px 0 0; }
.klasik aside.submenu .accordion { padding: 6px 0 10px; border: 1px solid #1e344e; border-bottom: 0; background: linear-gradient(180deg, #0c1a2a 0%, #060d16 100%); }
.klasik aside.submenu .k-alt-uc { height: 14px; border: 1px solid #1e344e; border-top: 0; background: linear-gradient(180deg, #060d16, #02060b); }
.klasik aside.submenu h2 { margin: 0; font: normal 14px Tahoma, Geneva, sans-serif; }
.klasik aside.submenu h2 a { display: block; padding: 10px 0 10px 30px; color: #6fa7d6; }
.klasik aside.submenu h2 a:hover, .klasik aside.submenu h2 a.secili { color: #fff; }
.klasik aside.submenu h2 a.secili::before { content: "›"; margin: 0 6px 0 -12px; color: #ffb105; }
.klasik hr.bar { width: 162px; height: 1px; margin: 0 19px; border: 0; background: #333; }

/* ------------------------------------------------------------ alt bilgi */
.k-alt { clear: both; padding: 6px 0 40px; text-align: center; }
.k-alt img { display: block; width: 180px; height: auto; margin: 0 auto 8px; opacity: .9; }
.k-alt p { margin: 0 0 4px; color: #fff; font: 10px/13px Tahoma, Geneva, sans-serif; }
.k-alt p a { color: #9fb3c9; }
.k-alt p a:hover { color: #fff; }
.k-alt .k-alt__hype { margin: 16px 0 0; }
.k-alt .k-alt__hype img { width: 120px; height: auto; margin: 0 auto; opacity: .85; }

/* ------------------------------------------------------------ dar ekran: tek sutun */
@media (max-width: 1099px) {
  body.klasik { background-size: 1700px auto; }
  .k-gnb { width: auto; height: auto; padding: 0 8px; justify-content: center; }
  .k-gnb__ic { flex-wrap: wrap; height: auto; min-height: 34px; border-radius: 0 0 6px 6px; }
  .k-gnb a.k-gnb__oge, .k-gnb span.k-gnb__oge { padding: 8px 10px; }
  .k-kap { width: auto; max-width: 760px; padding: 0 12px; }
  .k-ust { height: auto; padding: 10px 0 8px; text-align: center; }
  .k-logo { margin: 0; }
  .k-logo img { height: 62px; }
  .k-oyna { position: static; width: max-content; max-width: 100%; margin: 8px auto 0; transform: none; }
  .k-oyna img { width: 330px; max-width: 100%; }
  .k-afis { width: auto; height: auto; flex-direction: column; padding: 0; }
  .k-afis__ana { width: 100%; height: auto; min-height: 190px; aspect-ratio: 775 / 315; margin: 0; }
  .k-afis__metin { left: 5%; bottom: 8%; max-width: 90%; }
  .k-afis .gameTitle { font-size: 18px; }
  .k-afis .headline { font-size: 22px; }
  .k-afis .bannerBody { font-size: 13px; }
  .k-afis .learnMore { margin-top: 8px; }
  .k-afis__kucuk { flex-direction: row; width: auto; margin: 8px 0 0; }
  .k-afis__kucuk li { flex: 1 1 0; height: 70px; min-width: 0; }
  .k-kucuk { padding: 6px 7px; }
  .k-kucuk b { font-size: 12px; }
  .k-kucuk span { display: none; }
  .k-duyuru { width: auto; margin: 8px 0; }
  .k-cerceve, .k-cerceve--ic { width: auto; min-height: 0; margin-top: 12px; padding: 10px 10px 18px; border: 1px solid #1e344e;
    background: linear-gradient(180deg, #0a1828 0%, #04090f 360px, #000 100%); box-shadow: inset 0 0 0 1px #000, 0 6px 20px rgba(0, 0, 0, .8); }
  .k-alt-kenar { display: none; }
  /* ic sayfalarda once icerik, hesap dugmeleri altta (ana sayfada klasik sira: dugmeler ustte) */
  .k-cerceve--ic { display: flex; flex-direction: column; }
  .k-cerceve--ic > aside.left_side { order: 5; margin-top: 18px; padding-top: 14px; border-top: 1px solid #1e344e; }
  .klasik nav.navi_main { height: auto; padding: 0 0 6px; border-bottom: 1px solid #1e344e; }
  .klasik nav.navi_main ul { flex-wrap: wrap; justify-content: center; gap: 2px 6px; }
  .m--rehber { width: 102px; margin-left: 0; } .m--haber { width: 133px; } .m--sira { width: 129px; } .m--magaza { width: 111px; } .m--indir { width: 86px; }
  .m--topluluk { width: 170px; --konum: -32px 0; }
  .klasik nav.dropdown { display: none !important; }
  .klasik aside.left_side { float: none; display: grid; grid-template-columns: repeat(2, minmax(0, 180px)); justify-content: center; align-items: center; gap: 8px;
    width: auto; min-height: 0; padding: 12px 0 0; }
  .klasik aside.left_side .k-cizgi { display: none; }
  .k-resim { width: 100% !important; height: auto !important; padding: 0 !important; margin: 0 !important; background-size: 100% auto, auto; }
  .k-resim.login, .k-resim.register { aspect-ratio: 180 / 75; }
  .k-resim.recharge { aspect-ratio: 185 / 68; }
  .k-resim.promo { aspect-ratio: 184 / 89; }
  .k-resim.powerup { aspect-ratio: 180 / 114; }
  .k-resim.kimlik { aspect-ratio: 360 / 205; }
  .loginInfo, .k-sifre, .k-tek { grid-column: 1 / -1; justify-self: center; }
  .k-tek.k-resim { width: 180px !important; }
  .loginInfo { width: 100%; max-width: 368px; }
  .k-sifre { width: 100%; max-width: 368px; margin: 0; }
  .klasik section.main_content { float: none; width: auto; margin: 22px 0 0; }
  .klasik .tab-box { width: auto; padding-left: 0; }
  .klasik .tab-box label { padding: 5px 10px; }
  .k-sekmeli > .s1:checked ~ .tab-box .l1, .k-sekmeli > .s2:checked ~ .tab-box .l2, .k-sekmeli > .s3:checked ~ .tab-box .l3, .k-sekmeli > .s4:checked ~ .tab-box .l4 { padding: 6px 10px; }
  .tabcontent { width: auto; }
  .klasik a.more { margin: 10px 0 0 auto; }
  .klasik table.tabtext a { font-size: 13px; }
  .klasik table.tabtext col.k-tarih-sutun { width: 74px; }
  .klasik table.tabtext td.k-tarih { padding-right: 2px; }
  .k-rozet { width: 62px; margin-right: 6px; }
  .klasik table.tableRank { width: 100%; }
  .klasik table.tableRank td { padding: 2px 4px; }
  .klasik table.tableRank span.rank-number { margin: 0 4px 0 0; }
  .klasik table.tableRank span.num { width: calc(100% - 24px); max-width: 150px; }
  .klasik aside.right_side { float: none; display: flex; flex-direction: column; align-items: center; width: auto; max-width: 368px; margin: 24px auto 0; }
  .right_side_content { width: 100%; background-size: 100% 1px; }
  .klasik div.location { float: none; height: auto; margin: 12px 0 0; text-align: left; }
  .klasik section.contents, .klasik section.guide_content { float: none; width: auto; padding: 8px 0 0; }
  .klasik aside.submenu { float: none; width: auto; margin: 18px 0 0; }
  .klasik hr.bar { width: auto; }
  .k-sayfa-baslik { min-height: 0; margin-bottom: 18px; padding-left: 58px; }
  .k-sayfa-baslik__simge { width: 46px; height: 46px; }
  .k-sayfa-baslik strong { font-size: 26px; }
  .k-sayfa-baslik h1 { font-size: 17px; }
  .k-sayfa-baslik__ek { position: static; justify-content: flex-start; margin: 10px 0 0 -58px; }
  .klasik div.rank_title { height: auto; min-height: 80px; margin-bottom: 16px; padding-top: 50px; background-size: 700px auto; }
  .klasik div.rank_title h1 { position: static; margin: 0 0 0 80px; font-size: 18px; white-space: normal; }
  .k-rank-sec { position: static; justify-content: flex-start; margin: 10px 0 0; }
  .klasik dl.rank123 { width: 100%; margin: 0 0 6px; justify-content: center; }
  .klasik dl.rank123 dd.rank1, .klasik dl.rank123 dd.rank3 { flex: 210 1 0; width: auto; height: auto; aspect-ratio: 1 / 1; min-width: 0; }
  .klasik dl.rank123 dd.rank2 { flex: 230 1 0; width: auto; height: auto; aspect-ratio: 230 / 210; min-width: 0; }
  .klasik dl.rank123 p { top: 42%; left: 18%; right: 18%; font-size: 10px; line-height: 1.05em; }
  .klasik dl.rank123 h5 { font-size: 11px; line-height: 14px; top: 64%; }
  .klasik section.guide_content.k-magaza { width: auto; padding: 8px 0 0; }
  .klasik section.k-magaza figure.ddownload p { margin-bottom: 20px; }
  .k-isaret { width: 18px; height: 18px; margin: -9px 0 0 -9px; font-size: 10px; border-width: 1px; }
  .klasik .dataTables_filter { float: none; }
  .klasik .dataTables_paginate { justify-content: center; }
  .klasik .gizle-tel { display: none; }
  .klasik table.order { width: 100%; }
  .k-alt img { width: 150px; }
}
@media (max-width: 420px) {
  .k-afis .bannerBody { display: none; }
  .k-afis .headline { font-size: 19px; }
  .klasik .tab-box label { padding: 5px 7px; font-size: 11px; }
  .k-sekmeli > .s1:checked ~ .tab-box .l1, .k-sekmeli > .s2:checked ~ .tab-box .l2, .k-sekmeli > .s3:checked ~ .tab-box .l3, .k-sekmeli > .s4:checked ~ .tab-box .l4 { padding: 6px 7px; }
  .k-rozet { display: none; }
}

/* [12.10] upgrade tasmasi: eski temanin 3 sutunlu izgarasi (.izgara-3) klasik orta alana sigmiyordu (ucret sutunu karttan
   tasiyordu). Klasik cercevede en cok 2 sutun; tablo kart genisliginde; oran cubugu dar kartta kisalir. */
@media (min-width: 1024px) { .klasik .eski-ic .izgara-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.klasik .eski-ic .upgrade .tablo { width: 100%; }
.klasik .eski-ic .upgrade .oran-cubuk { min-width: 70px; }
.klasik .eski-ic .upgrade td, .klasik .eski-ic .upgrade th { white-space: nowrap; }