/* =====================================================================
   GoneBet Arena — "Sezar'ın Mührü" teması (Concept 03)
   Koyu orman yeşili + yeşil mermer + şampanya altını + Cinzel başlık.
   Bu dosya index.html'deki temel stillerin ÜZERİNE yüklenir; DOM ve JS aynı.
   ===================================================================== */

/* ---------- Fontlar (yerel) ---------- */
@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/fonts/inter-400.woff2) format("woff2"),url(/fonts/inter-400.ttf) format("truetype")}
@font-face{font-family:Inter;font-weight:500 600;font-display:swap;src:url(/fonts/inter-600.woff2) format("woff2"),url(/fonts/inter-600.ttf) format("truetype")}
@font-face{font-family:Inter;font-weight:700 900;font-display:swap;src:url(/fonts/inter-700.woff2) format("woff2"),url(/fonts/inter-700.ttf) format("truetype")}
/* Eski kodda "Sora" ve "Cinzel" ile yazılmış tüm başlıklar da Inter ile çizilir (tek yazı tipi; woff2 alt kümesi ~25 KB) */
@font-face{font-family:Sora;font-weight:400;font-display:swap;src:url(/fonts/inter-400.woff2) format("woff2"),url(/fonts/inter-400.ttf) format("truetype")}
@font-face{font-family:Sora;font-weight:500 600;font-display:swap;src:url(/fonts/inter-600.woff2) format("woff2"),url(/fonts/inter-600.ttf) format("truetype")}
@font-face{font-family:Sora;font-weight:700 900;font-display:swap;src:url(/fonts/inter-700.woff2) format("woff2"),url(/fonts/inter-700.ttf) format("truetype")}
@font-face{font-family:Cinzel;font-weight:400;font-display:swap;src:url(/fonts/inter-400.woff2) format("woff2"),url(/fonts/inter-400.ttf) format("truetype")}
@font-face{font-family:Cinzel;font-weight:500 600;font-display:swap;src:url(/fonts/inter-600.woff2) format("woff2"),url(/fonts/inter-600.ttf) format("truetype")}
@font-face{font-family:Cinzel;font-weight:700 900;font-display:swap;src:url(/fonts/inter-700.woff2) format("woff2"),url(/fonts/inter-700.ttf) format("truetype")}
/* Yazı tipi yüklenene kadar kayma olmasın: Arial'ı Inter ölçülerine uydur */
@font-face{font-family:"Inter Fallback";src:local("Arial"),local("Helvetica Neue"),local("Roboto");size-adjust:107.4%;ascent-override:90.2%;descent-override:22.5%;line-gap-override:0%}
html,body{font-family:Inter,"Inter Fallback",system-ui,sans-serif}

/* ---------- Palet ---------- */
:root{
  --gold:#d9b86a;--gold-2:#9a7a3a;--gold-3:#f3dfa4;--gold-ink:#1c1405;
  --gold-line:rgba(217,184,106,.32);--gold-glow:rgba(217,184,106,.30);
  --mint:#8fd9a8;--mint-2:#3f9a68;--glow:rgba(143,217,168,.22);--line-2:rgba(217,184,106,.26);
  --bg:#07130e;--bg2:#0b1d15;--stone:#0e2118;--surface:rgba(12,32,23,.82);--surface-2:#10281d;
  --line:rgba(217,184,106,.16);--ink:#f2ecdc;--muted:#a3b3a5;
  --marble:
    radial-gradient(120% 80% at 10% 0%,rgba(255,255,255,.05),transparent 50%),
    radial-gradient(80% 60% at 90% 100%,rgba(217,184,106,.06),transparent 55%),
    linear-gradient(160deg,#0f2a1e 0%,#0a1d15 45%,#0c2419 100%);
  --shadow:0 24px 60px -28px rgba(0,0,0,.95);--r:16px;
}
body{color:var(--ink);background:var(--bg)}
body::before{background:
  radial-gradient(55% 35% at 85% 0%,rgba(217,184,106,.10),transparent 60%),
  radial-gradient(60% 40% at 10% 0%,rgba(63,154,104,.18),transparent 60%),
  radial-gradient(50% 30% at 50% 100%,rgba(217,184,106,.06),transparent 70%),
  linear-gradient(180deg,#0b1f16,#07130e 40%,#06100c)}
body::after{opacity:.07}
h1,h2,h3,h4{font-family:Cinzel,Sora,serif;font-weight:700;letter-spacing:.01em}
::selection{background:rgba(217,184,106,.35)}
a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold-3);outline-offset:2px}
.eyebrow{color:var(--gold);font-family:Cinzel,serif;letter-spacing:.18em}
.gold{color:var(--gold-3)}

/* ---------- Butonlar ---------- */
.btn{border-radius:10px;font-family:Inter,sans-serif;font-weight:700;letter-spacing:.01em;min-height:44px}
.btn.au{background:linear-gradient(135deg,#f3dfa4,#d9b86a 45%,#a8873f);color:#1c1405;box-shadow:0 10px 26px -10px var(--gold-glow),inset 0 1px 0 rgba(255,255,255,.45);border:1px solid rgba(255,240,200,.35)}
.btn.au:hover{filter:brightness(1.06);transform:translateY(-1px)}
.btn.ghost{background:rgba(217,184,106,.06);border:1px solid var(--gold-line);color:var(--ink)}
.btn.ghost:hover{background:rgba(217,184,106,.12)}
.btn.pri{background:linear-gradient(135deg,#8fd9a8,#3f9a68);color:#04140c}

/* ---------- Üst duyuru şeridi + menü ---------- */
.tstrip{background:linear-gradient(90deg,#0b1a13,#123527 50%,#0b1a13);color:var(--gold-3);font-family:Cinzel,serif;font-weight:600;font-size:12px;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid var(--gold-line)}
nav.top{background:rgba(6,18,13,.88);border-bottom:1px solid var(--gold-line);backdrop-filter:blur(16px)}
nav.top::after{background:linear-gradient(90deg,transparent,var(--gold) 30%,var(--gold) 70%,transparent);opacity:.55}
.logo .tag{font-family:Cinzel,serif;font-weight:700;letter-spacing:.22em;color:var(--gold-3);border-color:var(--gold-line);background:rgba(217,184,106,.08);border-radius:6px}
.navlinks a{font:600 12.5px/1 Cinzel,serif;letter-spacing:.06em;color:#d8dccf;padding:10px 12px;border-radius:8px}
.navlinks a:hover{color:var(--gold-3);background:rgba(217,184,106,.07)}
.navlinks a.on{color:var(--gold-3)} .navlinks a.on::after{background:linear-gradient(90deg,transparent,var(--gold),transparent);height:1px;bottom:3px}
.uchip{border-color:var(--gold-line);background:rgba(8,26,18,.8);box-shadow:inset 0 0 20px rgba(217,184,106,.05)}
.uchip .term{color:var(--gold-3)} .uchip .cur{background:var(--gold)}
.bell{border-color:var(--gold-line)} .bell .n{background:var(--gold);color:#1c1405}
.npanel,.drawer,.sheet,.modal,.pop{background:var(--marble);border-color:var(--gold-line);box-shadow:var(--shadow),inset 0 0 0 1px rgba(217,184,106,.08)}
.drawer nav a{border-bottom:1px solid var(--line);font-family:Cinzel,serif;font-weight:600;letter-spacing:.04em}

/* Canlı aktivite satırı */
.ticker{padding:10px 0 0}
.tick{background:rgba(6,18,13,.7);border:1px solid var(--gold-line);border-radius:6px;font-family:Inter,sans-serif;font-weight:500;color:#d8dccf;padding:7px 14px}
.tick::before{content:"CANLI AKTİVİTE";font:600 10.5px Cinzel,serif;letter-spacing:.2em;color:var(--mint);margin-right:6px}
.tick .dot{background:var(--mint);box-shadow:0 0 0 4px rgba(143,217,168,.15)}
.tick b{color:var(--gold-3)}

/* ---------- Çerçeve (altın ince hat + köşe süsü) ---------- */
.frame{border:1px solid var(--gold-line);border-radius:var(--r);box-shadow:var(--shadow),inset 0 0 0 1px rgba(217,184,106,.08),0 0 0 1px rgba(0,0,0,.6)}
.frame::before,.frame::after{border-color:var(--gold);opacity:.7;width:22px;height:22px}

/* ---------- HERO (Sezar'ın Mührü) ---------- */
.hero{min-height:clamp(340px,42vw,470px);align-items:center;margin:18px 0 6px;
  background:url(/img/arena-cinematic.webp) center right/cover no-repeat,#08160f}
.hero .veil{background:linear-gradient(90deg,rgba(6,18,13,.94) 0%,rgba(6,18,13,.82) 38%,rgba(6,18,13,.25) 62%,rgba(6,18,13,.15) 100%),linear-gradient(180deg,rgba(6,18,13,.05),rgba(6,18,13,.55))}
.hero .cols{opacity:.18}
.hero .glad{display:none}
.hero .seal{position:absolute;right:clamp(10px,5vw,70px);top:50%;transform:translateY(-50%);width:min(38%,380px);aspect-ratio:1;z-index:1;pointer-events:none;display:grid;place-items:center}
.hero .seal::before{content:"";position:absolute;inset:-6%;border-radius:50%;background:radial-gradient(circle,rgba(217,184,106,.28),rgba(217,184,106,.08) 45%,transparent 70%);filter:blur(6px)}
.hero .seal img{width:100%;height:100%;object-fit:contain;position:relative;filter:drop-shadow(0 18px 34px rgba(0,0,0,.75)) drop-shadow(0 0 22px rgba(217,184,106,.25));animation:sealsway 14s ease-in-out infinite alternate}
.hero .seal::after{content:"";position:absolute;inset:-4%;border-radius:50%;border:1px solid rgba(217,184,106,.35);box-shadow:inset 0 0 40px rgba(217,184,106,.08)}
@keyframes sealsway{from{transform:rotate(-2.5deg) scale(1)}to{transform:rotate(2.5deg) scale(1.02)}}
.hero .inner{padding:clamp(22px,4vw,46px);max-width:60%}
.hero h1{font-family:Cinzel,serif;font-weight:700;letter-spacing:.01em;line-height:1.02;font-size:clamp(30px,5.4vw,58px);color:#fff7e6;text-shadow:0 4px 30px rgba(0,0,0,.7)}
.hero h1 .g,.hero h1 .gold{background:linear-gradient(180deg,#fff2c9,#d9b86a 55%,#a8873f);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{color:#e5e1d2;font-size:clamp(14px,1.6vw,17px)}
.hero .motto{display:block;margin-top:14px;font:600 11px Cinzel,serif;letter-spacing:.28em;color:var(--gold);text-transform:uppercase;opacity:.85}
.hero .eyebrow{color:var(--gold-3)}
.slider{min-height:clamp(340px,42vw,470px)}
.slide .sv{background:linear-gradient(90deg,rgba(6,18,13,.92) 0%,rgba(6,18,13,.7) 40%,rgba(6,18,13,.15) 70%,transparent),linear-gradient(180deg,transparent 30%,rgba(6,18,13,.7))}
.slide .si{max-width:62%;align-self:center}
.slide h2{font-family:Cinzel,serif;font-weight:700;letter-spacing:.01em;color:#fff7e6;text-shadow:0 4px 30px rgba(0,0,0,.7)}
.sdots i{background:rgba(217,184,106,.3);border:1px solid var(--gold-line)} .sdots i.on{background:var(--gold)}
.sarrow{border-color:var(--gold-line);background:rgba(6,18,13,.7);color:var(--gold-3)}
@media(max-width:880px){
  .hero{min-height:420px;align-items:flex-end;background-position:70% center}
  .hero .veil{background:linear-gradient(180deg,rgba(6,18,13,.15) 0%,rgba(6,18,13,.55) 45%,rgba(6,18,13,.95) 100%)}
  .hero .seal{top:24px;right:16px;transform:none;width:min(46%,190px)}
  .hero .seal img{animation-duration:20s}
  .hero .inner{max-width:100%;padding:150px 18px 22px}
  .slide .si{max-width:100%;align-self:flex-end}
}
@media(prefers-reduced-motion:reduce){.hero .seal img{animation:none}}

/* ---------- Bölüm başlıkları ---------- */
.sec{padding:22px 0}
.sechead h2{font-family:Cinzel,serif;font-weight:700;font-size:clamp(18px,2.6vw,23px);letter-spacing:.02em;color:#fff4dc}
.sechead h2 .orn{color:var(--gold)}
.sechead .more,.sechead a{color:var(--gold-3);font-family:Cinzel,serif;font-weight:600;font-size:12px;letter-spacing:.08em}

/* ---------- Kartlar / mermer paneller ---------- */
.w,.tcard,.promo,.fq,.card,.vcard,.mcard,.item,.hcard,.pd,.hist li,.rl li{background:var(--marble);border:1px solid var(--gold-line);box-shadow:inset 0 0 0 1px rgba(217,184,106,.06),0 16px 40px -28px rgba(0,0,0,.9)}
.w{border-radius:14px;padding:16px 18px}
.w::before{background:radial-gradient(50% 40% at 100% 0%,rgba(217,184,106,.10),transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.06'/%3E%3C/svg%3E")}
.w::after{content:"";position:absolute;left:12px;right:12px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(217,184,106,.7),transparent);pointer-events:none}
.w.au{border-color:rgba(217,184,106,.5)}
.wh h3{font-family:Cinzel,serif;font-weight:700;font-size:15px;color:#fff4dc;letter-spacing:.02em}
.wh h3 svg{color:var(--gold)}
.wh .lk{color:var(--gold-3);font-family:Cinzel,serif;font-weight:600;font-size:11.5px;letter-spacing:.08em}
.live{background:rgba(143,217,168,.1);border:1px solid rgba(143,217,168,.3);color:var(--mint);font-family:Cinzel,serif;letter-spacing:.1em}
.t5 li,.feed li{border-bottom:1px solid rgba(217,184,106,.12)}
.t5 li .sc,.feed .fx b{color:var(--gold-3)}
.t5 li.me{background:rgba(217,184,106,.08);border-radius:8px;padding-left:6px;padding-right:6px}
.mc{background:rgba(6,18,13,.45);border:1px solid var(--line)} .mc:hover{border-color:var(--gold-line)}
.mc .mr{color:var(--gold-3)}
.sti{background:rgba(6,18,13,.4);border:1px solid var(--line)} .sti .n{font-family:Cinzel,serif;color:var(--gold-3)}
.st{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
@media(max-width:640px){.st{grid-template-columns:repeat(2,1fr)}}
.bar{background:rgba(6,18,13,.7);border:1px solid rgba(217,184,106,.15)} .bar i{background:linear-gradient(90deg,#a8873f,#d9b86a,#f3dfa4)}
.lvl .ring{--rc:var(--gold)} .lvl .ring b{color:var(--gold-3);font-family:Cinzel,serif}

/* Görev satırları (referans: ikon · ad · sağda ödül) */
.mrow-list{display:flex;flex-direction:column;gap:8px}
.mrow-list .mr2{display:flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(6,18,13,.45);cursor:pointer;transition:.15s;min-height:48px}
.mrow-list .mr2:hover{border-color:var(--gold-line);background:rgba(217,184,106,.06)}
.mrow-list .mr2 .mi{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:18px;background:radial-gradient(circle at 35% 30%,rgba(217,184,106,.35),rgba(6,18,13,.9) 70%);border:1px solid var(--gold-line);flex:0 0 auto}
.mrow-list .mr2 .mn{flex:1;font-weight:600;font-size:13.5px;color:#f2ecdc;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mrow-list .mr2 .mn small{display:block;font-weight:400;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mrow-list .mr2 .mrw{font:700 12.5px Cinzel,serif;color:var(--gold-3);white-space:nowrap}
.mrow-list .mr2.done{opacity:.75} .mrow-list .mr2.done .mrw{color:var(--mint)}
.mrow-list .mr2 .pb{height:3px;background:rgba(217,184,106,.15);border-radius:2px;margin-top:4px;overflow:hidden} .mrow-list .mr2 .pb i{display:block;height:100%;background:linear-gradient(90deg,#a8873f,#f3dfa4);width:0;transition:width .8s ease}

/* Hazine (mağaza) kartları */
.trs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.trs .tr{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:rgba(6,18,13,.5);display:flex;flex-direction:column;cursor:pointer;transition:.15s}
.trs .tr:hover{border-color:var(--gold-line);transform:translateY(-2px)}
.trs .tr .ti{height:118px;background:radial-gradient(70% 70% at 50% 60%,rgba(217,184,106,.22),transparent 70%),#081911;display:grid;place-items:center;font-size:40px;overflow:hidden}
.trs .tr .ti img{width:100%;height:100%;object-fit:cover}
.trs .tr .tb{padding:10px 12px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}
.trs .tr .tb b{display:block;font:700 13.5px Cinzel,serif;color:#fff4dc;line-height:1.2}
.trs .tr .tb span{font-size:12.5px;color:var(--gold-3);font-weight:700}
.trs .tr .tb .btn{min-height:32px;padding:6px 12px;font-size:12px;border-radius:8px}
@media(max-width:420px){.trs .tr .ti{height:96px}}

/* ---------- Turnuva kartları / promo / SSS ---------- */
.tcard{border-radius:14px} .tcard:hover{border-color:rgba(217,184,106,.6);transform:translateY(-3px)}
.tcard .cb{background:radial-gradient(120% 90% at 20% 0%,rgba(63,154,104,.25),transparent 60%),radial-gradient(80% 80% at 90% 100%,rgba(217,184,106,.2),transparent 60%),linear-gradient(135deg,#123527,#07130e)}
.tcard .prize{color:var(--gold-3);font-family:Cinzel,serif}
.tcard .cbadge{background:rgba(6,18,13,.8);border:1px solid var(--gold-line);font-family:Cinzel,serif;letter-spacing:.1em}
.promo{border-radius:14px;min-height:150px} .promo b{font-family:Cinzel,serif;font-weight:700}
.promo .pv{background:linear-gradient(90deg,rgba(6,18,13,.92) 0%,rgba(6,18,13,.6) 55%,transparent)}
.fq{border-radius:10px} .fq .q{font-family:Inter,sans-serif;font-weight:600} .fq .q .n{color:var(--gold);font-family:Cinzel,serif} .fq.on{border-color:rgba(217,184,106,.5)}
.botban{border:1px solid var(--gold-line);border-radius:14px}
.empty{color:var(--muted);border:1px dashed var(--gold-line);border-radius:10px}

/* ---------- Diğer sayfalar ---------- */
.vhero{background:url(/img/arena-cinematic.webp) center/cover no-repeat}
.vcard h3,.mcard h3,.item h3,.hcard h3,.cinfo h3{font-family:Cinzel,serif}
.chip{border-color:var(--line);background:rgba(6,18,13,.5)} .chip.on{background:var(--gold);color:#1c1405;border-color:var(--gold)}
.mcard .mrew,.item .ic .pr,.vmult{color:var(--gold-3)}
.mcard .bar i{background:linear-gradient(90deg,#a8873f,#f3dfa4)}
.bal{border-color:var(--gold-line);background:var(--marble)}
.podium .pd.p1{border-color:var(--gold)}
.lvls div.cur{border-color:var(--gold);background:rgba(217,184,106,.1)} .lvls div.done{border-color:rgba(143,217,168,.3)}
.car .cc.on{border-color:var(--gold)}

/* ---------- Modal / popup ---------- */
.modal{border-radius:16px;padding:26px} .modal h2{font-family:Cinzel,serif}
.modal input{background:rgba(6,18,13,.7);border:1px solid var(--line);color:var(--ink);border-radius:10px;min-height:44px}
.modal input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(217,184,106,.15)}
.ltabs{background:rgba(6,18,13,.6);border-color:var(--gold-line);border-radius:10px} .ltabs button{font-family:Cinzel,serif;color:var(--muted);border-radius:7px} .ltabs button.on{background:var(--gold);color:#1c1405}
.lhelp a{color:var(--gold-3)}
.pop{border-radius:18px} .pop h2{font-family:Cinzel,serif}
.pop .x,.modal .x{border:1px solid var(--gold-line);color:var(--gold-3);background:rgba(6,18,13,.7)}

/* ---------- Footer ---------- */
footer{border-top:1px solid var(--gold-line);background:linear-gradient(180deg,transparent,rgba(217,184,106,.04));}
footer::before{background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.5}
.fcol h4{font-family:Cinzel,serif;color:var(--gold-3);letter-spacing:.08em} .fcol h4::before{background:var(--gold)}
.fbottom .gl{font-family:Cinzel,serif;letter-spacing:.14em;color:var(--gold);font-size:11px}

/* ---------- Mobil alt bar: miğfer orta düğme ---------- */
@media(max-width:880px){
  .tabbar{background:rgba(6,18,13,.95);border-top:1px solid var(--gold-line)}
  .tabbar a{color:#c9cfc2;font-family:Cinzel,serif;font-weight:600;letter-spacing:.02em;font-size:10px}
  .tabbar a.on{color:var(--gold-3)} .tabbar a svg{stroke:currentColor}
  .tabbar .gone b{background:radial-gradient(circle at 35% 30%,#1c3a2a,#07130e 70%);border:2px solid var(--gold);box-shadow:0 0 0 5px rgba(6,18,13,1),0 10px 28px -6px var(--gold-glow),0 0 26px rgba(217,184,106,.25);overflow:hidden;font-size:0}
  .tabbar .gone b img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.7))}
  .tabbar .gone b::after{border-color:var(--gold-line)}
  .tabbar .gone.open b{background:radial-gradient(circle at 35% 30%,#3a2f14,#1c1405 70%)}
  .sgrid a{border-color:var(--line);background:rgba(6,18,13,.5)} .sgrid a.hi{border-color:var(--gold)}
}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Slider: görselsiz slaytlarda sinematik zemin + mühür */
.slide .seal{position:absolute;right:clamp(10px,5vw,70px);top:50%;transform:translateY(-50%);width:min(36%,360px);aspect-ratio:1;z-index:1;pointer-events:none;display:grid;place-items:center}
.slide .seal::before{content:"";position:absolute;inset:-6%;border-radius:50%;background:radial-gradient(circle,rgba(217,184,106,.28),rgba(217,184,106,.08) 45%,transparent 70%);filter:blur(6px)}
.slide .seal img{position:relative;inset:auto;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 34px rgba(0,0,0,.75)) drop-shadow(0 0 22px rgba(217,184,106,.25));animation:sealsway 14s ease-in-out infinite alternate}
.slide .sv{z-index:1}
.slide{align-items:center}
.slide .si .sc .btn{margin-top:4px}
@media(max-width:880px){
  .slide{align-items:flex-end;min-height:420px}
  .slide .seal{top:24px;right:16px;transform:none;width:min(46%,190px)}
  .slide img.dflt{object-position:70% center}
}
/* Menü sığdırma */
.navlinks{gap:0}
.navlinks a{font-size:11.5px;letter-spacing:.04em;padding:10px 9px}
@media(max-width:1180px){.navlinks a{font-size:10.5px;padding:10px 7px;letter-spacing:.02em}}

/* Mobil ince ayar */
@media(max-width:880px){
  .tick::before{content:"CANLI";margin-right:4px}
  .tick{max-width:94vw} .tick #tickText{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  .sarrow{display:none}
  .slide .si,.hero .inner{padding-bottom:40px}
  .trs .tr .tb{flex-direction:column;align-items:stretch;gap:6px}
  .trs .tr .tb b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .trs .tr .tb .btn{width:100%}
  .w{padding:14px}
}
@media(max-width:1320px) and (min-width:881px){
  .navlinks a{font-size:10.5px;padding:10px 6px;letter-spacing:.02em}
  .logo .tag{display:none}
  .uchip .rk small{display:none}
}
@media(max-width:880px){ .wg .c6{grid-column:span 12} }

/* ============ YAN MENÜ (web) ============ */
:root{--sw:236px}
body.side-min{--sw:76px}
.side{display:none}
@media(min-width:881px){
  .side{display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;width:var(--sw);z-index:45;background:linear-gradient(180deg,#0a1f16,#07130e);border-right:1px solid var(--gold-line);transition:width .22s ease;overflow:hidden}
  .side::after{content:"";position:absolute;top:0;bottom:0;right:0;width:1px;background:linear-gradient(180deg,transparent,var(--gold),transparent);opacity:.5}
  .sd-top{display:flex;align-items:center;gap:8px;padding:14px 12px 10px;border-bottom:1px solid var(--line);min-height:68px}
  .sd-logo{display:flex;align-items:center;gap:10px;min-width:0;flex:1;text-decoration:none}
  .sd-logo img{width:40px;height:40px;flex:0 0 auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}
  .sd-logo span{display:flex;flex-direction:column;line-height:1;min-width:0} .sd-logo b{font:700 15px Cinzel,serif;color:#fff4dc;letter-spacing:.04em;white-space:nowrap} .sd-logo small{font:600 9.5px Cinzel,serif;letter-spacing:.3em;color:var(--gold)}
  .sd-tgl{width:30px;height:30px;border-radius:8px;border:1px solid var(--gold-line);background:rgba(217,184,106,.06);color:var(--gold-3);display:grid;place-items:center;cursor:pointer;flex:0 0 auto;transition:.2s} .sd-tgl svg{width:16px;height:16px} .sd-tgl:hover{background:rgba(217,184,106,.14)}
  body.side-min .sd-tgl svg{transform:rotate(180deg)} body.side-min .sd-logo span{display:none} body.side-min .sd-top{justify-content:center;flex-direction:column;gap:8px;padding:12px 8px}
  .sd-nav{flex:1;overflow-y:auto;padding:10px 8px;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin}
  .sd-nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;color:#d8dccf;font:600 12.5px Cinzel,serif;letter-spacing:.04em;cursor:pointer;border:1px solid transparent;transition:.15s;white-space:nowrap;min-height:44px}
  .sd-nav a img{width:22px;height:22px;flex:0 0 auto;opacity:.85}
  .sd-nav a:hover{background:rgba(217,184,106,.07);color:var(--gold-3);border-color:var(--line)}
  .sd-nav a.on{background:linear-gradient(90deg,rgba(217,184,106,.16),rgba(217,184,106,.04));color:var(--gold-3);border-color:var(--gold-line);box-shadow:inset 3px 0 0 var(--gold)}
  body.side-min .sd-nav a{justify-content:center;padding:11px 0} body.side-min .sd-nav a span{display:none}
  .sd-foot{padding:10px;border-top:1px solid var(--line)} .sd-foot .btn{width:100%;font-size:12px} body.side-min .sd-foot .btn{font-size:0;padding:10px 0} body.side-min .sd-foot .btn::before{content:"🌐";font-size:16px}
  /* içerik kaydırma */
  body{padding-left:var(--sw);transition:padding-left .22s ease}
  nav.top .navlinks{display:none}
  nav.top .logo{display:none}
  .navr{margin-left:auto}
  .tstrip{margin-left:0}
}
/* üst bar çipi: dar masaüstünde taşmasın */
@media(min-width:881px){
  .nav{gap:10px} .navr{flex:1 1 auto;min-width:0;justify-content:flex-end}
  .uchip{min-width:0;max-width:100%;overflow:hidden} .uchip .term{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}
  .uchip .tier .nm{max-width:90px;overflow:hidden;text-overflow:ellipsis}
}
@media(min-width:881px) and (max-width:1100px){ .uchip .tier .nm{display:none} .uchip .rk small{display:none} }
@media(max-width:880px){
  .navr{flex:1 1 auto;min-width:0} .uchip{max-width:calc(100% - 96px)} .uchip .term{max-width:100%}
  .tabbar .gone b{overflow:visible;background:radial-gradient(circle at 50% 50%,#0f2a1e,#07130e 70%);border-color:var(--gold)}
  .tabbar .gone b img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0,0,0,.8))}
}
/* drawer ikonları */
.drawer nav a .e img{width:22px;height:22px;vertical-align:middle;opacity:.9}

/* ============ KUTLAMA ANİMASYONU ============ */
.celeb{position:fixed;inset:0;z-index:95;display:grid;place-items:center;background:radial-gradient(60% 60% at 50% 50%,rgba(6,18,13,.7),rgba(6,18,13,.92));animation:fadein .25s;cursor:pointer}
.celeb[hidden]{display:none}
.celeb .cb{position:relative;text-align:center;padding:30px;width:min(92vw,420px)}
.celeb .rays{position:absolute;left:50%;top:38%;width:420px;height:420px;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from 0deg,rgba(217,184,106,0) 0 8%,rgba(217,184,106,.18) 10% 12%,rgba(217,184,106,0) 14% 33%,rgba(217,184,106,.18) 35% 37%,rgba(217,184,106,0) 39% 58%,rgba(217,184,106,.18) 60% 62%,rgba(217,184,106,0) 64% 83%,rgba(217,184,106,.18) 85% 87%,rgba(217,184,106,0) 89%);animation:spin 9s linear infinite;pointer-events:none;-webkit-mask:radial-gradient(circle,#000 20%,transparent 70%);mask:radial-gradient(circle,#000 20%,transparent 70%)}
.celeb .cimg{position:relative;width:150px;height:150px;margin:0 auto 14px;display:grid;place-items:center;animation:pop .6s cubic-bezier(.2,1.4,.4,1)}
.celeb .cimg img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 30px rgba(0,0,0,.8)) drop-shadow(0 0 24px rgba(217,184,106,.45))}
.celeb.k-mission .cimg img,.celeb.k-tournament .cimg img{width:110px;height:110px}
.celeb.k-chest .cimg{transition:transform .3s} .celeb.k-chest.open .cimg{animation:shake .5s;transform:scale(1.08)}
.celeb.k-levelup .cimg img{animation:sway 3s ease-in-out infinite alternate}
.celeb .ctitle{font:700 clamp(22px,5vw,30px) Cinzel,serif;color:#fff4dc;text-shadow:0 4px 30px rgba(0,0,0,.8);animation:rise .5s .1s both}
.celeb .csub{margin-top:6px;color:var(--gold-3);font-size:14px;animation:rise .5s .2s both}
.celeb .sparks{position:absolute;left:50%;top:38%;width:0;height:0;pointer-events:none}
.celeb .sparks i{position:absolute;left:0;top:0;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle,#fff3c9,#d9b86a);transform:rotate(var(--a)) translateY(0);animation:spark var(--d) ease-out .15s both;box-shadow:0 0 10px rgba(217,184,106,.9)}
@keyframes spark{0%{transform:rotate(var(--a)) translateY(0) scale(.4);opacity:1}100%{transform:rotate(var(--a)) translateY(calc(var(--r) * -1)) scale(1);opacity:0}}
@keyframes pop{0%{transform:scale(.3);opacity:0}100%{transform:scale(1);opacity:1}}
@keyframes rise{0%{transform:translateY(12px);opacity:0}100%{transform:translateY(0);opacity:1}}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes shake{0%,100%{transform:rotate(0) scale(1.08)}25%{transform:rotate(-4deg) scale(1.1)}75%{transform:rotate(4deg) scale(1.1)}}
@keyframes sway{from{transform:rotate(-3deg)}to{transform:rotate(3deg)}}
@keyframes fadein{from{opacity:0}to{opacity:1}}
/* hafif mikro animasyonlar */
.mr2:hover .mi,.trs .tr:hover img{transform:scale(1.06);transition:.25s}
.btn.au{position:relative;overflow:hidden} .btn.au::after{content:"";position:absolute;top:0;left:-70%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:none} .btn.au:hover::after{left:130%;transition:left .6s ease}
@media(prefers-reduced-motion:reduce){.celeb .rays,.celeb .sparks i,.celeb.k-levelup .cimg img{animation:none}.btn.au::after{display:none}}
@media(max-width:880px){ .tabbar a img{width:24px;height:24px;opacity:.8;transition:.15s} .tabbar a.on img{opacity:1;filter:drop-shadow(0 0 6px rgba(217,184,106,.7))} }

/* ============ ANA SAYFA: eşit kartlar + seri barı ============ */
.wg{grid-auto-rows:auto;align-items:stretch}
.wg .w{display:flex;flex-direction:column;min-height:300px}
.wg .w.c12{min-height:0}
.wg .nr{display:flex;flex-direction:column;gap:8px} .wg .nr>div{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(6,18,13,.45);cursor:pointer;font-size:13px;line-height:1.4} .wg .nr>div:hover{border-color:var(--gold-line)} .wg .nr .ni{font-size:18px;flex:0 0 auto}
.strk{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:10px}
.strk div{aspect-ratio:1;border-radius:50%;border:1px solid var(--line);background:radial-gradient(circle at 50% 35%,rgba(217,184,106,.08),rgba(6,18,13,.7) 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;position:relative}
.strk div b{font:700 12px Cinzel,serif;color:#fff4dc} .strk div span{font-size:9px;color:var(--muted);letter-spacing:.04em}
.strk div.done{border-color:var(--gold);background:radial-gradient(circle at 50% 35%,rgba(217,184,106,.45),rgba(154,122,58,.25) 70%);box-shadow:0 0 14px rgba(217,184,106,.25)} .strk div.done b{color:#1c1405;text-shadow:none}
.strk div.today{border:2px solid var(--gold-3);box-shadow:0 0 0 4px rgba(217,184,106,.15),0 0 18px rgba(217,184,106,.45)} .strk div.today b{color:var(--gold-3)}
.strk div.next{border-style:dashed;border-color:rgba(217,184,106,.45)}
@media(max-width:420px){.strk{gap:4px} .strk div b{font-size:10px} .strk div span{font-size:8px}}
.lvl .ring{box-shadow:0 0 0 1px var(--gold-line),0 0 30px rgba(217,184,106,.12)}
.kv{display:flex;gap:6px;flex-wrap:wrap} .kv span{border:1px solid var(--line);background:rgba(6,18,13,.5);border-radius:8px;padding:6px 9px;font-size:12px}

/* ============ VIP sayfası widget'ları ============ */
.vw{grid-template-columns:repeat(12,1fr);gap:14px;align-items:stretch}
.vw .w{min-height:250px;display:flex;flex-direction:column}
.vw .c3{grid-column:span 3}
.vw .w.seg{--tc:var(--gold)}
.vw .w#cbw{grid-column:span 12;min-height:0}
.vw .w#cbw>div:not(.wh){display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px} .vw .w#cbw>div:not(.wh)>div{border:1px solid var(--line)!important;border-radius:10px;padding:10px 12px!important;background:rgba(6,18,13,.45)}
.seg select{width:100%;margin:8px 0;background:rgba(6,18,13,.7);color:var(--ink);border:1px solid var(--gold-line);border-radius:10px;padding:10px;font:600 13px Inter}
.seg .big{font:700 26px Cinzel,serif;color:var(--gold-3)}
.segtag{border:1px solid var(--gold-line);color:var(--gold-3);border-radius:20px;padding:2px 8px;font-size:11px}
@media(max-width:980px){.vw .c3{grid-column:span 6}} @media(max-width:560px){.vw .c3{grid-column:span 12} .vw .w{min-height:0}}

/* ============ Üst duyuru şeridi ============ */
.tstrip{background:linear-gradient(90deg,#08170f,#123527 50%,#08170f);color:var(--gold-3);font:600 11.5px Cinzel,serif;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--gold-line);position:relative}
.tstrip::before,.tstrip::after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none} .tstrip::before{left:0;background:linear-gradient(90deg,#08170f,transparent)} .tstrip::after{right:0;background:linear-gradient(270deg,#08170f,transparent)}
.tstrip-track{padding:9px 0;padding-left:100%;animation:strip 90s linear infinite}
.tstrip .sep{display:inline-block;margin:0 26px;color:var(--gold);opacity:.8}
@media(max-width:880px){.tstrip{font-size:10.5px;letter-spacing:.1em} .tstrip::before,.tstrip::after{width:30px}}

/* ============ Şeref Kürsüsü kartları ============ */
.hgrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.hcard{aspect-ratio:auto;padding:0;border-radius:14px}
.hcard .hd{height:110px;background:radial-gradient(120% 90% at 20% 0%,rgba(63,154,104,.25),transparent 60%),radial-gradient(80% 80% at 90% 100%,rgba(217,184,106,.2),transparent 60%),linear-gradient(135deg,#123527,#07130e);display:grid;place-items:center;position:relative;text-transform:none;letter-spacing:0}
.hcard .hd img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85} .hcard .hd svg{width:44px;height:44px;color:var(--gold);opacity:.9}
.hcard .hbadge{position:absolute;top:10px;left:10px;font:600 10px Cinzel,serif;letter-spacing:.14em;color:var(--mint);border:1px solid rgba(143,217,168,.35);background:rgba(6,18,13,.8);border-radius:20px;padding:3px 9px}
.hcard h3{padding:12px 14px 0;font-size:15px;text-align:left}
.hcard .hp{padding:4px 14px 0;text-align:left;font-size:18px;color:var(--gold-3)} .hcard .hp small{display:inline;font-size:11px;color:var(--muted)}
.hcard .hpz{list-style:none;margin:10px 14px 0;padding:0;display:flex;flex-direction:column;gap:4px} .hcard .hpz li{display:flex;justify-content:space-between;font-size:12.5px;padding:5px 8px;border-radius:8px;background:rgba(6,18,13,.45);border:1px solid var(--line)} .hcard .hpz li:first-child{border-color:var(--gold-line);background:rgba(217,184,106,.1)} .hcard .hpz li b{color:var(--gold-3)} .hcard .hpz li.more{justify-content:center;color:var(--muted);font-size:11px;background:none;border-style:dashed}
.hcard .hme{margin:10px 14px 0;font-size:12.5px;color:var(--ink);border-top:1px solid var(--line);padding-top:8px} .hcard .hme b{color:var(--gold-3);font-family:Cinzel,serif}
.hcard .hc{margin:8px 14px 12px;border:none;padding:0;text-align:right;color:var(--gold-3);font-family:Cinzel,serif;font-size:11.5px;letter-spacing:.06em}
.hcard:hover{transform:translateY(-3px);border-color:var(--gold)}

/* ============ Adım 4: üst bar & yan menü düzeni ============ */
:root{--stripH:0px}
.tstrip{position:relative;z-index:46}
@media(min-width:881px){
  .side{top:var(--stripH)}
  nav.top .logo{display:flex} nav.top .logo img{height:26px} nav.top .logo .tag{display:none}
  .nav{gap:14px}
  .navx{display:flex;align-items:center;gap:10px;margin-left:auto}
  .navr{margin-left:0}
}
@media(max-width:880px){ .navx{display:none} }
.clock{font:600 12.5px 'JetBrains Mono',monospace;color:var(--gold-3);border:1px solid var(--gold-line);border-radius:8px;padding:6px 9px;background:rgba(6,18,13,.6);letter-spacing:.06em}
.lang{display:inline-flex;border:1px solid var(--gold-line);border-radius:8px;overflow:hidden;background:rgba(6,18,13,.6)} .lang button{border:none;background:none;color:var(--muted);font:700 11px Cinzel,serif;padding:7px 9px;cursor:pointer;min-height:32px} .lang button.on{background:var(--gold);color:#1c1405}
.bell.guest{opacity:.85}
/* yan menü marka */
.sd-brand{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0} .sd-brand img{height:22px;width:auto} .sd-brand small{font:700 9.5px Cinzel,serif;letter-spacing:.34em;color:var(--gold);padding-left:2px}
body.side-min .sd-brand{display:none}
/* GoneBet'e git */
.gobtn{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:linear-gradient(135deg,#f3dfa4,#d9b86a 45%,#a8873f);color:#1c1405;text-decoration:none;box-shadow:0 10px 26px -10px var(--gold-glow),inset 0 1px 0 rgba(255,255,255,.5);border:1px solid rgba(255,240,200,.4);position:relative;overflow:hidden;transition:.18s}
.gobtn:hover{transform:translateY(-1px);filter:brightness(1.05)}
.gobtn .gi{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle,#123527,#07130e);display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(28,20,5,.3)} .gobtn .gi img{width:26px;height:26px;object-fit:contain}
.gobtn .gt{display:flex;flex-direction:column;min-width:0;line-height:1.1} .gobtn .gt b{font:700 13px Cinzel,serif;letter-spacing:.02em;white-space:nowrap} .gobtn .gt small{font:500 10.5px Inter,sans-serif;color:#3b2c0c;white-space:nowrap}
.gobtn .ga{margin-left:auto;font-weight:800} .gobtn::after{content:"";position:absolute;top:0;left:-70%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-20deg)} .gobtn:hover::after{left:130%;transition:left .6s ease}
body.side-min .gobtn{padding:8px 0;justify-content:center} body.side-min .gobtn .gt,body.side-min .gobtn .ga{display:none}
body.side-min .sd-foot .btn::before{content:none}
/* alt sayfalarda büyük afiş yok → kompakt başlık */
.view:not(#v-home) .hero,.view:not(#v-home) .vhero{min-height:0!important;background:linear-gradient(90deg,rgba(217,184,106,.08),transparent 60%),var(--marble)!important;align-items:center;margin:18px 0 6px!important;border-radius:14px}
.view:not(#v-home) .hero .seal,.view:not(#v-home) .hero .cols,.view:not(#v-home) .hero .glad,.view:not(#v-home) .hero .heroimg{display:none!important}
.view:not(#v-home) .hero .veil{background:none!important}
.view:not(#v-home) .hero .inner{padding:18px 22px!important;max-width:100%}
.view:not(#v-home) .hero h1{font-size:clamp(20px,3vw,28px)!important;line-height:1.15;margin-top:4px} .view:not(#v-home) .hero p{font-size:13.5px;margin:6px 0 0;color:var(--muted)}
.view:not(#v-home) .hero .eyebrow{font-size:10.5px}
#v-detail .hero .heroimg{display:block!important;opacity:.35} #v-detail .hero{min-height:150px!important}
/* rütbe halkası ikonu tam otursun */
.lvl .ring i{font-size:44px} .lvl .ring i img{width:58px!important;height:58px!important}
.pm .ph .av img{width:40px;height:40px}

/* ============ İmparatorluk Locası (XP seviye) ============ */
.lvcard{display:grid;grid-template-columns:150px 1fr;gap:18px;margin-top:18px;padding:20px 22px;align-items:center}
.lvc-badge{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center} .lvc-badge img{filter:drop-shadow(0 10px 24px rgba(0,0,0,.6))} .lvc-badge span{font:700 12px Cinzel,serif;letter-spacing:.1em;color:var(--tc,#d9b86a);border:1px solid color-mix(in srgb,var(--tc) 45%,transparent);background:color-mix(in srgb,var(--tc) 12%,transparent);border-radius:20px;padding:4px 12px}
.lvc-h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap} .lvc-h h2{font-size:clamp(20px,3vw,26px);color:#fff4dc} .lvc-xp{font:700 14px 'JetBrains Mono',monospace;color:var(--gold-3)}
.bar.big{height:10px;margin:12px 0 6px} .bar.big i{border-radius:6px}
.lvc-n{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);gap:10px;flex-wrap:wrap} .lvc-n b{color:var(--gold-3)}
.lvc-perks{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px} .lvc-perks span{font-size:12px;border:1px solid var(--line);border-radius:20px;padding:4px 10px;color:#e6efe9;background:rgba(6,18,13,.5)}
.lvc-prot{margin-top:12px;font-size:12.5px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:rgba(6,18,13,.5)} .lvc-prot.ok{border-color:rgba(143,217,168,.35)} .lvc-prot.warn{border-color:rgba(224,86,79,.45);background:rgba(224,86,79,.07)} .lvc-prot small{display:block;color:var(--muted);margin-top:4px;font-size:11px}
.lvc-dep{margin-top:10px;font-size:13px;padding:10px 12px;border-radius:10px;border:1px solid var(--gold-line);background:linear-gradient(90deg,rgba(217,184,106,.14),transparent)}
@media(max-width:720px){.lvcard{grid-template-columns:1fr;text-align:center} .lvc-perks,.lvc-n{justify-content:center}}
.tierstrip{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:18px 0 4px}
.ts{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border:1px solid var(--line);border-radius:12px;background:var(--marble);cursor:pointer;transition:.15s} .ts:hover{border-color:var(--gold-line)} .ts.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold-line)}
.ts b{font:700 11px Cinzel,serif;color:#fff4dc;letter-spacing:.04em} .ts small{font-size:10px;color:var(--muted)}
@media(max-width:720px){.tierstrip{grid-template-columns:repeat(4,1fr)}}
.lvlist{display:flex;flex-direction:column;gap:8px}
.lvrow{display:grid;grid-template-columns:150px 110px 1fr 150px;gap:14px;align-items:center;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--marble)}
.lvrow.done{opacity:.75;border-color:rgba(143,217,168,.25)} .lvrow.cur{border-color:var(--tc,var(--gold));box-shadow:0 0 0 1px var(--gold-line),0 10px 30px -20px rgba(217,184,106,.6);background:linear-gradient(90deg,color-mix(in srgb,var(--tc) 10%,transparent),var(--marble))}
.lvi{display:flex;align-items:center;gap:10px} .lvn{font:700 13px Cinzel,serif;color:#fff4dc}
.lvx{text-align:center} .lvx b{display:block;font:700 15px 'JetBrains Mono',monospace;color:var(--gold-3)} .lvx small{font-size:10px;color:var(--muted);letter-spacing:.1em}
.lvp{display:flex;flex-wrap:wrap;gap:5px} .lvp span{font-size:11.5px;border:1px solid var(--line);border-radius:16px;padding:3px 9px;color:var(--muted)}
.lvrow.cur .lvp span,.lvrow.done .lvp span{color:#e6efe9}
.lvs{text-align:right;font-size:12px} .lvs .ok{color:var(--mint)} .lvs .cur{color:var(--gold-3);font-family:Cinzel,serif;font-weight:700} .lvs .need{color:var(--muted)}
@media(max-width:820px){.lvrow{grid-template-columns:1fr 1fr;gap:8px} .lvp{grid-column:1/-1} .lvs{text-align:left}}
.vnote{margin:16px 0 8px;font-size:12.5px;color:var(--muted);line-height:1.6;border-top:1px solid var(--line);padding-top:12px}
@media(min-width:881px){ .wrap{max-width:1180px} nav.top .wrap.nav{max-width:none;padding-left:18px;padding-right:18px} }
.tstrip .wrap{max-width:none}

/* Faz 12: yönetimden gelen zengin mesajlar */
.msgs .mb.out{background:linear-gradient(180deg,rgba(244,192,78,.07),rgba(244,192,78,.02));border:1px solid rgba(244,192,78,.22);border-radius:14px;padding:13px 15px;margin-bottom:10px}
.msgs .mb.out.yeni{border-color:rgba(244,192,78,.5);box-shadow:0 0 0 1px rgba(244,192,78,.12)}
.msgs .mb .msub{display:block;font:700 14px Sora;color:var(--gold-3,#FFE08A);margin-bottom:6px}
.msgs .mb small{display:block;margin-top:8px;font:500 11px Inter;color:var(--muted)}
.mhtml{font:500 13.5px Inter;line-height:1.65;color:var(--ink)}
.mhtml h3,.mhtml h4{font:700 15px Sora;color:var(--gold-3,#FFE08A);margin:0 0 8px}
.mhtml p{margin:0 0 8px} .mhtml ul,.mhtml ol{margin:0 0 8px 18px} .mhtml li{margin-bottom:3px}
.mhtml hr{border:0;border-top:1px solid rgba(255,255,255,.12);margin:10px 0}
.mhtml img{max-width:100%;height:auto;border-radius:12px;margin:6px 0}
.mhtml a:not(.mbtn){color:var(--gold-3,#FFE08A)}
.mbtn{display:inline-block;margin-top:10px;padding:11px 20px;border-radius:11px;font:700 13px Inter;text-decoration:none;color:#0B1510;background:linear-gradient(180deg,#F4C04E,#B8862B);box-shadow:0 6px 18px -8px rgba(244,192,78,.7)}
.mbtn:hover{filter:brightness(1.07)}
.mbtn.green{background:linear-gradient(180deg,#65E6A5,#2EA16A);color:#06120D}
.mbtn.dark{background:#16231C;color:var(--ink);border:1px solid rgba(244,192,78,.35)}

/* Faz 13: rütbe karuseli bilgi paneli */
.cinfo .cperk{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}
.cinfo .cperk li{font:500 13px Inter;color:var(--ink);display:flex;gap:8px;align-items:flex-start}
.cside{display:flex;flex-direction:column;gap:12px}
.cmine,.cneed{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font:600 12px Inter;color:var(--muted)}
.cmine b,.cneed b{display:block;margin-top:4px;font:800 16px Sora;color:var(--tc)}
.clist{display:flex;flex-direction:column;gap:4px;max-height:190px;overflow:auto}
.clist span{display:flex;justify-content:space-between;gap:10px;padding:7px 10px;border-radius:9px;font:600 12px Inter;color:var(--muted);background:rgba(255,255,255,.03);border:1px solid transparent}
.clist span b{color:var(--ink);font:700 12px Sora}
.clist span.done{color:var(--mint,#65E6A5)} .clist span.done b{color:var(--mint,#65E6A5)}
.clist span.cur{border-color:var(--tc);background:color-mix(in srgb,var(--tc) 14%,transparent);color:#fff} .clist span.cur b{color:#fff}
.lvlist.hidden{display:none}
.sechead .more{user-select:none}

/* Faz 13: çevrim güncelleme çubuğu */
.syncbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px;padding:12px 14px;border-radius:14px;background:linear-gradient(180deg,rgba(244,192,78,.06),transparent);border:1px solid var(--gold-line)}
.syncbar .hint{margin:0;font-size:12px}
.syncbar button:disabled{opacity:.6;cursor:wait}

/* Faz 13: yatırım şartı kapısı */
.depgate{display:flex;gap:20px;align-items:flex-start;margin-top:18px;padding:22px 24px;border-radius:18px}
.depgate .dg-i{font-size:42px;line-height:1;filter:drop-shadow(0 8px 18px rgba(244,192,78,.35))}
.depgate .dg-t{flex:1;min-width:0}
.depgate h3{font:800 20px Sora;color:var(--gold-3,#FFE08A);margin:0 0 8px}
.depgate p{font:500 13.5px Inter;color:var(--ink);line-height:1.65;margin:0 0 14px}
.dg-steps{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.dg-steps span{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:24px;border:1px solid var(--gold-line);background:rgba(244,192,78,.05);font:600 12px Inter;color:var(--muted)}
.dg-steps i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#0B1510;font:800 11px Sora;font-style:normal}
@media(max-width:640px){ .depgate{flex-direction:column;gap:12px;padding:18px} .dg-steps span{font-size:11px;padding:7px 11px} }

/* ===== Faz 13: görev kartı (VIP) ===== */
.mcard{position:relative;cursor:pointer;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s;overflow:hidden}
.mcard::before{content:'';position:absolute;inset:0;background:radial-gradient(120% 70% at 50% -20%,rgba(244,192,78,.12),transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}
.mcard:hover{transform:translateY(-3px);border-color:rgba(244,192,78,.45);box-shadow:0 26px 60px -34px rgba(0,0,0,.95),0 0 0 1px rgba(244,192,78,.18)}
.mcard:hover::before{opacity:1}
.mcard.active{border-color:rgba(244,192,78,.38)}
.mcard.done{opacity:.85}
.mcard .mtags{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.mcard .minfo{position:absolute;right:14px;bottom:12px;font:600 10.5px Inter;color:var(--muted);opacity:0;transition:opacity .25s}
.mcard:hover .minfo{opacity:.85}
.mgames{display:flex;gap:6px;flex-wrap:nowrap;overflow:hidden;margin:8px 0 2px}
.mgames.wrap{flex-wrap:wrap;overflow:visible}
.mgame{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:8px;font:600 11px Inter;white-space:nowrap;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--ink)}
.mgame.p{border-color:rgba(126,232,250,.35);color:#9fe9f7} .mgame.g{border-color:rgba(244,192,78,.35);color:var(--gold-3,#FFE08A)}
.mgame.more{color:var(--muted)}
.mtime{white-space:nowrap}
.mdone{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font:600 12px Inter;color:var(--mint,#65E6A5)}
/* hareketli ilerleme barı */
.mbar{position:relative;height:9px;border-radius:20px;background:rgba(255,255,255,.07);overflow:hidden;margin-top:12px;border:1px solid rgba(255,255,255,.06)}
.mbar.sm{height:6px;margin-top:6px} .mbar.big{height:13px;margin-top:14px}
.mbar i{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#B8862B,#F4C04E 45%,#FFE08A);position:relative;transition:width .9s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 14px -2px rgba(244,192,78,.7)}
.mbar i::after{content:'';position:absolute;inset:0;border-radius:20px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);background-size:200% 100%;animation:mshine 2.2s linear infinite}
@keyframes mshine{0%{background-position:200% 0}100%{background-position:-100% 0}}
.pct .pnum{font:800 12px Sora;color:var(--gold-3,#FFE08A)}
/* bilgi popup */
.popov{position:fixed;inset:0;z-index:120;background:rgba(2,6,4,.88);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px;animation:fadein .18s}
.popov.out{opacity:0;transition:opacity .15s}
.popbox{position:relative;width:100%;max-width:560px;max-height:88vh;overflow:auto;border:1px solid var(--gold-line);border-radius:20px;padding:24px 26px;animation:popin .28s cubic-bezier(.2,.9,.3,1.1);
  background:linear-gradient(180deg,#132019 0%,#0b1510 55%,#091109 100%);
  box-shadow:0 40px 110px -30px #000, inset 0 1px 0 rgba(255,255,255,.05), inset 0 0 0 1px rgba(217,184,106,.07)}
.popov{--_x:0}
@keyframes popin{from{transform:translateY(16px) scale(.97);opacity:0}to{transform:none;opacity:1}}
.popbox .px{position:absolute;top:12px;right:16px;font-size:26px;color:var(--muted);cursor:pointer;line-height:1}
.popbox .px:hover{color:var(--gold)}
.mi-hero{display:flex;gap:14px;align-items:center;margin-bottom:12px}
.mi-ic{width:56px;height:56px;flex:0 0 56px;border-radius:16px;display:grid;place-items:center;font-size:28px;background:rgba(244,192,78,.08);border:1px solid var(--gold-line)}
.mi-hero h3{font:800 20px Sora;color:#fff;margin:0 0 4px}
.mi-d{font:500 13.5px Inter;color:var(--ink);line-height:1.6;margin:0 0 14px}
.mi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:6px}
.mi-k{padding:11px 13px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
.mi-k small{display:block;font:600 10.5px Inter;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}
.mi-k b{font:800 15px Sora;color:var(--gold-3,#FFE08A)}
.mi-s{margin-top:18px} .mi-s h4{font:700 13px Sora;color:#fff;margin:0 0 8px}
.mi-ul{margin:0;padding-left:18px;font:500 12.5px Inter;color:var(--muted);line-height:1.75}
.mi-c{margin-top:10px;padding:11px 13px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
.mi-c.ok{border-color:rgba(101,230,165,.4);background:rgba(101,230,165,.06)}
.mi-ch{display:flex;justify-content:space-between;gap:10px;font:600 12.5px Inter;color:var(--ink)}
.mi-ch span{color:var(--muted);white-space:nowrap}
.mi-act{margin-top:20px;display:flex;gap:10px;justify-content:center}
.mi-act .btn{min-width:200px;justify-content:center}
.popbox .pct{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:7px;font:600 12px Inter;color:var(--muted)}

/* Faz 13: ana sayfa görev widget'ı */
.hm{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.hm li{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .2s}
.hm li:last-child{border-bottom:0}
.hm li:hover{background:rgba(244,192,78,.05)}
.hm-i{width:30px;height:30px;flex:0 0 30px;border-radius:9px;display:grid;place-items:center;font-size:15px;background:rgba(244,192,78,.08);border:1px solid var(--gold-line)}
.hm-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.hm-b b{font:600 12.5px Inter;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-b small{font:500 11px Inter;color:var(--gold-3,#FFE08A)}
.hm .mbar.sm{margin-top:5px;height:5px}
.hm-pct{font:800 12px Sora;color:var(--gold-3,#FFE08A);white-space:nowrap}
.hm-ok{font:700 11px Inter;color:var(--mint,#65E6A5);white-space:nowrap}
.hm-lock{opacity:.5}
.hm-join{padding:6px 14px;border-radius:20px;border:1px solid var(--gold);background:linear-gradient(180deg,rgba(244,192,78,.18),rgba(244,192,78,.06));color:var(--gold-3,#FFE08A);font:700 11.5px Inter;cursor:pointer;white-space:nowrap;transition:.2s;position:relative;overflow:hidden}
.hm-join:hover{background:linear-gradient(180deg,#F4C04E,#B8862B);color:#0B1510;transform:translateY(-1px);box-shadow:0 6px 16px -6px rgba(244,192,78,.8)}
.hm-join:active{transform:scale(.95)}
.hm-join::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);background-size:220% 100%;animation:mshine 3s linear infinite}
.mr2{cursor:pointer;transition:background .2s,border-color .2s}
.mr2:hover{background:rgba(244,192,78,.05)}
.mr2.on{border-color:rgba(244,192,78,.3)}
.mr2 .mn small{display:block;font:500 11px Inter;color:var(--gold-3,#FFE08A);margin-top:2px}
.mr2 .mbar.sm{margin-top:6px;max-width:220px}
.mrw.ok{color:var(--mint,#65E6A5)} .mrw.lock{opacity:.6;font-size:11px}
.hm-join.big{padding:9px 18px;font-size:12.5px;border-radius:24px}
.mc{cursor:pointer}

/* Faz 13: canlı çevrimiçi sayacı */
.tick .onl{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;margin-right:12px;border-radius:20px;background:rgba(101,230,165,.1);border:1px solid rgba(101,230,165,.3);font:600 11.5px Inter;color:var(--mint,#65E6A5);white-space:nowrap;flex:0 0 auto}
.tick .onl i{width:7px;height:7px;border-radius:50%;background:var(--mint,#65E6A5);box-shadow:0 0 8px var(--mint,#65E6A5);animation:onlpulse 2s ease-in-out infinite}
.tick .onl b{color:#fff;font-weight:800}
@keyframes onlpulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}
@media(max-width:640px){ .tick .onl{font-size:10.5px;padding:3px 8px;margin-right:8px} }

/* ===== Faz 15: JACKPOT ===== */
.jp{margin:18px 0 6px;padding:18px 20px;border-radius:20px;position:relative;overflow:hidden;
  background:radial-gradient(120% 140% at 50% -20%,rgba(244,192,78,.16),transparent 62%),linear-gradient(180deg,#12200f08,#0b1510);
  border:1px solid var(--gold-line);box-shadow:inset 0 0 0 1px rgba(217,184,106,.07),0 24px 60px -40px #000}
.jp::before{content:'';position:absolute;inset:-2px;background:conic-gradient(from 0deg,transparent,rgba(244,192,78,.35),transparent 30%);animation:jpspin 7s linear infinite;opacity:.5;pointer-events:none}
.jp::after{content:'';position:absolute;inset:1px;border-radius:19px;background:linear-gradient(180deg,#0f1a14,#080f0b);pointer-events:none}
.jp>*{position:relative;z-index:2}
@keyframes jpspin{to{transform:rotate(360deg)}}
.jp-h{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.jp-t{font:800 15px Sora;letter-spacing:.06em;background:linear-gradient(90deg,#FFE08A,#F4C04E,#FFE08A);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:jpshine 3s linear infinite}
@keyframes jpshine{to{background-position:200% center}}
.jp-live{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:3px 9px;border-radius:20px;background:rgba(255,93,115,.12);border:1px solid rgba(255,93,115,.35);font:700 10px Inter;color:#ff8a9b;letter-spacing:.06em}
.jp-live i{width:6px;height:6px;border-radius:50%;background:#ff5d73;animation:onlpulse 1.4s ease-in-out infinite}
.jp-pools{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.jp-p{display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 10px;border-radius:15px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--jc) 12%,transparent),transparent);border:1px solid color-mix(in srgb,var(--jc) 40%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.jp-i{font-size:22px;filter:drop-shadow(0 4px 10px color-mix(in srgb,var(--jc) 60%,transparent))}
.jp-n{font:700 11px Sora;letter-spacing:.1em;color:var(--jc);text-transform:uppercase}
.jp-a{font:800 20px Sora;color:#fff;font-variant-numeric:tabular-nums;transition:transform .2s,text-shadow .2s;display:flex;align-items:baseline;gap:4px}
.jp-a small{font:700 10px Inter;color:var(--muted)}
.jp-a.up{transform:scale(1.045);text-shadow:0 0 16px color-mix(in srgb,var(--jc) 80%,transparent)}
.jp-w{margin-top:14px;padding-top:12px;border-top:1px solid rgba(217,184,106,.16)}
.jp-wt{display:block;font:700 10px Sora;letter-spacing:.14em;color:var(--gold-3,#FFE08A);margin-bottom:8px}
.jp-wl{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.jp-wl::-webkit-scrollbar{display:none}
.jp-wi{flex:0 0 auto;padding:7px 12px;border-radius:11px;background:rgba(255,255,255,.04);border:1px solid var(--line);font:500 11.5px Inter;color:var(--muted);white-space:nowrap}
.jp-wi b{color:var(--ink);font-weight:700} .jp-wi b.am{color:var(--gold-3,#FFE08A)}
.jp-note{margin-top:10px;font:500 11.5px Inter;color:var(--muted);line-height:1.5}
@media(max-width:640px){ .jp{padding:14px} .jp-a{font-size:17px} .jp-pools{grid-template-columns:repeat(2,1fr)} }

/* ===== Faz 16: çekiliş + coming soon ===== */
.rfgoal{margin:14px 0 6px;padding:12px 14px;border-radius:13px;background:rgba(244,192,78,.05);border:1px solid var(--gold-line)}
.rfgoal-h{display:flex;justify-content:space-between;align-items:baseline;font:500 12px Inter;color:var(--muted);margin-bottom:8px}
.rfgoal-h b{font:800 15px Sora;color:var(--gold-3,#FFE08A)}
.rfgoal small{display:block;margin-top:7px;font:500 11px Inter;color:var(--muted)}
.rfentry{margin-top:12px;padding:12px 14px;border-radius:13px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.rfentry b{display:block;font:700 11.5px Sora;letter-spacing:.06em;color:var(--gold-3,#FFE08A);margin-bottom:7px;text-transform:uppercase}
.rfentry ul{margin:0;padding-left:17px;font:500 12.5px Inter;color:var(--ink);line-height:1.7}
.rfentry .ok{display:inline-block;margin-top:9px;font:700 12px Inter;color:var(--mint,#65E6A5)}
.rfentry .no{display:inline-block;margin-top:9px;font:600 12px Inter;color:#ff8a9b}
/* coming soon */
.soon{position:relative;margin-top:22px;padding:48px 26px;border-radius:22px;text-align:center;overflow:hidden;
  background:radial-gradient(90% 120% at 50% 0%,rgba(244,192,78,.10),transparent 60%),var(--marble,#0d1712);border:1px solid var(--gold-line)}
.soon-orb{position:relative;width:96px;height:96px;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;font-size:40px;
  background:radial-gradient(circle at 50% 35%,rgba(244,192,78,.22),rgba(244,192,78,.04));border:1px solid rgba(244,192,78,.35);
  animation:soonfloat 3.4s ease-in-out infinite}
.soon-orb i{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(244,192,78,.30);animation:soonring 3s ease-out infinite}
.soon-orb i:nth-child(2){animation-delay:1s} .soon-orb i:nth-child(3){animation-delay:2s}
@keyframes soonring{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.9);opacity:0}}
@keyframes soonfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.soon h2{font:800 clamp(20px,4vw,28px) Sora;color:#fff;margin:0 0 10px}
.soon p{max-width:520px;margin:0 auto 22px;font:500 13.5px Inter;color:var(--muted);line-height:1.7}
.soon-bar{width:min(320px,80%);height:6px;margin:0 auto 18px;border-radius:20px;background:rgba(255,255,255,.07);overflow:hidden}
.soon-bar i{display:block;height:100%;width:38%;border-radius:20px;background:linear-gradient(90deg,transparent,#F4C04E,transparent);animation:soonslide 2.1s ease-in-out infinite}
@keyframes soonslide{0%{transform:translateX(-120%)}100%{transform:translateX(320%)}}
.soon-tag{display:inline-block;padding:6px 16px;border-radius:20px;font:800 10.5px Sora;letter-spacing:.16em;color:#0B1510;background:linear-gradient(180deg,#F4C04E,#B8862B)}

/* ===== FAZ 17: ETKİNLİKLER ===== */
.evgrid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}
.evcard{background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.09);border-radius:18px;overflow:hidden;backdrop-filter:blur(8px);transition:.25s}
.evcard:hover{transform:translateY(-3px);border-color:rgba(212,175,55,.35);box-shadow:0 14px 40px rgba(0,0,0,.38)}
.evcard.over{opacity:.82}
.evhead{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(90deg,color-mix(in srgb,var(--ec) 16%,transparent),transparent);border-bottom:1px solid rgba(255,255,255,.07)}
.evic{font-size:26px;filter:drop-shadow(0 0 10px var(--ec))}
.evhead b{display:block;font-size:15px}
.evsub{font-size:11.5px;color:var(--mut);margin-top:2px}
.evsub b{display:inline;color:var(--gold);font-size:11.5px}
.evcnt{margin-left:auto;font-size:11px;color:var(--mut);white-space:nowrap;background:rgba(255,255,255,.06);padding:4px 9px;border-radius:20px}
.evbody{padding:14px 16px 16px}
.evdesc{font-size:13px;color:var(--mut);margin:0 0 10px;line-height:1.55}
.evcond{font-size:11.5px;color:#fbbf24;background:rgba(251,191,36,.09);border:1px solid rgba(251,191,36,.2);border-radius:10px;padding:7px 10px;margin-bottom:10px}
.evrews{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}
.evrew{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;background:rgba(255,255,255,.04);border-radius:9px;padding:7px 11px}
.evrew span{color:var(--mut)}.evrew b{color:var(--gold);text-align:right}
.evhint{font-size:11.5px;color:var(--mut);margin:8px 0;line-height:1.5;text-align:center}
.evhint b{color:var(--gold)}
.evlock{font-size:12.5px;color:var(--mut);background:rgba(255,255,255,.04);border-radius:10px;padding:11px;text-align:center}
/* zar */
.evdice{text-align:center}
.evd3{display:flex;justify-content:center;gap:10px;margin:6px 0 4px}
.evdie{font-size:34px;display:inline-block;animation:evroll 2.6s cubic-bezier(.36,.07,.19,.97) infinite}
.evdie:nth-child(2){animation-delay:.35s}.evdie:nth-child(3){animation-delay:.7s}
@keyframes evroll{0%,55%{transform:rotate(0) scale(1)}65%{transform:rotate(-18deg) scale(1.18)}75%{transform:rotate(22deg) scale(1.18)}85%{transform:rotate(-8deg) scale(1.06)}100%{transform:rotate(0) scale(1)}}
.evnums{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:10px 0 14px}
.evnum{min-width:40px;padding:8px 6px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:var(--txt);font-weight:600;font-size:13px;cursor:pointer;transition:.15s}
.evnum:hover{border-color:var(--gold);transform:translateY(-2px)}
.evnum.on{background:linear-gradient(135deg,#d4af37,#f5d67a);color:#241a02;border-color:transparent;box-shadow:0 6px 18px rgba(212,175,55,.35)}
/* skor tahmini */
.evmatches{display:flex;flex-direction:column;gap:8px;margin-bottom:6px}
.evm{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.04);border-radius:11px;padding:9px 12px}
.evmn{flex:1;font-size:13px;font-weight:600}
.evml{display:block;font-size:10.5px;color:var(--mut);font-weight:400;margin-top:2px}
.evmsc{display:flex;align-items:center;gap:6px}
.evmsc input{width:46px;text-align:center;padding:7px 4px;border-radius:9px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.28);color:var(--txt);font-weight:700;font-size:14px}
.evmsc input:focus{border-color:var(--gold);outline:none}
.evmsc span{color:var(--mut)}
/* katılım sonrası */
.evmine{background:rgba(74,222,128,.09);border:1px solid rgba(74,222,128,.22);border-radius:12px;padding:11px 13px;font-size:13px;margin-bottom:10px}
.evmine b{color:#4ade80}
.evmylist{margin-top:8px;display:flex;flex-direction:column;gap:4px}
.evmylist div{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--mut)}
.evmylist b{color:var(--txt)}
.evwin{margin-top:6px;color:var(--gold);font-weight:600;font-size:12.5px}
.evres{background:rgba(255,255,255,.05);border-radius:12px;padding:11px 13px;font-size:13.5px;margin-bottom:10px}
.evres b{color:var(--gold)}
/* test */
.qzbox{max-width:520px;width:100%}
.qzh{display:flex;justify-content:space-between;font-size:12px;color:var(--mut);margin-bottom:8px;padding-right:26px}
.qzt{color:#f87171;font-weight:700;font-variant-numeric:tabular-nums}
.qzbar{height:4px;background:rgba(255,255,255,.08);border-radius:4px;overflow:hidden;margin-bottom:16px}
.qzbar i{display:block;height:100%;background:linear-gradient(90deg,#d4af37,#f5d67a);transition:width .3s}
.qzq{margin:0 0 14px;font-size:17px;line-height:1.45}
.qzopts{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.qzo{text-align:left;padding:13px 15px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:var(--txt);font-size:14px;cursor:pointer;transition:.15s}
.qzo:hover{border-color:var(--gold);background:rgba(212,175,55,.07)}
.qzo.on{background:linear-gradient(135deg,rgba(212,175,55,.22),rgba(212,175,55,.1));border-color:var(--gold);font-weight:600}
.qza{display:flex;justify-content:space-between;gap:10px;align-items:center}
.qza .mbtn{flex:0 0 auto}
.evbrd{display:flex;flex-direction:column;gap:5px;max-height:52vh;overflow:auto;margin-bottom:14px}
.evbrd div{display:flex;align-items:center;gap:10px;font-size:13px;background:rgba(255,255,255,.04);border-radius:10px;padding:8px 12px}
.evbrd div.me{background:rgba(212,175,55,.14);border:1px solid rgba(212,175,55,.3)}
.evbrd .r{width:26px;color:var(--mut);font-weight:700}
.evbrd .u{flex:1}
.evbrd b{color:var(--gold)}
.evbrd em{font-style:normal;font-size:11px;color:var(--mut)}
@media(max-width:600px){.evgrid{grid-template-columns:1fr}.evnum{min-width:36px;font-size:12px}}

/* ===== FAZ 18: SANDIK + ARKADAŞINI GETİR ===== */
.bxgrid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.bxcard{background:linear-gradient(170deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:20px 18px;text-align:center;transition:.25s}
.bxcard:hover{transform:translateY(-4px);border-color:rgba(212,175,55,.4);box-shadow:0 18px 44px rgba(0,0,0,.4)}
.bxcard h3{margin:10px 0 4px;font-size:17px}
.bxdesc{font-size:12.5px;color:var(--mut);margin:0 0 12px;line-height:1.5}
.bxchest{position:relative;height:86px;display:flex;align-items:center;justify-content:center}
.bxic{font-size:54px;display:inline-block;animation:bxfloat 3.4s ease-in-out infinite;filter:drop-shadow(0 6px 18px rgba(212,175,55,.45))}
@keyframes bxfloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}
.bxglow{position:absolute;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.3),transparent 66%);animation:bxpulse 3s ease-in-out infinite;pointer-events:none}
@keyframes bxpulse{0%,100%{transform:scale(.85);opacity:.55}50%{transform:scale(1.12);opacity:.95}}
.bxcard.opening .bxic{animation:bxshake .28s linear infinite}
.bxcard.opening .bxglow{animation:bxpulse .5s ease-in-out infinite}
@keyframes bxshake{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(-5px,-3px) rotate(-9deg)}50%{transform:translate(4px,-6px) rotate(8deg)}75%{transform:translate(-3px,2px) rotate(-5deg)}}
.bxmeta{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:10px}
.bxmeta span{font-size:11px;color:var(--mut);background:rgba(255,255,255,.06);padding:4px 10px;border-radius:20px}
.bxcond{font-size:11px;color:#fbbf24;background:rgba(251,191,36,.09);border-radius:9px;padding:6px 9px;margin-bottom:10px}
.bxodds{display:flex;flex-direction:column;gap:4px;margin-bottom:14px;text-align:left}
.bxodds div{display:flex;justify-content:space-between;font-size:12px;background:rgba(0,0,0,.2);border-radius:8px;padding:6px 10px}
.bxodds span{color:var(--mut)}.bxodds b{color:var(--gold)}
.bxlock{font-size:12px;color:var(--mut);background:rgba(255,255,255,.04);border-radius:10px;padding:10px}
.bxhist{display:flex;flex-direction:column;gap:6px}
.bxhist div{display:flex;align-items:center;gap:12px;font-size:12.5px;background:rgba(255,255,255,.04);border-radius:10px;padding:9px 13px}
.bxhist span{flex:1;color:var(--mut)}.bxhist b{color:var(--gold)}.bxhist em{font-style:normal;color:var(--mut)}
.bxhist small{color:var(--mut);font-size:11px}
.bxwin{text-align:center;max-width:380px}
.bxburst{font-size:64px;animation:bxpop .6s cubic-bezier(.34,1.56,.64,1)}
@keyframes bxpop{0%{transform:scale(0) rotate(-30deg);opacity:0}70%{transform:scale(1.25) rotate(8deg)}100%{transform:scale(1) rotate(0);opacity:1}}
.bxwin h3{margin:6px 0 4px;font-size:20px}
.bxprize{font-size:22px;font-weight:700;color:var(--gold);margin:8px 0}
.bxwin.none .bxprize{font-size:15px;font-weight:400;color:var(--mut)}
.bxwin small{color:var(--mut);font-size:11.5px;display:block;margin-bottom:10px}
.bxbal{font-size:12.5px;color:var(--mut);margin:12px 0 16px}
.bxbal b{color:var(--txt)}
/* arkadaşını getir */
.rfbox{background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:22px}
.rfsteps{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:22px}
.rfsteps>div{position:relative;padding-left:44px}
.rfsteps i{position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#d4af37,#f5d67a);color:#241a02;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:800;font-size:14px}
.rfsteps b{display:block;font-size:13.5px;margin-bottom:3px}
.rfsteps span{font-size:11.5px;color:var(--mut);line-height:1.45}
.rflink label{display:block;font-size:11.5px;color:var(--mut);margin-bottom:6px}
.rfcopy{display:flex;gap:8px}
.rfcopy input{flex:1;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.3);color:var(--txt);font-size:13px}
.rfcopy .mbtn{flex:0 0 auto}
.rfcode{margin-top:8px;font-size:12.5px;color:var(--mut)}
.rfcode b{color:var(--gold);font-family:'JetBrains Mono',monospace;letter-spacing:.5px}
.rfstats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}
.rfstats div{background:rgba(0,0,0,.24);border-radius:13px;padding:13px;text-align:center}
.rfstats small{display:block;font-size:11px;color:var(--mut);margin-bottom:4px}
.rfstats b{font-size:19px;color:var(--gold)}
.rflist{display:flex;flex-direction:column;gap:6px}
.rflist div{display:flex;align-items:center;gap:12px;font-size:12.5px;background:rgba(255,255,255,.04);border-radius:10px;padding:10px 13px}
.rflist .u{flex:1;font-weight:600}
.rflist .st{font-size:11px;padding:3px 9px;border-radius:14px;background:rgba(255,255,255,.07);color:var(--mut)}
.rflist .st.qualified{background:rgba(251,191,36,.15);color:#fbbf24}
.rflist .st.paid{background:rgba(74,222,128,.15);color:#4ade80}
.rflist .st.rejected{background:rgba(248,113,113,.14);color:#f87171}
.rflist b{color:var(--gold);min-width:74px;text-align:right}
.rflist small{color:var(--mut);font-size:11px;min-width:64px;text-align:right}
@media(max-width:600px){.bxgrid{grid-template-columns:1fr}.rfstats{grid-template-columns:1fr}.rflist div{flex-wrap:wrap}}

/* ===== kademeli görev merdiveni ===== */
.mtier{margin:14px 0;background:rgba(0,0,0,.22);border-radius:14px;padding:12px}
.mtl{font-size:12px;color:var(--mut);margin-bottom:9px;letter-spacing:.4px}
.mtrow{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:11px;margin-bottom:5px;background:rgba(255,255,255,.03);opacity:.62;transition:.2s}
.mtrow:last-child{margin-bottom:0}
.mtrow.ok{opacity:1;background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.22)}
.mtrow.cur{opacity:1;background:rgba(212,175,55,.11);border:1px solid rgba(212,175,55,.3)}
.mtn{flex:0 0 24px;height:24px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}
.mtrow.ok .mtn{background:#4ade80;color:#06280f}
.mtrow.cur .mtn{background:linear-gradient(135deg,#d4af37,#f5d67a);color:#241a02}
.mtb{flex:1;min-width:0}
.mtb b{display:block;font-size:13.5px}
.mtb span{font-size:11.5px;color:var(--mut)}
.mtb .mbar{margin-top:6px}
.mts{font-size:11px;color:var(--mut);white-space:nowrap}
.mtrow.ok .mts{color:#4ade80}
.mtrow.cur .mts{color:var(--gold);font-weight:600}

/* ===== yana kaydırılabilir sekme şeritleri: kaydırma ipucu ===== */
.ptabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}
.ptabs::-webkit-scrollbar{display:none}
.ptabs.fade-r{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 38px),rgba(0,0,0,.15));mask-image:linear-gradient(90deg,#000 calc(100% - 38px),rgba(0,0,0,.15))}
.ptabs.fade-l{-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.15),#000 38px);mask-image:linear-gradient(90deg,rgba(0,0,0,.15),#000 38px)}
.ptabs.fade-l.fade-r{-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.15),#000 38px,#000 calc(100% - 38px),rgba(0,0,0,.15));mask-image:linear-gradient(90deg,rgba(0,0,0,.15),#000 38px,#000 calc(100% - 38px),rgba(0,0,0,.15))}

/* turnuva "yakında" rozeti — henüz başlamamış turnuva canlı gibi görünmesin */
.cbadge.soon,.hbadge.soon{background:rgba(251,191,36,.16)!important;color:#fbbf24!important;border-color:rgba(251,191,36,.35)!important}

/* ===== KUPALAR ===== */
.trostats{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));margin-bottom:22px}
.trostat{background:linear-gradient(160deg,rgba(212,175,55,.09),rgba(255,255,255,.02));border:1px solid rgba(212,175,55,.22);
  border-radius:16px;padding:16px 14px;text-align:center}
.trostat .tsi{font-size:24px;display:block;margin-bottom:6px}
.trostat b{display:block;font-size:20px;color:var(--gold);line-height:1.2}
.trostat small{display:block;margin-top:5px;font-size:11.5px;color:var(--mut)}
.trogrid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.trocard{position:relative;background:linear-gradient(165deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:18px 16px 14px;cursor:pointer;transition:.22s;overflow:hidden}
.trocard:hover{transform:translateY(-3px);border-color:rgba(212,175,55,.42);box-shadow:0 16px 40px rgba(0,0,0,.4)}
.trobadge{position:absolute;top:-10px;right:-6px;font-size:52px;opacity:.13;pointer-events:none}
.trodate{font-size:11px;color:var(--mut);letter-spacing:.3px}
.trocard h3{margin:6px 0 10px;font-size:15.5px;line-height:1.35}
.troprize{font-size:21px;font-weight:800;color:var(--gold);margin-bottom:10px}
.trometa{display:flex;gap:10px;flex-wrap:wrap;font-size:11.5px;color:var(--mut);margin-bottom:10px}
.trometa span{background:rgba(255,255,255,.05);padding:3px 9px;border-radius:12px}
.trogo{font-size:12px;color:var(--gold);opacity:.85}
.troempty{text-align:center;padding:46px 20px;background:rgba(255,255,255,.03);border-radius:18px;border:1px dashed rgba(255,255,255,.12)}
.troempty span{font-size:46px;display:block;margin-bottom:10px;opacity:.6}
.troempty b{display:block;font-size:16px;margin-bottom:6px}
.troempty p{color:var(--mut);font-size:13px;margin:0}
/* detay */
.trodetail{max-width:520px;width:100%}
.trodh{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.trodh span{font-size:34px}
.trodh h3{margin:0;font-size:18px}
.trodh small{color:var(--mut);font-size:11.5px}
.trodd{font-size:13px;color:var(--mut);margin:0 0 14px;line-height:1.55}
.trowin{display:flex;flex-direction:column;gap:5px;max-height:52vh;overflow:auto;margin-bottom:14px}
.trowrow{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.04);border-radius:11px;padding:9px 12px;font-size:13px}
.trowrow.top{background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.24)}
.trom{flex:0 0 30px;font-size:17px;text-align:center}
.trom .trn{font-size:12px;color:var(--mut);font-weight:700}
.trou{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tros{font-size:11px;color:var(--mut);white-space:nowrap}
.trop{color:var(--gold);white-space:nowrap;min-width:78px;text-align:right}
@media(max-width:600px){.trogrid{grid-template-columns:1fr}.trostats{grid-template-columns:1fr 1fr}.tros{display:none}}