/* ==========================================================================
   LYRA2 PANEL TEMASI  v2
   - Sabit (kaydirmada bozulmayan) hareketli arka plan + parcacik katmani
   - Genis paneller, mobil uyum
   - Eski Gameforge sprite/CDN gorsellerine bagimli degil (tamami CSS)
   Eski haline donmek icin header.php icindeki lyra2-theme.css satirini silmeniz yeterli.
   ========================================================================== */

:root{
  --l2-w:1280px;
  --l2-gold:#f4cc6a;
  --l2-gold-hi:#fffabd;
  --l2-wine-1:#6a0f18;
  --l2-wine-2:#2e050a;
  --l2-line:rgba(244,204,106,.42);
  --l2-parch-1:#efe0b6;
  --l2-parch-2:#dcc48c;
  --l2-ink:#4a1a10;
  --l2-red:#7b1325;
  --l2-serif:"Droid Serif","Georgia","Times New Roman",serif;
}

html{background:#12060a;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body.l2{
  background:transparent !important;
  min-width:0 !important;
  color:#f3e6c4;
  font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
  overflow-x:hidden;
}

/* ---------- SABIT SAHNE (arka plan) ---------- */
#l2-stage{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#12060a;pointer-events:none;contain:strict}
#l2-stage .l2-bg{
  position:absolute;inset:-3%;
  background:url('../img/lyra2-scene.webp') center 30% / cover no-repeat;
  filter:brightness(.62) saturate(.92) contrast(1.05);
  transform-origin:50% 40%;
  animation:l2-kenburns 48s ease-in-out infinite alternate;
  will-change:transform;
}
#l2-stage .l2-tint{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse at 50% 18%,rgba(255,150,70,.16),transparent 55%),
    linear-gradient(180deg,rgba(44,6,16,.58) 0%,rgba(30,5,12,.30) 38%,rgba(14,3,6,.78) 100%);
}
#l2-stage .l2-mist{
  position:absolute;left:-20%;right:-20%;height:38%;bottom:6%;
  background:radial-gradient(ellipse at 30% 60%,rgba(255,224,200,.16),transparent 62%),
             radial-gradient(ellipse at 75% 40%,rgba(255,196,170,.12),transparent 60%);
  filter:blur(18px);opacity:.8;animation:l2-mist 38s linear infinite alternate;will-change:transform;
}
#l2-stage .l2-mist.m2{bottom:22%;opacity:.5;animation-duration:56s;animation-direction:alternate-reverse}
#l2-stage .l2-vig{position:absolute;inset:0;box-shadow:inset 0 0 220px 40px rgba(0,0,0,.72)}
#l2-fx{position:absolute;inset:0;width:100%;height:100%;display:block}

@keyframes l2-kenburns{from{transform:scale(1.02) translate3d(-1%,0,0)}to{transform:scale(1.10) translate3d(1.2%,-1%,0)}}
@keyframes l2-mist{from{transform:translate3d(-6%,0,0)}to{transform:translate3d(6%,-3%,0)}}

/* ---------- UST ISTATISTIK BARI ---------- */
body.l2 > .netbarslot{height:auto !important;min-height:40px;background:linear-gradient(180deg,rgba(20,3,7,.92),rgba(20,3,7,.55)) !important;border-bottom:1px solid rgba(244,204,106,.22);position:relative;z-index:1100}
#mmonetbar,#mmonetbar #mmoContent,#mmonetbar .mmosmallbar,#mmonetbar .mmometin2{width:auto !important;height:auto !important;background:none !important;margin:0 !important;float:none !important}
#mmoGame{display:flex !important;flex-wrap:wrap;justify-content:center;gap:8px 10px;padding:8px 12px;width:auto !important;float:none !important;background:none !important}
.mmoBoxLeft,.mmoBoxRight,.mmo-breadcrumb{display:none !important}
.mmoBoxMiddle{
  float:none !important;height:auto !important;line-height:1.2 !important;background:linear-gradient(180deg,#6a0c14,#3a060b) !important;
  border:1px solid rgba(244,204,106,.4);border-radius:6px;padding:5px 14px !important;margin:0 !important;
  color:#f4d98f !important;font-size:12px;font-weight:bold;box-shadow:0 2px 6px rgba(0,0,0,.4);
}
#mmoOnline,#mmoOnline label{float:none !important;display:block;background:none !important;width:auto !important;height:auto !important;margin:0 !important;padding:0 !important;color:inherit !important}
#mmoFocus,#pagefoldtarget{display:none !important}

/* ---------- HERO / LOGO ---------- */
body.l2 > header[role="banner"]{
  position:relative !important;height:auto !important;min-width:0 !important;z-index:300;
  text-align:center;padding:10px 12px 0;
}
.l2-hero{position:relative;max-width:var(--l2-w);margin:0 auto}
.l2-logo{position:relative;display:block;width:min(540px,80vw);margin:0 auto;aspect-ratio:980/708;line-height:0}
.l2-logo img{width:100%;height:100%;display:block;filter:drop-shadow(0 12px 28px rgba(0,0,0,.65)) drop-shadow(0 0 22px rgba(255,120,30,.28));animation:l2-float 7s ease-in-out infinite;position:relative;z-index:1}
.l2-logo canvas{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:2}
@keyframes l2-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

/* HEMEN OYNA / kullanici cubugu */
body.l2 > header > .ui.container,
body.l2 > header > .ui.container.loggedin{
  position:relative !important;background:none !important;width:auto !important;height:auto !important;margin:-6px auto 0 !important;
  padding:0 !important;overflow:visible;z-index:300;display:flex;justify-content:center;
}
body.l2 > header > .ui.container > a.playfree{
  position:relative !important;top:auto !important;left:auto !important;width:auto !important;height:auto !important;
  display:inline-block;padding:14px 64px !important;line-height:1.1 !important;font-size:24px !important;
  letter-spacing:.06em;color:#fffbd0 !important;text-shadow:0 2px 0 rgba(0,40,0,.7),0 0 14px rgba(160,255,120,.45);
  background:linear-gradient(180deg,#7fd957 0%,#3f9a28 48%,#2a7418 52%,#3d9526 100%) !important;
  border:2px solid #f4cc6a;border-radius:10px;
  box-shadow:0 0 0 3px rgba(40,6,10,.85),0 8px 22px rgba(0,0,0,.6),0 0 24px rgba(110,220,70,.35),inset 0 1px 0 rgba(255,255,255,.55);
  transition:transform .18s ease,filter .18s ease;animation:l2-glow 3.2s ease-in-out infinite;
}
body.l2 > header > .ui.container > a.playfree:hover{transform:translateY(-2px) scale(1.03);filter:brightness(1.1)}
@keyframes l2-glow{0%,100%{box-shadow:0 0 0 3px rgba(40,6,10,.85),0 8px 22px rgba(0,0,0,.6),0 0 18px rgba(110,220,70,.25),inset 0 1px 0 rgba(255,255,255,.55)}
50%{box-shadow:0 0 0 3px rgba(40,6,10,.85),0 8px 22px rgba(0,0,0,.6),0 0 34px rgba(130,255,80,.6),inset 0 1px 0 rgba(255,255,255,.55)}}

body.l2 > header > .ui.container > .userinfo{
  position:relative !important;left:auto !important;top:auto !important;width:auto !important;height:auto !important;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 18px;
  padding:10px 18px;background:linear-gradient(180deg,rgba(106,15,24,.92),rgba(46,5,10,.94));
  border:1px solid var(--l2-line);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.55);
  font-family:var(--l2-serif);font-size:14px;color:var(--l2-gold-hi);
}
.userinfo .welcome-text-left,.userinfo .right{float:none !important;position:static !important;width:auto !important;margin:0 !important;padding:0 !important;background:none !important;color:var(--l2-gold-hi)}
.userinfo .right{color:#9fe27a;font-weight:bold}
.header-box-nav-container{width:auto !important;height:auto !important;margin:0 !important;padding:0 !important;overflow:visible !important}
.header-box-nav-login{display:flex;flex-wrap:wrap;gap:8px}
.header-box-nav-login li{float:none !important;margin:0 !important;padding:0 !important;background:none !important;width:auto !important}
a.nav-box-btn,.nav-box-btn{
  float:none !important;display:inline-block !important;width:auto !important;height:auto !important;margin:0 !important;
  padding:8px 18px !important;line-height:1.2 !important;font-size:13px !important;font-weight:bold;letter-spacing:.02em;
  color:#fff3b8 !important;text-decoration:none;background:linear-gradient(180deg,#9b1c26,#5e0b13) !important;
  border:1px solid var(--l2-line);border-radius:7px;box-shadow:inset 0 1px 0 rgba(255,220,160,.25);transition:filter .15s,transform .15s;
}
a.nav-box-btn:hover{filter:brightness(1.2);transform:translateY(-1px)}
a.nav-box-btn-1{background:linear-gradient(180deg,#e0a52c,#9a6310) !important;color:#2a0d00 !important}

/* ---------- ANA DUZEN ---------- */
body.l2 > .container{
  position:relative;display:flex;align-items:flex-start;gap:24px;z-index:350 !important;
  width:min(var(--l2-w),calc(100% - 32px)) !important;margin:22px auto 0 !important;padding:0 0 48px !important;z-index:100;
}
body.l2 > .container::before,body.l2 > .container::after{display:none !important}
div[role="navigation"]{flex:0 0 220px;width:220px;position:sticky;top:14px;align-self:flex-start;z-index:5}
div[role="navigation"]:after,body.l2 > .container > div.secondary:after,body.l2 > .container > div[role="main"]:after{content:none !important;display:none !important}
body.l2 > .container > div[role="main"]{
  float:none !important;flex:1 1 0;min-width:0;width:auto !important;margin:0 !important;padding:30px 38px 38px !important;min-height:520px !important;
  position:relative;color:var(--l2-ink);font-size:14px;
  background:
    radial-gradient(ellipse at 20% 0%,rgba(255,255,235,.45),transparent 60%),
    linear-gradient(180deg,var(--l2-parch-1),var(--l2-parch-2)) !important;
  border:1px solid #8b5a2a;border-radius:12px;
  box-shadow:0 14px 40px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,248,214,.55),inset 0 0 0 7px rgba(122,66,26,.12),inset 0 0 60px rgba(120,70,20,.22);
}
body.l2 > .container > div.secondary{float:none !important;flex:0 0 270px;width:270px !important;margin:0 !important;position:relative}

/* ---------- SOL MENU + SAG PANELLER (ortak cerceve) ---------- */
body.l2 nav,
body.l2 > .container > .secondary > aside{
  background:linear-gradient(180deg,rgba(112,16,26,.95) 0%,rgba(58,7,13,.97) 55%,rgba(36,4,9,.98) 100%) !important;
  border:1px solid var(--l2-line);border-radius:12px;
  box-shadow:0 12px 32px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,236,170,.2),inset 0 0 0 1px rgba(0,0,0,.55),inset 0 0 40px rgba(0,0,0,.35);
  padding:18px 18px 16px !important;margin:0 0 20px !important;position:relative;
}
body.l2 nav:before,body.l2 nav:after,
body.l2 > .container > .secondary > aside:before,body.l2 > .container > .secondary > aside:after{content:none !important;display:none !important}

body.l2 nav > ul{width:auto !important;margin:0 !important}
body.l2 nav > ul > li{background:none !important;border-bottom:1px solid rgba(244,204,106,.2);padding:2px 0 6px;margin-bottom:6px}
body.l2 nav > ul > li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:2px}
body.l2 nav a{font-size:14px;line-height:1.35;padding:3px 10px;border-radius:6px;transition:background .15s,color .15s,padding-left .15s}
body.l2 nav > ul > li > a{font-size:18px;height:auto;line-height:1.3;padding:6px 10px;margin-bottom:2px;color:var(--l2-gold-hi);text-shadow:0 1px 0 #000}
body.l2 nav a.selected,body.l2 nav a:hover{background:linear-gradient(90deg,rgba(244,204,106,.22),rgba(244,204,106,0)) !important;color:#fff;padding-left:14px}
body.l2 nav a.selected:before,body.l2 nav a:hover:before,body.l2 nav > ul > li > a.selected:before,body.l2 nav > ul > li > a:hover:before{content:none !important;display:none !important}
body.l2 nav li ul{margin:0 0 4px 6px}
body.l2 nav li li{margin:1px 0}
body.l2 nav li li a{font-size:14px;color:#f4cc6a}

body.l2 .secondary > aside > h2{
  background:none !important;height:auto !important;padding:0 0 9px !important;margin:0 0 12px !important;
  font-size:19px;line-height:1.2;color:var(--l2-gold-hi);text-shadow:0 1px 0 #000;
  border-bottom:1px solid rgba(244,204,106,.28);
}
/* indir kutusu */
body.l2 .secondary > aside.download > a,body.l2 .secondary > aside.itemshop > a{
  width:auto !important;height:auto !important;text-indent:0 !important;display:block;background:none !important;
  padding:13px 10px !important;text-align:center;font-family:var(--l2-serif);font-size:15px;font-weight:bold;letter-spacing:.04em;
  color:#2b0f00 !important;text-decoration:none;border-radius:9px;border:1px solid #fbe9a8;
  background:linear-gradient(180deg,#ffd978,#e0a02b 55%,#b9780f) !important;box-shadow:0 5px 14px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.7);
  transition:transform .15s,filter .15s;
}
body.l2 .secondary > aside.download > a:hover,body.l2 .secondary > aside.itemshop > a:hover{transform:translateY(-2px);filter:brightness(1.08)}

/* siralama kutusu */
body.l2 .secondary > aside.highscore{font-size:13px}
body.l2 .secondary > aside ul.tabcontrols{display:flex;gap:6px;margin:0 0 10px;padding:0;float:none !important;width:auto !important;height:auto !important;background:none !important}
body.l2 .secondary > aside ul.tabcontrols li{float:none !important;width:auto !important;height:auto !important;flex:1;background:rgba(0,0,0,.3) !important;border:1px solid rgba(244,204,106,.3);border-radius:7px;text-align:center;padding:4px 0}
body.l2 .secondary > aside ul.tabcontrols li.selected{background:rgba(244,204,106,.2) !important;border-color:var(--l2-gold)}
body.l2 .secondary > aside ul.tabcontrols li a{display:block;background:none !important;height:auto !important;width:auto !important;padding:0}
body.l2 .secondary > aside ul.tabcontrols li img{display:inline-block;vertical-align:middle;max-height:20px;width:auto}
body.l2 .secondary > aside.highscore table{width:100% !important;margin:0}
body.l2 .secondary > aside.highscore table tr{height:28px}
body.l2 .secondary > aside.highscore table tr.alt{background:rgba(255,255,255,.06) !important;background-image:none !important}
body.l2 .secondary > aside.highscore td.position{width:26px;color:#dab353;text-align:left;padding-left:6px}
body.l2 .secondary > aside.highscore td.name > a{color:#f0cf8d;font-size:14px;padding:0 4px}
body.l2 .secondary > aside.highscore td.name > a:hover{color:#fff}
body.l2 .secondary > aside.highscore td.faction{width:auto;text-align:right;padding-right:8px;font-weight:bold;color:#f4a93b !important}
body.l2 .secondary > aside.highscore > .tab > a{
  display:block;width:auto !important;height:auto !important;margin:12px 0 0 !important;padding:8px 10px !important;background:rgba(0,0,0,.3) !important;
  border:1px solid rgba(244,204,106,.35);border-radius:7px;text-align:center;font-size:12px;line-height:1.2;color:#f4cc6a;text-decoration:none;transition:background .15s
}
body.l2 .secondary > aside.highscore > .tab > a:hover{background:rgba(244,204,106,.2) !important;text-decoration:none}
/* event takvimi iframe */
body.l2 .secondary > aside iframe#fancybox-frame{width:100% !important;height:320px !important;margin:0 !important;border-radius:8px;background:transparent}

/* ---------- TANITIM -> INDIR & OYNA ROZETI ---------- */
body.l2 #coop.pepsi{
  position:absolute !important;left:auto !important;right:-6px;top:-152px !important;width:250px !important;height:162px !important;
  background:none !important;z-index:400 !important;overflow:visible !important;pointer-events:none;
}
body.l2 #coop.pepsi a{
  position:relative;display:block;width:100%;height:100%;pointer-events:auto;text-decoration:none;
  background:url('../img/lyra2-azrail.png') center / contain no-repeat;
  transform-origin:42% 60%;animation:l2-heart 1.5s ease-in-out infinite;
  filter:drop-shadow(0 6px 14px rgba(0,0,0,.7));
}
body.l2 #coop.pepsi a:after{
  content:"TANITIM";position:absolute;left:73.5%;top:55.5%;
  transform:translate(-50%,-50%) rotate(-8deg);
  font-family:var(--l2-serif);font-weight:bold;font-size:16px;line-height:1;letter-spacing:.06em;text-align:center;white-space:nowrap;
  color:#ffe9a6;text-shadow:0 1px 0 #3a1500,0 0 10px rgba(255,170,40,.85);
}
body.l2 #coop.pepsi a:before{
  content:"";position:absolute;left:46%;top:30%;width:50%;height:44%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(255,170,50,.55),rgba(255,120,20,0));z-index:-1;animation:l2-heartglow 1.5s ease-in-out infinite;
}
body.l2 #coop.pepsi a:hover{filter:drop-shadow(0 6px 14px rgba(0,0,0,.7)) brightness(1.15);animation-duration:.9s}
/* kalp atisi: cift vurus (lub-dub) */
@keyframes l2-heart{
  0%{transform:scale(1)} 12%{transform:scale(1.10)} 24%{transform:scale(1)} 36%{transform:scale(1.07)} 52%,100%{transform:scale(1)}
}
@keyframes l2-heartglow{0%,100%{opacity:.35;transform:scale(.9)}12%{opacity:1;transform:scale(1.25)}24%{opacity:.4;transform:scale(.95)}36%{opacity:.85;transform:scale(1.15)}}

/* ---------- ICERIK (parsomen) ---------- */
body.l2 div[role="main"] .content,body.l2 div[role="main"] .content-bg,body.l2 div[role="main"] .content-bg-bottom,
body.l2 div[role="main"] .content-last{width:auto !important;max-width:none !important;margin:0 !important;padding:0 !important;background:none !important;float:none !important;min-height:0 !important}
body.l2 div[role="main"] h1,body.l2 div[role="main"] h2,body.l2 div[role="main"] h3,body.l2 div[role="main"] h4,body.l2 div[role="main"] h5,body.l2 div[role="main"] strong{color:var(--l2-red);font-weight:bold}
body.l2 div[role="main"] h2{
  background:none !important;margin:0 0 20px !important;padding:0 0 12px !important;font-size:26px;line-height:1.2;
  border-bottom:2px solid rgba(123,19,37,.35);text-shadow:0 1px 0 rgba(255,255,255,.5);
}
body.l2 div[role="main"] li,body.l2 div[role="main"] p{font-size:14px;line-height:1.65}
body.l2 div[role="main"] a{color:var(--l2-red)}
body.l2 article{margin:0 0 24px !important;width:auto !important}
body.l2 article.trailer{position:relative;width:100% !important;height:auto !important;aspect-ratio:16/9;margin:0 0 26px !important;border:2px solid #b78a45;border-radius:10px;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.55)}
body.l2 article.trailer iframe{position:absolute;inset:0;width:100% !important;height:100% !important}
body.l2 article.mini-gallery{width:auto !important;height:auto !important;padding:0 !important;margin:24px 0 0 !important}
body.l2 article.mini-gallery img{max-width:100%;height:auto;margin:12px 0 0 !important}
body.l2 #fb{max-width:100%;overflow:hidden}

/* haberler */
body.l2 #news_compact{width:auto !important}
body.l2 #news_compact ul{margin:0 0 18px;padding:16px 18px;background:rgba(255,250,225,.4);border:1px solid rgba(139,90,42,.4);border-radius:10px;transition:background .15s,transform .15s}
body.l2 #news_compact ul:hover{background:rgba(255,252,236,.62);transform:translateY(-1px)}
body.l2 #news_compact li{list-style:none}
body.l2 #news_compact h4{font-size:12px;color:#8a5a2a !important;margin-bottom:2px;letter-spacing:.04em}
body.l2 #news_compact h3{font-size:19px;margin-bottom:6px}
body.l2 #news_compact h3 a{color:var(--l2-red) !important;text-decoration:none}
body.l2 #news_compact h3 a:hover{text-decoration:underline}
body.l2 #news_compact img.full{max-width:100%;width:auto !important;height:auto}
body.l2 .news_link{font-weight:bold;white-space:nowrap}
body.l2 #news p.message{overflow-wrap:anywhere}
body.l2 #news img{max-width:100%;height:auto}

/* formlar */
body.l2 .inner-form-border{width:auto !important;max-width:620px;margin:6px auto 18px !important;padding:0;border:2px solid rgba(139,90,42,.6);border-radius:12px;background:rgba(122,66,26,.08)}
body.l2 .inner-form-box{background:rgba(255,250,228,.45) !important;border:1px solid rgba(198,171,116,.8);border-radius:10px;color:var(--l2-ink);padding:22px 26px !important}
body.l2 .inner-form-box h3{height:auto !important;font-size:20px;margin-bottom:10px}
body.l2 .trenner{background:none !important;width:100% !important;height:0 !important;border-top:1px solid rgba(139,90,42,.45);margin:0 0 16px}
body.l2 .inner-form-box label{display:block;font-size:13px;font-weight:bold;margin:0 0 5px;color:var(--l2-ink)}
body.l2 .inner-form-box > form > div,body.l2 .inner-form-box form > div{margin-bottom:14px}
body.l2 input[type=text],body.l2 input[type=password],body.l2 input[type=email],body.l2 input[type=tel],body.l2 input[type=number],body.l2 select,body.l2 textarea,
body.l2 #login .inner-form-box input,body.l2 #register .inner-form-box input,body.l2 #changePw .inner-form-box input,body.l2 #emailChange .inner-form-box input,
body.l2 #pwLost .inner-form-box input,body.l2 #resendActiv .inner-form-box input,body.l2 #lostPasswordCode .inner-form-box input,body.l2 #move .inner-form-box input,body.l2 #captcha .inner-form-box input,body.l2 #regForm1 input{
  background:#fffdf3 !important;border:1px solid #8b5a2a !important;border-radius:7px !important;color:#3a1c10 !important;
  font:bold 15px/1.2 Arial,Helvetica,sans-serif !important;height:40px !important;padding:8px 12px !important;width:100% !important;max-width:420px;
  box-shadow:inset 0 2px 4px rgba(90,50,10,.18);transition:border-color .15s,box-shadow .15s;
}
body.l2 textarea{height:auto !important;min-height:110px;max-width:100%}
body.l2 input:focus,body.l2 select:focus,body.l2 textarea:focus{outline:0;border-color:var(--l2-red) !important;box-shadow:0 0 0 3px rgba(123,19,37,.22),inset 0 2px 4px rgba(90,50,10,.12)}
body.l2 .select-box{background:#fffdf3 !important;border:1px solid #8b5a2a !important;border-radius:7px;height:40px !important;width:100% !important;max-width:420px;padding:8px 10px !important;font:bold 15px Arial,sans-serif;color:#3a1c10}
body.l2 #login #checkerror input,body.l2 #register #checkerror input,body.l2 #register #checktransfer input,body.l2 #captcha #checkerror input,body.l2 input[type=checkbox],body.l2 input[type=radio]{width:auto !important;height:auto !important;box-shadow:none;margin-right:6px}

/* butonlar (ortak) */
body.l2 #changePw #submitBtn,body.l2 #emailChange #submitBtn,body.l2 #resendActiv #submitBtn,body.l2 #pwLost #submitBtn,body.l2 #lostPasswordCode #submitBtn,body.l2 #login #submitBtn,body.l2 #move #submitBtn,
body.l2 #register #submitBtn,body.l2 #captcha #submitBtn,body.l2 #subscribe .btn-big,body.l2 a.btn-big,body.l2 #regForm1 #submitBtn,body.l2 .btn-newaccount,
body.l2 .btn,body.l2 a.btn,body.l2 .btn-giris,body.l2 a.btn-giris,body.l2 input[type=submit],body.l2 button[type=submit],body.l2 input[type=button]{
  display:inline-block;width:auto !important;height:auto !important;min-width:130px;padding:11px 26px !important;margin:6px 0;
  font:bold 14px/1.2 var(--l2-serif) !important;letter-spacing:.03em;text-align:center;text-decoration:none !important;cursor:pointer;
  color:#fff4c4 !important;text-shadow:0 1px 1px #2a0006;background:linear-gradient(180deg,#b3202c,#6f0d16) !important;
  border:1px solid #f4cc6a !important;border-radius:8px !important;box-shadow:0 4px 10px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,220,160,.35);
  transition:filter .15s,transform .15s;
}
body.l2 .btn:hover,body.l2 a.btn:hover,body.l2 .btn-giris:hover,body.l2 input[type=submit]:hover,body.l2 button[type=submit]:hover,body.l2 #register #submitBtn:hover,body.l2 #login #submitBtn:hover,body.l2 a.btn-big:hover{filter:brightness(1.2);transform:translateY(-1px);background-position:0 0 !important}
body.l2 .btn.active{background:linear-gradient(180deg,#e0a52c,#9a6310) !important;color:#2a0d00 !important;text-shadow:none}
body.l2 .secondary input.btn-login,body.l2 input.btn-login{width:100% !important;max-width:none}
body.l2 .secondary .form-login label{display:block;color:#f4d98f;font-size:13px;margin:8px 0 4px}
body.l2 .secondary .form-login .input{background:none !important;width:auto !important;height:auto !important;padding:0 !important}
body.l2 .secondary .form-login input[type=text],body.l2 .secondary .form-login input[type=password]{max-width:none;height:38px !important;background:#fffdf3 !important}
body.l2 .secondary .agbok{margin-top:10px;font-size:12px;line-height:1.7}
body.l2 .secondary .agbok a{color:#f4cc6a;display:block}
body.l2 .secondary .agbok a:hover{color:#fff}

/* uyari kutulari */
body.l2 .error-holder{margin:0 0 14px}
body.l2 .error-holder > div,body.l2 .alert,body.l2 .callout,body.l2 #validation span{
  display:block;background:#fbe6e4 !important;border:1px solid #d9a3a3 !important;border-radius:8px;color:#8b1e2b !important;
  padding:12px 16px !important;font-size:13px;font-weight:bold;line-height:1.5;width:auto !important;height:auto !important;
}
body.l2 .error-holder .light_brown,body.l2 .alert-warning,body.l2 .callout-warning{background:#fbf0d2 !important;border-color:#dcc07a !important;color:#7a5410 !important}
body.l2 .alert-success,body.l2 .callout-success,body.l2 #validation span.success{background:#e4f4dc !important;border-color:#a3cf93 !important;color:#2d6a1c !important}
body.l2 .alert-info,body.l2 .callout-info{background:#e1eef8 !important;border-color:#9cc0dc !important;color:#1f4f77 !important}
body.l2 .error_icons{display:none !important}

/* tablolar (siralama, indirme, profil) */
body.l2 .ranks-inner-content,body.l2 .download-inner-content,body.l2 .inner-content,body.l2 .char-list-content{width:auto !important;max-width:none !important;margin:0 !important;padding:0 !important;background:none !important}
body.l2 .ranks-inner-content table,body.l2 #highscore table,body.l2 #guildHighscore table,body.l2 .download-inner-content table,body.l2 div[role="main"] table{width:100% !important;max-width:100%;table-layout:auto !important;border-collapse:separate;border-spacing:0}
body.l2 .ranks-inner-content th,body.l2 #highscore th,body.l2 #guildHighscore th{
  background:linear-gradient(180deg,#8c1522,#5a0b14) !important;color:#fff0b8 !important;font:bold 13px var(--l2-serif);padding:11px 8px !important;text-align:center;border:0;height:auto !important;width:auto !important
}
body.l2 .ranks-inner-content th:first-child{border-radius:8px 0 0 0}body.l2 .ranks-inner-content th:last-child{border-radius:0 8px 0 0}
body.l2 .ranks-inner-content td,body.l2 #highscore td,body.l2 #guildHighscore td{padding:9px 8px !important;text-align:center;border-bottom:1px solid rgba(139,90,42,.25);font-size:13px;height:auto !important;width:auto !important;background:none;color:var(--l2-ink)}
body.l2 .ranks-inner-content tr.zebra td,body.l2 .ranks-inner-content tr.rankfirst td,body.l2 tr.zebra td{background:rgba(255,250,225,.45)}
body.l2 .ranks-inner-content tr:hover td{background:rgba(244,204,106,.35)}
body.l2 .ranks-inner-content td img{max-height:28px;width:auto;vertical-align:middle}
body.l2 .bg-dark{background:none !important;display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}
body.l2 .col-50{width:auto !important;float:none !important}
body.l2 .col-50 > a.btn{float:none !important;margin:0 !important}
body.l2 .ranks-nav,body.l2 .ranks-update-time,body.l2 .ranks-dropdowns-box{width:auto !important}
body.l2 br.clearfloat{display:none}

/* indir sayfasi */
body.l2 #download .download-inner-content h3{font-size:18px;margin-bottom:14px}
body.l2 #downloadText{width:auto !important}
body.l2 #download table td{padding:12px 14px !important;border-bottom:1px solid rgba(139,90,42,.25);font-size:14px;color:var(--l2-ink)}
body.l2 #download table tr.zebra td{background:rgba(255,250,225,.5)}
body.l2 #download table td:last-child{text-align:right;white-space:nowrap}
body.l2 #requirements{display:inline-block;margin:10px 0;font-weight:bold}
body.l2 #required table{margin-top:8px}
body.l2 #required caption{text-align:left;font-weight:bold;color:var(--l2-red);padding:6px 0}

/* ---------- FOOTER ---------- */
footer[role="contentinfo"]{
  position:relative;z-index:99;height:auto !important;padding:30px 16px 34px !important;background:linear-gradient(180deg,rgba(14,3,6,0),rgba(14,3,6,.9) 40%) !important;
  text-align:center;color:#c9a96a;clear:both;
}
footer[role="contentinfo"] > .container{width:min(var(--l2-w),100%) !important;height:auto !important;position:static !important;padding:0 !important;background:none !important}
footer[role="contentinfo"] a{color:#f4cc6a}
footer[role="contentinfo"] p{margin:6px 0;font-size:13px;line-height:1.6}
.l2-foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:0 0 12px;padding:0}
.l2-foot-links a{font-size:13px;text-decoration:none;opacity:.9}.l2-foot-links a:hover{opacity:1;text-decoration:underline}
.l2-age{display:inline-block;margin:0 0 12px;padding:4px 12px;border:1px solid rgba(244,204,106,.5);border-radius:6px;font-size:12px;font-weight:bold;color:#f4cc6a}

/* dil secici / discord */
.languagepicker{z-index:9999}

/* mobil menu dugmesi (masaustunde gizli) */
.l2-menu-btn{display:none}

/* ---------- ORTA EKRAN ---------- */
@media (max-width:1180px){
  div[role="navigation"]{flex-basis:200px;width:200px}
  body.l2 > .container > div.secondary{flex-basis:240px;width:240px !important}
  body.l2 > .container{gap:18px}
  body.l2 > .container > div[role="main"]{padding:26px 28px 32px !important}
}

/* ---------- TABLET ---------- */
@media (max-width:980px){
  body.l2 > .container{flex-wrap:wrap}
  div[role="navigation"]{order:0;flex:1 1 100%;width:100%;position:relative;top:auto}
  body.l2 nav{padding:12px 14px !important;margin-bottom:0 !important}
  body.l2 nav > ul{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 8px}
  body.l2 nav > ul > li{border:0;margin:0;padding:0;position:relative}
  body.l2 nav > ul > li > a{font-size:16px;padding:8px 14px}
  body.l2 nav li ul{display:none;position:absolute;top:100%;left:0;min-width:190px;z-index:50;margin:0;padding:8px;
     background:linear-gradient(180deg,#6a0f18,#2e050a);border:1px solid var(--l2-line);border-radius:9px;box-shadow:0 12px 26px rgba(0,0,0,.6)}
  body.l2 nav li:hover > ul,body.l2 nav li:focus-within > ul,body.l2 nav li.open > ul{display:block}
  body.l2 > .container > div[role="main"]{order:1;flex:1 1 100%}
  body.l2 > .container > div.secondary{order:2;flex:1 1 100%;width:100% !important;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
  body.l2 > .container > .secondary > aside{margin:0 !important}
  body.l2 #coop.pepsi{position:relative !important;right:auto !important;top:auto !important;order:-1;grid-column:1/-1;justify-self:center;width:230px !important;height:150px !important}
  body.l2 #coop.pepsi a:after{font-size:14.5px}
}

/* ---------- TELEFON ---------- */
@media (max-width:640px){
  body.l2 > header[role="banner"]{padding-top:6px}
  .l2-logo{width:min(380px,92vw)}
  body.l2 > header > .ui.container > a.playfree{padding:12px 38px !important;font-size:19px !important}
  body.l2 > header > .ui.container > .userinfo{flex-direction:column;padding:12px}
  .header-box-nav-login{justify-content:center}
  body.l2 > .container{width:calc(100% - 20px) !important;margin-top:14px !important;gap:14px}
  .l2-menu-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px;margin:0 0 10px;cursor:pointer;
     font:bold 16px var(--l2-serif);color:var(--l2-gold-hi);background:linear-gradient(180deg,#8c1522,#4d0911);border:1px solid var(--l2-line);border-radius:10px}
  .l2-menu-btn i{display:block;width:20px;height:2px;background:currentColor;box-shadow:0 6px 0 currentColor,0 -6px 0 currentColor}
  body.l2 nav{display:none}
  body.l2 nav.open{display:block}
  body.l2 nav > ul{flex-direction:column;gap:0}
  body.l2 nav > ul > li{border-bottom:1px solid rgba(244,204,106,.2)}
  body.l2 nav > ul > li > a{font-size:17px;padding:11px 12px}
  body.l2 nav li ul{display:block;position:static;min-width:0;padding:0 0 8px 14px;background:none;border:0;box-shadow:none}
  body.l2 nav li li a{padding:8px 12px;font-size:15px}
  body.l2 > .container > div[role="main"]{padding:20px 16px 26px !important;min-height:0 !important}
  body.l2 div[role="main"] h2{font-size:21px}
  body.l2 .inner-form-box{padding:16px 14px !important}
  body.l2 input[type=text],body.l2 input[type=password],body.l2 input[type=email],body.l2 input[type=tel],body.l2 select,body.l2 .select-box{max-width:none}
  body.l2 .ranks-inner-content,body.l2 .download-inner-content,body.l2 #highscore,body.l2 #guildHighscore{overflow-x:auto;-webkit-overflow-scrolling:touch}
  body.l2 .ranks-inner-content table{min-width:540px}
  body.l2 #download table{min-width:0}
  body.l2 #download table td{padding:10px 8px !important;font-size:13px}
  body.l2 > .container > div.secondary{grid-template-columns:1fr}
  body.l2 #coop.pepsi{width:210px !important;height:136px !important}
  body.l2 #coop.pepsi a:after{font-size:13px}
  #mmoGame{gap:6px}
  .mmoBoxMiddle{font-size:11px;padding:4px 10px !important}
}

/* ---------- HAREKET AZALTMA ---------- */
@media (prefers-reduced-motion:reduce){
  #l2-stage .l2-bg,#l2-stage .l2-mist,.l2-logo img,body.l2 #coop.pepsi a,body.l2 #coop.pepsi a:before,body.l2 > header > .ui.container > a.playfree{animation:none !important}
}

/* ---------- GIRIS FORMU (sag panel) duzeltmesi ---------- */
body.l2 .secondary .form-login{width:auto !important;margin:0 !important;padding:0 !important;overflow:visible !important}
body.l2 .secondary .form-login .input{width:100% !important;height:auto !important;margin:0 0 6px !important;padding:0 !important;background:none !important}
body.l2 .secondary .form-login .input input{width:100% !important;margin:0 !important;height:40px !important;padding:8px 12px !important;font:bold 15px Arial,sans-serif !important}
body.l2 .secondary .form-login input.btn-login{margin-top:12px}
body.l2 .secondary .agbok a.password{padding:0 !important;background:none !important}
body.l2 .l2-dl-table{width:100% !important}

/* tasma onleme */
body.l2 input,body.l2 select,body.l2 textarea,body.l2 .select-box{box-sizing:border-box}
body.l2 input[type=checkbox],body.l2 input[type=radio]{box-sizing:content-box}
body.l2 .bg-dark,body.l2 .col-50,body.l2 .col-50 > a.btn{padding-left:0 !important;margin-left:0 !important}

/* ---------- v3 duzeltmeleri ---------- */
/* ust istatistik: kucuk ve ortali */
#mmoGame{width:100% !important;box-sizing:border-box;justify-content:center !important;gap:6px 8px !important;padding:6px 10px !important}
.mmoBoxMiddle{font-size:11px !important;padding:3px 10px !important;border-radius:5px !important}
body.l2 > .netbarslot{min-height:32px !important}
/* giris formu: panel icine sigdir */
body.l2 aside.login form,body.l2 #loginForm{width:100% !important;max-width:100% !important;margin:0 !important;padding:0 !important;float:none !important}
body.l2 .secondary .form-login{width:100% !important}
body.l2 .secondary .form-login .input,body.l2 .secondary .form-login .input input,body.l2 input.btn-login{width:100% !important;max-width:100% !important}
body.l2 .secondary .agbok{margin-left:0 !important;padding-left:2px}
body.l2 .secondary .agbok a{margin:0 0 3px;font-size:13px}
body.l2 .l2-rc{width:100%;height:62px;margin:4px 0 8px;overflow:visible}
body.l2 .l2-rc .g-recaptcha{transform:scale(.77);transform-origin:0 0;margin:0 !important}
body.l2 .secondary > aside iframe#fancybox-frame{height:390px !important}
#mmonetbar.mmometin2,#mmonetbar{position:relative !important;left:0 !important;top:0 !important;right:0 !important;width:100% !important}
#mmonetbar #mmoContent,#mmoContent.mmosmallbar{width:100% !important}