:root{
  --ink:#0c0a08; --ink2:#141019; --panel:#1b1610; --panel2:#221b13;
  --parch:#e9dcc2; --parch-dim:#b7a683; --dim:#8a7a5f;
  --gold:#c8a24a; --gold-bright:#f0cf6e; --border:#4a3c24; --border-lt:#63502f;
  --blood:#b02a2a; --blood-lt:#e0553f; --steel:#4a7db5; --steel-lt:#7bb0e6;
  --hp:#c0392b; --mp:#2f6fb0; --xp:#caa23e; --good:#6fae55; --warn:#d8a13e;
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{height:100%;touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none}
body{
  font-family:'Cabin',system-ui,sans-serif;color:var(--parch);
  background:
    radial-gradient(120% 80% at 50% -10%, #241b2e 0%, transparent 55%),
    radial-gradient(100% 70% at 50% 120%, #1a130d 0%, transparent 60%),
    var(--ink);
  overflow:hidden;
}
#game{position:fixed;inset:0;display:flex;flex-direction:column}
.display{font-family:'Cinzel',serif}

/* subtle parchment noise on panels */
.card,.plaque,.combatant,.slot,.zonecard,.shopitem{
  background-image:linear-gradient(#ffffff05,#00000018);
}

/* ---------- HUD ---------- */
#hud{display:none;flex:0 0 auto;align-items:center;gap:13px;padding:11px 15px 12px;position:relative;
  background:linear-gradient(180deg,#20180d,#160f08 55%,#100b06);border-bottom:1px solid #000;
  box-shadow:0 3px 14px #0009;z-index:5}
#hud::after{content:'';position:absolute;left:0;right:0;bottom:-7px;height:16px;
  background:url(img/bottom-bar-ust.png) no-repeat center/100% 100%;pointer-events:none;z-index:6}
#hud.on{display:flex}
#topbar{display:none;flex:0 0 auto;align-items:center;justify-content:space-between;gap:10px;padding:7px 14px;background:linear-gradient(180deg,#160f08,#0d0906);border-bottom:1px solid #33281a;box-shadow:0 3px 10px -6px #000}
#topbar.on{display:flex}
#topbar .tb-right{display:flex;align-items:center;gap:8px}
.tb-btn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(#2a2118,#150f09);border:1px solid #4a3c24;color:var(--gold-bright);padding:6px 12px;border-radius:9px;font-family:'Cinzel',serif;font-weight:800;font-size:12px;letter-spacing:.4px;cursor:pointer;transition:.12s;box-shadow:inset 0 1px 0 #ffffff08}
.tb-seg{display:inline-flex;align-items:stretch;border:1px solid var(--border-lt);border-radius:9px;overflow:hidden;background:linear-gradient(#2a2118,#150f09);box-shadow:inset 0 1px 0 #ffffff08}
.tb-s{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--parch);padding:6px 11px;cursor:pointer;transition:.12s;position:relative;font-family:'Cabin';font-weight:700}
.tb-s+.tb-s{border-left:1px solid var(--border)}
.tb-seg.no-genie>.tb-s:nth-child(2){border-left:none}
.tb-s:hover{background:#33281a}
.tb-s:active{background:#3d2f1a}
.tb-s .tb-si{font-size:15px;line-height:1}
.tb-s.tb-s-txt{font-family:'Cinzel',serif;font-weight:800;font-size:12px;color:var(--gold-bright);letter-spacing:.4px;padding:6px 13px}
.tb-s .tb-badge{position:absolute;top:2px;right:2px;margin:0;min-width:14px;height:14px;padding:0 3px;font-size:8px;border:1.5px solid #150f09}
.tb-btn:hover{border-color:var(--gold);color:var(--gold-bright)}
.tb-btn:active{transform:translateY(1px)}
.tb-btn .tb-ic{font-size:14px;line-height:1}
.tb-logout:hover{border-color:var(--blood-lt);color:var(--blood-lt)}
.portrait{width:56px;height:56px;flex:0 0 56px;border-radius:15px;display:grid;place-items:center;
  font-size:27px;color:var(--gold-bright);cursor:pointer;position:relative;overflow:hidden;
  background:radial-gradient(circle at 34% 26%,#3a301b,#0e0a06);border:2px solid #241a0c;
  box-shadow:0 0 0 1.5px #7a5f28, 0 0 0 3px #0c0906, 0 0 0 4.5px var(--ring,#3a2c14),
    0 0 13px -1px var(--ring,#000), inset 0 2px 5px #0006}
.portrait .avaimg{width:100%;height:100%;object-fit:cover;display:block}
.portrait::after{content:'✎';position:absolute;right:0;top:0;width:16px;height:16px;
  display:grid;place-items:center;font-size:9px;color:#1a1206;
  background:linear-gradient(#f0cf6e,#c8a24a);border-bottom-left-radius:9px;box-shadow:-1px 1px 3px #0007}
.portrait-wrap{position:relative;flex:0 0 56px;width:56px;height:56px}
.hud-left{display:flex;flex-direction:column;align-items:center;flex:0 0 auto}
.hud-lang{margin-top:13px;transform:scale(.82);transform-origin:top center}
.lvl-badge{position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);min-width:24px;height:20px;padding:0 7px;
  display:inline-flex;align-items:center;gap:2px;justify-content:center;font-family:'Cinzel';font-weight:700;font-size:11px;
  color:#1a1206;background:linear-gradient(#f0cf6e,#c8a24a);border:2px solid #120c05;border-radius:999px;
  box-shadow:0 1px 3px #0009;pointer-events:none;z-index:3;letter-spacing:.2px}
.lvl-badge .lb{font-size:8px;font-weight:800;letter-spacing:.5px;opacity:.72;text-transform:uppercase}
.fac{display:inline-flex;align-items:center;gap:5px;font-size:9.5px;font-weight:800;letter-spacing:.6px;
  text-transform:uppercase;padding:2px 8px 2px 3px;border-radius:999px;line-height:1;white-space:nowrap}
.fac .facico{width:13px;height:13px;object-fit:contain;display:block;border-radius:50%;background:#0006;padding:1px;box-shadow:0 0 0 1px #0004}
.fac .facico-emoji{font-size:13px;line-height:15px;display:inline-block}
.fac .facico-svg{width:16px;height:16px;display:block}
.hud-meta .cls .facico-svg{width:16px;height:16px;display:block}
.modal.profile-modal{max-width:420px;width:100%;text-align:left;padding:0;overflow:hidden;position:relative;max-height:calc(100vh - 40px);overflow-y:auto}
.pm-x{position:absolute;top:12px;right:12px;z-index:3;width:32px;height:32px;border-radius:9px;border:1px solid var(--border);background:#00000055;color:var(--parch-dim);font-size:14px;cursor:pointer;display:grid;place-items:center;transition:.12s}
.pm-x:hover{border-color:var(--gold);color:var(--gold-bright)}
.prof-acc{display:flex;align-items:center;gap:13px;padding:18px 18px 16px;background:linear-gradient(135deg,#2c2011,#191106);border-bottom:1px solid var(--border)}
.pa-av{flex:0 0 auto;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-family:'Cinzel';font-size:26px;font-weight:700;color:#241a0a;background:linear-gradient(180deg,#f0cf6e,#b6892f);box-shadow:0 4px 14px -4px #000,0 0 0 3px #ffffff14;overflow:hidden}
.pa-av.img{background:#0006}
.pa-av img{width:100%;height:100%;object-fit:cover}
.pa-id{min-width:0;flex:1}
.pa-name{font-family:'Cinzel';font-size:20px;font-weight:700;color:var(--gold-bright);letter-spacing:.5px;line-height:1.12;word-break:break-word}
.pa-meta{font-size:12px;color:var(--parch-dim);margin-top:5px}
.pa-mail{font-size:11.5px;color:var(--dim);margin-top:3px;word-break:break-all}
.prof-sec{margin:12px 14px;padding:14px 15px;background:rgba(0,0,0,.22);border:1px solid var(--border);border-radius:14px}
.prof-sec:first-of-type{margin-top:14px}
.prof-h{display:flex;align-items:center;gap:8px;font-family:'Cinzel';font-weight:700;font-size:13px;letter-spacing:.5px;color:var(--gold);margin-bottom:12px}
.prof-hic{font-size:15px}
.prof-h .prof-status{margin-left:auto}
.prof-field{margin-bottom:10px}
.prof-field label{display:block;font-size:11px;color:var(--dim);margin-bottom:4px;letter-spacing:.3px}
.prof-field input{width:100%;padding:11px 12px;border-radius:10px;border:1px solid var(--border);background:#00000038;color:var(--parch);font-size:14px;transition:.12s;box-sizing:border-box}
.prof-field input:focus{outline:none;border-color:var(--gold);background:#0000005c;box-shadow:0 0 0 3px #c8a24a22}
.prof-field input::placeholder{color:#6a5c44}
.prof-status{font-size:11px;font-weight:600}
.prof-status .ok{color:var(--good,#6fae55)}
.prof-status .mut{color:var(--dim)}
.prof-msg{font-size:12px;margin-top:8px;min-height:1em}
.prof-msg.ok{color:var(--good,#6fae55)}
.prof-msg.err{color:var(--blood-lt,#e0553f)}
.pm-btn{width:100%;padding:11px 14px;border-radius:10px;border:1px solid var(--gold,#b8923f);background:linear-gradient(180deg,#e0bd63,#b6892f);color:#241a0a;font-family:'Cabin',sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:.12s;display:flex;align-items:center;justify-content:center;gap:7px}
.pm-btn:hover{filter:brightness(1.07)}
.pm-btn:active{transform:scale(.98)}
.pm-btn.ghost{background:linear-gradient(180deg,#2c2114,#1c1409);color:var(--gold-bright);border-color:#6a5527}
.pm-btn.ghost:hover{border-color:var(--gold);filter:none}
.pm-btn.danger{background:linear-gradient(180deg,#3a201b,#26140f);color:#e8927e;border-color:#7a3326}
.pm-btn.danger:hover{border-color:#c0392b;color:#ff9e88;filter:none}
/* ===== KRALLIK (kral seçimi) ===== */
.king-load{padding:26px 18px;text-align:center;color:var(--dim);font-size:13.5px}
.king-load.err{color:var(--blood-lt,#e0553f)}
/* Town'daki krallık kartı — seçim sürerken dikkat çeksin */
.plaque.kingopen{border-color:#8a6c2a;box-shadow:0 0 0 1px #f0cf6e33,0 8px 22px #0009}
.plaque.kingopen::before{background:linear-gradient(#f6dd8a,#c9992f)}
.plaque.kingopen .pt{color:#f6e6bd}

.king-thrones{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.king-throne{position:relative;padding:14px 12px;border-radius:14px;border:1px solid var(--border);background:linear-gradient(180deg,#1c130a,#140d06);text-align:center;overflow:hidden}
.king-throne.karus{box-shadow:inset 0 3px 0 #c8492f}
.king-throne.elmorad{box-shadow:inset 0 3px 0 #3f7fc0}
.king-throne.mine{border-color:var(--gold-bright,#f0cf6e)}
.king-throne.acctmine{border-color:rgba(240,207,110,.34)}
.kt-nat{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.kt-name{font-family:'Cinzel',serif;font-weight:800;font-size:17px;color:var(--gold-bright,#f0cf6e);margin-top:6px;line-height:1.2;word-break:break-word}
.kt-clan{font-size:11.5px;color:#a2917a;margin-top:2px}
.kt-left{font-size:11px;color:var(--dim);margin-top:6px}
.kt-left b{color:var(--parch)}
.kt-empty{font-family:'Cinzel',serif;font-size:15px;color:#6a5c44;margin-top:10px}
.king-phase{padding:12px 14px;border-radius:13px;border:1px solid var(--border);background:rgba(0,0,0,.24);text-align:center;margin-bottom:12px}
.king-phase.candidacy{border-color:#6a5327}
.king-phase.voting{border-color:#3f7fc0}
.kp-t{font-family:'Cinzel',serif;font-weight:700;font-size:15px;color:var(--gold-bright,#f0cf6e)}
.kp-s{font-size:12px;color:var(--dim);margin-top:3px}
.kp-s b{color:var(--parch)}
.king-card{padding:14px;border-radius:14px;border:1px solid var(--border);background:rgba(0,0,0,.22);margin-bottom:12px}
.king-card h3{font-family:'Cinzel',serif;font-size:15px;color:var(--gold-bright,#f0cf6e);margin:0 0 8px}
.king-note{font-size:12px;color:#8a7b60;line-height:1.5;margin:0 0 10px}
.king-note.err{color:#c08a7a;margin-top:10px;margin-bottom:0}
.king-ok{font-size:13px;color:var(--good,#6fae55);font-weight:700;padding:6px 0}
.king-info{font-size:12.5px;color:var(--parch-dim,#b7a88a);line-height:1.5;padding:9px 11px;border-radius:10px;background:rgba(240,207,110,.07);border:1px solid rgba(240,207,110,.24);margin-bottom:9px}
.king-info b{color:var(--gold-bright,#f0cf6e)}
.king-dep{font-size:12.5px;color:var(--dim);margin:10px 0}
.king-dep b{color:var(--gold-bright,#f0cf6e)}
.king-reqs{display:flex;flex-direction:column;gap:6px;margin:10px 0}
.king-req{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:9px;background:rgba(224,85,63,.09);border:1px solid rgba(224,85,63,.28);font-size:12px}
.king-req.ok{background:rgba(111,174,85,.09);border-color:rgba(111,174,85,.28)}
.kr-ic{color:var(--blood-lt,#e0553f);font-weight:800}
.king-req.ok .kr-ic{color:var(--good,#6fae55)}
.kr-l{flex:1;min-width:0;color:var(--parch-dim,#b7a88a)}
.kr-v{color:var(--parch);font-weight:700;white-space:nowrap}
.king-cands{display:flex;flex-direction:column;gap:9px;margin-top:10px}
.king-cand{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;border:1px solid var(--border);background:linear-gradient(180deg,#1c130a,#140d06)}
.kc-i{flex:1;min-width:0}
.kc-n{font-family:'Cinzel',serif;font-weight:700;font-size:15px;color:#f6ecd6;word-break:break-word}
.kc-me{font-family:'Cabin',sans-serif;font-size:10px;font-weight:700;color:var(--gold-bright,#f0cf6e);background:rgba(240,207,110,.14);border:1px solid rgba(240,207,110,.35);border-radius:999px;padding:1px 7px;margin-left:5px}
.kc-me.acct{color:#9fb6cf;background:rgba(120,160,200,.13);border-color:rgba(120,160,200,.32)}
.kc-c{font-size:11.5px;color:#8a7b60;margin-top:2px}
.king-btn{width:100%;margin-top:10px;padding:12px;border-radius:11px;border:1px solid #f7e6a8;background:linear-gradient(#f6dd8a,#c9992f);color:#2a1c05;font-family:'Cinzel',serif;font-weight:700;font-size:14px;cursor:pointer;transition:.13s}
.king-btn:hover:not(.off){filter:brightness(1.06)}
.king-btn.sm{width:auto;margin:0;padding:9px 15px;font-size:12.5px;flex:0 0 auto}
.king-btn.off{background:linear-gradient(#2c2114,#1a1208);color:#7a6c52;border-color:#4a3a22;cursor:not-allowed}
.king-btn.sm2{width:100%;margin-top:8px;padding:10px;font-size:13px}
/* Kralın kutsaması bandı (herkes görür) */
.king-buff{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:13px;margin-bottom:12px;
  border:1px solid rgba(240,207,110,.4);background:linear-gradient(90deg,rgba(240,207,110,.16),rgba(240,207,110,.05))}
.kb-i{font-size:20px;line-height:1}
.kb-t{flex:1;min-width:0}
.kb-n{font-size:13px;color:var(--parch,#e8dcc2)}
.kb-n b{color:var(--gold-bright,#f0cf6e)}
.kb-s{font-size:11.5px;color:#8a7b60;margin-top:2px}
/* Kral paneli */
.king-card.kingpanel{border-color:rgba(240,207,110,.42);background:linear-gradient(180deg,rgba(240,207,110,.07),rgba(0,0,0,.24))}
.kp-block{border-top:1px solid rgba(58,42,23,.7);padding-top:11px;margin-top:11px}
.kp-block:first-of-type{border-top:none;padding-top:0;margin-top:0}
.kp-h{font-family:'Cinzel',serif;font-size:13.5px;font-weight:700;color:var(--parch,#e8dcc2);margin-bottom:6px}
.kp-h .mut{font-family:'Cabin',sans-serif;font-size:11.5px;font-weight:400}
.king-ta{width:100%;box-sizing:border-box;min-height:74px;resize:vertical;padding:10px 11px;border-radius:10px;
  border:1px solid var(--border);background:rgba(0,0,0,.32);color:var(--parch,#e8dcc2);font-family:inherit;font-size:13px;line-height:1.45}
.king-ta:focus{outline:none;border-color:rgba(240,207,110,.55)}
/* Kral duyuruları */
.king-nlist{display:flex;flex-direction:column;gap:8px}
.king-n{padding:10px 12px;border-radius:11px;border:1px solid var(--border);background:rgba(0,0,0,.24)}
.kn-b{font-size:13px;color:var(--parch,#e8dcc2);line-height:1.5;word-break:break-word}
.kn-m{font-size:11px;color:#8a7b60;margin-top:5px}

/* ===== Hesabım: menü listesi + alt sayfalar ===== */
.accm{padding:12px 14px 18px}
.accm-grp{background:rgba(0,0,0,.22);border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-bottom:12px}
.accm-row{display:flex;align-items:center;gap:12px;padding:14px;cursor:pointer;border-bottom:1px solid rgba(58,42,23,.55);transition:.13s}
.accm-row:last-child{border-bottom:none}
.accm-row:hover{background:rgba(240,207,110,.06)}
.accm-row:active{background:rgba(240,207,110,.1)}
.accm-ic{width:36px;height:36px;flex:0 0 36px;border-radius:10px;display:grid;place-items:center;font-size:17px;background:linear-gradient(180deg,#2c2114,#1a1208);border:1px solid #4a3a22}
.accm-tx{flex:1;min-width:0}
.accm-t{font-weight:700;font-size:14px;color:var(--parch)}
.accm-s{font-size:11.5px;color:#8a7b60;margin-top:2px}
.accm-ar{color:#7a6a4c;font-size:18px;font-weight:300}
.accm-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:999px;background:rgba(111,174,85,.16);color:#8fd05c;border:1px solid rgba(111,174,85,.4);white-space:nowrap}
.accm-badge.off{background:rgba(169,153,124,.12);color:var(--dim);border-color:#4a3a22}
.accm-row.danger .accm-t{color:#e8927e}
.accm-row.danger .accm-ic{background:linear-gradient(180deg,#3a201b,#26140f);border-color:#7a3326}
.accsub{display:none;background:linear-gradient(180deg,#171004,#100a04)}
.accsub.on{display:block;animation:accSubIn .22s ease}
@keyframes accSubIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
.acc-note{font-size:11.5px;color:#7a6c52;padding:2px 18px 0;line-height:1.5}
.acc-load{padding:22px 18px;text-align:center;color:var(--dim);font-size:13px}
.acc-load.err{color:var(--blood-lt,#e0553f)}
/* açma/kapama anahtarı */
.accsw{flex:0 0 auto;width:42px;height:24px;border-radius:999px;background:#1a1208;border:1px solid #4a3a22;position:relative;transition:.16s}
.accsw::after{content:'';position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:linear-gradient(180deg,#8a7c5e,#5d5340);transition:.16s}
.accsw.on{background:linear-gradient(90deg,#7a5f2a,#c9992f);border-color:#f0cf6e}
.accsw.on::after{left:20px;background:linear-gradient(180deg,#fff3cf,#e7c063)}
/* kariyer: özet kutuları */
.acc-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 14px 4px}
.acc-kpi{background:rgba(0,0,0,.24);border:1px solid var(--border);border-radius:12px;padding:11px 6px;text-align:center}
.acc-kpi .kv{font-family:'Cinzel',serif;font-weight:800;font-size:16px;color:var(--gold-bright,#f0cf6e);line-height:1.1;word-break:break-all}
.acc-kpi .kl{font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--dim);margin-top:4px}
/* kariyer: karakter kartları */
.acc-chars{padding:10px 14px 18px;display:flex;flex-direction:column;gap:10px}
.acc-char{background:rgba(0,0,0,.24);border:1px solid var(--border);border-radius:13px;padding:12px 13px;position:relative;overflow:hidden}
.acc-char.karus{box-shadow:inset 3px 0 0 #c8492f}
.acc-char.elmorad{box-shadow:inset 3px 0 0 #3f7fc0}
.acc-char-h{display:flex;align-items:baseline;gap:9px}
.acc-char-n{font-family:'Cinzel',serif;font-weight:700;font-size:16px;color:#f6ecd6;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acc-char-lv{font-size:11.5px;font-weight:800;color:var(--gold-bright,#f0cf6e)}
.acc-char-m{font-size:11.5px;color:#a2917a;margin-top:3px}
.acc-char-s{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:9px;font-size:11px;color:#8a7b60}
.acc-char-s b{color:var(--parch);font-weight:700}
/* anahtar-değer satırı */
.acc-kv{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid rgba(58,42,23,.4);font-size:12.5px;color:var(--dim)}
.acc-kv:last-child{border-bottom:none}
.acc-kv b{color:var(--parch);font-weight:700;text-align:right;word-break:break-all}
.acc-kv b.ok{color:var(--good,#6fae55)}
.acc-kv b.warn{color:#e0a13f}
/* giriş geçmişi */
.acc-log{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid rgba(58,42,23,.35);font-size:11.5px;color:#a2917a}
.acc-log:last-of-type{border-bottom:none}
.acc-log .al-d{flex:1;min-width:0}
.acc-log .al-i{color:#7a6c52}
.acc-log .al-s{color:var(--good,#6fae55);font-weight:700}
.acc-log.bad .al-s{color:var(--blood-lt,#e0553f)}
.acc-log.bad{color:#c08a7a}
/* cash kutusu */
.acc-cashbox{margin:14px;padding:18px 16px;border-radius:14px;text-align:center;background:linear-gradient(135deg,#2c2011,#191106);border:1px solid var(--border)}
.acc-cashlbl{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.acc-cashval{font-family:'Cinzel',serif;font-weight:800;font-size:32px;color:var(--gold-bright,#f0cf6e);margin-top:4px;text-shadow:0 2px 10px #000}
.acc-cashprem{font-size:11.5px;margin-top:6px}
.acc-cashprem .ok{color:var(--good,#6fae55)}
/* KVKK metni */
.acc-kvkk{font-size:12px;line-height:1.65;color:var(--parch-dim,#b7a88a);max-height:320px;overflow-y:auto}
.prof-sec.acc-danger{border-color:#5a2a1e}
/* Efektleri azalt */
body.lowfx *,body.lowfx *::before,body.lowfx *::after{animation:none !important;transition:none !important}
.pm-foot{margin:12px 14px 16px;padding:0;border-top:none;display:flex;flex-direction:column;gap:10px}
/* Hesabım tam sayfa */
#profileModal{padding:0;place-items:stretch}
.modal.profile-modal{max-width:none;width:100%;height:100%;max-height:none;border-radius:0;border:0;overflow-y:auto}
.acc-head{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;padding:16px 16px 12px;background:linear-gradient(180deg,#1d1509,#181005);border-bottom:1px solid var(--border)}
.acc-head h2{font-family:"Cinzel",serif;font-weight:800;font-size:20px;color:var(--gold-bright,#f0cf6e);margin:0}
.acc-back{width:34px;height:34px;border-radius:9px;border:1px solid var(--border);background:#00000040;color:var(--parch-dim,#b7a683);font-size:20px;display:grid;place-items:center;cursor:pointer;flex-shrink:0}
.acc-body{max-width:560px;margin:0 auto;width:100%}
.page-view{position:fixed;inset:0;z-index:200;overflow-y:auto;background:radial-gradient(1200px 520px at 50% -8%,#241a10,#0d0906 62%)}
.page-view .pv-wrap{max-width:760px;margin:0 auto;padding:26px 20px 60px}
.pv-back{display:inline-block;margin-bottom:18px;color:var(--gold,#d9b26a);text-decoration:none;font-weight:700;font-size:14px;border:1px solid #ffffff1a;padding:7px 14px;border-radius:8px;background:#00000033}
.pv-back:hover{background:#0000005e}
.page-view .page-title{font-family:'Cinzel';color:#efe0c4;font-size:26px;margin:0 0 14px}
.page-view .page-body{color:#cbb890;line-height:1.7;font-size:15px}
.page-view .page-body a{color:var(--gold,#d9b26a)}
.skiller-modal{max-width:560px;text-align:left}
.sk-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.sk-cls{font-family:'Cinzel';font-weight:800;font-size:18px;color:var(--gold-bright,#e7c56b)}
.sk-sp{font-size:12px;color:var(--parch-dim,#c9b48f)} .sk-sp b{color:var(--gold-bright,#e7c56b)}
.sk-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid #ffffff14;padding-bottom:8px;margin-bottom:10px}
.sk-tab{background:transparent;border:1px solid var(--border,#2a2118);border-radius:8px 8px 0 0;color:var(--parch-dim,#c9b48f);font:700 11px Cabin,sans-serif;padding:6px 10px;cursor:pointer;letter-spacing:.4px;transition:.12s}
.sk-tab:hover{color:var(--gold-bright,#e7c56b)}
.sk-tab.on{background:linear-gradient(#3c2d16,#241a0c);color:var(--gold-bright,#e7c56b);border-color:var(--gold,#b8923f)}
.sk-body{padding-right:2px}
.sk-hint{font-size:11px;color:var(--dim,#8a7a5c);margin-bottom:10px;line-height:1.5}
.sk-row{display:flex;gap:11px;padding:10px;margin-bottom:7px;align-items:flex-start;
  background:linear-gradient(#1a140c,#150f08);border:1px solid #2a2015;border-left:3px solid var(--ty,#888);
  border-radius:10px;transition:.14s;position:relative}
.sk-row.learned{background:linear-gradient(90deg,color-mix(in srgb,var(--ty) 14%,#1a140c),#150f08);
  border-color:color-mix(in srgb,var(--ty) 40%,#2a2015)}
.sk-row.dim{opacity:.62;filter:grayscale(.35)}
.sk-row:hover{border-color:color-mix(in srgb,var(--ty) 55%,#3a2f1c);transform:translateX(2px)}
/* ikon kutusu */
.sk-ic{flex:0 0 auto;width:48px;position:relative;display:flex;flex-direction:column;align-items:center;gap:3px}
.sk-ic-img{width:44px;height:44px;border-radius:8px;border:1px solid color-mix(in srgb,var(--ty) 45%,#3a2f1c);
  background:#120d07;box-shadow:0 2px 5px #0006;display:flex;align-items:center;justify-content:center;overflow:hidden}
.sk-ic-img img{width:100%;height:100%;object-fit:cover;border-radius:7px}
.sk-ic-ph{width:44px;height:44px;display:flex;align-items:center;justify-content:center;
  font-family:'Cinzel',serif;font-weight:700;font-size:20px;color:color-mix(in srgb,var(--ty) 85%,#fff);
  background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--ty) 28%,#1a140c),#120d07);
  border:1px solid color-mix(in srgb,var(--ty) 45%,#3a2f1c);border-radius:8px;box-shadow:inset 0 1px 3px #0006}
.sk-row.dim .sk-ic-ph,.sk-row.dim .sk-ic-img{filter:grayscale(1) brightness(.7)}
.sk-lvl{font-size:9.5px;font-weight:700;font-family:'Cinzel',serif;color:var(--dim);
  background:#0d0a06;border:1px solid #2a2015;border-radius:5px;padding:1px 6px;letter-spacing:.3px}
.sk-lvl.ok{color:#6fae55;border-color:#3a5a2a;background:#141c0e}
.sk-main{flex:1;min-width:0}
.sk-nm{font-weight:700;font-size:14px;font-family:'Cinzel',serif;color:var(--parch,#efe0c4);display:flex;align-items:center;gap:6px;flex-wrap:wrap;letter-spacing:.2px}
.sk-en{font-size:10px;color:var(--dim,#8a7a5c);margin:1px 0 3px;font-style:italic}
.sk-d{font-size:12px;color:var(--parch-dim,#c9b48f);line-height:1.45}
.sk-lockmsg{font-size:10.5px;color:#c98a5a;margin-top:4px;font-weight:600}
.sk-badge{font-size:9px;font-weight:800;letter-spacing:.4px;color:#120d07;background:var(--bc,#888);border-radius:4px;padding:2px 6px;text-transform:uppercase}
.sk-ctx{font-size:9px;font-weight:800;letter-spacing:.4px;border-radius:4px;padding:2px 6px;text-transform:uppercase}
.sk-ctx.pvp{color:#9cc8ff;border:1px solid #2c4c74;background:#132340}
.sk-ctx.soon{color:#c9b48f;border:1px solid #4a3f2a;background:#221a10}
.sk-lock{font-size:11px}
.sk-credit{text-align:center;font-size:9.5px;color:var(--dim);opacity:.55;margin-top:14px;padding-top:8px;border-top:1px solid #ffffff0d}
.sk-credit a{color:var(--dim);text-decoration:underline}
.sk-soon{color:var(--dim,#8a7a5c);text-align:center;padding:24px 0;font-size:13px}
.sk-ctrl{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding-top:2px}
.sk-on{color:#6fae55;font-size:16px;font-weight:800}
.sk-btn{background:linear-gradient(#3c2d16,#241a0c);border:1px solid var(--gold,#b8923f);color:var(--gold-bright,#e7c56b);font:800 11px Cabin,sans-serif;border-radius:7px;padding:5px 10px;cursor:pointer;white-space:nowrap;transition:.12s}
.sk-btn:hover{filter:brightness(1.15)}
.sk-btn.plus{padding:4px 9px;font-size:14px;line-height:1}
.sk-btn.off{opacity:.4;pointer-events:none;filter:grayscale(1)}
.sk-btn.ghost{background:transparent;border-color:#4a3f2a;color:var(--parch-dim,#c9b48f)}
.sk-btn.danger{background:linear-gradient(#5a1e1e,#3a1212);border-color:#8a3a3a;color:#f0c9c9}
.sk-need{font-size:11px;color:var(--dim,#8a7a5c);white-space:nowrap}
.sk-rank{font-size:11px;font-weight:700;color:var(--gold,#d9b26a);white-space:nowrap}
.sk-max{font-size:11px;font-weight:700;color:#6fae55;white-space:nowrap}

.sk-reset{margin-top:16px;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center}
.sk-reset span{font-size:12px;color:var(--parch-dim,#c9b48f)}
.sk-btn.reset-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(#2a2012,#1a1308);border:1px solid #6a5528;color:var(--gold-bright,#e7c56b);font:800 12px Cabin,sans-serif;padding:9px 18px;border-radius:9px}
.sk-btn.reset-btn:hover{filter:brightness(1.2);border-color:var(--gold,#b8923f)}
.sk-reset-cost{font-size:11px;font-weight:700;color:var(--parch-dim,#c9b48f);background:rgba(0,0,0,.28);border:1px solid #4a3f2a;border-radius:6px;padding:2px 7px}
.sk-reset.ask{flex-direction:column;gap:10px;padding:12px;background:rgba(90,30,30,.12);border:1px solid #6a3a3a;border-radius:10px;max-width:320px;margin-left:auto;margin-right:auto}
.sk-reset-q{font-size:13px;font-weight:700;color:#f0c9c9}
.sk-reset-btns{display:flex;gap:10px}
.sk-reset-btns .sk-btn{padding:7px 20px;font-size:12px}
.sk-alloc{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;padding:9px 12px;margin-bottom:12px}
.sk-alloc.basic-note{justify-content:center}
.sk-alloc.basic-note .sk-alloc-l{color:var(--good);font-size:12.5px;text-align:center}

.sk-alloc-l{font-size:12.5px;color:var(--parch-dim,#c9b48f)} .sk-alloc-l b{color:var(--gold-bright,#e7c56b);font-size:16px}
.sk-alloc-b{display:flex;gap:6px}
.sk-tdot{display:inline-block;min-width:15px;padding:0 4px;height:15px;line-height:15px;font-size:9px;font-weight:800;color:#120d07;background:var(--gold,#d9b26a);border-radius:8px;text-align:center;vertical-align:middle}
.sk-on{color:#6fae55;font-weight:800;font-size:15px}
.pus-bal{display:flex;justify-content:space-between;align-items:center;gap:12px;background:linear-gradient(135deg,#2a1f10,#171009);border:1px solid #d9b26a44;border-radius:14px;padding:14px 16px;margin-bottom:14px}
.pus-c{font-size:26px;font-weight:800;color:#e7c56b} .pus-cl{color:#c9b48f;font-size:13px}
.pus-prem{background:#d9b26a1f;border:1px solid #d9b26a55;color:#e7c56b;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:700;white-space:nowrap}
.pus-redeem{background:#ffffff06;border:1px solid #ffffff14;border-radius:12px;padding:12px 14px;margin-bottom:14px}
.pus-redeem label{display:block;font-size:12.5px;color:#c9b48f;margin-bottom:8px}
.pus-rrow{display:flex;gap:8px} .pus-rrow input{flex:1;min-width:0;background:#0d0906;border:1px solid #ffffff22;border-radius:9px;padding:10px 12px;color:#f0e6d2;font-family:ui-monospace,Menlo,monospace;letter-spacing:1px}
.pus-btn{background:#d9b26a;color:#120d07;border:none;border-radius:9px;padding:10px 16px;font-weight:800;cursor:pointer;white-space:nowrap}
.pus-hint{font-size:11px;color:#8a7a5c;margin-top:8px}
.pus-soon{text-align:center;color:#c9b48f;font-size:12.5px;background:#ffffff06;border-radius:10px;padding:9px;margin-bottom:8px}
.pus-h{color:#e7c56b;font-size:15px;margin:16px 0 10px}
.pus-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.swp{background:linear-gradient(135deg,#26200f,#171009);border:1px solid #c9a24a66;border-radius:14px;padding:12px 14px;margin-bottom:14px}
.swp-h{font-size:13px;font-weight:800;color:#e7c56b;display:flex;align-items:center;gap:6px}
.swp-ic{font-size:15px}
.swp-cur{font-size:12px;color:#c9b48f;margin:6px 0 9px}.swp-cur b{color:#f0cf6e}
.swp-bs{display:flex;gap:8px;flex-wrap:wrap}
.swp-b{flex:1 1 auto;min-width:88px;padding:9px 8px;border-radius:10px;border:1px solid #7a5a2a;background:#3a2c1440;color:#e7c56b;font-weight:700;font-size:13px;cursor:pointer;transition:all .12s}
.swp-b:hover:not(:disabled){background:#4a3a1e;border-color:#c9a24a}
.swp-b.on{background:linear-gradient(135deg,#5a4420,#3a2c14);border-color:#f0cf6e;color:#fff;cursor:default}
.pus-card{position:relative}
.pus-cbest{border:1.5px solid #f0cf6e;box-shadow:0 0 0 1px #f0cf6e33,0 4px 16px #f0cf6e22}
.pus-best{position:absolute;top:-9px;left:50%;transform:translateX(-50%);white-space:nowrap;background:linear-gradient(135deg,#f0cf6e,#c9932e);color:#1a1206;font-size:10px;font-weight:900;letter-spacing:.5px;padding:2px 10px;border-radius:10px;box-shadow:0 2px 6px #0007}
.pd-bh{font-size:12px;font-weight:800;color:#e7c56b;margin:8px 0 4px}
.pd-bl{display:grid;gap:2px}
.pd-bi{font-size:12px;color:#c9b48f;line-height:1.4}
.pus-card{border:1px solid #ffffff14;border-left:3px solid var(--pc,#ffffff22);border-radius:12px;padding:12px;background:#ffffff05}
.pus-cn{font-weight:700;color:#f0e6d2;font-size:14px} .pus-cd{color:#c9b48f;font-size:11px}
.pus-cbon{color:#a9c98f;font-size:11.5px;margin:6px 0;min-height:15px}
.pus-cdesc{color:#c9b48f;font-size:11.5px;margin:6px 0;max-height:48px;overflow:hidden}
.pus-cp{color:#e7c56b;font-weight:800;margin-top:8px}
.pus-buy{width:100%;margin-top:8px;background:#d9b26a;color:#120d07;border:none;border-radius:8px;padding:8px;font-weight:800;cursor:pointer;font-size:12.5px}
.pus-buy:active{transform:scale(.98)}
.hud-prem{display:inline-flex;align-items:center;gap:5px;font-family:'Cinzel',serif;font-weight:700;font-size:11px;color:#f0cf6e;background:linear-gradient(180deg,#3a2c14,#2a1f0d);border:1px solid #b98b3e;border-radius:9px;padding:2px 9px;white-space:nowrap;box-shadow:inset 0 1px 0 #ffffff14}
.hud-prem .pm-star{color:#f0cf6e;font-size:10px;line-height:1}
.hud-prem .pm-nm{font-weight:800;color:#ffe6a0;letter-spacing:.3px}
.hud-prem .pm-d{font-family:'Cabin',sans-serif;font-weight:700;font-size:10px;color:#d8b874;padding-left:6px;border-left:1px solid #7a5a2a}
.hud-buffs{display:none;flex-wrap:wrap;gap:5px;margin-top:5px}
/* ===== Skill Bar — KO görseli (45x463) ===== */
.gskbar{position:fixed;left:0;top:58%;transform:translateY(-50%);z-index:40}
.gsk-body{position:relative;width:45px;height:463px;/* görsel ~%90 opak: aynı katmanı 3 kez üst üste bindirerek tam opak yapıyoruz, yuvarlak köşelerdeki saydamlık korunur */background:url(img/skill-bar.png) no-repeat center/45px 463px,url(img/skill-bar.png) no-repeat center/45px 463px,url(img/skill-bar.png) no-repeat center/45px 463px;transition:margin-left .28s cubic-bezier(.22,1,.36,1);filter:drop-shadow(0 8px 22px rgba(0,0,0,.7))}
.gskbar.closed .gsk-body{margin-left:-33px}
.gskbar.incombat .gsk-body{filter:drop-shadow(0 0 9px rgba(201,162,74,.5)) drop-shadow(0 8px 22px rgba(0,0,0,.7))}
/* görselin üzerindeki gerçek düğmelerin tıklama alanları */
.gsk-collapse{position:absolute;left:11px;top:26px;width:24px;height:13px;background:none;border:0;padding:0;cursor:pointer;z-index:7}
.gsk-cycle{position:absolute;left:11px;top:441px;width:23px;height:20px;background:none;border:0;padding:0;cursor:pointer;z-index:7}
.gsk-collapse:active,.gsk-cycle:active{opacity:.45}
/* bar sayfa numarası — görseldeki 12x12 siyah kutu (x18,y45) */
.gsk-num{position:absolute;left:18px;top:45px;width:12px;height:12px;z-index:6;pointer-events:none;background:url(img/char-hotkey-nums.png) no-repeat 0 0;image-rendering:-webkit-optimize-contrast}
/* slotlar: x=7, 34x34, adım 36 (34+2) */
.gsk-slots{position:absolute;left:7px;top:60px;display:flex;flex-direction:column;gap:2px;z-index:4}
.gsk-slot{width:34px;height:34px;position:relative;background:none;border:0;padding:0;cursor:pointer;display:grid;place-items:center;overflow:hidden;transition:box-shadow .12s}
.gsk-slot:hover:not(:disabled){box-shadow:inset 0 0 12px rgba(201,162,74,.3)}
.gsk-slot:disabled{opacity:.42;cursor:default}
.gsk-slot.k-hit{box-shadow:inset 0 0 0 1px rgba(185,95,72,.55)}
.gsk-slot.k-buff{box-shadow:inset 0 0 0 1px rgba(72,132,185,.55)}
.gsk-slot.k-heal{box-shadow:inset 0 0 0 1px rgba(80,172,112,.55)}
.gsk-slot.k-dot,.gsk-slot.k-stun,.gsk-slot.k-status{box-shadow:inset 0 0 0 1px rgba(185,145,72,.55)}
/* ikon — numara sağ üstte olduğu için hafif sola kaydırıldı */
.gsk-ic{position:absolute;inset:1px;overflow:hidden;display:grid;place-items:center;font-size:19px;line-height:1;transform:translateX(-3px);transition:transform .12s}
.gsk-ic img{width:100%;height:100%;object-fit:cover;display:block;transform:translateX(3px)}
.gsk-slot:active:not(:disabled) .gsk-ic{transform:translateX(-3px) scale(.88)}
/* kısayol numarası — şeritten sprite, slotun SAĞ ÜST köşesi */
.gsk-hk{position:absolute;top:0;right:0;width:12px;height:12px;font-size:0;z-index:3;pointer-events:none;background:url(img/char-hotkey-nums.png) no-repeat;image-rendering:-webkit-optimize-contrast}
.gsk-cd{position:absolute;inset:0;background:rgba(0,0,0,.66)}
.gsk-cdn{position:absolute;inset:0;display:grid;place-items:center;font-family:'Cinzel';font-weight:800;font-size:13px;color:#fff;text-shadow:0 1px 3px #000}
/* düzenleme modu */
.gsk-slot.empty .gsk-ic{opacity:0}
.gsk-slot.edit{box-shadow:inset 0 0 0 1px rgba(240,207,110,.75)}
.gsk-slot.edit:not(.empty){animation:gskwob .9s ease-in-out infinite}
@keyframes gskwob{0%,100%{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}}
.gsk-plus{font-size:16px;color:#7f8a63;font-weight:700;line-height:1}
.gsk-x{position:absolute;top:0;left:0;width:14px;height:14px;border-radius:50%;background:var(--blood);color:#fff;font-size:8px;display:grid;place-items:center;border:1px solid #0a0906;z-index:5;font-weight:800}
.gsk-edit{position:absolute;left:12px;top:8px;width:21px;height:15px;border:1px solid #5a6349;background:rgba(10,14,6,.8);color:#c9d3ae;font-size:10px;border-radius:3px;cursor:pointer;padding:0;display:grid;place-items:center;z-index:7;line-height:1}
.gsk-edit.on{background:linear-gradient(180deg,#8fd05c,#4e8a2c);color:#0d1408;border-color:#8fd05c;font-weight:800}
/* kapalıyken yeniden açma şeridi */
.gsk-reopen{display:none;position:absolute;left:0;top:0;width:14px;height:463px;background:none;border:0;padding:0;cursor:pointer;z-index:8}
.gskbar.closed .gsk-reopen{display:block}
.gskbar.closed .gsk-edit{display:none}
body.skbar-open #s-combat .arena,
body.skbar-open #s-jrcombat .arena,
body.skbar-open #s-bfcombat .arena{padding-left:52px;transition:padding-left .28s cubic-bezier(.22,1,.36,1)}
#s-combat .arena,#s-jrcombat .arena,#s-bfcombat .arena{transition:padding-left .28s cubic-bezier(.22,1,.36,1)}
.skp-modal{position:fixed;inset:0;background:rgba(6,4,2,.72);display:none;align-items:flex-end;justify-content:center;z-index:1200}
.skp-modal.on{display:flex}
.skp-card{width:100%;max-width:460px;max-height:72vh;background:linear-gradient(180deg,#201810,#140d07);border:1px solid var(--gold);border-bottom:none;border-radius:16px 16px 0 0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -12px 44px #000c}
.skp-head{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--border-lt)}
.skp-head h3{margin:0;font-family:'Cinzel',serif;font-size:15px;color:var(--gold-bright);letter-spacing:.3px}
.skp-close{width:28px;height:28px;border-radius:8px;border:1px solid var(--border);background:#0e0b07;color:var(--parch-dim);font-size:14px;cursor:pointer}
.skp-body{padding:12px 14px 22px;overflow-y:auto}
.skp-clear{width:100%;padding:9px;border:1px dashed #5a3030;background:rgba(176,42,42,.1);color:#e0755f;border-radius:9px;cursor:pointer;font-weight:700;font-size:12px;margin-bottom:11px}
.skp-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.skp-item{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;background:radial-gradient(circle at 0% 0%,#2a2013,#160f07);border:1px solid var(--border-lt);cursor:pointer;text-align:left}
.skp-item:hover{border-color:var(--gold)}
.skp-item.k-hit{border-left:3px solid #8a4a3a}.skp-item.k-buff{border-left:3px solid #3a6a8a}.skp-item.k-heal{border-left:3px solid #3a8a5a}.skp-item.k-dot,.skp-item.k-stun,.skp-item.k-status{border-left:3px solid #8a6a3a}
.skp-ic{font-size:18px;width:26px;height:26px;display:grid;place-items:center;flex:0 0 auto}
.skp-ic img{width:24px;height:24px;object-fit:contain;border-radius:5px}
.skp-n{flex:1;font-family:'Cinzel',serif;font-weight:700;font-size:10.5px;color:var(--parch);line-height:1.15;min-width:0}
.skp-mp{font-size:9px;color:#7ba8e6;font-weight:800;flex:0 0 auto}
.skp-empty{text-align:center;color:var(--dim);font-size:12px;padding:24px 10px}
.gsk-cnt{position:absolute;bottom:0;left:0;min-width:13px;height:13px;padding:0 3px;background:linear-gradient(180deg,#3a7fe0,#2560c0);color:#fff;font-size:8px;font-weight:800;border-radius:99px;display:grid;place-items:center;border:1px solid #0a0906;z-index:2;line-height:1}
.skp-sec{font-family:'Cinzel',serif;font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin:13px 0 8px;padding-bottom:4px;border-bottom:1px solid var(--border)}
.skp-sec:first-of-type{margin-top:2px}
.hud-buffs .bchip{display:inline-flex;flex-direction:column;align-items:center;gap:1px;cursor:pointer;padding:2px 3px 1px;border-radius:9px;background:rgba(0,0,0,.24);border:1px solid rgba(200,162,74,.18);transition:.14s}
.bchip:hover{border-color:var(--gold);background:rgba(200,162,74,.14)}
.bchip:active{transform:scale(.93)}
.hud-buffs .bico{font-size:12px;line-height:1;display:inline-flex;align-items:center}
.bico .bimg{width:22px;height:22px;object-fit:contain;display:block;border-radius:5px}
.hud-buffs .bt{font-family:'Cabin',sans-serif;font-weight:800;font-size:8px;color:#f0cf6e;line-height:1;letter-spacing:-.2px}
.bfi-card{width:100%;max-width:255px;background:linear-gradient(180deg,#201810,#140d07);border:1px solid var(--gold);border-radius:16px;padding:20px 16px 16px;text-align:center;position:relative;box-shadow:0 20px 60px #000c}
.bfi-x{position:absolute;top:9px;right:11px;width:26px;height:26px;border-radius:8px;border:1px solid var(--border);background:#0e0b07;color:var(--parch-dim);font-size:15px;cursor:pointer;line-height:1}
.bfi-x:hover{color:var(--parch)}
.bfi-ico{width:60px;height:60px;margin:0 auto 11px;border-radius:13px;background:radial-gradient(circle at 40% 30%,#2e2415,#160f07);border:1px solid var(--border-lt);display:grid;place-items:center;overflow:hidden}
.bfi-ico img{width:100%;height:100%;object-fit:contain}
.bfi-emoji{font-size:32px;line-height:1}
.bfi-name{font-family:'Cinzel',serif;font-weight:800;font-size:16px;color:var(--gold-bright);letter-spacing:.3px}
.bfi-eff{display:inline-block;margin-top:7px;font-size:13px;color:#8fe6d4;font-weight:800;background:rgba(90,214,196,.1);border:1px solid rgba(90,214,196,.32);border-radius:999px;padding:3px 13px}
.bfi-rows{margin-top:13px;display:flex;flex-direction:column;gap:6px}
.bfi-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;background:#181109;border:1px solid #2b2417;border-radius:9px;padding:8px 12px}
.bfi-row span{color:var(--dim)}
.bfi-row b{color:var(--parch);font-family:'Cinzel',serif;font-weight:700}
.bfi-row.cd b{color:#f0cf6e}
.hud-wallet{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(180deg,#2a2013,#180f07);border:1px solid var(--gold);border-radius:10px;padding:4px 7px 4px 6px;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff12;transition:.14s}
.hud-wallet:hover{border-color:var(--gold-bright);box-shadow:inset 0 1px 0 #ffffff18,0 3px 12px -4px rgba(240,207,110,.4)}
.hud-wallet:active{transform:scale(.96)}
.hud-wallet .hw-ic{font-size:14px;line-height:1}
.hud-wallet .hw-col{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}
.hud-wallet .hw-v{font-family:'Cinzel',serif;font-weight:800;font-size:11.5px;color:var(--gold-bright)}
.hud-wallet .hw-sub{font-size:7.5px;color:var(--dim);margin-top:1px}
.hud-wallet .hw-chev{color:var(--gold);font-size:9px;margin-left:1px}
.wl-card{width:100%;max-width:340px;background:linear-gradient(180deg,#1f1810,#140d07);border:1px solid var(--gold);border-radius:18px;overflow:hidden;box-shadow:0 24px 70px #000c,inset 0 1px 0 rgba(240,207,110,.14)}
.wl-head{position:relative;padding:15px 16px 13px;text-align:center;background:linear-gradient(180deg,#2c2114,#1a130a);border-bottom:1px solid var(--border-lt)}
.wl-head:after{content:'';position:absolute;left:16px;right:16px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.wl-title{font-family:'Cinzel',serif;font-weight:800;font-size:16px;color:var(--gold-bright);letter-spacing:.5px}
.wl-x{position:absolute;top:11px;right:14px;color:var(--dim);font-size:19px;cursor:pointer;line-height:1;background:none;border:none}
.wl-x:hover{color:var(--parch)}
.wl-body{padding:13px 14px 6px}
.wl-prem-banner{position:relative;display:flex;align-items:center;gap:12px;padding:14px 15px;border-radius:14px;margin-bottom:12px;cursor:pointer;overflow:hidden;background:linear-gradient(135deg,#4a3a1a,#2c2110 58%,#3d2f16);border:1px solid var(--gold-bright);box-shadow:0 6px 22px -6px rgba(240,207,110,.5),inset 0 1px 0 rgba(255,240,200,.25)}
.wl-prem-banner.active{cursor:default}
.wl-prem-banner:before{content:'';position:absolute;top:0;left:-60%;width:38%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,245,210,.4),transparent);transform:skewX(-18deg);animation:wpbshine 3.4s infinite}
@keyframes wpbshine{0%{left:-60%}55%,100%{left:135%}}
.wpb-crown{font-size:30px;line-height:1;filter:drop-shadow(0 2px 4px #000);flex:0 0 auto;position:relative;z-index:2}
.wpb-info{flex:1;min-width:0;position:relative;z-index:2}
.wpb-title{font-family:'Cinzel',serif;font-weight:900;font-size:17px;color:#ffe9b0;letter-spacing:.5px;text-shadow:0 1px 3px #000;line-height:1.1}
.wpb-sub{font-size:11px;color:#d8c48a;margin-top:3px;line-height:1.3}
.wpb-days{font-family:'Cinzel',serif;font-weight:900;font-size:24px;color:#ffe9b0;text-align:center;line-height:1;flex:0 0 auto;position:relative;z-index:2;text-shadow:0 1px 3px #000}
.wpb-days span{display:block;font-size:9px;font-weight:600;color:#d8c48a;margin-top:1px;letter-spacing:.5px}
.wpb-cta{font-family:'Cinzel',serif;font-weight:800;font-size:12px;color:#1a1206;background:linear-gradient(180deg,#f6dd8c,#c8a24a);padding:8px 12px;border-radius:9px;flex:0 0 auto;position:relative;z-index:2;white-space:nowrap;box-shadow:0 2px 8px #0006,inset 0 1px 0 #fff6}
.wl-row{display:flex!important;width:100%;box-sizing:border-box;align-items:center;gap:12px;padding:11px 10px;border-radius:12px;margin-bottom:8px;border:1px solid var(--border);background:linear-gradient(180deg,rgba(40,30,16,.4),rgba(20,14,8,.3));position:relative;overflow:hidden}
.wl-row:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px}
.wl-row.wnoah:before{background:linear-gradient(#f0cf6e,#c8a24a)}
.wl-row.wcash:before{background:linear-gradient(#9a63ec,#6f37cf)}
.wl-row.wnp:before{background:linear-gradient(#e0755f,#b02a2a)}
.wl-row.off{opacity:.6}
.wl-ic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:20px;flex:0 0 auto;border:1px solid var(--border-lt);background:radial-gradient(circle at 40% 30%,#3a2c14,#241a0c)}
.wl-row.wcash .wl-ic{background:radial-gradient(circle at 40% 30%,#3a2456,#1f1533)}
.wl-row.wnp .wl-ic{background:radial-gradient(circle at 40% 30%,#3a1a14,#241009)}
.wl-tx{flex:1;min-width:0}
.wl-lbl{font-family:'Cabin',sans-serif;font-weight:700;font-size:12.5px;color:var(--parch)}
.wl-sub{font-size:10px;color:var(--dim);margin-top:1px}
.wl-val{font-family:'Cinzel',serif;font-weight:800;font-size:17px;text-align:right;line-height:1;white-space:nowrap}
.wl-row.wnoah .wl-val{color:#f0cf6e}
.wl-row.wcash .wl-val{color:#c9a6ff}
.wl-row.wnp .wl-val{color:#e0755f}
.wl-foot{display:flex;gap:8px;padding:8px 14px 16px}
.wl-btn{flex:1;text-align:center;font-family:'Cinzel',serif;font-weight:700;font-size:12px;padding:11px 6px;border-radius:10px;cursor:pointer;border:1px solid transparent}
.wl-btn.cash{background:linear-gradient(180deg,#9a63ec,#6f37cf);color:#fff;border-color:#c9a6ff}
.wl-btn.np{background:linear-gradient(180deg,#3a2c18,#241a0c);color:var(--gold-bright);border-color:var(--gold)}
.wl-btn:active{transform:scale(.97)}
.pus-img{width:100%;height:80px;object-fit:contain;background:#0003;border-radius:8px;margin-bottom:8px}
.pus-noimg{display:flex;align-items:center;justify-content:center;color:#8a7a5c}
.pus-note{text-align:center;color:#c9b48f;padding:34px 12px}
.pus-detail{max-width:340px;text-align:left}
.pd-head{display:flex;align-items:center;gap:12px;border-left:4px solid var(--pc,#d9b26a);padding-left:12px;margin-bottom:8px}
.pd-img{width:74px;height:74px;object-fit:contain;background:#0004;border-radius:10px;flex:none}
.pd-noimg{display:flex;align-items:center;justify-content:center;color:#8a7a5c;font-size:22px}
.pd-title{font-size:19px;font-weight:800;color:#f0e6d2;line-height:1.2}
.pd-price{color:#e7c56b;font-weight:800;font-size:17px;margin:2px 0 10px}
.pd-desc{color:#c9b48f;font-size:13px;line-height:1.5;margin-bottom:10px}
.pd-rows{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}
.pd-row{display:flex;justify-content:space-between;gap:12px;font-size:13px;border-bottom:1px solid #ffffff0f;padding-bottom:5px}
.pd-row span{color:#c9b48f} .pd-row b{color:#f0e6d2;text-align:right}
.pd-btns{display:flex;gap:8px}
.pd-btns .pus-buy{flex:1;margin-top:0}
.pd-close{background:#ffffff10;color:#e7dcc4;border:1px solid #ffffff1f;border-radius:8px;padding:8px 14px;font-weight:700;cursor:pointer}
.pd-note{color:#a9c98f;font-size:12px;background:#6fae5514;border:1px solid #6fae5533;border-radius:8px;padding:7px 10px;margin-bottom:12px}
.pd-ihead{text-align:center;margin-bottom:12px}
.pd-ihead .pd-img{display:inline-block;margin:0 auto;width:88px;height:88px}
.pd-ihead .pd-title{margin-top:8px}
.fac.karus{color:#ffa192;background:linear-gradient(135deg,#3f1414,#280d0d);border:1px solid #6e2a2a;box-shadow:0 0 9px -3px #b02a2a}
.fac.human{color:#9cc8ff;background:linear-gradient(135deg,#132340,#0d1830);border:1px solid #2c4c74;box-shadow:0 0 9px -3px #4a7db5}
.prof-lang-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding:11px 13px;background:linear-gradient(180deg,#211a10,#161009);border:1px solid var(--border);border-radius:11px}
.prof-lang-row>span{font-weight:700;font-size:13px;color:var(--parch)}
.hud-meta .cls{flex:1 1 0;min-width:0;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:0;padding:3px 4px;font-family:'Cinzel';font-weight:800;font-size:8.5px;letter-spacing:.3px;text-transform:uppercase;line-height:1;white-space:nowrap;color:#e8cf9a;background:none;border:none;border-left:1px solid var(--border);border-radius:0}
.hud-meta .cls .facico{width:13px;height:13px;object-fit:contain;border-radius:50%;background:#0006;padding:1px;box-shadow:0 0 0 1px #0004;display:block}
.hud-meta .cls .facico-emoji{font-size:14px;line-height:1;display:inline-block}
.modal-back{display:none;position:fixed;inset:0;background:#000c;z-index:60;place-items:center;padding:20px}
.modal-back.on{display:grid}
.modal{background:linear-gradient(#1d1509,#130c06);border:1px solid var(--border);border-radius:20px;
  padding:22px;max-width:360px;width:100%;text-align:center;box-shadow:0 22px 64px #000d, 0 0 0 1px #0006 inset}
.modal h3{font-family:'Cinzel';color:var(--gold-bright);margin-bottom:4px;font-size:19px;letter-spacing:1px}
.modal .mhint{font-size:12px;color:var(--parch-dim)}
.ava-preview{width:120px;height:120px;margin:14px auto 16px;border-radius:24px;display:grid;place-items:center;font-size:62px;color:var(--gold-bright);
  overflow:hidden;background:radial-gradient(circle at 34% 26%,#3a301b,#0e0a06);
  border:2px solid var(--ring,#6a5a34);box-shadow:0 0 20px -4px var(--ring,#c8a24a), 0 7px 18px #0009}
.ava-preview img{width:100%;height:100%;object-fit:cover;display:block}
.btn-up{width:100%;padding:12px;border-radius:13px;border:1px solid #6a5527;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;
  background:linear-gradient(#3c2d16,#241a0c);color:var(--gold-bright)}
.btn-up:hover{border-color:var(--gold)}
.ava-quick{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin:10px 0 4px}
.avaopt{aspect-ratio:1;border-radius:9px;border:1px solid var(--border);background:#151009;font-size:17px;display:grid;place-items:center;cursor:pointer;overflow:hidden}
.avaopt:hover{border-color:var(--gold)}
.avaopt img{width:100%;height:100%;object-fit:cover;display:block}
.avaopt.on{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold) inset}
.ava-actions{display:flex;gap:8px;margin-top:14px}
.ava-actions .chip{flex:1;padding:11px;border-radius:12px;font-weight:700}
.ava-actions .chip.save{background:linear-gradient(#3c2d16,#241a0c);color:var(--gold-bright);border-color:#6a5527}
.hud-info{flex:1;min-width:0}
.hud-name{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px}
.hud-name .nm{font-family:'Cinzel';font-weight:700;font-size:15px;color:var(--gold-bright);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hud-name .lv{font-size:11px;color:var(--parch-dim);white-space:nowrap}
.hud-meta{align-self:stretch;display:flex;align-items:stretch;margin-top:0;border-radius:9px;overflow:hidden;border:1px solid var(--border-lt);background:linear-gradient(180deg,#241a0e,#160f07);box-shadow:inset 0 1px 0 #ffffff0d}
.hud-meta .fac{flex:1 1 0;min-width:0;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:0;padding:3px 4px;font-family:'Cinzel';font-weight:800;font-size:8.5px;letter-spacing:.3px;text-transform:uppercase;line-height:1;white-space:nowrap;border-radius:0;background:none;border:none;box-shadow:none}
.hud-meta .fac.karus{color:#ff9d8d;background:none;border:none;box-shadow:none}
.hud-meta .fac.human{color:#9cc8ff;background:none;border:none;box-shadow:none}
.hud-meta .lv{font-size:11px;font-weight:600;color:var(--parch-dim);white-space:nowrap}
.lv .lv-ico{width:14px;height:14px;object-fit:contain;vertical-align:-2px;border-radius:3px;display:inline-block}
.card h3 .h3-ico{width:20px;height:20px;object-fit:contain;vertical-align:-3px;border-radius:4px;display:inline-block}
.slot .si .merc-ico{width:28px;height:28px;object-fit:contain;border-radius:5px;display:inline-block}
.chip .merc-ico{width:18px;height:18px;object-fit:contain;vertical-align:-3px;border-radius:4px;display:inline-block}
.bars{display:flex;flex-direction:column;gap:5px;margin-top:6px}
.bar{position:relative;height:15px;border-radius:8px;overflow:hidden;
  background:linear-gradient(#0a0704,#140d07);border:1px solid #3a2c16;
  box-shadow:inset 0 2px 4px #000b}
.bar i{position:absolute;inset:0;transform-origin:left;transition:transform .35s cubic-bezier(.4,0,.2,1)}
.bar i::after{content:'';position:absolute;left:0;right:0;top:0;height:45%;background:linear-gradient(#ffffff66,#ffffff00)}
.bar::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
  background-image:repeating-linear-gradient(90deg,#0000 0 15px,#0000002e 15px 16px)}
.bar.hp{background:linear-gradient(#1c0b0b,#0d0605);box-shadow:inset 0 2px 4px #000b, 0 0 8px -3px #e0553f}
.bar.mp{background:linear-gradient(#0a1322,#060a12);box-shadow:inset 0 2px 4px #000b, 0 0 8px -3px #4a9fe0}
.bar.hp i{background:linear-gradient(180deg,#f4795c,#c0302c 52%,#7a1414)}
.bar.mp i{background:linear-gradient(180deg,#6bb6ee,#3273b8 52%,#1c4a82)}
.bar.hp::before,.bar.mp::before,.bar.xp::before{position:absolute;left:8px;top:0;bottom:0;display:flex;align-items:center;z-index:2;
  font-size:8.5px;font-weight:800;letter-spacing:.6px;color:#fff;text-shadow:0 1px 2px #000,0 0 3px #0009}
.bar.hp::before{content:'HP'}
.bar.mp::before{content:'MP'}
.bar.xp::before{content:'EXP'}
.bar span{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:flex-end;padding-right:9px;
  font-size:10px;font-weight:800;color:#fff;text-shadow:0 1px 2px #000,0 0 3px #0009;letter-spacing:.3px}
.bar.xp{height:13px;border-radius:7px;background:linear-gradient(#1c1608,#0d0a05);box-shadow:inset 0 2px 4px #000b, 0 0 8px -3px #c8a24a}
.bar.xp span{font-size:9px}
.bar.xp i{background:linear-gradient(180deg,#f6d97a,#c8a24a 55%,#8f6d1f)}
.hud-right{flex:0 0 auto;display:flex;flex-direction:column;align-items:stretch;gap:6px}
.hud-nav{display:flex;gap:5px}
.navbtn{width:32px;height:30px;display:grid;place-items:center;font-size:15px;line-height:1;
  background:linear-gradient(#241a10,#140e08);border:1px solid #4a3c24;border-radius:8px;color:var(--parch);cursor:pointer;transition:.12s}
.navbtn:hover{border-color:var(--gold);color:var(--gold-bright)}
.navbtn:active{transform:translateY(1px)}
.gold{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;font-family:'Cinzel';font-weight:700;color:var(--gold-bright);font-size:13px;white-space:nowrap;
  background:linear-gradient(#2a1f0f,#160f08);border:1px solid #6a5122;border-radius:999px;padding:4px 12px 4px 5px;
  box-shadow:inset 0 1px 0 #ffffff14, 0 0 9px -4px #c8a24a}
.gold .coin{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:11px;
  background:radial-gradient(circle at 35% 30%,#ffe08a,#c8912e);box-shadow:inset 0 0 0 1px #7a5a1e, 0 1px 2px #0007}
.gold .cur{font-family:'Cabin';font-weight:700;font-size:9.5px;letter-spacing:.5px;color:#b79a5e;text-transform:uppercase;margin-left:1px}
.iconbtn{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;background:linear-gradient(#2a2118,#150f09);border:1px solid #4a3c24;
  color:var(--parch);padding:6px 11px;border-radius:9px;font-family:'Cabin';font-weight:700;font-size:12px;cursor:pointer;transition:.12s;box-shadow:inset 0 1px 0 #ffffff08}
.iconbtn:hover{border-color:var(--gold);color:var(--gold-bright)}
.iconbtn .lo-ic{font-size:14px;transform:translateY(1px)}
.hud-btns{flex:0 0 auto;display:flex;gap:6px}
.mini{background:linear-gradient(#2a2118,#150f09);border:1px solid #4a3c24;
  color:var(--parch);padding:8px 10px;border-radius:9px;font-family:'Cabin';font-weight:700;
  font-size:12px;cursor:pointer;transition:.12s;box-shadow:inset 0 1px 0 #ffffff08}
.mini:hover{border-color:var(--gold);color:var(--gold-bright)}
.mini:active{transform:scale(.94)}

/* ---------- Screen area ---------- */
#screens{flex:1;position:relative;overflow-y:auto;overflow-x:hidden}
.screen{display:none;min-height:100%;padding:20px 16px 40px;animation:fade .28s ease}
.screen.on{display:block}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.wrap{max-width:760px;margin:0 auto}
.scr-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.scr-head h2{font-family:'Cinzel';font-weight:700;font-size:22px;color:var(--gold-bright);letter-spacing:.5px}
.scr-head .sub{font-size:12px;color:var(--dim);margin-top:2px}
/* ===== Etkinlikler town karti (goz alici) ===== */
.plaque.events{background:linear-gradient(115deg,#2a1640,#181030 55%,#2a1a0e);--accent:#c39bff;border-color:#5f45a8;box-shadow:0 0 0 1px #5f45a855,0 8px 22px #0009;overflow:hidden}
.plaque.events::after{content:'';position:absolute;inset:0;background:radial-gradient(130px 70px at 88% 18%,#c39bff2e,transparent 70%),radial-gradient(130px 70px at 10% 92%,#f0cf6e22,transparent 70%);pointer-events:none}
.plaque.events::before{background:linear-gradient(#c39bff,#f0cf6e)}
.plaque.events .pt{color:#efe2ff;font-size:18px;letter-spacing:.6px}
.plaque.events .pd{color:#c0aee2}
.plaque.events .ic{filter:drop-shadow(0 0 9px #c39bffbb)}
.plaque.events .ic{animation:evglow 3.2s ease-in-out infinite}
@keyframes evglow{0%,100%{filter:drop-shadow(0 0 7px #c39bff88)}50%{filter:drop-shadow(0 0 16px #f0cf6ecc)}}

/* ===== Etkinlikler ekrani kartlari ===== */
.ev-card{position:relative;display:flex;gap:14px;align-items:center;padding:16px 16px 16px 18px;border-radius:16px;margin-bottom:12px;cursor:pointer;border:1px solid var(--border);overflow:hidden;transition:transform .12s,border-color .12s,box-shadow .12s}
.ev-card:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 10px 26px #000a}
.ev-card.bifrost{background:linear-gradient(120deg,#1b1234,#241042 48%,#3a1224);border-color:#6a4aa8}
/* Boss Room sonuç ekranı */
.rres{text-align:center;padding:22px 16px}
.rres .rr-emoji{font-size:52px;line-height:1;margin-bottom:6px}
.rres h2{margin:4px 0;font-size:22px}
.rres.win h2{color:#8fcf6f}
.rres.lose h2{color:#e0704a}
.rwbox{max-width:300px;margin:12px auto;background:#0f0b07;border:1px solid var(--border,#4a3c24);border-radius:10px;padding:10px 12px}
.ev-card.bossroom{background:linear-gradient(120deg,#2a1010,#3a1015 48%,#4a1218);border-color:#8a3a3a}
.ev-card.bossroom.on{border-color:#e0704a;box-shadow:0 0 0 1px rgba(224,112,74,.25)}
.wi-crest.br-crest{background:radial-gradient(circle at 40% 30%,#5a2020,#2a0e0e);color:#e8c0b0}
.wi-hl.br-hl{color:#e8a888}
.wi-secic.br-secic{background:#3a1414;color:#e0a080}
.wi-n.br-n{background:#6a2a2a;color:#ffd}
.wi-cta.br-cta2{background:linear-gradient(90deg,#8a3a2a,#c0503a);color:#fff}
.wi-hcd.br-on{color:#9fd07a}
.ev-card.ev-hero{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:0;min-height:152px;padding:18px;background-size:cover;background-position:center;background-repeat:no-repeat}
.ev-hs{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,#0b0716 0%,rgba(11,7,22,.88) 32%,rgba(11,7,22,.12) 68%,transparent 100%)}
.ev-card.ev-hero .ev-body{position:relative;z-index:2;flex:none;min-width:0}
.ev-card.ev-hero .ev-badge{z-index:3}
.ev-card.ev-hero .ev-name{font-size:24px;text-shadow:0 2px 10px #000c}
.ev-card.ev-hero .ev-desc{max-width:82%;text-shadow:0 1px 6px #000d}
.ev-card.ev-hero .ev-cta{align-self:flex-start}
.ev-card.war{background:linear-gradient(120deg,#2a1410,#3a1512 48%,#5a1a14);border-color:#7a3b28}
.ev-card.war.on{border-color:#c0503a;box-shadow:0 0 0 1px rgba(224,86,60,.22)}
.ev-badge.waron{background:#c0503a;color:#fff;animation:warpulse 2.2s ease-in-out infinite}
.ev-badge.warsoon{background:#8a5a2a;color:#fff}
.ev-cta.war{background:linear-gradient(#d24435,#9c2a1e);color:#fff}
.ev-card.jr{background:linear-gradient(120deg,#0e2a26,#123a34 48%,#1a4a42);border-color:#2a7a6e}
.ev-card.jr.on{border-color:#3fd0b8;box-shadow:0 0 0 1px rgba(63,208,184,.2)}
.ev-badge.jron{background:#1f9a86;color:#fff;animation:warpulse 2.2s ease-in-out infinite}
.ev-badge.jrsoon{background:#2a6a5e;color:#fff}
.ev-cta.jr{background:linear-gradient(#1f9a86,#0d5c52);color:#fff}
.jr-crest{background:radial-gradient(circle at 30% 25%,#1a5a52,#0a2a26) !important;border-color:#2a7a6e !important}
.jr-secic{background:#123a34 !important;border-color:#2a6a5e !important;color:#8fd0c0 !important}
.jr-n{background:#1a7a6e !important}
.jr-hl{color:#8fd0c0 !important}
.jr-cta2{background:linear-gradient(180deg,#1f9a86,#0d5c52) !important;box-shadow:0 4px 16px rgba(30,140,120,.4) !important}
.jr-load,.jr-closed{text-align:center;padding:40px 18px;color:var(--parch-dim)}
.jr-closed-ic{font-size:44px;margin-bottom:10px}
.jr-closed-t{font-family:'Cinzel',serif;font-size:17px;color:var(--parch);margin-bottom:12px}
.jr-cd-big{font-family:'Cinzel',serif;font-weight:800;font-size:34px;color:#8fd0c0;font-variant-numeric:tabular-nums;letter-spacing:1px}
.jr-closed-s{font-size:12px;color:var(--parch-dim);margin-top:4px}
.jr-windows{margin-top:14px;font-size:11.5px;color:var(--dim)}
.jr-boss{background:linear-gradient(135deg,#1a0f0a,#2a1410);border:1px solid #6a3020;border-radius:16px;padding:14px 15px;margin-bottom:12px;box-shadow:0 4px 18px rgba(0,0,0,.4)}
.jr-boss.felled{border-color:#e0a63c;box-shadow:0 0 22px rgba(224,166,60,.3)}
.jr-boss-top{display:flex;align-items:center;gap:10px;margin-bottom:9px}
.jr-boss-ic{font-size:26px;filter:drop-shadow(0 0 8px rgba(224,120,60,.6))}
.jr-boss-nm{flex:1;display:flex;flex-direction:column;min-width:0}
.jr-boss-nm b{font-family:'Cinzel',serif;font-size:16px;color:#f0c060}
.jr-boss-nm span{font-size:11px;color:var(--parch-dim)}
.jr-cd{font-family:'Cinzel',serif;font-weight:800;font-size:15px;color:#ffd9c8;font-variant-numeric:tabular-nums}
.jr-hpbar{position:relative;height:20px;border-radius:10px;overflow:hidden;background:#1a0d08;border:1px solid #4a2418;margin-bottom:10px}
.jr-hp{position:absolute;inset:0;width:100%;background:linear-gradient(90deg,#d24435,#e0662c);transition:width .5s ease}
.jr-hp-tx{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;text-shadow:0 1px 2px #000}
.jr-nat{display:flex;justify-content:space-between;font-size:11px;margin-bottom:4px}
.jr-nat .e{color:#6fa3d8}.jr-nat .k{color:#d87a6a}
.jr-natbar{height:9px;border-radius:5px;overflow:hidden;display:flex;background:#1a130b;border:1px solid var(--border)}
.jr-natbar .el{background:linear-gradient(90deg,#2f6fb0,#4a8fd0)}.jr-natbar .ka{background:linear-gradient(90deg,#d24435,#a02d21)}
.jr-dungeon{background:linear-gradient(#1c1710,#14100a);border:1px solid var(--border);border-radius:14px;padding:13px;margin-bottom:12px}
.jr-rooms{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.jr-room{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:10px;background:#161009;border:1px solid #2b2417;opacity:.5}
.jr-room.cur{opacity:1;border-color:#1f9a86;background:linear-gradient(90deg,#0e2a26,#161009)}
.jr-room.done{opacity:1;border-color:#3a6a3a}
.jr-room-n{width:22px;height:22px;flex:none;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;border-radius:50%;background:#3a3020;color:#fff}
.jr-room.cur .jr-room-n{background:#1f9a86}
.jr-room.done .jr-room-n{background:#3a7a3a}
.jr-room-nm{flex:1;font-size:13px;color:var(--parch)}
.jr-room-gem{font-size:11px;font-weight:700}
.jr-act{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;font-family:'Cinzel',serif;font-weight:800;font-size:15px;padding:13px;border:0;border-radius:12px;cursor:pointer;color:#fff;background:linear-gradient(180deg,#1f9a86,#0d5c52);box-shadow:0 4px 14px rgba(30,140,120,.4)}
.jr-act.boss{background:linear-gradient(180deg,#e07030,#a83a14);box-shadow:0 4px 16px rgba(200,90,40,.45)}
.jr-act:active{transform:translateY(1px)}
.jr-donemsg{text-align:center;padding:12px;font-weight:700;color:#8fd0c0;font-size:13px}
.jr-mine{background:#161009;border:1px solid #2b2417;border-radius:10px;padding:9px 12px;margin-bottom:12px;font-size:12.5px;color:var(--parch-dim);text-align:center}
.jr-mine b{color:#ffd9c8}
.jr-lb{background:linear-gradient(#1c1710,#14100a);border:1px solid var(--border);border-radius:14px;padding:12px 14px}
.jr-lb-h{font-family:'Cinzel',serif;font-size:13px;color:var(--gold-bright);margin-bottom:8px}
.jr-lb-row{display:flex;align-items:center;gap:9px;font-size:12.5px;padding:4px 0}
.jr-lb-rk{width:16px;text-align:center;font-weight:700;color:var(--gold)}
.jr-lb-nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jr-lb-nm.e{color:#8fb8e0}.jr-lb-nm.k{color:#e0a090}
.jr-lb-dmg{font-weight:800;color:#ffd9c8;font-variant-numeric:tabular-nums}
.jrc-nat{text-align:center;font-size:12.5px;color:var(--parch-dim);margin:6px 0}
.jrc-nat b{color:#ffd9c8}
.jr-gems{background:linear-gradient(#1c1710,#14100a);border:1px solid #4a3a24;border-radius:14px;padding:12px 14px;margin-bottom:12px}
.jr-gems-h{font-family:'Cinzel',serif;font-size:13px;color:var(--gold-bright);margin-bottom:9px}
.jr-gem-row{display:flex;align-items:center;gap:9px;padding:6px 0}
.jr-gic{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center}
.jr-gem-nm{flex:1;font-size:13px;color:var(--parch);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jr-gem-q{font-weight:700;color:#ffd9c8;font-size:12px}
.jr-gem-b{background:linear-gradient(180deg,#1f9a86,#0d5c52);color:#fff;border:0;border-radius:8px;padding:6px 11px;font-weight:700;font-size:12px;cursor:pointer}
.jr-gem-b.all{background:#3a3020}
.jr-boss-ava{box-shadow:0 0 18px rgba(224,120,60,.5) !important}
.ev-card.jr{background:linear-gradient(120deg,#0f1c22,#0d1618)}
.ev-card.soon{cursor:default;opacity:.72}
.ev-card.soon:hover{transform:none;border-color:var(--border);box-shadow:none}
.ev-ico{font-size:42px;flex-shrink:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#ffffff12,transparent 70%);border-radius:14px;filter:drop-shadow(0 0 10px #0008)}
.ev-body{flex:1;min-width:0}
.ev-name{font-family:'Cinzel';font-weight:700;font-size:20px;color:var(--gold-bright);letter-spacing:.5px}
.ev-desc{font-size:12px;color:var(--parch-dim);margin-top:4px;line-height:1.45}
.ev-cta{margin-top:9px;display:inline-block;font-family:'Cinzel';font-weight:700;font-size:13px;color:#1a1206;background:linear-gradient(#f0cf6e,#c8a24a);padding:6px 16px;border-radius:8px}
.ev-cta.soon{color:var(--dim);background:#00000030;border:1px solid var(--border-lt)}
.ev-badge{position:absolute;top:12px;right:12px;font-size:10px;font-weight:800;letter-spacing:1.2px;color:#0c0a08;padding:3px 10px;border-radius:20px}
.ev-badge.on{background:var(--good)}
.ev-badge.soon{background:var(--dim)}

/* ===== Bifrost ekrani (premium) ===== */
.bf-hero{position:relative;background:radial-gradient(140% 100% at 50% 0%,#241a3c,#150e24 60%,#0e0a16);border:1px solid #4a3a72;border-radius:18px;padding:20px 16px 18px;margin-bottom:16px;text-align:center;overflow:hidden;box-shadow:0 0 0 1px #4a3a7244,0 10px 30px #0009}
.bf-hero::before{content:'🌀';position:absolute;font-size:180px;opacity:.06;top:-34px;right:-24px;pointer-events:none}
.bf-hero-t{position:relative;font-family:'Cinzel';font-weight:700;font-size:28px;color:#efe2ff;letter-spacing:3px;text-shadow:0 0 18px #c39bff66}
.bf-hero-s{position:relative;font-size:12px;color:#c7b7e4;margin-top:8px;line-height:1.5}
.bf-status{position:relative;font-size:13px;color:var(--parch);margin-top:13px;background:#00000045;border:1px solid #ffffff14;border-radius:10px;padding:8px 13px;display:inline-block}
.bf-enter{position:relative;margin-top:16px;background:linear-gradient(#f0cf6e,#c8a24a);color:#1a1206;border:0;border-radius:12px;padding:15px 24px;font-weight:800;font-family:'Cinzel';font-size:16px;letter-spacing:.5px;cursor:pointer;box-shadow:0 6px 18px rgba(200,162,74,.4);transition:transform .1s,filter .1s;display:block;width:100%;min-width:0}
.bf-enter:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}
.bf-enter:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;filter:grayscale(.4)}
.bf-rooms{display:flex;flex-direction:column;gap:12px}
.bfr{position:relative;background:linear-gradient(155deg,#1b1613,#110c09);border:1px solid var(--border);border-radius:15px;padding:13px 14px 14px 17px;overflow:hidden;box-shadow:0 3px 12px #0006}
.bfr::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--rc);box-shadow:0 0 16px var(--rc)}
.bfr-head{display:flex;align-items:center;gap:9px;padding-bottom:10px;margin-bottom:11px;border-bottom:1px solid #ffffff12}
.bfr-num{width:30px;height:30px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Cinzel';font-weight:700;font-size:15px;color:#fff;text-shadow:0 1px 3px #000;background:var(--rc);box-shadow:0 0 12px var(--rc);border:1px solid rgba(255,255,255,.35)}
.bfr-oda{font-family:'Cinzel';font-weight:700;font-size:13px;color:var(--parch-dim);letter-spacing:2px;flex:1}
.bfr-tier{font-size:11px;font-weight:700;color:var(--gold-bright);background:#00000050;border:1px solid var(--border-lt);border-radius:20px;padding:3px 12px;white-space:nowrap}
.bfr-mob{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.bfr-micon{font-size:32px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#00000033;border-radius:12px;border:1px solid var(--border)}
.bfr-mimg{width:50px;height:50px;object-fit:cover;border-radius:12px;border:1px solid var(--border-lt);flex-shrink:0}
.bfr-mtxt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.bfr-mlabel{font-size:9.5px;font-weight:700;letter-spacing:1.5px;color:var(--dim)}
.bfr-mname{font-family:'Cinzel';font-weight:700;font-size:20px;color:var(--gold-bright);line-height:1.1}
.bfr-lv{font-size:12.5px;font-weight:700;color:var(--parch);background:#3a2c16;border:1px solid var(--border-lt);border-radius:8px;padding:5px 12px;flex-shrink:0}
.bfr-drop{display:flex;align-items:center;gap:10px;background:#00000030;border:1px solid #ffffff0e;border-radius:11px;padding:10px 12px}
.bfr-dlabel{font-size:10px;font-weight:700;letter-spacing:1px;color:var(--dim);flex-shrink:0}
.bfr-gem{width:22px;height:22px;border-radius:5px;transform:rotate(45deg);border:1px solid rgba(255,255,255,.38);flex-shrink:0;position:relative}
.bfr-gem::after{content:'';position:absolute;inset:2px;border-radius:3px;background:linear-gradient(135deg,#ffffff70,transparent 55%)}
.bfr-fname{font-weight:700;font-size:15px;color:var(--parch);flex:1;min-width:0;line-height:1.2}
/* Bifrost Yonet butonu + admin ekrani */
.bf-admin{position:relative;display:block;margin:12px auto 0;background:#00000045;color:var(--parch-dim);border:1px solid var(--border-lt);border-radius:9px;padding:8px 18px;font-size:12px;font-weight:700;cursor:pointer}
.bf-admin:hover{border-color:var(--gold);color:var(--gold-bright)}
.bfa-sec{background:linear-gradient(#1c1610,#140e08);border:1px solid var(--border);border-radius:14px;padding:14px;margin-bottom:14px}
.bfa-h{font-family:'Cinzel';font-weight:700;font-size:15px;color:var(--gold-bright);margin-bottom:12px}
.bfa-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.bfa-row>span{font-size:13px;color:var(--parch-dim);flex-shrink:0}
.bfa-row input[type=text],.bfa-row input[type=number]{background:#0e0a06;border:1px solid var(--border-lt);border-radius:8px;color:var(--parch);padding:8px 10px;font-size:13px;width:56%;max-width:210px}
.bfa-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--gold)}
.bfa-note{font-size:11px;color:var(--dim);margin-top:2px}
.bfa-mob{background:#00000028;border:1px solid #ffffff10;border-radius:12px;padding:11px;margin-bottom:11px}
.bfa-mtitle{font-family:'Cinzel';font-weight:700;font-size:12px;color:var(--gold);letter-spacing:1.5px;margin-bottom:9px}
.bfa-mrow{display:flex;align-items:center;gap:9px;margin-bottom:9px;flex-wrap:wrap}
.bfa-prev{width:54px;height:54px;border-radius:11px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:30px;background:#00000040;border:1px solid var(--border);flex-shrink:0}
.bfa-prev img{width:100%;height:100%;object-fit:cover}
.bfa-uploadbtn{font-size:12px;font-weight:700;color:#1a1206;background:linear-gradient(#f0cf6e,#c8a24a);border-radius:8px;padding:9px 14px;cursor:pointer;position:relative;overflow:hidden;white-space:nowrap}
.bfa-uploadbtn input{position:absolute;inset:0;opacity:0;cursor:pointer;font-size:0;width:100%}
.bfa-clr{font-size:12px;color:var(--parch-dim);background:#00000030;border:1px solid var(--border-lt);border-radius:8px;padding:9px 12px;cursor:pointer}
.bfa-fields{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.bfa-in{background:#0e0a06;border:1px solid var(--border-lt);border-radius:8px;color:var(--parch);padding:9px 10px;font-size:13px;flex:1 1 120px;min-width:0}
.bfa-in.bfa-lv{flex:0 0 90px}
.bfa-in.bfa-wide{flex:1 1 100%}
.bfa-color{width:52px;height:40px;border:1px solid var(--border-lt);border-radius:8px;background:#0e0a06;padding:2px;cursor:pointer;flex:0 0 auto}
.bfa-save{width:100%;background:linear-gradient(#f0cf6e,#c8a24a);color:#1a1206;border:0;border-radius:12px;padding:14px;font-family:'Cinzel';font-weight:800;font-size:16px;letter-spacing:.5px;cursor:pointer;box-shadow:0 4px 14px #c8a24a55}
.bfa-save:disabled{opacity:.5;cursor:not-allowed}
.bfa-empty{color:var(--dim);text-align:center;padding:20px}
/* Bifrost combat view */
.bfc-top{font-family:'Cinzel';font-weight:700;font-size:15px;color:var(--gold-bright);text-align:center;letter-spacing:1px;margin-bottom:14px;display:flex;align-items:center;justify-content:center;gap:12px}
.bfc-hearts{font-size:14px;letter-spacing:2px}
.bfc-arena{display:flex;align-items:flex-start;justify-content:center;gap:10px;margin-bottom:14px}
.bfc-fighter{flex:1;max-width:200px;text-align:center}
.bfc-ava{width:86px;height:86px;margin:0 auto 8px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:46px;background:radial-gradient(circle,#1a1410,#0e0a06);border:2px solid var(--c,var(--border-lt));box-shadow:0 0 18px var(--c,#0000);overflow:hidden}
.bfc-ava img{width:100%;height:100%;object-fit:cover}
.bfc-ava.me{border-color:var(--steel-lt);box-shadow:0 0 18px #4a7db5aa}
.bfc-ava.hit{animation:bfchit .3s ease}
@keyframes bfchit{0%{transform:none;filter:none}30%{transform:translateX(-6px) scale(.94);filter:brightness(1.9)}60%{transform:translateX(4px)}100%{transform:none}}
.bfc-glyph{line-height:1}
.bfc-nm{font-weight:700;color:var(--parch);font-size:13px;margin-bottom:6px;min-height:30px}
.bfc-bar{height:14px;background:#0a0705;border:1px solid var(--border);border-radius:8px;overflow:hidden}
.bfc-fill{height:100%;transition:width .25s ease;border-radius:7px}
.bfc-fill.mob{background:linear-gradient(90deg,#7a2018,#e0553f)}
.bfc-fill.me{background:linear-gradient(90deg,#2f6fb0,#7bb0e6)}
.bfc-ht{font-size:11px;color:var(--dim);margin-top:3px}
.bfc-vs{font-size:22px;color:var(--gold);align-self:center;padding-top:22px}
.bfc-feed{height:148px;overflow-y:auto;background:#0e0a06;border:1px solid var(--border);border-radius:12px;padding:10px 12px;font-size:12.5px;line-height:1.75;margin-bottom:14px}
.bfc-line{color:var(--parch-dim)}
.bfc-line.p b{color:var(--gold-bright)}
.bfc-line.m b{color:var(--blood-lt)}
.bfc-line .cx{color:var(--gold-bright);font-weight:800;font-size:11px}
.bfc-line.crit b{font-size:14px}
.bfc-actions{display:flex;flex-direction:column;gap:9px}
.bfc-res{text-align:center;font-family:'Cinzel';font-weight:700;font-size:16px;padding:12px;border-radius:12px;margin-bottom:2px}
.bfc-res.win{color:var(--good);background:#14200d;border:1px solid #3d5a2f}
.bfc-res.lose{color:var(--blood-lt);background:#241010;border:1px solid #5a2a2a}
.bfc-res.clear{color:var(--gold-bright);background:linear-gradient(#2a2010,#1a1206);border:1px solid var(--gold);font-size:15px}
.bfc-frag{display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;color:var(--parch);background:#00000030;border:1px solid var(--border);border-radius:10px;padding:10px}
.bfc-fic{width:34px;height:34px;flex-shrink:0;display:inline-flex}
.bfc-fic img{width:34px;height:34px;border-radius:6px;display:block;object-fit:cover}
.bfc-fragtx{text-align:left}
.bfc-btn{background:#1c1610;color:var(--parch);border:1px solid var(--border-lt);border-radius:11px;padding:13px;font-family:'Cinzel';font-weight:700;font-size:15px;cursor:pointer}
.bfc-btn.primary{background:linear-gradient(#f0cf6e,#c8a24a);color:#1a1206;border:0;box-shadow:0 4px 14px #c8a24a55}
.bfc-btn:hover{filter:brightness(1.06)}
/* Fragment envanteri (Bifrost) */
.bf-frags{margin-top:16px;background:#120f0a;border:1px solid var(--border);border-radius:14px;padding:14px}
.bf-frags-n{display:inline-block;background:var(--gold);color:#1a1206;font-size:11px;font-weight:800;border-radius:9px;padding:1px 8px;margin-left:6px;vertical-align:middle}
.bf-frags-empty{font-size:12px;color:var(--dim);line-height:1.5}
.bf-frags-h{font-family:'Cinzel';font-weight:700;font-size:13px;color:var(--gold);letter-spacing:1px;margin-bottom:10px}
.bf-frags-grid{display:flex;flex-wrap:wrap;gap:8px}
.bf-fchip{display:flex;align-items:center;gap:7px;background:#161210;border:1px solid var(--border);border-radius:10px;padding:8px 11px}
.bf-fic{width:24px;height:24px;flex-shrink:0;display:inline-flex}
.bf-fic img{width:24px;height:24px;border-radius:5px;display:block;object-fit:cover;image-rendering:auto}
.bfr-fic{width:24px;height:24px;flex-shrink:0;display:inline-flex}
.bfr-fic img{width:24px;height:24px;border-radius:5px;display:block;object-fit:cover}
.bf-res{margin-top:14px;background:#120f0a;border:1px solid var(--border);border-radius:14px;padding:16px;text-align:center}
.bf-res.win{border-color:#5a7a3a}
.bf-res.lose{border-color:#7a3a3a}
.bf-res-t{font-family:'Cinzel';font-weight:700;font-size:17px;margin-bottom:6px}
.bf-res.win .bf-res-t{color:var(--gold-bright)}
.bf-res.lose .bf-res-t{color:var(--blood-lt)}
.bf-res-s{font-size:12px;color:var(--dim);margin:4px 0}
.bf-res-load{font-size:12px;color:var(--dim);margin:8px 0}
.bf-res .bfc-frag{display:flex;align-items:center;justify-content:center;gap:10px;margin:10px 0}
.bf-res-btn{margin-top:10px;width:100%;background:linear-gradient(#f0cf6e,#c8a24a);color:#1a1206;border:0;border-radius:11px;padding:13px;font-weight:800;font-family:'Cinzel';font-size:15px;cursor:pointer}
.bf-res-btn.win{background:linear-gradient(#7ac05a,#4a8a2a);color:#fff}
.bf-res-btn.lose{background:linear-gradient(#b06a4a,#8a4a2a);color:#fff}
.bf-res-loot{margin:12px 0 4px;padding-top:12px;border-top:1px solid var(--border)}
.bf-res-loot-h{font-size:12px;color:var(--gold);font-weight:700;margin-bottom:8px}
.bf-cd-row{margin-top:8px}
.bf-cd-lbl{display:block;font-size:10.5px;color:var(--dim);letter-spacing:1px;text-transform:uppercase}
.bf-cd{display:inline-block;font-family:'Cinzel';font-weight:700;font-size:27px;color:var(--gold-bright);text-shadow:0 0 16px rgba(240,207,110,.45);letter-spacing:1px;margin-top:1px}
.bf-cd-hours{margin-top:7px;font-size:11px;color:var(--dim)}
.bf-cd-open{color:#8fd06a;text-shadow:0 0 16px rgba(143,208,106,.4)}
.bf-brk-t{font-family:'Cinzel';font-weight:700;font-size:16px;color:var(--gold-bright);margin-bottom:12px}
.bf-brk-empty{font-size:13px;color:var(--dim);margin:14px 0}
.bf-brk-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:6px}
.bf-brk-chip{display:flex;align-items:center;gap:10px;background:#161210;border:1px solid var(--border);border-radius:10px;padding:9px 12px;text-align:left}
.bf-brk-ic{width:30px;height:30px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:20px}
.bf-brk-ic img{width:30px;height:30px;border-radius:6px;object-fit:cover}
.bf-brk-nm{flex:1;font-size:13px;color:var(--parch);font-weight:600}
.bf-brk-q{font-size:13px;color:var(--gold-bright);font-weight:700}
.mkt-wrap{max-width:520px;margin:0 auto;padding:0 4px}
.mkt-head-r{display:flex;align-items:center;gap:10px}
.mkt-head-noah{font-size:13px;color:var(--gold-bright);font-weight:700;white-space:nowrap}
.mkt-tabs{display:flex;gap:8px;margin:6px 0 12px}
.mkt-tab{flex:1;padding:11px;border:1px solid var(--border);border-radius:10px;background:#171009;color:var(--dim);font-family:'Cinzel',serif;font-weight:700;font-size:13px;cursor:pointer}
.mkt-tab.on{background:linear-gradient(#3a2c16,#241a0c);color:var(--gold-bright);border-color:var(--gold)}
.mkt-ctrls{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.mkt-search{flex:1;min-width:140px;background:#0f0b06;border:1px solid var(--border);border-radius:9px;padding:10px;color:var(--parch);font-size:13px}
.mkt-sel{background:#0f0b06;border:1px solid var(--border);border-radius:9px;padding:10px 8px;color:var(--parch);font-size:12.5px}
.mkt-list{display:flex;flex-direction:column;gap:9px}
.mkt-card{display:flex;align-items:center;gap:11px;background:linear-gradient(#1b140c,#150f08);border:1px solid var(--border);border-radius:12px;padding:10px 12px}
.mkt-card.mine{border-color:var(--border-lt)}
.mkt-ic{width:42px;height:42px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:26px;background:#0d0906;border:1px solid var(--border);border-radius:9px}
.mkt-ic img{width:38px;height:38px;object-fit:cover;border-radius:6px}
.mkt-ic.big{width:54px;height:54px;font-size:34px}.mkt-ic.big img{width:48px;height:48px}
.mkt-info{flex:1;min-width:0}
.mkt-nm{font-size:14px;color:var(--parch);font-weight:700;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.mkt-sub{font-size:11.5px;color:var(--dim);margin-top:2px}
.mkt-plus{color:var(--gold-bright);font-weight:800;font-size:12px}
.mkt-qty{color:var(--good);font-weight:700;font-size:12px}
.mkt-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}
.mkt-price{font-size:14px;color:var(--gold-bright);font-weight:800;white-space:nowrap}
.mkt-price.gold{color:var(--good)}
.mkt-buy{background:linear-gradient(#f0cf6e,#c8a24a);color:#1a1206;border:0;border-radius:8px;padding:8px 14px;font-weight:800;font-size:12.5px;cursor:pointer;white-space:nowrap}
.mkt-cancel{background:#3a1f1f;border:1px solid #5a2a2a;color:#e0a0a0;border-radius:8px;padding:8px 14px;font-size:12.5px;font-weight:700;cursor:pointer}
.mkt-mine-tag{font-size:11px;color:var(--dim);font-style:italic}
.mkt-badge{font-size:9.5px;font-weight:800;padding:2px 7px;border-radius:20px;letter-spacing:.5px}
.mkt-badge.sold{background:rgba(111,174,85,.18);color:var(--good);border:1px solid rgba(111,174,85,.4)}
.mkt-badge.active{background:rgba(200,162,74,.15);color:var(--gold-bright);border:1px solid rgba(200,162,74,.4)}
.mkt-badge.exp{background:rgba(224,85,63,.15);color:var(--blood-lt);border:1px solid rgba(224,85,63,.4)}
.mkt-empty,.mkt-load{text-align:center;color:var(--dim);font-size:13px;padding:40px 16px;line-height:1.7}
.mkt-more{width:100%;margin-top:10px;padding:11px;background:#171009;border:1px solid var(--border);border-radius:10px;color:var(--gold-bright);font-weight:700;cursor:pointer}
#mktModal .modal{max-width:360px}
.mkt-m-t{font-family:'Cinzel',serif;font-weight:700;font-size:18px;color:var(--gold-bright);text-align:center;margin-bottom:14px}
.mkt-m-item{display:flex;align-items:center;gap:12px;background:#12100a;border:1px solid var(--border);border-radius:10px;padding:11px;margin-bottom:12px}
.mkt-m-row{display:flex;justify-content:space-between;align-items:center;padding:8px 2px;font-size:13.5px;color:var(--parch);border-bottom:1px solid rgba(74,60,36,.4)}
.mkt-m-row b{font-size:14px}.mkt-m-row b.gold{color:var(--gold-bright)}.mkt-m-row b.bad{color:var(--blood-lt)}
.mkt-inp{width:130px;background:#0f0b06;border:1px solid var(--border);border-radius:8px;padding:8px;color:var(--gold-bright);font-size:14px;font-weight:700;text-align:right}
.mkt-fee{font-size:11.5px;color:var(--dim);text-align:center;margin:10px 0 4px;line-height:1.5}
.mkt-fee b.gold{color:var(--good)}
.mkt-warn{color:var(--blood-lt);font-size:12.5px;text-align:center;margin:8px 0}
.mkt-m-acts{display:flex;gap:10px;margin-top:16px}
.mkt-m-acts .chip{flex:1;padding:11px;text-align:center}
.mkt-tabs{gap:6px}
.mkt-tab{padding:10px 5px;font-size:12px}
.mkt-card{cursor:pointer;transition:border-color .15s,transform .08s}
.mkt-card:active{transform:scale(.99)}
.mkt-card:hover{border-color:var(--gold)}
.mkt-detail{color:var(--gold);font-weight:600}
.koi-mkt{margin:12px 0 2px;border-top:1px solid var(--border);padding-top:10px}
.koi-mkt-row{display:flex;justify-content:space-between;align-items:center;padding:5px 2px;font-size:13px;color:var(--parch)}
.koi-mkt-row b{font-size:13.5px}
.koi-mkt-row b.gold{color:var(--gold-bright)}
.koi-mkt-row b.bad{color:var(--blood-lt)}
.mkt-sellhint{text-align:center;font-size:12.5px;color:var(--dim);margin:2px 0 13px;line-height:1.5}
.mkt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:9px}
.mkt-gcell{background:linear-gradient(#1b140c,#150f08);border:1px solid var(--border);border-radius:11px;padding:9px 5px;text-align:center;cursor:pointer;transition:border-color .15s,transform .08s}
.mkt-gcell:active{transform:scale(.95)}
.mkt-gcell:hover{border-color:var(--gold)}
.mkt-gic{position:relative;width:48px;height:48px;margin:0 auto 6px;display:inline-flex;align-items:center;justify-content:center;font-size:29px;background:#0d0906;border:1px solid var(--border);border-radius:9px}
.mkt-gic img{width:44px;height:44px;object-fit:cover;border-radius:6px}
.mkt-gcnt{position:absolute;right:-4px;bottom:-4px;background:#241a0c;border:1px solid var(--gold);color:var(--gold-bright);font-size:10px;font-weight:800;padding:0 4px;border-radius:8px}
.mkt-gnm{font-size:11px;color:var(--parch);line-height:1.3;display:flex;align-items:center;justify-content:center;gap:3px;flex-wrap:wrap;font-weight:600}
.mkt-bal{text-align:right;font-size:12.5px;color:var(--dim);margin:0 2px 11px}
.mkt-qtysel{display:inline-flex;align-items:center;gap:5px}
.mkt-qtysel button{width:28px;height:28px;padding:0;border:1px solid var(--border);background:#1a1206;color:var(--gold);border-radius:7px;font-size:16px;font-weight:800;line-height:1;cursor:pointer}
.mkt-qtysel button.mkt-qtyall{width:auto;padding:0 8px;font-size:11px;font-weight:700;color:var(--gold-bright)}
.mkt-qtysel button:active{background:#2a2012}
.mkt-qtysel input{width:50px;height:28px;text-align:center;border:1px solid var(--border);background:#0d0906;color:var(--parch);border-radius:7px;font-size:13px;font-weight:700;-moz-appearance:textfield}
.mkt-qtysel input::-webkit-outer-spin-button,.mkt-qtysel input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.mkt-tab{padding:9px 3px;font-size:11px}
.mkt-tab.sell:not(.on){border-color:var(--gold);color:var(--gold-bright);background:linear-gradient(#2a2010,#1c1509)}
.mkt-inp2{width:130px;text-align:right;background:#0d0906;border:1px solid var(--border);color:var(--gold-bright);border-radius:7px;padding:7px 9px;font-size:14px;font-weight:700}
.mkt-badge.bought{background:#12233a;border-color:#2f5a8a;color:#8fc0f0}
.mkt-card.log{opacity:.96}
.mkt-per{font-size:10px;color:var(--dim);margin-left:2px;font-weight:600}
.bf-fcn{font-size:12px;color:var(--parch);font-weight:600}
.bf-fcq{font-size:12px;color:var(--gold-bright);font-weight:700}
.back{margin-left:auto;background:transparent;border:1px solid var(--border-lt);color:var(--parch-dim);
  padding:8px 14px;border-radius:8px;font-family:'Cinzel';font-weight:600;font-size:12px;cursor:pointer;transition:.12s}
.back:hover{border-color:var(--gold);color:var(--gold-bright)}

/* ---------- Town hub ---------- */
.town-banner{position:relative;overflow:hidden;text-align:center;margin:6px 0 22px;padding:26px 18px 22px;border-radius:16px;background-image:url(img/savas.png);background-size:cover;background-position:center;border:1px solid #3a2e1c;box-shadow:0 8px 26px #000a}
.town-banner::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 110% at 50% 58%,transparent 16%,#0a0712 108%),linear-gradient(0deg,rgba(10,7,18,.62),transparent 55%)}
.town-banner h1{position:relative;z-index:2;font-family:'Cinzel';font-weight:900;font-size:clamp(26px,7vw,40px);letter-spacing:2px;line-height:1.02;background:linear-gradient(180deg,#fdeaa6,#e6b955 55%,#b98a34);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 12px #000c)}
.tb-fl{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:11px}
.tb-fl .ln{width:46px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.tb-fl .ln.r{background:linear-gradient(90deg,var(--gold),transparent)}
.tb-fl .d{width:6px;height:6px;background:var(--gold-bright);transform:rotate(45deg);box-shadow:0 0 8px var(--gold)}
.town-banner .rule{position:relative;z-index:2;display:block;margin-top:9px}
.town-banner .rule::before,.town-banner .rule::after{display:none}
.town-banner .rule span{font-family:'Cinzel';font-size:12px;letter-spacing:3px;color:#e7dcc8;font-weight:600;text-shadow:0 1px 6px #000}
.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}

.plaque-badge{position:absolute;top:8px;right:8px;z-index:2;min-width:22px;height:22px;padding:0 6px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,#e0553f,#b02a2a);color:#fff;
  font-family:'Cinzel',serif;font-weight:700;font-size:12.5px;line-height:1;
  border-radius:11px;border:1.5px solid #ff8a6f;
  box-shadow:0 2px 6px rgba(176,42,42,.6),0 0 0 2px rgba(0,0,0,.25);
  animation:badgePulse 1.8s ease-in-out infinite}
@keyframes badgePulse{
  0%,100%{transform:scale(1);box-shadow:0 2px 6px rgba(176,42,42,.6),0 0 0 2px rgba(0,0,0,.25)}
  50%{transform:scale(1.12);box-shadow:0 2px 10px rgba(224,85,63,.9),0 0 0 2px rgba(0,0,0,.25)}
}
.plaque{position:relative;text-align:left;cursor:pointer;padding:16px 16px 16px 60px;
  border-radius:12px;border:1px solid var(--border);background:linear-gradient(#20190f,#161009);
  transition:.14s;overflow:hidden}
.plaque::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent,var(--gold))}
.plaque .ic{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:30px;
  filter:drop-shadow(0 2px 3px #000)}
.plaque .pt{font-family:'Cinzel';font-weight:700;font-size:16px;color:var(--parch)}
.plaque .pd{font-size:11.5px;color:var(--dim);margin-top:3px;line-height:1.35}
.plaque:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 6px 18px #0007}
.plaque:active{transform:translateY(0)}
.plaque.wide{grid-column:1/-1;padding-left:66px}
/* Kompakt dükkan NPC kartları (2x2) */
.plaque.shop{padding:10px 10px 10px 44px;border-radius:10px}
.plaque.shop .ic{left:10px;font-size:22px}
.plaque.shop .pt{font-size:13.5px}
.plaque.shop .pd{font-size:10px;margin-top:1px}
.plaque.shop::before{width:3px}

.plaque.hunt{background:linear-gradient(100deg,#2a1a12,#1a1109);--accent:var(--blood-lt)}
.plaque.wide{overflow:hidden}
.plaque-art{position:absolute;right:0;top:0;bottom:0;width:52%;z-index:0;pointer-events:none;background-size:cover;background-position:center right;-webkit-mask-image:linear-gradient(to right,transparent,#000 42%);mask-image:linear-gradient(to right,transparent,#000 42%);opacity:.85}
.plaque-art svg{position:absolute;right:4px;top:50%;transform:translateY(-50%);height:90%;width:auto;max-width:100%}
.plaque.wide .pt,.plaque.wide .pd{position:relative;z-index:2}
.plaque.wide .ic{z-index:2}
.plaque.wide .plaque-badge{z-index:3}
.plaque.hunt .pt{color:var(--gold-bright);font-size:18px}
.plaque.race{background:linear-gradient(100deg,#241c12,#161009);--accent:var(--gold-bright)}
.plaque.race .pt{color:var(--gold-bright);font-size:17px}
.zonecard.race{background:linear-gradient(100deg,#241c12,#161009);border-color:var(--border-lt)}
.zonecard.race .ztn{color:var(--gold-bright)}

/* ---------- Zone select ---------- */
.zonelist{display:flex;flex-direction:column;gap:12px}
.zonecard{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;
  border:1px solid var(--border);background:linear-gradient(#1e1710,#150f08);cursor:pointer;transition:.14s}
.zonecard .zi{font-size:32px;flex:0 0 auto;filter:drop-shadow(0 2px 3px #000)}
.zonecard .zt{flex:1;min-width:0}
.zonecard .ztn{font-family:'Cinzel';font-weight:700;font-size:16px;color:var(--parch)}
.zonecard .zts{font-size:12px;color:var(--dim);margin-top:2px}
.zonecard .zlvl{flex:0 0 auto;font-family:'Cinzel';font-size:12px;font-weight:600;color:var(--gold);
  padding:5px 10px;border:1px solid var(--border-lt);border-radius:20px}
.zonecard:hover{border-color:var(--gold);transform:translateX(3px)}
.zonecard.locked{opacity:.5;cursor:not-allowed;filter:grayscale(.6)}
.plaque.locked{opacity:.6;filter:grayscale(.5)}
.zonecard.locked:hover{transform:none;border-color:var(--border)}
.zonecard.boss{background:linear-gradient(100deg,#2b1420,#1a0f14);border-color:#5a2740}
.zonecard.boss .ztn{color:#e9789e}
.zonecard.boss .zlvl{color:#e9789e;border-color:#5a2740}
.zonecard.cleared .zlvl{color:var(--good);border-color:#3d5a2f}

/* ---------- Combat ---------- */
.arena{max-width:620px;margin:0 auto}
.combatant{position:relative;border-radius:14px;padding:14px 16px;border:1px solid var(--border);
  background:linear-gradient(#1d1710,#130e08);overflow:visible}
.combatant.enemy{border-color:#5a3030}
.combatant.enemy.boss{border-color:#6a2a4a;background:linear-gradient(#241222,#160b12)}
.combatant.hero{border-color:var(--ring,var(--steel))}
.cb-top{display:flex;align-items:center;gap:14px}
.cb-crest{width:58px;height:58px;flex:0 0 58px;border-radius:12px;display:grid;place-items:center;
  font-size:34px;background:radial-gradient(circle at 35% 30%,#2c2418,#0b0805);
  border:2px solid var(--crest,#5a3030);box-shadow:0 0 12px #0009;transition:transform .1s}
.combatant.enemy .cb-crest{--crest:#7a3a3a}
.combatant.enemy.boss .cb-crest{--crest:#8a3a68}
.combatant.hero .cb-crest{--crest:var(--ring,var(--steel))}
.cb-crest .crest-img{width:100%;height:100%;object-fit:contain;border-radius:12px}
.cb-meta{flex:1;min-width:0}
.cb-name{font-family:'Cinzel';font-weight:700;font-size:17px;color:var(--parch);display:flex;gap:8px;align-items:baseline}
.cb-name .tag{font-size:10px;font-weight:700;letter-spacing:1px;padding:1px 7px;border-radius:10px}
.cb-name .tag.boss{background:#5a2740;color:#f0a8c4}
.cb-lv{font-size:11px;color:var(--parch-dim)}
.cb-hpwrap{margin-top:8px}
.cb-hpbar{position:relative;height:16px;border-radius:8px;background:#0d0a06;overflow:hidden;border:1px solid #000}
.cb-hpbar i{position:absolute;inset:0;transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1);border-radius:8px}
.combatant.enemy .cb-hpbar i{background:linear-gradient(#e0553f,#7a1c14)}
.combatant.hero .cb-hpbar i{background:linear-gradient(#e0553f,#8f2018)}
.cb-hpbar span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 2px #000}
.cb-mpbar{position:relative;height:9px;border-radius:6px;background:#0d0a06;overflow:hidden;border:1px solid #000;margin-top:4px}
.cb-mpbar i{position:absolute;inset:0;transform-origin:left;background:linear-gradient(#4a8fd0,#1e4f86);transition:transform .4s;border-radius:6px}
.cb-eff{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px;min-height:15px}
.eff{font-size:10px;font-weight:600;padding:2px 7px;border-radius:10px;border:1px solid var(--border-lt);color:var(--parch-dim)}
.eff.buff{border-color:#3d5a2f;color:var(--good)}
.eff.dot{border-color:#3d5a2f;color:#8fcf6f}
.eff.stun{border-color:#7a5a2a;color:var(--warn)}
.vs{text-align:center;font-family:'Cinzel';font-weight:700;color:var(--dim);font-size:13px;
  letter-spacing:4px;margin:10px 0;position:relative}
.vs::before,.vs::after{content:'';position:absolute;top:50%;width:34%;height:1px;background:linear-gradient(90deg,transparent,var(--border-lt))}
.vs::before{left:0;transform:scaleX(-1)}.vs::after{right:0}

/* floating damage numbers */
.floatlayer{position:absolute;inset:0;pointer-events:none;overflow:visible}
.dmgpop{position:absolute;left:50%;top:20%;transform:translateX(-50%);font-family:'Cinzel';
  font-weight:900;font-size:26px;text-shadow:0 2px 4px #000;animation:pop 1s ease forwards;white-space:nowrap}
@keyframes pop{0%{opacity:0;transform:translate(-50%,10px) scale(.6)}
  25%{opacity:1;transform:translate(-50%,-6px) scale(1.1)}
  100%{opacity:0;transform:translate(-50%,-42px) scale(1)}}
.shake{animation:shake .32s}
@keyframes shake{0%,100%{transform:none}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}

/* action bar */
.actions{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:9px}
.act{position:relative;text-align:left;padding:12px 13px;border-radius:11px;cursor:pointer;
  border:1px solid var(--border-lt);background:linear-gradient(#241c12,#15100a);transition:.12s;overflow:hidden}
.act:hover:not(:disabled){border-color:var(--gold);transform:translateY(-1px)}
.act:active:not(:disabled){transform:translateY(0)}
.act:disabled{opacity:.4;cursor:not-allowed}
.act .an{font-family:'Cinzel';font-weight:700;font-size:14px;color:var(--parch);display:block}
.act .ad{font-size:10.5px;color:var(--dim);margin-top:2px}
.act.hasic{padding-left:54px}
.act .act-ic{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:34px;height:34px}
.act .act-ic img{width:34px;height:34px;image-rendering:pixelated;border:1px solid #4a3a22;border-radius:6px;background:#000;display:block}
.act.strike{background:linear-gradient(#2a1c12,#1a0f09)}
.act.strike .an{color:var(--gold-bright)}
.act .cost{position:absolute;right:11px;top:11px;font-size:10px;font-weight:700;color:var(--mp)}
.act.ready-cd{position:absolute}
.act .cdover{position:absolute;inset:0;background:#000a;display:grid;place-items:center;
  font-family:'Cinzel';font-weight:700;font-size:20px;color:var(--parch-dim)}
.act.util{background:linear-gradient(#1c1a24,#12101a)}
.act.flee{background:linear-gradient(#20140f,#160c08);border-color:#5a3020}

/* combat log */
.clog{margin-top:16px;background:#0f0b07;border:1px solid var(--border);border-radius:10px;
  padding:10px 12px;height:130px;overflow-y:auto;font-size:12.5px;line-height:1.55;
  display:flex;flex-direction:column-reverse}
.clog .ln{padding:1px 0;color:var(--parch-dim)}
.clog .ln.you{color:var(--gold-bright)}
.clog .ln.foe{color:var(--blood-lt)}
.clog .ln.sys{color:var(--good)}
.clog .ln.ally{color:var(--steel-lt)}

/* ===== Savaş ekranı — düşman odaklı düzen ===== */
.cb-enemy{position:relative;text-align:center;padding:6px 8px 4px}
.cb-eplate{font-size:9px;color:var(--dim);letter-spacing:2px;margin-bottom:2px}
.cb-ecrest{font-size:74px;line-height:1;display:inline-block;filter:drop-shadow(0 8px 16px #000a);animation:cbIdle 3s ease-in-out infinite}
.cb-ecrest img{width:96px;height:96px;object-fit:contain}
@keyframes cbIdle{50%{transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){.cb-ecrest{animation:none}}
.cb-enemy.boss .cb-ecrest{filter:drop-shadow(0 8px 20px #000a) drop-shadow(0 0 18px #8a3a6866)}
.cb-ename{font-size:16px;font-weight:800;color:#e8c0b0;margin-top:5px}
.cb-ename .tag.boss{font-size:8px;background:#6a2a4a;color:#ffd;padding:1px 6px;border-radius:4px;margin-left:6px;vertical-align:middle;letter-spacing:1px}
.cb-elv{font-size:11px;color:var(--dim);margin-top:1px}
.cb-ehpwrap{margin:8px auto 0;max-width:240px}
.cb-ehpbar{height:14px;background:#2a1414;border:1px solid #6a2a2a;border-radius:8px;overflow:hidden;position:relative;box-shadow:inset 0 2px 6px #0008}
.cb-ehpbar i{display:block;height:100%;width:100%;transform-origin:left;background:linear-gradient(90deg,#b0402a,#e88a5a);box-shadow:0 0 10px #e0704a66}
.cb-ehpbar span{position:absolute;inset:0;font-size:9px;font-weight:700;text-align:center;line-height:14px;color:#fff;text-shadow:0 1px 2px #000}
.cb-eeff{margin-top:6px;display:flex;flex-wrap:wrap;gap:4px;justify-content:center}
.cb-turn{text-align:center;font-family:'Cinzel',serif;font-weight:700;font-size:12px;color:var(--gold-bright);letter-spacing:2px;margin:12px 0 8px;opacity:.85}
.cb-actions{display:flex;gap:10px;justify-content:center;margin:2px 0 4px}
.cb-rbtn{display:flex;align-items:center;gap:8px;padding:8px 18px 8px 10px;border-radius:11px;cursor:pointer;
  background:linear-gradient(180deg,#3a2015,#22110a);border:1px solid #a0503a;
  box-shadow:0 3px 12px #0006,inset 0 1px 0 #ffffff12;transition:.12s}
.cb-rbtn:hover:not(:disabled){border-color:#e07a5a;box-shadow:0 0 16px #a0503a55,0 3px 12px #0006;transform:translateY(-1px)}
.cb-rbtn:active:not(:disabled){transform:scale(.96)}
.cb-rbtn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.5)}
.cb-rk{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;flex:none;
  font-family:'Cinzel',serif;font-weight:800;font-size:16px;color:#ffe;
  background:radial-gradient(circle at 40% 30%,#c0503a,#7a2a1a);border:1px solid #e88a6a;
  box-shadow:inset 0 1px 0 #ffffff40,0 2px 4px #0008;text-shadow:0 1px 2px #0008}
.cb-rl{font-size:14px;font-weight:800;color:#f0d0b0;letter-spacing:.3px}
.cb-fleebtn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:11px;cursor:pointer;
  background:linear-gradient(180deg,#241d0d,#161007);border:1px solid #6a5a2a;
  box-shadow:0 3px 12px #0006;transition:.12s}
.cb-fleebtn:hover:not(:disabled){border-color:#a08a4a;transform:translateY(-1px)}
.cb-fleebtn:active:not(:disabled){transform:scale(.96)}
.cb-fleebtn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.5)}
.cb-fic{font-size:18px}
.cb-fl{font-size:13px;font-weight:700;color:var(--dim)}
.cb-locknote{text-align:center;font-size:12px;color:#e6a24a;background:rgba(224,120,60,.12);border:1px solid #5a3a20;border-radius:8px;padding:7px 10px;margin:0 0 8px}
.cb-hero{display:flex;align-items:center;gap:10px;margin-top:12px;background:linear-gradient(180deg,#1a130a,#120c06);border:1px solid var(--border-lt);border-radius:10px;padding:8px 10px;box-shadow:0 -2px 10px #0004}
.cb-hava{width:44px;height:44px;flex:none;border-radius:9px;display:grid;place-items:center;font-size:24px;background:radial-gradient(circle at 40% 30%,#2e2415,#160f07);border:1px solid var(--gold)}
.cb-hava img{width:100%;height:100%;object-fit:contain;border-radius:9px}
.cb-hinfo{flex:1;min-width:0}
.cb-htop{display:flex;align-items:center;gap:6px;margin-bottom:3px;flex-wrap:wrap}
.cb-hnm{font-size:11px;font-weight:800;color:var(--parch)}
.cb-hlv{font-size:9px;color:var(--dim)}
.cb-heff{margin-left:auto;display:flex;gap:3px;flex-wrap:wrap}
.cb-hbar{height:10px;border-radius:5px;overflow:hidden;position:relative;border:1px solid;margin-top:3px}
.cb-hbar i{display:block;height:100%;width:100%;transform-origin:left}
.cb-hbar span{position:absolute;inset:0;font-size:7px;font-weight:700;text-align:center;line-height:10px;color:#fff;text-shadow:0 1px 1px #000}
.cb-hbar.hp{background:#14240f;border-color:#2a5a2a}.cb-hbar.hp i{background:linear-gradient(90deg,#3a9a4a,#6ad06a)}
.cb-hbar.mp{background:#0f1a2a;border-color:#2a4a6a}.cb-hbar.mp i{background:linear-gradient(90deg,#3a6ab0,#6aa0e0)}

/* result overlay (victory/defeat) */
.result{margin-top:16px;text-align:center;border-radius:14px;padding:20px 16px;
  border:1px solid var(--border);background:linear-gradient(#1d1710,#130d07);animation:fade .3s}
.result.win{border-color:#4a5c2c}
.result.lose{border-color:#5a2a2a}
.result h3{font-family:'Cinzel';font-weight:900;font-size:24px;letter-spacing:1px;margin-bottom:6px}
.result.win h3{color:var(--gold-bright)}
.result.lose h3{color:var(--blood-lt)}
.result .rewards{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:12px 0 16px;
  font-size:14px;font-weight:600}
.result .rewards b{color:var(--gold-bright)}
.result .loot{font-size:13px;color:var(--good);margin-bottom:14px;min-height:18px}
.rbtns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;align-items:stretch}
.rbtns .back{margin-left:0;display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:11px;font-size:14px}
.rbtns .bigbtn{margin:0}
/* zafer/ödül paneli — etiketli, açıklayıcı */
.result .res-sub{font-size:12.5px;color:var(--dim);margin:-2px 0 14px;letter-spacing:.3px}
.rewardlist{max-width:340px;margin:0 auto 14px;display:flex;flex-direction:column;gap:2px;text-align:left}
.rwrow{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;background:#ffffff05}
.rwrow .ri{font-size:16px;width:20px;text-align:center;flex:0 0 auto}
.rwrow .rl{flex:1;font-size:13px;color:var(--parch)}
.rwrow .rl .rn{color:var(--dim);font-size:11px}
.rwrow .rv{font-family:'Cinzel';font-weight:700;font-size:15px;white-space:nowrap}
.rwrow .rv.gain{color:var(--gold-bright)}
.rwrow .rv.loss{color:#e0a07a}
.rwrow.sum{background:none;border-top:1px dashed #ffffff24;border-radius:0;margin-top:3px;padding-top:10px}
.rwrow.sum .rl{font-weight:700}
.rwrow.sum .rv{font-size:17px}
.lootbox{max-width:340px;margin:0 auto 16px;border:1px solid var(--border);border-radius:10px;padding:9px 12px;background:#0f0b06;text-align:left}
.lootbox .lootlabel{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--dim);margin-bottom:3px}
.lootbox .loot{font-size:13px;color:var(--good);min-height:16px;margin:0}
.lootbox.empty .loot{color:var(--dim)}

/* ---------- generic panels (shop/anvil/char/inv/party) ---------- */
.card{border-radius:12px;border:1px solid var(--border);background:linear-gradient(#1c1610,#140e08);padding:16px;margin-bottom:14px}
.card h3{font-family:'Cinzel';font-weight:700;font-size:15px;color:var(--gold-bright);margin-bottom:10px;letter-spacing:.5px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.statrow{display:flex;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px solid #ffffff0a}
.char-id{display:flex;gap:14px;align-items:center}
.cid-ava{position:relative;width:94px;height:94px;flex:0 0 94px;border-radius:14px;display:grid;place-items:center;font-size:48px;color:var(--gold-bright);overflow:hidden;cursor:pointer;background:radial-gradient(circle at 34% 26%,#3a301b,#0e0a06);border:2px solid var(--ring,#6a5a34);box-shadow:0 0 16px -4px var(--ring,#c8a24a),0 6px 16px #0009}
.cid-ava img.a-cover{width:100%;height:100%;object-fit:cover}
.cid-ava img.a-emb{width:64%;height:64%;object-fit:contain;filter:drop-shadow(0 3px 8px #000a)}
.cid-ava .a-edit{position:absolute;right:4px;bottom:4px;font-size:10px;color:var(--gold-bright);background:#000b;border:1px solid var(--border);border-radius:8px;padding:0 5px}
.cid-info{min-width:0;flex:1}
.cid-name{font-family:'Cinzel';font-weight:700;font-size:21px;color:var(--gold-bright);line-height:1.1}
.cid-sub{font-size:12.5px;color:var(--parch-dim);margin-top:3px;display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.cid-sub .cid-cico{width:16px;height:16px;vertical-align:middle}
.cid-xp{margin-top:9px}
.cid-xp .xl{display:flex;justify-content:space-between;font-size:10.5px;color:var(--dim);margin-bottom:3px}
.cid-xptrack{height:8px;border-radius:6px;background:#0e0a06;border:1px solid var(--border);overflow:hidden}
.cid-xptrack i{display:block;height:100%;background:linear-gradient(90deg,#c8a24a,#f0cf6e)}
.cid-noah{margin-top:8px;font-size:13px;color:var(--parch)}
.cid-noah b{color:var(--gold-bright)}
.statrow:last-child{border-bottom:none}
.gem{flex:0 0 34px;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;
  font-family:'Cinzel';font-weight:700;font-size:12px;color:#fff;letter-spacing:.3px;text-shadow:0 1px 2px #000a;
  background:linear-gradient(160deg,var(--gc,#c8a24a),#0000 70%),radial-gradient(circle at 34% 24%,#ffffff33,#0000 55%),#161009;
  border:1px solid var(--gc,#5a4a2a);box-shadow:inset 0 1px 2px #ffffff22, 0 0 8px -3px var(--gc,#000)}
.statrow .sinfo{flex:1;min-width:0}
.statrow .snm{font-family:'Cinzel';font-weight:700;font-size:13px;color:var(--parch)}
.statrow .sdesc{font-size:10.5px;color:var(--dim);margin-top:1px}
.statrow .sval{font-family:'Cinzel';font-weight:700;font-size:18px;color:var(--gold-bright);min-width:24px;text-align:right}
.plusbtn{flex:0 0 auto;width:30px;height:30px;border-radius:9px;border:1px solid #6a5527;
  background:linear-gradient(#3c2d16,#241a0c);color:var(--gold-bright);font-size:16px;font-weight:800;cursor:pointer;
  box-shadow:inset 0 1px 0 #ffffff12}
.plusbtn:hover{border-color:var(--gold)}.plusbtn:active{transform:scale(.92)}.plusbtn:disabled{opacity:.3;cursor:not-allowed}
.derived{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px}
.dstat{position:relative;background:linear-gradient(#161009,#100b06);border:1px solid #3a2c16;border-radius:11px;padding:11px 8px 9px;text-align:center;overflow:hidden}
.dstat::before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:var(--ac,#c8a24a);opacity:.85}
.dstat .dl{font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:.5px}
.dstat .dv{font-family:'Cinzel';font-weight:700;font-size:18px;color:var(--gold-bright);margin-top:3px}
/* KO karakter ekranı — img/karakterinfo.png overlay (336x487) */
.kchar-wrap{max-width:336px;margin:0 auto 6px}
.kchar{position:relative;width:100%;aspect-ratio:336/487;background:url('/img/karakterinfo.png') center/contain no-repeat;container-type:inline-size}
.kc-v{position:absolute;transform:translate(-50%,-50%);font-family:"Cinzel",serif;font-weight:700;font-size:13px;font-size:3.9cqw;color:#f5d97a;text-align:center;white-space:nowrap;text-shadow:0 1px 2px #000,0 0 2px #000;pointer-events:none;letter-spacing:.2px}
.kc-name{left:10%;top:16%;transform:translateY(-50%);text-align:left;font-size:14px;font-size:4.3cqw;color:#ffe9a8}
.kc-xp{position:absolute;left:23%;top:30.4%;height:9px;height:2.6cqw;transform:translateY(-50%);background:linear-gradient(90deg,#b8862f,#f0cf6e);border-radius:2px;box-shadow:0 0 4px rgba(240,207,110,.4);pointer-events:none}
.kc-plus{position:absolute;left:86%;transform:translate(-50%,-50%);width:20px;width:6.4cqw;height:18px;height:5.8cqw;background:transparent;border:0;border-radius:3px;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent}
.kc-plus:not(:disabled){animation:kcpulse 1.7s ease-in-out infinite}
.kc-plus:disabled{cursor:default}
@keyframes kcpulse{0%,100%{box-shadow:0 0 5px 1px rgba(240,207,110,0)}50%{box-shadow:0 0 9px 2px rgba(240,207,110,.55)}}
.kc-badge{position:absolute;left:28%;top:66.8%;transform:translate(-50%,-50%);font-family:"Cinzel",serif;font-weight:700;font-size:12px;font-size:3.5cqw;color:#f5d97a;text-shadow:0 1px 2px #000;pointer-events:none}
.kc-actions2{display:flex;gap:10px;margin-top:8px}
.kc-actions2 .chip{flex:1;justify-content:center;text-align:center}

.slot{display:flex;align-items:center;gap:12px;padding:11px;border-radius:10px;border:1px solid var(--border);
  background:#151009;margin-bottom:8px}
.slot .si{font-size:26px;width:40px;text-align:center}
.slot .sinfo{flex:1;min-width:0}
.slot .sn{font-weight:700;font-size:13.5px;color:var(--parch)}
.slot .sd{font-size:11px;color:var(--dim);margin-top:1px}
.slot .plus{color:var(--gold-bright);font-weight:700}
.chip{padding:6px 12px;border-radius:8px;border:1px solid var(--border-lt);background:#241c12;
  color:var(--parch);font-family:'Cabin';font-weight:600;font-size:12px;cursor:pointer;transition:.12s}
.chip:hover{border-color:var(--gold);color:var(--gold-bright)}
.chip:active{transform:scale(.95)}
.chip.buy{border-color:#3d5a2f}.chip.sell{border-color:#5a3020}.chip.gold{color:var(--gold-bright)}
.chip:disabled{opacity:.4;cursor:not-allowed}

.shopitem{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;border:1px solid var(--border);background:#151009}
.shopitem .si{font-size:24px;width:34px;text-align:center}
.shopitem .si img{width:30px;height:30px;object-fit:contain;vertical-align:middle;border-radius:5px}
.slot .si img{width:34px;height:34px;object-fit:contain;vertical-align:middle;border-radius:5px}
.shopitem .sinfo{flex:1;min-width:0}
.shopitem .sn{font-weight:700;font-size:13px;color:var(--parch)}
.shopitem .sd{font-size:11px;color:var(--dim)}

.invgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}
.invcell{aspect-ratio:1;border-radius:10px;border:1px solid var(--border);background:#151009;
  display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:.12s}
.invcell:hover{border-color:var(--gold)}
.invcell.locked{opacity:.55;border-style:dashed}
.invcell .ilock{position:absolute;top:3px;right:5px;font-size:12px}
.invcell .ig{font-size:26px}
.invcell .iq{position:absolute;bottom:3px;right:5px;font-size:11px;font-weight:700;color:var(--gold-bright)}
.invcell .ip{position:absolute;top:3px;left:5px;font-size:10px;font-weight:700;color:var(--good)}
.empty-note{text-align:center;color:var(--dim);font-size:13px;padding:24px}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.tab{flex:1;min-width:58px;padding:10px 6px;border-radius:11px;border:1px solid var(--border);background:linear-gradient(#221a10,#140e08);color:var(--parch-dim);font-family:'Cabin';font-weight:700;font-size:12.5px;cursor:pointer;text-align:center;transition:.12s}
.tab.on{border-color:var(--gold);color:var(--gold-bright);background:linear-gradient(#3a2c16,#241a0c);box-shadow:0 0 0 1px var(--gold) inset}
.tab:hover{border-color:var(--gold)}
.shop-noah{text-align:center;font-family:'Cinzel';color:var(--parch);font-size:15px;margin-bottom:12px}
.shop-noah b{color:var(--gold-bright)}
/* paralı asker */
.merc-note{font-size:12px;color:var(--parch-dim);background:linear-gradient(#1c1610,#140e08);border:1px solid var(--border);border-radius:11px;padding:10px 12px;margin-bottom:14px;line-height:1.5}
.merc-note b{color:var(--gold-bright)}
.merc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.merc-card{position:relative;background:radial-gradient(circle at 50% 0%,#241a0e,#120c06);border:1px solid #3a2c16;border-radius:13px;padding:14px 10px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}
.merc-card.empty{border-style:dashed;opacity:.75;justify-content:center;min-height:158px}
.mc-ico{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:30px;background:radial-gradient(circle at 35% 30%,#3a301b,#0e0a06);border:2px solid #6a5a34;box-shadow:0 0 14px -4px #c8a24a;margin-bottom:2px}
.mc-ico img.mc-g{width:60%;height:60%;object-fit:contain}
.mc-ico.ghost{border-style:dashed;color:var(--dim);font-size:26px;box-shadow:none;border-color:#4a3c22}
.mc-name{font-family:'Cinzel';font-weight:700;font-size:15px;color:var(--gold-bright)}
.mc-role{font-size:9.5px;letter-spacing:.5px;text-transform:uppercase;color:var(--gold);background:#0e0a06;border:1px solid var(--border);border-radius:999px;padding:1px 8px}
.mc-desc{font-size:11px;color:var(--parch-dim);line-height:1.35;margin-top:2px}
.mc-fire{margin-top:9px}
.recruit-list{display:flex;flex-direction:column;gap:8px}
.recruit{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:11px;border:1px solid var(--border);background:#151009;transition:.12s}
.recruit:not(.off):hover{border-color:var(--gold)}
.recruit.off{opacity:.55}
.rc-ico{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;font-size:22px;background:radial-gradient(circle at 35% 30%,#2c2415,#0b0704);border:1px solid #3a2e1c}
.rc-ico img.rc-g{width:64%;height:64%;object-fit:contain}
.rc-info{flex:1;min-width:0}
.rc-name{font-family:'Cinzel';font-weight:700;font-size:14px;color:var(--parch)}
.rc-role{font-size:11px;color:var(--dim);margin-top:1px}
.site-social{display:none;justify-content:center;gap:10px;margin-top:22px}
.site-social a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:18px;text-decoration:none;color:var(--gold-bright);background:linear-gradient(#241a0e,#140e08);border:1px solid var(--border);transition:.12s}
.site-social a svg{width:18px;height:18px;display:block}
.lang-switch{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden;background:#140d07}
.lang-switch button{background:transparent;border:none;color:var(--parch-dim);font:700 11px Cabin,sans-serif;padding:5px 11px;cursor:pointer;letter-spacing:.5px;transition:.12s}
.lang-switch button.on{background:linear-gradient(#3c2d16,#241a0c);color:var(--gold-bright)}
.lang-switch button:hover{color:var(--gold-bright)}
#auth .lang-switch,#create .lang-switch{position:fixed;top:12px;right:12px;margin:0;z-index:30;box-shadow:0 4px 14px -6px #000}
.hud-metactrl{display:flex;gap:8px;align-items:center;justify-content:flex-end}
.news-banner{align-items:center;gap:10px;background:linear-gradient(90deg,#2a1e0e,#1c1409);border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:12px;padding:11px 14px;margin:0 0 14px;cursor:pointer;transition:.12s}
.news-banner:hover{border-color:var(--gold);background:linear-gradient(90deg,#33260f,#221909)}
.news-banner .nb-ic{font-size:17px}
.news-banner .nb-t{flex:1;font-size:13.5px;color:var(--parch);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news-banner .nb-t b{color:var(--gold-bright);font-family:Cinzel,serif}
.news-banner .nb-more{font-size:11px;font-weight:700;color:var(--gold-bright);background:#00000040;border:1px solid var(--border);border-radius:999px;padding:2px 8px}
.news-item{padding:12px 0;border-bottom:1px solid #ffffff12}
.news-item:last-of-type{border-bottom:none}
.news-item .ni-h{font-family:Cinzel,serif;color:var(--gold-bright);font-size:15px;margin-bottom:4px}
.news-item .ni-d{font-size:14px;color:var(--parch);line-height:1.6;white-space:normal}
.news-item .ni-t{font-size:11px;color:var(--dim);margin-top:6px}
@keyframes mntspin{to{transform:rotate(360deg)}}
@keyframes mntpulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.12);opacity:1}}
@keyframes mntdot{0%,100%{opacity:.3}50%{opacity:1}}
.mnt-wrap{position:fixed;inset:0;display:grid;place-items:center;padding:22px;background:radial-gradient(1200px 600px at 50% -10%,#241a0c,#0c0a08 60%);overflow:auto}
.mnt-card{max-width:460px;width:100%;text-align:center;background:linear-gradient(180deg,#1a140b,#120d07);border:1px solid var(--border);border-radius:20px;padding:34px 26px 26px;box-shadow:0 24px 60px #000a,inset 0 1px 0 #ffffff10}
.mnt-gear{font-size:54px;line-height:1;display:inline-block;filter:drop-shadow(0 3px 8px #0008)}
.mnt-gear.spin{animation:mntspin 9s linear infinite}
.mnt-gear.pulse{animation:mntpulse 2.4s ease-in-out infinite}
.mnt-chip{display:inline-block;margin:14px 0 4px;font-family:Cinzel,serif;font-size:11.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-bright);border:1px solid var(--border);background:#00000030;border-radius:999px;padding:5px 14px}
.mnt-title{font-family:Cinzel,serif;color:var(--gold-bright);font-size:26px;margin:12px 0 0;text-shadow:0 2px 10px #0008}
.mnt-msg{font-family:Cabin,system-ui,sans-serif;color:var(--parch);font-size:15px;line-height:1.65;margin:12px auto 0;max-width:400px}
.mnt-prog{margin:20px auto 0;max-width:340px;text-align:left}
.mnt-prog-l{display:flex;justify-content:space-between;font-size:12px;color:var(--gold);font-family:Cinzel,serif;letter-spacing:.5px;margin-bottom:6px}
.mnt-bar{height:12px;background:#2a2013;border-radius:8px;overflow:hidden;border:1px solid #00000040}
.mnt-bar i{display:block;height:100%;background:linear-gradient(90deg,#6a5122,#c8a24a,#e8c877);border-radius:8px;transition:width .6s ease}
.mnt-cd{margin:22px auto 0;display:inline-block;background:#00000038;border:1px solid var(--border);border-radius:14px;padding:12px 24px}
.mnt-cd-l{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--dim);font-family:Cinzel,serif}
.mnt-cd-t{font-family:Cinzel,serif;font-variant-numeric:tabular-nums;font-size:30px;color:var(--gold-bright);margin-top:4px;letter-spacing:2px;text-shadow:0 2px 10px #0006}
.mnt-recon{margin-top:20px;font-size:12px;color:var(--dim);display:flex;align-items:center;justify-content:center;gap:7px}
.mnt-recon .mnt-dot{width:8px;height:8px;border-radius:50%;background:#6fcf6f;box-shadow:0 0 8px #6fcf6f;animation:mntdot 1.6s ease-in-out infinite}
.mnt-lang{display:flex;gap:6px;justify-content:center;margin-top:18px}
.mnt-lang button{font-family:Cinzel,serif;font-size:12px;letter-spacing:1px;color:var(--dim);background:transparent;border:1px solid var(--border);border-radius:999px;padding:5px 14px;cursor:pointer;transition:.12s}
.mnt-lang button.active,.mnt-lang button:hover{color:#120d07;background:var(--gold);border-color:var(--gold);font-weight:700}
.mnt-preview-tag{position:fixed;top:14px;left:50%;transform:translateX(-50%);font-family:Cinzel,serif;font-size:11px;letter-spacing:2px;color:#0c0a08;background:var(--gold-bright);padding:5px 16px;border-radius:999px;font-weight:800;z-index:5}
.pin-modal{max-width:320px;text-align:center}
.pin-ic{font-size:40px;filter:drop-shadow(0 2px 6px #0008)}
.pin-in{text-align:center;letter-spacing:10px;font-size:22px;margin-top:12px}
.pin-in::placeholder{letter-spacing:6px;color:var(--dim)}
.bcell{position:relative}
.eqcell{position:relative}
.bcell.ulocked{outline:2px solid #4a90d9;outline-offset:-2px;box-shadow:inset 0 0 12px rgba(74,144,217,.35)}
.eqcell.ulocked{outline:2px solid #4a90d9;outline-offset:-2px;box-shadow:inset 0 0 11px rgba(74,144,217,.4)}
.ulk{position:absolute;top:1px;left:1px;font-size:11px;line-height:1;filter:drop-shadow(0 1px 1px #000);z-index:3}
.ec-lock{position:absolute;top:1px;left:1px;font-size:10px;line-height:1;filter:drop-shadow(0 1px 1px #000);z-index:3}
.site-social a:hover{border-color:var(--gold);transform:translateY(-2px)}
#siteLogo,#csLogo{display:none;max-height:84px;margin:0 auto 10px}
#siteDesc{color:var(--parch-dim);font-size:13px;max-width:440px;margin:8px auto 0;line-height:1.5}
/* oyun footer */
.gfooter{margin-top:20px;padding:18px 16px 20px;border-top:0;background:linear-gradient(#140e08,#0c0806);text-align:center;position:relative}
.gfooter::before{content:'';position:absolute;left:0;right:0;top:-8px;height:16px;background:url(img/bottom-bar-alt.png) no-repeat center/100% 100%;pointer-events:none}
.gf-rule{display:flex;align-items:center;justify-content:center;gap:12px;color:#6a5a34;margin-bottom:9px}
.gf-rule:before,.gf-rule:after{content:"";height:1px;width:60px}
.gf-rule:before{background:linear-gradient(90deg,transparent,#6a5a34)}
.gf-rule:after{background:linear-gradient(90deg,#6a5a34,transparent)}
.gf-rule span{color:var(--gold);font-size:14px}
.gf-name{font-family:'Cinzel';font-weight:700;color:var(--gold-bright);font-size:15px;letter-spacing:1px}
.gf-name.sm{font-size:13.5px;letter-spacing:.5px}
.gf-logo{height:42px;width:auto;max-width:220px;margin:0 auto 5px;display:block;object-fit:contain}
.gf-logo.sm{height:28px;margin:0 auto 2px}
.gf-tag{font-size:10px;letter-spacing:3px;color:var(--parch-dim);margin-top:2px;text-transform:uppercase}
.gf-social{display:flex;justify-content:center;gap:9px;margin:11px 0 9px}
.gf-social a{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--gold-bright);background:linear-gradient(#241a0e,#140e08);border:1px solid var(--border);text-decoration:none;transition:.12s}
.gf-social a svg{width:17px;height:17px;display:block}
.gf-social a:hover{border-color:var(--gold);transform:translateY(-2px)}
.gf-social.sm{margin:0;gap:8px}.gf-social.sm a{width:32px;height:32px}.gf-social.sm a svg{width:15px;height:15px}
.gf-links{display:flex;justify-content:center;flex-wrap:wrap;gap:5px 16px;margin-bottom:9px}
.gf-links a{color:var(--parch-dim);font-size:12px;text-decoration:none;cursor:pointer}
.gf-links a:hover{color:var(--gold-bright)}
.page-modal{max-width:520px;text-align:left;max-height:82vh;overflow-y:auto}
.page-title{font-family:'Cinzel';color:var(--gold-bright);font-size:20px;margin-bottom:12px;text-align:center;letter-spacing:.5px}
.page-body{color:var(--parch);font-size:14px;line-height:1.6}
.page-body h1,.page-body h2,.page-body h3{font-family:'Cinzel';color:var(--gold-bright);margin:14px 0 6px}
.page-body h2{font-size:17px}.page-body h3{font-size:15px}
.page-body p{margin:8px 0}
.page-body ul,.page-body ol{margin:8px 0;padding-left:22px}
.page-body li{margin:4px 0}
.page-body a{color:var(--gold-bright);text-decoration:underline}
.page-body strong,.page-body b{color:var(--gold-bright)}
.page-load{color:var(--parch-dim);text-align:center;padding:20px}
.gf-copy{font-size:10.5px;color:var(--dim)}
.gfooter.compact{padding:13px 16px}
.gf-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;flex-wrap:wrap}
/* ---- KO tarzı Inventory ---- */
.inv-ko{display:flex;flex-direction:column;gap:12px}
.inv-top{display:grid;grid-template-columns:minmax(210px,300px) 1fr;gap:12px;align-items:stretch}
.pdoll{min-width:0;display:flex;flex-direction:column;gap:10px;background:linear-gradient(#171009,#0d0906);border:1px solid var(--border);border-radius:14px;padding:12px;box-shadow:inset 0 1px 0 #ffffff0a}
.pd-char{position:relative;flex:1;min-height:260px;border-radius:10px;display:grid;place-items:center;overflow:hidden;
  background:radial-gradient(ellipse at 50% 22%,#2a2114,#0b0704 74%);box-shadow:inset 0 0 0 2px #0009, inset 0 0 60px -8px var(--ring,#000), 0 0 0 1px #3a2e1c}
.pd-char .pd-cimg{width:100%;height:100%;object-fit:cover;object-position:center top}
.pd-char .pd-cfall{width:100%;height:100%;display:grid;place-items:center;font-size:96px;filter:drop-shadow(0 6px 14px #000b)}
.pd-char .pd-cfall img{width:58%;height:58%;object-fit:contain}
.pd-char .pd-lv{position:absolute;left:8px;top:8px;z-index:2;font-family:'Cinzel';font-weight:700;font-size:11px;color:#1a1206;background:linear-gradient(#f0cf6e,#c8a24a);border:1px solid #120c05;border-radius:999px;padding:1px 8px;box-shadow:0 1px 3px #0008}
.pd-meta{display:flex;flex-direction:column;gap:9px}
.pd-noah{display:flex;align-items:center;gap:7px;font-family:'Cinzel';font-weight:700;font-size:20px;color:var(--gold-bright);background:#0d0a06;border:1px solid #3a2e1c;border-radius:9px;padding:7px 11px;text-shadow:0 1px 2px #000}
.pd-noah .coin{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:13px;background:radial-gradient(circle at 35% 30%,#ffe08a,#c8912e);box-shadow:inset 0 0 0 1px #7a5a1e,0 1px 2px #0007}
.pd-noah .cur{font-family:'Cabin';font-size:10px;color:#b79a5e;text-transform:uppercase;letter-spacing:.5px;margin-left:auto}
.wbar{display:flex;flex-direction:column;gap:4px}
.wbar .wl{display:flex;justify-content:space-between;font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:.5px}
.wbar .wl b{color:var(--parch-dim);font-weight:700}
.wtrack{height:8px;border-radius:5px;background:#0b0704;border:1px solid #3a2e1c;overflow:hidden}
.wtrack i{display:block;height:100%;background:linear-gradient(90deg,#8a6a2a,#e0b24a)}
.eqwrap{min-width:0}
.eqgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;height:100%;grid-auto-rows:1fr}
.eqcell{position:relative;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.12s;padding:4px;min-height:64px;
  border:1px solid var(--border-lt);background:linear-gradient(#241b0f,#140e08);box-shadow:inset 0 1px 0 #f0cf6e1c, inset 0 0 0 1px #0a0704, 0 2px 6px #0007}
.eqcell.full:hover{border-color:var(--gold);box-shadow:inset 0 1px 0 #f0cf6e1c, inset 0 0 0 1px #0a0704, 0 0 14px #c8952e55}
.eqcell.empty{cursor:default;border-color:#39301d;background:linear-gradient(#191208,#100b06);box-shadow:inset 0 1px 0 #f0cf6e10, inset 0 0 0 1px #0a0704}
.eqcell.empty .ec-ic{opacity:.28;filter:grayscale(.6)}
.eqcell.blocked{cursor:pointer;border-color:#39301d;background:linear-gradient(#1d150c,#120c07)}
.eqcell .ec-ic{font-size:27px;line-height:1}
.eqcell .ec-ic.dim{opacity:.45;filter:grayscale(.35)}
.eqcell .ec-ic img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 2px 4px #000a)}
.eqcell .ec-lbl{font-size:8.5px;color:var(--dim);margin-top:4px;text-transform:uppercase;letter-spacing:.4px}
.eqcell .ec-2h{position:absolute;bottom:4px;right:6px;font-size:8.5px;font-weight:800;color:#f0cf6e;letter-spacing:.5px;text-shadow:0 1px 2px #000}
.eqcell .ec-plus{position:absolute;top:3px;left:6px;font-size:13px;font-weight:900;color:#ff5f4a;font-family:'Cabin';text-shadow:0 0 3px #000,1px 1px 0 #000,-1px 1px 0 #000}
.eqcell.trash{border-color:#7a5c38;background:linear-gradient(#3a2c1e,#221910);box-shadow:inset 0 1px 0 #d9a86a22, inset 0 0 0 1px #120c05}
.eqcell.trash .ec-ic{opacity:.85}
.eqcell.trash .ec-lbl{color:#b08d5e}
.eqcell.trash:hover{border-color:#c8a24a}
/* eşya menüsü */
.item-ic{width:90px;height:90px;margin:8px auto 0;border-radius:18px;display:grid;place-items:center;font-size:46px;background:radial-gradient(circle at 35% 30%,#2c2415,#0b0704);border:1px solid #3a2e1c}
.item-ic img{width:66%;height:66%;object-fit:contain}
.item-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}
.chip.danger{border-color:#7a3326;color:#e8927e}
.chip.danger:hover{border-color:#c0392b;color:#ff9e88}
.bagpanel{background:linear-gradient(#150f09,#0c0805);border:1px solid var(--border);border-radius:14px;padding:12px;box-shadow:inset 0 1px 0 #ffffff0a}
.bag-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-family:'Cinzel';font-weight:700;font-size:15px;color:var(--parch)}
.bag-head .bag-count{font-family:'Cabin';font-size:12px;color:var(--dim)}
.baggrid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}
.bcell{aspect-ratio:1;border-radius:10px;position:relative;display:grid;place-items:center;transition:.12s;
  border:1px solid #2f2617;background:linear-gradient(#191208,#100b06);box-shadow:inset 0 1px 0 #f0cf6e10, inset 0 0 0 1px #0a0704}
.bcell.full{cursor:pointer;border-color:var(--border-lt);background:linear-gradient(#241b0f,#140e08);box-shadow:inset 0 1px 0 #f0cf6e1c, inset 0 0 0 1px #0a0704, 0 2px 5px #0006}
.bcell.full:hover{border-color:var(--gold);box-shadow:inset 0 1px 0 #f0cf6e1c, inset 0 0 0 1px #0a0704, 0 0 12px #c8952e55}
.bcell.locked{opacity:.6;border-style:dashed}
.bcell.ulocked::after{content:"";position:absolute;inset:0;border-radius:10px;background:linear-gradient(155deg,rgba(70,130,210,.32),rgba(22,60,130,.55));box-shadow:inset 0 0 12px rgba(90,160,235,.4);pointer-events:none;z-index:1}
.bcell .bp,.bcell .bq,.bcell .blk,.bcell .ulk{z-index:2}
.bcell .bg-ic{font-size:24px;line-height:1;display:grid;place-items:center;width:100%;height:100%}
.bcell .bg-ic img{width:76%;height:76%;object-fit:contain;display:block;filter:drop-shadow(0 2px 3px #000a)}
.bcell .bq{position:absolute;bottom:2px;right:5px;font-size:11px;font-weight:800;color:#fff;text-shadow:0 0 3px #000,1px 1px 0 #000}
.bcell .bp{position:absolute;top:2px;left:5px;font-size:11px;font-weight:900;color:#ff5f4a;text-shadow:0 0 3px #000,1px 1px 0 #000}
.bcell .blk{position:absolute;top:2px;right:4px;font-size:11px}
.inv-hint{text-align:center;font-size:12px;color:var(--dim)}
@media(max-width:560px){
  .inv-top{grid-template-columns:1fr}
  .pd-char{min-height:200px}
  .eqgrid{grid-auto-rows:auto}
  .eqcell{min-height:74px}
  .baggrid{grid-template-columns:repeat(6,1fr);gap:6px}
}
@media(max-width:400px){ .baggrid{grid-template-columns:repeat(5,1fr)} }

/* anvil */
.anvil-stage{text-align:center;padding:10px 0 4px}
.anvil-item{display:inline-flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:8px}
.anvil-item .big{font-size:52px;filter:drop-shadow(0 3px 6px #000)}
.anvil-item .nm{font-family:'Cinzel';font-weight:700;font-size:16px;color:var(--gold-bright)}
.rate{font-family:'Cinzel';font-weight:900;font-size:34px;color:var(--gold-bright);margin:6px 0}
.rate small{font-size:13px;color:var(--dim);font-weight:400;display:block;font-family:'Cabin'}
.forge-cost{font-size:13px;color:var(--parch-dim);margin:8px 0}
.forge-cost b{color:var(--gold-bright)}
.trina-toggle{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:10px;
  border:1px solid var(--border-lt);background:#151009;cursor:pointer;margin:6px 0 14px;user-select:none;transition:.12s}
.trina-toggle.on{border-color:var(--gold);background:#241c12;color:var(--gold-bright)}
.bigbtn{display:block;width:100%;max-width:280px;margin:0 auto;padding:14px;border-radius:11px;
  font-family:'Cinzel';font-weight:700;font-size:15px;letter-spacing:.5px;cursor:pointer;border:1px solid var(--border-lt);
  background:linear-gradient(#3a2c16,#241a0c);color:var(--gold-bright);transition:.12s}
.bigbtn:hover:not(:disabled){border-color:var(--gold);box-shadow:0 0 14px #c8a24a40}
.bigbtn:active:not(:disabled){transform:scale(.98)}
.bigbtn:disabled{opacity:.4;cursor:not-allowed}
.forge-flash{animation:flash .5s}
@keyframes flash{0%{filter:brightness(3) drop-shadow(0 0 20px gold)}100%{filter:none}}
/* anvil — KO Item Upgrade (arka plan resmi + konumlu slotlar) */
.anvil-wrap{position:relative;width:389px;max-width:100%;aspect-ratio:389/651;margin:2px auto 0;background:url('img/anvil.png') center/100% 100% no-repeat;-webkit-user-select:none;user-select:none;touch-action:manipulation}
/* Takı Yükseltme ekranı: aynı slot/buton motoru, farklı arka plan */
.taki-wrap{background-image:url('img/takiyukselt.png')}
/* KO gibi: çantadaki her şey görünür ama yalnız takılar seçilebilir — diğerleri soluk */
.taki-wrap .acell.fill:not(.up){opacity:.38}
.taki-wrap .acell.up{box-shadow:inset 0 0 0 1px rgba(212,175,55,.30)}
/* Yükseltme animasyonu: alttaki uzun dikdörtgen sağdan sola maviyle dolar */
.taki-bar{position:absolute;overflow:hidden;border-radius:3px;background:rgba(4,10,20,.5);box-shadow:inset 0 0 5px #000,inset 0 0 0 1px rgba(80,140,220,.25);z-index:4}
.taki-fill{position:absolute;right:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#1461c2,#4db4ff);box-shadow:0 0 12px rgba(77,180,255,.75);animation:takiFill 1.9s linear forwards}
.taki-fill::after{content:'';position:absolute;left:-1px;top:0;bottom:0;width:3px;background:#cfe9ff;box-shadow:0 0 9px #bfe4ff}
@keyframes takiFill{from{width:0}to{width:100%}}
.taki-rate{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;pointer-events:none;font-family:'Cinzel',serif;line-height:1.02;text-align:center}
.taki-rate b{font-size:min(4.6vw,19px);color:var(--gold-bright,#f0cf6e);text-shadow:0 1px 3px #000,0 0 6px rgba(240,207,110,.5)}
.taki-rate span{font-size:min(3.3vw,13px);font-weight:700;color:#8fd05c;text-shadow:0 1px 2px #000}
.taki-rate.off .q{font-size:min(5.2vw,21px);color:var(--dim,#8a7a5f);font-weight:700}
.aslot.tres.filled{box-shadow:inset 0 0 0 2px #ffd34d,0 0 15px rgba(255,211,77,.7);background:rgba(255,211,77,.14)}
.aslot{position:absolute;display:flex;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;border-radius:5px}
.aslot .g{font-size:min(6.4vw,27px);line-height:1;filter:drop-shadow(0 1px 2px #000)}
.aslot img{width:92%;height:92%;object-fit:contain;display:block}
.aslot .pl{position:absolute;top:-1px;right:2px;font-size:min(3vw,12px);font-weight:700;color:var(--gold-bright);text-shadow:0 1px 2px #000,0 0 3px #000;font-family:'Cinzel',serif;pointer-events:none}
.aslot.filled{box-shadow:inset 0 0 0 2px var(--gold),0 0 9px rgba(212,175,55,.55);background:rgba(212,175,55,.10)}
.aslot.filled:hover{box-shadow:inset 0 0 0 2px var(--blood-lt),0 0 9px rgba(200,60,60,.4);background:rgba(200,60,60,.10)}
.abtn{position:absolute;box-sizing:border-box;cursor:pointer;border-radius:6px;transition:background .08s}
.abtn:hover{background:rgba(255,235,150,.16)}
.abtn:active{background:rgba(0,0,0,.22)}
.abtn.dis{cursor:not-allowed}
.abtn.dis:hover{background:rgba(120,20,20,.20)}
.anoah{position:absolute;display:flex;align-items:center;justify-content:flex-end;padding-right:10px;box-sizing:border-box;color:#f2e6bf;font-family:'Cinzel',serif;font-weight:700;font-size:min(3.6vw,14px);text-shadow:0 1px 2px #000;pointer-events:none}
.acell{position:absolute;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:4px}
.acell img{width:86%;height:86%;object-fit:contain;display:block}
.acell .g{font-size:min(5.4vw,22px);line-height:1;filter:drop-shadow(0 1px 2px #000)}
.acell .n{position:absolute;bottom:-2px;right:1px;font-size:min(2.8vw,10px);font-weight:700;color:#fff;text-shadow:0 1px 2px #000,0 0 2px #000;pointer-events:none}
.acell .pl{position:absolute;top:-2px;left:1px;font-size:min(2.8vw,10px);font-weight:700;color:var(--gold-bright);text-shadow:0 1px 2px #000;pointer-events:none}
.acell .eqm{position:absolute;top:-2px;right:1px;font-size:min(2.6vw,9px);pointer-events:none;opacity:.85}
.acell.fill{cursor:pointer}
.acell.fill:hover{background:rgba(255,255,255,.08)}
.acell.up:hover{background:rgba(255,255,255,.13)}
.acell.sel{box-shadow:inset 0 0 0 2px var(--gold);background:rgba(212,175,55,.16)}
.anvil-info{max-width:389px;margin:9px auto 0;padding:9px 12px;border-radius:9px;background:linear-gradient(#1c160c,#120d07);border:1px solid #3a2c17;font-size:12.5px;color:var(--parch);line-height:1.55;text-align:center}
.anvil-info.dim{color:var(--dim);font-size:12px}
.anvil-info b{color:var(--gold-bright);font-family:'Cinzel',serif}
.anvil-info .ratev{color:var(--gold-bright);font-weight:700}
.anvil-info .okc{color:var(--good)}
.anvil-info .badc{color:var(--blood-lt)}
/* KO-tarzı item bilgi modalı (anvil) */
.koi-overlay{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.62);padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.koi-overlay.on{display:flex}
/* ===== Günlük Giriş Ödülü ===== */
.dr-ov{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.66);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);font-family:'Spectral',Georgia,serif}
.dr-ov.on{display:flex}
.dr-modal{position:relative;width:100%;max-width:760px;max-height:92vh;overflow:auto;color:#ece0c6;background:linear-gradient(180deg,rgba(60,44,28,.28),rgba(0,0,0,0) 120px),linear-gradient(180deg,#211711,#17100c);border:1px solid #7a5f2e;border-radius:16px;padding:24px 22px 20px;box-shadow:0 30px 80px rgba(0,0,0,.7),inset 0 1px 0 rgba(242,220,148,.14)}
.dr-modal:before{content:"";position:absolute;inset:9px;border:1px solid rgba(202,162,77,.25);border-radius:11px;pointer-events:none}
.dr-x{position:absolute;top:14px;right:16px;z-index:3;background:transparent;border:0;color:#8a7a5e;font-size:19px;cursor:pointer;padding:6px}
.dr-x:hover{color:#ece0c6}
.dr-hd{text-align:center;margin:0 0 12px}
.dr-crest{font-size:24px;color:#f2dc94;text-shadow:0 0 16px rgba(242,220,148,.35)}
.dr-hd h2{font-family:'Cinzel',serif;font-weight:800;letter-spacing:.06em;margin:5px 0 2px;font-size:23px;color:#f0d98a}
.dr-sub{margin:0;color:#8a7a5e;font-size:13px}
.dr-rule{height:12px;margin:9px auto 0;width:190px;position:relative;background:linear-gradient(90deg,transparent,rgba(202,162,77,.5) 20%,rgba(202,162,77,.5) 80%,transparent)}
.dr-rule:after{content:"⚜";position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);color:#f2dc94;font-size:12px;background:#17100c;padding:0 7px}
.dr-streak{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 16px;width:max-content;max-width:100%;padding:6px 15px;border-radius:999px;background:linear-gradient(180deg,rgba(143,42,28,.2),rgba(143,42,28,.08));border:1px solid rgba(184,65,43,.4)}
.dr-fl{filter:drop-shadow(0 0 6px rgba(224,120,40,.6))}
.dr-streak b{font-family:'Cinzel',serif;font-weight:700;font-size:14px;letter-spacing:.03em}
.dr-streak span{color:#8a7a5e;font-size:12px}
.dr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.dr-day{position:relative;border-radius:11px;padding:12px 8px 11px;text-align:center;background:linear-gradient(180deg,#271c15,#1c1410);border:1px solid #453626;min-height:146px;display:flex;flex-direction:column;align-items:center;overflow:hidden}
.dr-dn{font-family:'Cinzel',serif;font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8a7a5e}
.dr-med{width:54px;height:54px;border-radius:50%;margin:8px 0 7px;display:grid;place-items:center;font-size:26px;background:radial-gradient(circle at 35% 30%,#33261a,#140e0a 75%);border:1px solid #7a5f2e;box-shadow:inset 0 2px 6px rgba(0,0,0,.6);overflow:hidden}
.dr-med img{width:100%;height:100%;object-fit:cover;display:block}
.dr-rn{font-family:'Cinzel',serif;font-weight:600;font-size:12px;line-height:1.25;color:#ece0c6}
.dr-ra{margin-top:2px;font-size:11.5px;color:#b6a586}
.dr-day.claimed{opacity:.6}
.dr-day.claimed .dr-med{filter:grayscale(.5) brightness(.85)}
.dr-seal{position:absolute;top:52%;left:50%;transform:translate(-50%,-50%) rotate(-13deg);font-family:'Cinzel',serif;font-weight:800;font-size:12px;letter-spacing:.06em;color:#f3d8cf;padding:4px 11px;border:2px solid rgba(184,65,43,.85);border-radius:6px;background:radial-gradient(circle at 40% 35%,rgba(184,65,43,.55),rgba(120,30,20,.75))}
.dr-day.locked{opacity:.42}
.dr-day.locked .dr-med{filter:grayscale(1) brightness(.7)}
.dr-lock{position:absolute;top:8px;right:8px;font-size:12px}
.dr-day.today{border:2px solid #f2dc94;background:linear-gradient(180deg,#2c2013,#1d140d);box-shadow:0 0 0 1px rgba(242,220,148,.22),0 0 24px rgba(202,162,77,.32);animation:drglow 2.2s ease-in-out infinite}
@keyframes drglow{0%,100%{box-shadow:0 0 0 1px rgba(242,220,148,.2),0 0 16px rgba(202,162,77,.26)}50%{box-shadow:0 0 0 1px rgba(242,220,148,.4),0 0 30px rgba(202,162,77,.5)}}
.dr-day.today .dr-dn{color:#f2dc94}
.dr-al{margin-top:auto;padding:6px 18px;border:0;border-radius:999px;cursor:pointer;font-family:'Cinzel',serif;font-weight:800;letter-spacing:.06em;font-size:12px;color:#2a1d07;background:linear-gradient(180deg,#fbedb6,#e6c366 55%,#c79a3e);box-shadow:0 2px 0 #8a6a2c}
.dr-al:hover{filter:brightness(1.06)}
.dr-al:active{transform:translateY(1px)}
.dr-band{position:relative;margin-top:11px;border-radius:13px;padding:15px 16px;overflow:hidden;display:flex;align-items:center;gap:14px;background:linear-gradient(100deg,#2a1c10,#37260f 45%,#241a2e);border:1px solid #caa24d}
.dr-band .dr-med.big{width:62px;height:62px;font-size:31px;flex:0 0 auto;border-color:#f2dc94;box-shadow:inset 0 2px 6px rgba(0,0,0,.5),0 0 18px rgba(242,220,148,.4)}
.dr-bt{flex:1;min-width:0}
.dr-btag{font-family:'Cinzel',serif;font-weight:800;letter-spacing:.12em;font-size:10.5px;text-transform:uppercase;color:#f2dc94}
.dr-bt h3{font-family:'Cinzel',serif;font-weight:700;margin:2px 0;font-size:16px;color:#ece0c6}
.dr-bt p{margin:0;color:#b6a586;font-size:12px}
.dr-blk{flex:0 0 auto;text-align:center;color:#8a7a5e;font-size:11.5px;line-height:1.3}
.dr-band.bt{box-shadow:0 0 22px rgba(202,162,77,.4)}
.dr-ft{margin-top:16px;text-align:center}
.dr-claim{padding:11px 30px;border:0;border-radius:999px;cursor:pointer;font-family:'Cinzel',serif;font-weight:800;letter-spacing:.05em;font-size:14.5px;color:#2a1d07;background:linear-gradient(180deg,#fbedb6,#e6c366 55%,#c79a3e);box-shadow:0 3px 0 #8a6a2c}
.dr-claim:hover{filter:brightness(1.06)}
.dr-claim:active{transform:translateY(1px)}
.dr-claim:disabled{filter:grayscale(.6) brightness(.8);cursor:default;box-shadow:none}
.dr-fine{margin:10px 0 0;color:#8a7a5e;font-size:11px}
.dr-toast{position:fixed;left:50%;bottom:32px;transform:translateX(-50%) translateY(18px);z-index:100001;background:linear-gradient(180deg,#2c2013,#1a120c);border:1px solid #caa24d;color:#ece0c6;font-family:'Cinzel',serif;font-weight:600;font-size:13px;padding:10px 18px;border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}
.dr-toast.on{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:560px){.dr-grid{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.dr-day.today,.dr-toast{animation:none;transition:none}}
.koi-panel{width:272px;max-width:92vw;background:linear-gradient(180deg,rgba(20,17,12,.985),rgba(9,8,6,.985));border:1px solid #6b5a33;border-radius:8px;box-shadow:0 0 0 1px rgba(0,0,0,.6),0 16px 44px rgba(0,0,0,.72);padding:15px 16px;font-family:Arial,Helvetica,sans-serif;animation:koiPop .14s ease-out}
@keyframes koiPop{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
.koi-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:11px}
.koi-ic{width:52px;height:52px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.42);border:1px solid #4a3d22;border-radius:6px;font-size:30px;line-height:1;overflow:hidden}
.koi-ic img{width:100%;height:100%;object-fit:contain;display:block}
.koi-title{color:#e6a94a;font-weight:700;font-size:16px;line-height:1.25;padding-top:1px;text-shadow:0 1px 2px #000}
.koi-body{border-top:1px solid rgba(107,90,51,.4);padding-top:9px}
.koi-body>div{font-size:13px;line-height:1.65;text-shadow:0 1px 1px #000}
.koi-main{color:#e6a94a;font-weight:600}
.koi-bonus{color:#8fd35a}
.koi-type{color:#9a8f77;font-size:12px}
.koi-reqlvl{color:#e0574a;font-weight:600}
.koi-req{color:#cdbf9e}
.koi-acts{display:flex;gap:8px;margin-top:15px}
.koi-add{flex:1;padding:10px;border-radius:7px;border:1px solid var(--gold);background:linear-gradient(#3a2c16,#241a0c);color:var(--gold-bright);font-family:'Cinzel',serif;font-weight:700;font-size:13.5px;cursor:pointer;transition:.1s}
.koi-add:hover{box-shadow:0 0 12px rgba(200,162,74,.45);border-color:var(--gold-bright)}
.koi-add:active{transform:scale(.98)}
.koi-close{padding:10px 16px;border-radius:7px;border:1px solid #4a3d22;background:#1a140c;color:#c9c0a8;font-size:13.5px;cursor:pointer;transition:.1s}
.koi-close:hover{border-color:#6b5a33;color:#e8dcc0}
.koi-eqnote{margin-top:9px;text-align:center;color:var(--gold-bright);font-size:11.5px}
.koi-locked{margin-top:7px;text-align:center;color:var(--gold-bright);font-size:11.5px}
.koi-cnt{color:#9a8f77;font-weight:400;font-size:13px}
/* envanterde eski modal kutusunu şeffaflaştır, KO paneli tek kutu olsun */
.modal.koi-mode{background:transparent;border:none;box-shadow:none;padding:0;max-width:none;width:auto;text-align:left}
.koi-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;justify-content:center}
.koi-panel .chip{font-family:'Cabin',sans-serif}
.koi-panel .chip.save{border-color:var(--gold);color:var(--gold-bright);background:linear-gradient(#3a2c16,#241a0c)}
.koi-panel .chip.save:hover{box-shadow:0 0 10px rgba(200,162,74,.4)}

/* ---------- Character creation ---------- */
#create{position:fixed;inset:0;z-index:50;overflow-y:auto;display:none;
  background:radial-gradient(120% 90% at 50% -10%,#2a1f38,transparent 55%),var(--ink)}
#create .wrap{padding:32px 18px 48px}
.title-blk{text-align:center;margin-bottom:26px}
.title-blk h1{font-family:'Cinzel';font-weight:900;font-size:clamp(30px,8vw,52px);letter-spacing:2px;
  color:var(--gold-bright);text-shadow:0 3px 0 #000,0 0 30px #c8a24a35;line-height:1}
.title-blk p{font-family:'Cinzel';color:var(--dim);letter-spacing:4px;font-size:13px;margin-top:8px}
.step{margin-bottom:22px}
.step h3{font-family:'Cinzel';font-weight:600;font-size:13px;color:var(--parch-dim);letter-spacing:2px;
  text-transform:uppercase;margin-bottom:11px;text-align:center}
.nations{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.nation{position:relative;cursor:pointer;text-align:center;padding:22px 14px 18px;border-radius:18px;
  border:1px solid var(--nat-border,#2a2118);isolation:isolate;overflow:hidden;
  background:linear-gradient(180deg,#1b130b,#120c07 55%,#0d0906);
  transition:transform .18s cubic-bezier(.2,.7,.2,1),border-color .18s ease,box-shadow .18s ease}
.nation::before{content:"";position:absolute;inset:-1px;z-index:-1;pointer-events:none;border-radius:18px;
  opacity:.5;background:radial-gradient(130% 78% at 50% -16%,var(--nat-accent,#666),transparent 60%)}
.nation::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:18px;
  box-shadow:inset 0 0 0 1px #d9b26a22, inset 0 1px 0 #ffffff12}
.nation:hover{transform:translateY(-4px)}
.nation .crest{position:relative;width:96px;height:96px;margin:2px auto 13px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 32%,#2a1e12,#0b0805 72%);
  box-shadow:0 0 0 2px #000a,0 0 0 3px var(--ring-metal,#b8923f),0 0 0 5px #0007,inset 0 0 22px #000a,0 9px 22px -9px #000}
.nation .crest::before{content:"";position:absolute;inset:-3px;border-radius:50%;padding:3px;z-index:-1;
  background:conic-gradient(from 210deg,#7a5a26,#eccd80,#6f5222,#f2dc98,#7a5a26);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:.85}
.nation .crest::after{content:"";position:absolute;inset:7px;border-radius:50%;pointer-events:none;
  box-shadow:inset 0 0 16px var(--nat-glow,transparent)}
.nation .crest-art{width:70px;height:70px;object-fit:contain;display:block;filter:drop-shadow(0 2px 5px #000c) saturate(1.06)}
.nation .crest-svg{width:64px;height:64px;display:block;filter:drop-shadow(0 2px 5px #000c)}
.nation .divider{width:56px;height:2px;margin:0 auto 9px;border-radius:2px;opacity:.55;
  background:linear-gradient(90deg,transparent,#d9b26a,transparent)}
.nation .nm{font-family:'Cinzel';font-weight:800;font-size:21px;letter-spacing:1px;
  background:linear-gradient(180deg,#fff,#d6c6a4);-webkit-background-clip:text;background-clip:text;color:transparent}
.nation .ds{font-size:11.5px;color:var(--dim);margin-top:6px;line-height:1.5;min-height:2.7em}
.nation .pick-badge{position:absolute;top:11px;right:11px;width:24px;height:24px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;color:#1a1206;
  background:linear-gradient(180deg,#f2dc98,#c49a3c);box-shadow:0 2px 8px #000a,0 0 0 1px #ffffff33;
  opacity:0;transform:scale(.4) rotate(-25deg);transition:.22s cubic-bezier(.2,1.5,.4,1)}
.nation.elmorad{--nat-accent:#4a7db5;--nat-glow:rgba(74,125,181,.38);--nat-border:#26364d}
.nation.karus{--nat-accent:#b02a2a;--nat-glow:rgba(176,42,42,.38);--nat-border:#4d2626}
.nation.elmorad:hover,.nation.elmorad.sel{border-color:var(--steel);box-shadow:0 16px 34px -16px #4a7db5,0 0 26px -6px rgba(74,125,181,.47)}
.nation.karus:hover,.nation.karus.sel{border-color:var(--blood);box-shadow:0 16px 34px -16px #b02a2a,0 0 26px -6px rgba(176,42,42,.47)}
.nation.sel::before{opacity:.92}
.nation.sel .crest{--ring-metal:#f2dc98}
.nation.sel .pick-badge{opacity:1;transform:scale(1) rotate(0)}
.nation.sel.elmorad .nm{background:linear-gradient(180deg,#fff,#8fbdf0);-webkit-background-clip:text;background-clip:text}
.nation.sel.karus .nm{background:linear-gradient(180deg,#fff,#e78a78);-webkit-background-clip:text;background-clip:text}
@media(max-width:430px){
  .nations{gap:12px}
  .nation{padding:18px 10px 15px}
  .nation .crest{width:82px;height:82px}
  .nation .crest-art{width:58px;height:58px}.nation .crest-svg{width:54px;height:54px}
  .nation .nm{font-size:18px}
}
.classes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}
.clsopt{cursor:pointer;padding:14px;border-radius:12px;border:2px solid var(--border);
  background:linear-gradient(#1c1610,#130d08);transition:.15s;text-align:center}
.clsopt .cg{font-size:30px}
.clsopt .cg .cg-img{width:38px;height:38px;object-fit:contain;display:block;margin:0 auto}
.clsopt .cn{font-family:'Cinzel';font-weight:700;font-size:15px;margin-top:5px;color:var(--parch)}
.clsopt .cd{font-size:10.5px;color:var(--dim);margin-top:4px;line-height:1.35}
.clsopt:hover,.clsopt.sel{border-color:var(--gold);box-shadow:0 0 16px #c8a24a35}
.clsopt.sel .cn{color:var(--gold-bright)}
.namefield{margin:6px 0 18px}
.namefield input{width:100%;padding:14px 16px;border-radius:11px;border:1px solid var(--border-lt);
  background:#120d07;color:var(--parch);font-family:'Cinzel';font-size:16px;text-align:center;outline:none}
.namefield input:focus{border-color:var(--gold)}
.startbtn{display:block;width:100%;padding:16px;border-radius:12px;border:1px solid var(--gold);
  background:linear-gradient(#3f2f18,#241a0c);color:var(--gold-bright);font-family:'Cinzel';
  font-weight:700;font-size:17px;letter-spacing:1px;cursor:pointer;transition:.15s}
.startbtn:hover:not(:disabled){box-shadow:0 0 22px #c8a24a50;transform:translateY(-1px)}
.startbtn:disabled{opacity:.35;cursor:not-allowed;border-color:var(--border)}
.scrim{text-align:center;font-size:11px;color:var(--dim);margin-top:14px;line-height:1.5}
#continueBox{margin-bottom:22px}
.continue-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:13px;
  border:1px solid var(--gold);background:linear-gradient(100deg,#26200f,#171009);cursor:pointer;transition:.15s}
.continue-card:hover{box-shadow:0 0 20px #c8a24a45}
.continue-card .cc-crest{width:50px;height:50px;border-radius:11px;display:grid;place-items:center;font-size:28px;
  background:radial-gradient(circle at 35% 30%,#2c2418,#0d0906);border:2px solid var(--gold)}
.continue-card .cc-info{flex:1}
.continue-card .cc-n{font-family:'Cinzel';font-weight:700;font-size:16px;color:var(--gold-bright)}
.continue-card .cc-d{font-size:12px;color:var(--parch-dim);margin-top:2px}
.continue-card .cc-go{font-family:'Cinzel';font-weight:700;color:var(--gold-bright);font-size:20px}
.new-small{display:block;width:100%;text-align:center;margin-top:10px;background:transparent;border:none;
  color:var(--dim);font-size:12px;cursor:pointer;text-decoration:underline;font-family:'Cabin'}
.new-small:hover{color:var(--parch-dim)}

/* ---------- toast ---------- */
#toast{position:fixed;top:70px;left:50%;transform:translateX(-50%) translateY(-20px);z-index:80;
  background:linear-gradient(#241c12,#15100a);border:1px solid var(--gold);border-radius:10px;
  padding:11px 20px;font-family:'Cinzel';font-weight:600;font-size:13px;color:var(--gold-bright);
  opacity:0;pointer-events:none;transition:.35s;box-shadow:0 6px 20px #0009;white-space:normal;max-width:min(86vw,400px);text-align:center;line-height:1.35}
#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-thumb{background:#3a2e1c;border-radius:4px}
::-webkit-scrollbar-track{background:transparent}

@media(max-width:560px){
  .menu-grid{gap:9px}
  .plaque{padding:13px 12px 13px 54px}.plaque .ic{font-size:26px;left:12px}
  .plaque .pt{font-size:15px}
  .grid3{grid-template-columns:1fr 1fr}
  .derived{grid-template-columns:1fr 1fr 1fr}
  #hud{gap:9px;padding:9px 11px}
  .hud-btns .mini{padding:7px 8px;font-size:11px}
  .hud-right{gap:5px}
  .iconbtn .lo-tx{display:none}
  .iconbtn{padding:6px 8px}
  .gold{font-size:12px;padding:3px 10px 3px 4px}
  .actions{gap:8px}
  .scr-head h2{font-size:19px}
}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001s!important;transition-duration:.05s!important}}

/* ---------- Giriş / Kayıt ---------- */
#auth{position:fixed;inset:0;z-index:60;overflow-y:auto;display:none;
  background:radial-gradient(120% 90% at 50% -10%,#2a1f38,transparent 55%),var(--ink)}
#auth .wrap{padding:32px 18px 48px;max-width:460px}
.auth-card{background:linear-gradient(#1c1610,#130d08);border:1px solid var(--border);border-radius:16px;padding:22px;
  box-shadow:0 10px 40px #0007}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}
.auth-tab{padding:11px;border-radius:10px;border:1px solid var(--border);background:#150f09;color:var(--parch-dim);
  font-family:'Cinzel';font-weight:700;font-size:14px;cursor:pointer;transition:.12s}
.auth-tab.on{border-color:var(--gold);color:var(--gold-bright);background:#241c12}
.kvkk-row{display:flex;gap:9px;align-items:flex-start;margin-top:6px;font-size:12px;color:var(--parch-dim);line-height:1.55;cursor:default;text-align:left}
.kvkk-row input{margin-top:2px;flex:none;width:16px;height:16px;accent-color:var(--gold);cursor:pointer}
.kvkk-txt a,.lpage{color:var(--gold-bright);cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.kvkk-txt a:hover,.lpage:hover{color:#fff}
.auth-in{width:100%;padding:13px 15px;margin-bottom:10px;border-radius:11px;border:1px solid var(--border-lt);
  background:#120d07;color:var(--parch);font-family:'Cabin';font-size:15px;outline:none}
.auth-in:focus{border-color:var(--gold)}
.auth-err{background:#2a1414;border:1px solid #5a2a2a;color:#e0917f;border-radius:9px;padding:9px 12px;
  font-size:13px;margin-bottom:12px}
.auth-or{display:flex;align-items:center;gap:12px;color:var(--dim);margin:16px 0;font-size:12px}
.auth-or::before,.auth-or::after{content:'';height:1px;flex:1;background:var(--border-lt)}
.auth-providers{display:flex;flex-direction:column;gap:9px}
.prov{display:flex;align-items:center;justify-content:center;gap:11px;padding:0 16px;height:48px;border-radius:12px;
  border:1px solid transparent;font-family:'Cabin',sans-serif;font-weight:700;font-size:14.5px;cursor:pointer;
  transition:transform .12s,box-shadow .12s,filter .12s;position:relative;width:100%}
.prov:active:not(:disabled){transform:scale(.98)}
.prov:disabled{opacity:.5;cursor:not-allowed}
.prov-ic{width:20px;height:20px;flex-shrink:0}
/* Google — beyaz */
.prov.google{background:#fff;color:#1f1f1f;box-shadow:0 2px 10px rgba(0,0,0,.25)}
.prov.google:hover:not(:disabled){box-shadow:0 4px 16px rgba(0,0,0,.35);filter:brightness(.98)}
/* Discord — mor */
.prov.discord{background:linear-gradient(180deg,#2b3036,#191c20);color:#fff;border-color:rgba(255,255,255,.09);box-shadow:0 2px 12px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.06)}
.prov.discord:hover:not(:disabled){background:linear-gradient(180deg,#333940,#1f2328);box-shadow:0 4px 18px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.09)}
/* Facebook — mavi */
.prov.facebook{background:#1877F2;color:#fff;box-shadow:0 2px 12px rgba(24,119,242,.35)}
.prov.facebook:hover:not(:disabled){background:#0f66db;box-shadow:0 4px 18px rgba(24,119,242,.5)}
.startbtn:disabled{opacity:.5;cursor:not-allowed}

.clan-card{background:linear-gradient(180deg,#1c160e,#150f09);border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:14px}
.clan-tabs{margin-top:12px;margin-bottom:10px}
.clan-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:10px 0 2px}
.clan-stat{background:#130e08;border:1px solid #2b2213;border-radius:9px;padding:9px 12px}
.clan-stat .cs-l{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#8a7a5c}
.clan-stat .cs-v{font-family:'Cinzel',serif;font-weight:700;color:#e7c56b;font-size:16px;margin-top:1px}
.clan-top{display:flex;align-items:center;gap:14px;margin-bottom:6px}
.clan-emblem{width:56px;height:56px;flex:0 0 56px;border:2px solid var(--gold);border-radius:12px;display:grid;place-items:center;font-family:'Cinzel',serif;font-weight:700;font-size:16px;color:var(--gold-bright);background:#0d0a06;letter-spacing:.5px}
.clan-meta{min-width:0}
.clan-name{font-family:'Cinzel',serif;font-weight:700;font-size:19px;color:#f2e8d4}
.clan-tag{color:var(--gold);font-size:15px}
.clan-sub{font-size:13px;color:#b7a683;margin-top:3px}
.clan-notice{background:#0d0a06;border:1px solid #2b2213;border-radius:8px;padding:9px 12px;font-size:13.5px;color:#d8c9a8;margin:8px 0}
.clan-mtitle{font-family:'Cinzel',serif;font-size:14px;color:var(--gold);margin:12px 0 8px;letter-spacing:.4px}
.clan-mlist{display:flex;flex-direction:column;gap:6px}
.clan-m{display:flex;flex-wrap:wrap;align-items:center;gap:5px 12px;background:#130e08;border:1px solid #241c11;border-radius:8px;padding:9px 12px;font-size:13.5px}
.clan-m .cm-name{font-weight:600;color:#f2e8d4;flex:1;min-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cm-cls,.cm-lv,.cm-rank,.cm-cnt,.cm-lead{font-size:12.5px;font-weight:600;white-space:nowrap}
.cm-lv{color:var(--gold-bright);font-family:'Cinzel',serif}
.cm-tag{color:var(--gold);font-weight:700}
.clan-actions{margin-top:12px;display:flex;gap:10px;justify-content:flex-end}
.clan-btn{background:linear-gradient(180deg,#e7c56b,#c8952e);color:#241704;border:1px solid #e7c56b;border-radius:9px;padding:9px 18px;font-family:'Cinzel',serif;font-weight:700;font-size:14px;cursor:pointer}
.clan-btn:hover{filter:brightness(1.07)}
.clan-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.4)}
.clan-btn.sm{padding:6px 14px;font-size:13px}
.clan-btn.danger{background:linear-gradient(180deg,#c0443a,#8f2a22);border-color:#c0443a;color:#fff}
.clan-form{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.clan-form input{flex:1;min-width:120px;background:#0d0a06;border:1px solid var(--border-lt);border-radius:8px;padding:10px 12px;color:#e9dcc2;font-size:14px}
.clan-hint{font-size:12px;color:#8a7a5f;margin-top:8px}

.cash{display:inline-flex;align-items:center;gap:4px;cursor:pointer;font-family:'Cinzel',serif;font-weight:700;font-size:13px;color:#fff;background:linear-gradient(180deg,#9a63ec,#6f37cf);border:1px solid #c9a6ff;border-radius:10px;padding:3px 11px 3px 6px;box-shadow:0 2px 12px #6f37cf66,inset 0 1px 0 #ffffff3a;transition:.15s;line-height:1.2}
.cash:hover{filter:brightness(1.09);transform:translateY(-1px);box-shadow:0 5px 16px #9a63ec88}
.cash:active{transform:translateY(0)}
.cash .coin{font-size:13px;filter:drop-shadow(0 1px 1px #0005)}
.cash .cur{font-family:'Cabin',sans-serif;font-weight:800;font-size:9.5px;letter-spacing:.5px;text-transform:uppercase;color:#efe4ff;margin-left:1px}
@media(max-width:560px){ .cash{font-size:12px;padding:3px 9px 3px 5px} }


.langtog{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden;background:#140d07;cursor:pointer;padding:0}
.langtog span{padding:5px 10px;font:700 11px Cabin,sans-serif;color:var(--parch-dim);letter-spacing:.5px;transition:.12s}
.langtog .lt-tr{color:var(--gold-bright);background:linear-gradient(#3c2d16,#241a0c)}
.langtog.is-en .lt-tr{color:var(--parch-dim);background:transparent}
.langtog.is-en .lt-en{color:var(--gold-bright);background:linear-gradient(#3c2d16,#241a0c)}
.langtog:hover span{filter:brightness(1.1)}
#auth .langtog,#create .langtog,#charSelect .langtog{position:fixed;top:12px;right:12px;z-index:60;box-shadow:0 4px 14px -6px #000}
.hud-clan{display:inline-block;cursor:pointer;font-family:'Cinzel',serif;font-weight:800;font-size:.8em;color:#3a2a08;background:linear-gradient(180deg,#f0cf6e,#d3a232);border:1px solid #ffe6a0;border-radius:5px;padding:0 5px;margin-right:5px;vertical-align:middle;transition:.14s;letter-spacing:.3px}
.hud-clan:hover{filter:brightness(1.09)}

.cm-act{display:inline-flex;gap:5px;flex-wrap:wrap;margin-left:auto}
.clan-btn.xs{padding:4px 10px;font-size:12px}
.clan-btn.ghost{background:transparent;color:var(--gold-bright);border-color:var(--border-lt);box-shadow:none}
.clan-btn.ghost:hover{background:#c8a24a14}

.clan-bank{background:#130e08;border:1px solid #2b2213;border-radius:10px;padding:10px 12px;margin-bottom:14px}
.cb-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.cb-label{font-family:'Cinzel',serif;font-size:13px;color:var(--gold)}
.cb-amt{font-family:'Cinzel',serif;font-weight:700;font-size:16px;color:var(--gold-bright)}
.cb-cur{font-family:'Cabin',sans-serif;font-size:10px;color:#b79a5e;text-transform:uppercase;margin-left:2px}
.cb-up{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #241c11}
.cb-up .clan-hint{margin-top:0}
.clan-bank .clan-form{margin-top:0}
.clan-bank input[type=number]{max-width:150px;-moz-appearance:textfield}

.clan-emblem{display:flex;align-items:center;justify-content:center}
.emblem-svg{width:30px;height:30px;fill:none;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.clan-edit{margin-bottom:12px}
.ce-lbl{display:block;font-family:'Cinzel',serif;font-size:12px;color:var(--gold);margin-bottom:5px}
.clan-edit textarea{width:100%;box-sizing:border-box;background:#140d07;border:1px solid var(--border);border-radius:8px;color:var(--parch);font-family:'Cabin',sans-serif;font-size:14px;padding:8px 10px;resize:vertical;margin-bottom:8px}
.clan-edit textarea:focus{outline:none;border-color:var(--gold)}
.emblem-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.emblem-opt{width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:#140d07;border:1px solid var(--border);border-radius:9px;cursor:pointer;transition:.14s;padding:0}
.emblem-opt:hover{border-color:var(--gold)}
.emblem-opt.on{border-color:var(--gold-bright);background:#241a0c;box-shadow:0 0 0 1px var(--gold-bright) inset}
.emblem-opt .emblem-svg{width:26px;height:26px}
.emblem-opt .eo-none{font-family:'Cinzel',serif;font-weight:800;font-size:11px;color:var(--gold-bright)}

.clan-grade-crest{overflow:hidden;padding:0;background:#0f0a05}
.grade-img{width:100%;height:100%;object-fit:cover;display:block}
.cb-grade{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #241c11}
.cbg-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;gap:8px}
.cbg-t{font-family:'Cinzel',serif;font-weight:700;font-size:14px;color:var(--gold-bright)}
.cbg-next{font-family:'Cabin',sans-serif;font-size:12px;color:var(--parch-dim)}
.cbg-bar{height:7px;background:#241c11;border-radius:5px;overflow:hidden;margin-bottom:6px}
.cbg-bar span{display:block;height:100%;background:linear-gradient(90deg,#d3a232,#f0cf6e);border-radius:5px;transition:width .3s}

.cb-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cb-vault{font-family:'Cabin',sans-serif;font-size:12px;color:var(--parch-dim);margin-left:auto}
.cb-inputbox{gap:8px;margin-top:8px;align-items:center}
.cb-inputbox input{flex:1;min-width:0;-moz-appearance:textfield}

.clan-bank .cb-row{align-items:center}
.cb-donwrap{display:flex;flex-direction:column;gap:1px;min-width:0}
.cb-vaultrow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}
.clan-bank-modal{max-width:360px;text-align:left}
.clan-modal-inp{width:100%;box-sizing:border-box;background:#140d07;border:1px solid var(--border);border-radius:8px;color:var(--parch);font-family:'Cabin',sans-serif;font-size:15px;padding:10px 12px;margin:12px 0;-moz-appearance:textfield}
.clan-modal-inp:focus{outline:none;border-color:var(--gold)}
.clan-modal-btns{display:flex;gap:8px}
.clan-modal-btns .clan-btn{flex:1}

.hud-gimg{width:15px;height:15px;border-radius:3px;vertical-align:middle;margin-right:4px;margin-left:-1px;object-fit:cover;border:1px solid rgba(255,230,160,.35)}
.clan-donlist{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}
.cd-row{display:flex;align-items:center;gap:9px;padding:7px 11px;background:linear-gradient(180deg,#1c1409,#150e07);border:1px solid var(--border);border-radius:9px}
.cd-rank{min-width:24px;text-align:center;font-weight:700;color:var(--gold);font-size:13.5px}
.cd-name{flex:1;font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cd-amt{font-family:'Cinzel',serif;font-weight:700;color:var(--gold-bright);font-size:13px;white-space:nowrap}
.cd-cur{font-size:10px;color:var(--parch-dim);font-weight:400}

.cb-btns{display:flex;gap:6px;flex-shrink:0}
.clan-rank-modal{max-width:380px;text-align:left}
.clan-rank-modal .clan-donlist{margin-bottom:10px}

.invbg{position:relative;width:100%;max-width:390px;margin:0 auto;aspect-ratio:390/615;background:url(img/inv2.png) top left/100% 100% no-repeat}
.invbg .ivs{position:absolute;box-sizing:border-box;border:1px solid transparent;border-radius:4px;cursor:pointer;display:grid;place-items:center;overflow:visible}
.invbg .ivs:hover{border-color:var(--gold-bright);background:rgba(240,207,110,.12)}
.invbg .ivs .ii{width:96%;height:96%;display:grid;place-items:center;font-size:min(4.9vw,22px);line-height:1}
.invbg .ivs .ii img{width:100%;height:100%;object-fit:contain}
.invbg .ivs.empty{cursor:default}.invbg .ivs.empty:hover{border-color:transparent;background:transparent}
.invbg .ivs.empty .lb{font-size:8px;color:#b8a15c;opacity:.55;text-shadow:0 1px 1px #000;pointer-events:none;text-align:center;padding:0 1px}
.invbg .ivs .pl{position:absolute;top:-2px;left:0;font-size:9px;font-weight:800;color:#f0cf6e;text-shadow:0 1px 2px #000}
.invbg .ivs .qt{position:absolute;right:0;bottom:-2px;font-size:10px;font-weight:800;color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000}
.invbg .ivs.locked .ii{filter:grayscale(.7) brightness(.7)}
.invbg .ivs .lk{position:absolute;top:-1px;right:0;font-size:9px}
.invbg .ivs.rslot .rfb{font-size:min(4vw,19px);line-height:1;opacity:.30;filter:grayscale(.6)}
.invbg .ivs.rslot:hover{border-color:var(--gold);background:rgba(240,207,110,.10)}
.invbg .ivs.rfull{border-color:#7a5a2a;background:rgba(240,207,110,.05)}
.invbg .ivs.rfull:hover{border-color:var(--gold-bright);background:rgba(240,207,110,.14)}
.invbg .ivs .rok{position:absolute;top:-5px;right:-4px;width:15px;height:15px;border-radius:50%;background:linear-gradient(#6fd06f,#3f9a3f);border:1.5px solid #0d0a06;display:grid;place-items:center;font-size:9px;color:#0b2a0b;font-weight:900;box-shadow:0 1px 3px #000a;line-height:1}
.invbg .ivs .rday{background:#3a2c14;color:#f0cf6e;border:1px solid #7a5a2a;border-radius:6px;padding:0 3px;right:-2px;bottom:-4px}
.invbg .ivs.blk .ii{opacity:.4}
.inv-meta{display:flex;justify-content:space-between;align-items:center;max-width:393px;margin:8px auto 0;font-size:12.5px;color:var(--ink)}
.inv-meta .noah{color:var(--gold-bright);font-weight:700}
.inv-noahbar{position:absolute;display:flex;align-items:center;justify-content:center;gap:4px;font-size:min(3vw,13px);font-weight:800;color:#f0cf6e;text-shadow:0 1px 2px #000;pointer-events:none;letter-spacing:.3px}
/* ===== BANKA (Warehouse) ===== */
.whbg{position:relative;width:100%;max-width:420px;margin:0 auto}
.whbg .wh-bgimg{display:block;width:100%;height:auto;pointer-events:none;user-select:none;-webkit-user-drag:none;border-radius:6px}
.whbg .whs{position:absolute;box-sizing:border-box;border:1px solid transparent;border-radius:5px;display:grid;place-items:center;overflow:visible}
.whbg .whs.full{cursor:pointer}
.whbg .whs.full:hover{border-color:var(--gold-bright);background:rgba(240,207,110,.14);box-shadow:inset 0 0 9px rgba(240,207,110,.25)}
.whbg .whs .ii{width:96%;height:96%;display:grid;place-items:center;font-size:min(5.5vw,24px);line-height:1}
.whbg .whs .ii img{width:100%;height:100%;object-fit:contain}
.whbg .whs .pl{position:absolute;top:-2px;left:0;font-size:9px;font-weight:800;color:#f0cf6e;text-shadow:0 1px 2px #000}
.whbg .whs .qt{position:absolute;right:0;bottom:-2px;font-size:10px;font-weight:800;color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000}
.whbg .whs .rday{background:#3a2c14;color:#f0cf6e;border:1px solid #7a5a2a;border-radius:6px;padding:0 3px;right:-2px;bottom:-3px}
.whbg .wh-arrow{position:absolute;cursor:pointer;border-radius:6px}
.whbg .wh-arrow:hover{background:rgba(240,207,110,.18)}
.whbg .wh-pgL{left:9.3%;top:49.2%;width:4.4%;height:3.0%}
.whbg .wh-pgR{left:24.0%;top:49.2%;width:4.4%;height:3.0%}
.whbg .wh-pgN{position:absolute;left:14.5%;top:49.4%;width:8.5%;height:2.7%;display:flex;align-items:center;justify-content:center;font-size:min(3.4vw,14px);font-weight:800;color:#f0cf6e;text-shadow:0 1px 2px #000;pointer-events:none}
.whbg .wh-pgN .wh-pgS{font-size:.72em;color:#b79a5e;margin-left:1px}
.whbg .wh-bnoah{position:absolute;left:64.4%;top:49.2%;width:23.1%;height:3.0%;display:flex;align-items:center;justify-content:flex-end;padding-right:6px;box-sizing:border-box;cursor:pointer;border-radius:5px}
.whbg .wh-bnoah:hover{background:rgba(240,207,110,.15)}
.whbg .wh-pnoah{position:absolute;left:61.9%;top:93.0%;width:25.6%;height:2.7%;display:flex;align-items:center;justify-content:flex-end;padding-right:6px;box-sizing:border-box;pointer-events:none}
.whbg .whn{font-size:min(3.4vw,14px);font-weight:800;color:#f0cf6e;text-shadow:0 1px 2px #000;letter-spacing:.3px;white-space:nowrap}
.wh-meta{display:flex;justify-content:space-between;align-items:center;max-width:423px;margin:8px auto 0;font-size:12.5px;color:var(--ink)}
.wh-meta b{color:#f0cf6e}
.wh-hint{text-align:center;font-size:12px;color:var(--dim);margin:6px auto 0;max-width:423px}
.wh-nov{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.62);display:flex;align-items:center;justify-content:center;padding:20px}
.wh-nbox{width:100%;max-width:320px;background:linear-gradient(135deg,#1c160c,#12100a);border:1.5px solid #c9a24a;border-radius:16px;padding:18px;box-shadow:0 20px 50px #000c}
.wh-nh{font-size:16px;font-weight:800;color:#f0cf6e;text-align:center;margin-bottom:12px}
.wh-qname{text-align:center;font-size:14px;font-weight:700;color:#e7c56b;margin:-6px 0 10px}
.wh-nrow{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#c9b48f;padding:6px 0;border-bottom:1px solid #ffffff0f}
.wh-nrow .gld{color:#f0cf6e;font-size:15px}
#whNoahAmt{width:100%;box-sizing:border-box;margin:12px 0 10px;padding:10px 12px;border-radius:10px;border:1px solid #5a4420;background:#0f0b06;color:#f0e6cf;font-size:15px;font-weight:700;text-align:center}
.wh-nbtns{display:flex;gap:8px}
.wh-nbtn{flex:1;padding:11px;border-radius:10px;border:1px solid #5a4420;font-weight:800;font-size:14px;cursor:pointer}
.wh-nbtn.dep{background:linear-gradient(135deg,#2f5a2f,#1e3a1e);border-color:#3f7a3f;color:#c8f0c8}
.wh-nbtn.wd{background:linear-gradient(135deg,#5a4420,#3a2c14);border-color:#7a5a2a;color:#f0cf6e}
.wh-nbtn:hover{filter:brightness(1.15)}
.wh-nquick{display:flex;gap:8px;margin-top:8px}
.wh-nquick button{flex:1;padding:7px;border-radius:8px;border:1px solid #3a3020;background:#ffffff08;color:#b79a5e;font-size:11px;cursor:pointer}
.wh-nquick button:hover{background:#ffffff12;color:#e7c56b}
.wh-nclose{width:100%;margin-top:12px;padding:9px;border-radius:9px;border:1px solid #3a3020;background:transparent;color:#9a8a6a;font-size:13px;cursor:pointer}
.wh-nclose:hover{color:#e7c56b}
.char-actions{display:flex;flex-direction:column;gap:10px;align-items:stretch}
.char-bank-btn{display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;padding:12px 14px;border-radius:14px;border:1.5px solid #c9a24a66;background:linear-gradient(135deg,#26200f,#171009);cursor:pointer;transition:all .14s;text-align:left}
.char-bank-btn:hover{border-color:#f0cf6e;background:linear-gradient(135deg,#332913,#1c1409);transform:translateY(-1px);box-shadow:0 6px 18px #0007}
.char-bank-btn .cbb-ic{font-size:26px;line-height:1;flex:0 0 auto}
.char-bank-btn .cbb-tx{flex:1;display:flex;flex-direction:column;line-height:1.25}
.char-bank-btn .cbb-tx b{color:#f0cf6e;font-size:15px;font-weight:800}
.char-bank-btn .cbb-tx small{color:#b79a5e;font-size:11px}
.char-bank-btn .cbb-arrow{color:#c9a24a;font-size:22px;font-weight:800;flex:0 0 auto}
.inv-noahbar .coin{font-size:.95em}

.npc-head{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#1c1409,#120c06);border:1px solid var(--border);border-radius:14px;padding:12px 14px;margin-bottom:12px}
.npc-head .npc-ic{font-size:30px;flex:0 0 auto;filter:drop-shadow(0 2px 3px #000)}
.npc-head .npc-name{font-size:16px;font-weight:800;color:var(--gold-bright,#f0cf6e)}
.npc-head .npc-tag{font-size:12px;font-weight:600;color:var(--dim);letter-spacing:.3px}
.npc-head .npc-sub{font-size:12.5px;color:var(--ink);opacity:.85;margin-top:1px}

/* Moradon Alışveriş hub — NPC seçim kartları */
.npc-hub{display:flex;flex-direction:column;gap:10px;margin-top:4px}
.npc-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;
  border:1px solid var(--border);background:linear-gradient(#1e1710,#150f08);cursor:pointer;transition:.14s}
.npc-card:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 6px 18px #0007}
.npc-card-ic{font-size:32px;flex:0 0 auto;filter:drop-shadow(0 2px 3px #000)}
.npc-card-body{flex:1;min-width:0}
.npc-card-name{font-family:'Cinzel';font-weight:700;font-size:16px;color:var(--parch)}
.npc-card-tag{font-size:12px;font-weight:600;color:var(--dim)}
.npc-card-d{font-size:12px;color:var(--parch-dim);margin-top:3px;line-height:1.35}
.npc-card-go{flex:0 0 auto;font-size:26px;color:var(--gold);opacity:.6}
.shop-topbar{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.shop-back{background:linear-gradient(#241c12,#161009);border:1px solid var(--border);color:var(--gold-bright);
  font-family:'Cinzel';font-weight:600;font-size:13px;padding:7px 14px;border-radius:9px;cursor:pointer;transition:.14s}
.shop-back:hover{border-color:var(--gold);transform:translateX(-2px)}

/* Ganimet item kartları (tıklanabilir) */
.loot-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:6px}
.loot-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;
  width:78px;padding:8px 6px;border-radius:10px;cursor:pointer;transition:.14s;
  background:linear-gradient(#241c12,#161009);border:1px solid var(--border)}
.loot-card:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 5px 14px #0007}
.loot-card:active{transform:translateY(0)}
.loot-ic{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 2px 3px #000)}
.loot-ic-emo{font-size:32px;line-height:38px;filter:drop-shadow(0 2px 3px #000)}
.loot-nm{font-size:10.5px;color:var(--parch-dim);text-align:center;line-height:1.25;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.loot-qty{position:absolute;top:3px;right:5px;background:var(--gold);color:#1a1206;
  font-family:Cinzel;font-weight:700;font-size:11px;padding:1px 6px;border-radius:8px;
  box-shadow:0 1px 3px #0008}
.loot-none{color:var(--dim);font-size:13px;text-align:center;padding:6px}

/* Savaş: oyuncu kartı kaldırıldı — buff göstergeleri ve hasar animasyonu için */
.hero-eff-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:8px 0}
.combat-flhero{position:relative;height:0;pointer-events:none}
.combat-flhero .dmgpop{position:absolute;top:-10px}

/* ===== CHAT WIDGET (Genel / Clan) ===== */
.chat-widget{position:fixed;left:0;right:0;bottom:0;width:100%;z-index:900;
  background:linear-gradient(180deg,#1c150c,#110b06);border:none;border-top:1px solid var(--gold);
  border-radius:14px 14px 0 0;box-shadow:0 -8px 30px #000d,inset 0 1px 0 rgba(240,207,110,.16);font-size:13px;overflow:hidden;
  display:flex;flex-direction:column}
.chat-widget:not(.collapsed){height:min(48vh,440px)}
.chat-head{display:flex;align-items:center;gap:8px;padding:9px 12px;cursor:pointer;
  background:linear-gradient(180deg,#2c2114,#19120a);border-bottom:1px solid var(--gold);user-select:none}
".chat-title{font-family:'Cinzel',serif;font-weight:700;font-size:13.5px;color:var(--gold-bright);flex:1}
.chat-icon{font-size:15px;flex:0 0 auto;line-height:1}
.chat-last{flex:1;min-width:0;font-size:12.5px;color:var(--parch-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:none}
.chat-last .cl-name{font-weight:700;font-family:'Cinzel',serif}
.chat-last .cl-name.karus{color:#e0755f}
.chat-last .cl-name.elmorad{color:#6ba3e0}
.chat-last .cl-name.me{color:var(--gold-bright)}
.chat-last .cl-name.pm{color:#c9a6ff}
.chat-last .cl-tx{color:var(--parch-dim)}
.chat-last .cl-empty{color:var(--dim);font-style:italic;font-weight:400}
.chat-widget.collapsed .chat-title{display:none}
.chat-widget.collapsed .chat-last{display:block}
.chat-unread{background:radial-gradient(circle at 40% 30%,#e0553f,#a82323);box-shadow:0 0 0 1px #7a1a1a,0 2px 5px #0008;color:#fff;font-size:11px;font-weight:700;
  min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:none;align-items:center;justify-content:center}
.chat-unread.show{display:inline-flex}
.chat-toggle{color:var(--dim);font-size:11px;transition:.2s}
.chat-widget.collapsed .chat-body{display:none}
.chat-widget.collapsed .chat-toggle{transform:rotate(180deg)}
.chat-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
.chat-tabs{display:flex;gap:4px;padding:8px 8px 0;background:#160f08;flex:0 0 auto}
.chat-tab{flex:1;background:linear-gradient(180deg,#241a0f,#1a130a);border:1px solid var(--border);border-bottom:none;
  color:var(--dim);font-family:'Cinzel',serif;font-weight:600;font-size:12px;padding:7px 4px;
  border-radius:8px 8px 0 0;cursor:pointer;transition:.12s}
.chat-tab.disabled{opacity:.5;cursor:not-allowed}
.chat-tab.disabled:hover{color:var(--dim)}
.chat-tab.on{background:linear-gradient(180deg,#3a2c18,#241a0c);color:var(--gold-bright);border-color:var(--gold);box-shadow:0 -2px 8px -3px rgba(240,207,110,.4)}
.chat-tab:not(.on):hover{color:var(--parch-dim)}

.chat-banner{display:flex;align-items:center;gap:7px;padding:6px 12px;font-size:11px;
  background:#160f08;border-bottom:1px solid var(--border);color:var(--parch-dim)}
.chat-banner.genel{border-left:3px solid #7a9e5a}
.chat-banner.clan{border-left:3px solid var(--gold)}
.chat-banner .cb-ic{font-size:13px}
.chat-banner .cb-tx{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.chat-msgs{flex:1;overflow-y:auto;padding:10px 10px 12px;display:flex;flex-direction:column;gap:3px;
  background:radial-gradient(ellipse at top,#191308,#0e0a05);scrollbar-width:thin}
.chat-msgs::-webkit-scrollbar{width:6px}
.chat-msgs::-webkit-scrollbar-thumb{background:#3a2f1c;border-radius:3px}
.chat-msgs::-webkit-scrollbar-thumb:hover{background:#4d3f26}
/* mesaj satırı (isim başlığı + baloncuk) */
.chat-row{display:flex;flex-direction:column;gap:2px;max-width:100%;margin-top:7px}
.chat-row.grouped{margin-top:1px}
.chat-row.me{align-items:flex-end}
.cm-head{display:flex;align-items:center;gap:6px;padding:0 2px;font-size:11.5px}
.cm-dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 4px currentColor}
.cm-dot.karus{background:#e0755f;color:#e0755f}
.cm-dot.elmorad{background:#6ba3e0;color:#6ba3e0}
.cm-dot.me{background:var(--gold-bright);color:var(--gold-bright)}
.cm-name{font-weight:700;font-family:'Cinzel',serif;font-size:11.5px;letter-spacing:.2px}
.cm-name.karus{color:#e0755f}
.cm-name.elmorad{color:#6ba3e0}
.cm-name.me{color:var(--gold-bright)}
.cm-name.clickable{cursor:pointer;transition:.12s}
.cm-name.clickable:hover{filter:brightness(1.25);text-decoration:underline}
.cm-time{color:var(--dim);font-size:9.5px;opacity:.5;font-variant-numeric:tabular-nums;margin-left:auto}
.cm-rep{background:none;border:none;color:#6a5c44;font-size:12.5px;cursor:pointer;padding:0 3px;margin-left:4px;line-height:1;opacity:.55;transition:.13s}
.cm-rep:hover{color:var(--blood-lt);opacity:1}
.report-box{width:100%;max-width:380px;background:linear-gradient(180deg,#20180d,#150f08);border:1px solid var(--border-lt);border-radius:16px;padding:22px 20px;position:relative;box-shadow:0 24px 70px #000b}
.rep-x{position:absolute;top:10px;right:13px;background:none;border:none;color:var(--dim);font-size:20px;cursor:pointer;line-height:1}
.report-title{font-family:'Cinzel',serif;color:var(--gold-bright);font-size:19px;margin:0 0 4px}
.report-target{color:var(--parch-dim);font-size:13px;margin-bottom:15px}
.report-reasons{display:flex;flex-direction:column;gap:7px;margin-bottom:12px}
.rrb{text-align:left;background:#0d0a06;border:1px solid var(--border);color:var(--parch);padding:11px 13px;border-radius:9px;font:600 14px 'Cabin',sans-serif;cursor:pointer;transition:.13s}
.rrb:hover{border-color:var(--gold)}
.rrb.on{background:linear-gradient(180deg,#3c2d16,#241a0c);border-color:var(--gold);color:var(--gold-bright)}
.report-note{width:100%;background:#0d0a06;border:1px solid var(--border);border-radius:9px;padding:10px 12px;color:var(--parch);font:14px 'Cabin',sans-serif;resize:vertical;min-height:54px;margin-bottom:12px}
.report-note:focus{outline:none;border-color:var(--gold)}
.btn-report-submit{width:100%;background:linear-gradient(180deg,#e7c56b,#c8952e);color:#241704;border:none;border-radius:10px;padding:13px;font:700 15px 'Cinzel',serif;cursor:pointer}
.btn-report-submit:disabled{opacity:.6}
.report-hint{font-size:11px;color:var(--dim);text-align:center;margin-top:10px;line-height:1.4}
/* ===== LOBBY (Krallığa Giriş) ===== */
#lobby{position:fixed;inset:0;z-index:60;overflow-y:auto;background:radial-gradient(120% 90% at 50% 0%,#191309,#0a0705);padding:22px 16px 46px;display:flex;justify-content:center;align-items:flex-start}
#lobby:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(46% 26% at 50% -6%,rgba(240,207,110,.09),transparent 72%),radial-gradient(38% 30% at 88% 108%,rgba(176,42,42,.05),transparent 72%)}
.lb-wrap{width:100%;max-width:620px;position:relative;z-index:1}
.lb-head{display:flex;align-items:center;justify-content:center;gap:14px;padding:8px 4px 15px;position:relative}
.lb-brand{display:flex;flex-direction:column;align-items:center;gap:3px}
.lb-word{font-family:'Cinzel',serif;font-weight:900;font-size:28px;line-height:1;letter-spacing:2px;color:var(--gold-bright);text-shadow:0 2px 0 #000,0 0 22px rgba(240,207,110,.22)}
.lb-word b{color:var(--parch)}
.lb-logo{max-height:50px;width:auto;display:block;filter:drop-shadow(0 2px 8px #0008)}
.lb-sub{font-family:'Cinzel',serif;font-weight:700;font-size:12px;letter-spacing:5px;color:var(--dim);text-transform:uppercase;padding-left:2px}
.lb-chip{position:absolute;right:2px;top:6px;display:flex;align-items:center;gap:9px;padding:7px 12px;border-radius:11px;background:linear-gradient(180deg,#221a12,#150f08);border:1px solid var(--border-lt)}
.lb-chip .lb-lamp{width:9px;height:9px;border-radius:50%;background:#5fbf5f;box-shadow:0 0 0 3px rgba(95,191,95,.16),0 0 9px rgba(95,191,95,.55)}
.lb-chip .lb-n{font-family:'Cinzel',serif;font-weight:700;font-size:14px;color:var(--parch)}
.lb-chip .lb-l{font-size:11px;color:var(--dim)}
.lb-divider{height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.7;margin:0 2px 20px}
.lb-section{margin-bottom:26px}
.lb-cap{font-family:'Cinzel',serif;font-weight:700;font-size:12px;letter-spacing:3px;color:var(--dim);text-transform:uppercase;margin:0 4px 13px;display:flex;align-items:center;gap:10px}
.lb-cap:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}
.lb-row{width:100%;display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:14px;padding:15px 16px;margin-bottom:10px;background:linear-gradient(180deg,#211a12,#150f08);border:1px solid var(--border);border-radius:12px;cursor:pointer;color:inherit;font:inherit;text-align:left;box-shadow:0 6px 16px -12px #000;transition:border-color .16s,transform .12s;animation:lbRise .45s cubic-bezier(.2,.7,.3,1) both}
.lb-row:hover{border-color:var(--border-lt);transform:translateY(-1px)}
.lb-row[aria-selected="true"]{border-color:var(--gold);background:linear-gradient(180deg,#2a2114,#1a1209);box-shadow:0 10px 22px -12px #000,inset 3px 0 0 var(--gold-bright)}
.lb-row.lk{cursor:not-allowed;opacity:.62}
.lb-row.lk:hover{transform:none;border-color:var(--border)}
.lb-slamp{width:10px;height:10px;border-radius:50%;background:#5fbf5f;box-shadow:0 0 0 3px rgba(95,191,95,.16),0 0 9px rgba(95,191,95,.5)}
.lb-slamp.off{background:#8a6a2a;box-shadow:none}
.lb-nm{min-width:0}
.lb-nm .n{font-family:'Cinzel',serif;font-weight:700;font-size:18px;color:var(--parch);letter-spacing:.4px;display:flex;align-items:center;gap:8px}
.lb-row[aria-selected="true"] .lb-nm .n{color:var(--gold-bright)}
.lb-tag{font-family:'Cabin';font-weight:700;font-size:9px;letter-spacing:1px;color:#e0b070;background:rgba(224,176,112,.12);border:1px solid rgba(224,176,112,.4);padding:2px 6px;border-radius:5px;text-transform:uppercase}
.lb-nm .s{font-size:11.5px;color:var(--dim);margin-top:2px}
.lb-ld{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.lb-load{display:flex;gap:3px;align-items:flex-end;height:16px}
.lb-load i{width:5px;border-radius:2px;background:#3a2f1c;display:block}
.lb-load i.f{background:linear-gradient(180deg,var(--gold-bright),var(--gold))}
.lb-load i:nth-child(1){height:8px}.lb-load i:nth-child(2){height:11px}.lb-load i:nth-child(3){height:14px}.lb-load i:nth-child(4){height:16px}
.lb-ld .l{font-size:10px;letter-spacing:1px;color:var(--dim);text-transform:uppercase;font-weight:700}
.lb-on{text-align:right;line-height:1.15}
.lb-on .n{font-family:'Cinzel',serif;font-weight:700;font-size:16px;color:var(--parch)}
.lb-on .l{font-size:10px;color:var(--dim);letter-spacing:.5px;text-transform:uppercase}
.lb-go{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(180deg,#2c2216,#17110a);border:1px solid var(--border-lt);color:var(--gold-bright)}
.lb-row[aria-selected="true"] .lb-go{border-color:var(--gold);background:linear-gradient(180deg,#3a2c18,#1d150c)}
.lb-go svg{width:16px;height:16px}
.lb-enter{margin-top:6px;width:100%;cursor:pointer;position:relative;overflow:hidden;padding:15px;border-radius:13px;border:1px solid var(--gold);background:linear-gradient(180deg,#e8c25f,#b98a2e);color:#2a1c06;font-family:'Cinzel',serif;font-weight:900;font-size:16px;letter-spacing:2px;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.25);box-shadow:0 12px 24px -8px rgba(200,162,74,.55),inset 0 1px 0 rgba(255,255,255,.45);transition:filter .16s,transform .1s}
.lb-enter:hover{filter:brightness(1.08)}.lb-enter:active{transform:translateY(1px)}
.lb-enter:before{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);animation:lbSheen 3.4s ease-in-out infinite}
.lb-connecting{display:none}.lb-enter.busy .lb-label{display:none}
.lb-enter.busy .lb-connecting{display:inline-flex;align-items:center;gap:9px}
.lb-spin{width:15px;height:15px;border:2px solid rgba(42,28,6,.35);border-top-color:#2a1c06;border-radius:50%;animation:lbSpin .6s linear infinite}
.lb-enter-sub{text-align:center;font-size:11.5px;color:var(--dim);letter-spacing:.5px;margin-top:9px}
.lb-enter-sub b{color:var(--gold-bright);font-weight:700}
.lb-ferman{position:relative;padding:20px 22px;margin-bottom:16px;background:linear-gradient(180deg,rgba(240,207,110,.05),transparent 40%),linear-gradient(180deg,#241c12,#160f08);border:1px solid var(--gold);border-radius:16px;box-shadow:0 16px 38px -14px #000,inset 0 1px 0 rgba(240,207,110,.14);overflow:hidden;animation:lbRise .5s cubic-bezier(.2,.7,.3,1) both}
.lb-ferman:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--gold-bright),var(--gold),transparent)}
.lb-pin{display:inline-flex;align-items:center;gap:7px;font-family:'Cinzel',serif;font-weight:700;font-size:10.5px;letter-spacing:2px;color:var(--gold-bright);text-transform:uppercase;margin-bottom:11px}
.lb-ftitle{font-family:'Cinzel',serif;font-weight:900;font-size:20px;line-height:1.15;color:var(--parch);letter-spacing:.4px;margin:0 58px 9px 0;text-shadow:0 1px 2px #000}
.lb-fbody{font-size:14px;line-height:1.6;color:#cdbe9c;margin:0}
.lb-ffoot{display:flex;align-items:center;gap:14px;margin-top:14px}
.lb-fdate{font-size:12px;color:var(--dim);letter-spacing:.5px}
.lb-seal{position:absolute;top:16px;right:18px;width:50px;height:50px;transform:rotate(-8deg)}
.lb-seal .wax{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 36% 32%,#c93a3a,#8f1f1f 62%,#6d1414);box-shadow:0 5px 12px -3px rgba(0,0,0,.7),inset 0 2px 5px rgba(255,255,255,.28),inset 0 -4px 8px rgba(0,0,0,.5);display:grid;place-items:center;position:relative}
.lb-seal .wax:before{content:"";position:absolute;inset:5px;border-radius:50%;border:1.5px dashed rgba(255,220,210,.35)}
.lb-seal .mono{font-family:'Cinzel',serif;font-weight:900;font-size:15px;color:#f0d3c7;text-shadow:0 1px 1px rgba(0,0,0,.6)}
.lb-feed{display:flex;flex-direction:column;gap:10px}
.lb-ann{background:linear-gradient(180deg,#1e1710,#150f08);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 8px 18px -12px #000;animation:lbRise .5s cubic-bezier(.2,.7,.3,1) both;transition:border-color .16s}
.lb-ann:hover{border-color:var(--border-lt)}
.lb-annh{width:100%;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:13px 15px;background:none;border:0;color:inherit;font:inherit;cursor:pointer;text-align:left}
.lb-cchip{font-family:'Cabin';font-weight:700;font-size:9.5px;letter-spacing:1px;padding:3px 8px;border-radius:6px;text-transform:uppercase;line-height:1;white-space:nowrap}
.lb-cchip.etkinlik{color:#2a1c06;background:var(--gold-bright)}
.lb-cchip.guncelleme{color:#5fbf5f;border:1px solid rgba(95,191,95,.4);background:rgba(95,191,95,.08)}
.lb-cchip.bakim{color:#d99a2b;border:1px solid rgba(217,154,43,.4);background:rgba(217,154,43,.08)}
.lb-cchip.duyuru{color:#7fa8d0;border:1px solid rgba(127,168,208,.4);background:rgba(127,168,208,.08)}
.lb-atitle{font-family:'Cinzel',serif;font-weight:700;font-size:15px;color:var(--parch);letter-spacing:.3px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-adate{font-size:11.5px;color:var(--dim);letter-spacing:.5px;white-space:nowrap}
.lb-ann .chev{width:16px;height:16px;color:var(--dim);transition:transform .22s}
.lb-ann.open .chev{transform:rotate(180deg)}
.lb-annb{max-height:0;overflow:hidden;transition:max-height .28s ease}
.lb-ann.open .lb-annb{max-height:240px}
.lb-annb p{margin:0;padding:12px 15px 15px;font-size:13.5px;line-height:1.6;color:#c2b393;border-top:1px dashed #33291a}
@keyframes lbRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes lbSheen{0%,60%{left:-60%}80%,100%{left:130%}}
@keyframes lbSpin{to{transform:rotate(360deg)}}
.lb-pus-strip{position:relative;overflow:hidden;border-radius:14px;border:1px solid #3a2e1c;background:linear-gradient(180deg,#1c1610,#120c07);padding:14px 0;box-shadow:inset 0 1px 0 rgba(240,207,110,.06)}
.lb-pus-strip:before,.lb-pus-strip:after{content:'';position:absolute;top:0;bottom:0;width:34px;z-index:3;pointer-events:none}
.lb-pus-strip:before{left:0;background:linear-gradient(90deg,#140e08,transparent)}
.lb-pus-strip:after{right:0;background:linear-gradient(270deg,#140e08,transparent)}
.lb-pus-track{display:flex;gap:12px;width:max-content;padding:0 12px;animation:lbSlide 34s linear infinite}
.lb-pus-strip:hover .lb-pus-track{animation-play-state:paused}
@keyframes lbSlide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.lp-card{position:relative;width:128px;flex:0 0 128px;border-radius:12px;background:linear-gradient(180deg,#211a12,#161009);border:1px solid var(--border);padding:11px;cursor:pointer;text-align:left;color:inherit;font:inherit;transition:transform .16s,border-color .16s}
.lp-card:hover{transform:translateY(-3px);border-color:var(--gold)}
.lp-off{position:absolute;top:-7px;left:-6px;z-index:2;background:linear-gradient(180deg,#e0553f,#b02a2a);color:#fff;font-weight:800;font-size:10px;padding:3px 8px;border-radius:7px;box-shadow:0 3px 8px -2px rgba(192,57,43,.7);transform:rotate(-6deg)}
.lp-ico{height:62px;border-radius:10px;display:grid;place-items:center;font-size:30px;margin-bottom:8px;background:radial-gradient(120% 120% at 50% 0%,#2c2216,#0f0a06);border:1px solid #33291a;overflow:hidden}
.lp-ico img{height:52px;width:auto;max-width:92%;object-fit:contain;display:block}
.lp-name{font-family:'Cinzel',serif;font-weight:700;font-size:12px;color:#f2e8d4;line-height:1.2;min-height:29px;display:flex;align-items:center}
.lp-price{display:flex;align-items:baseline;gap:6px;margin-top:6px}
.lp-old{font-size:10.5px;color:var(--dim);text-decoration:line-through;text-decoration-color:#b02a2a}
.lp-new{font-family:'Cinzel',serif;font-weight:700;font-size:15px;color:var(--gold-bright)}
.lp-cash{font-size:8.5px;color:#b8944a;font-weight:800;letter-spacing:.4px;text-transform:uppercase;align-self:center}
.lb-vip{font-family:'Cinzel',serif;font-weight:700;font-size:11px;color:var(--gold-bright);white-space:nowrap}
@media(max-width:540px){.lb-word{font-size:24px}.lb-ftitle{font-size:18px;margin-right:52px}.lb-chip{display:none}}
.genie-box{width:100%;max-width:400px;background:radial-gradient(120% 80% at 50% -6%,#143a34 0%,#171009 52%),#120d08;border:1px solid #2c3a34;border-radius:18px;padding:20px 18px 20px;position:relative;box-shadow:0 24px 70px #000b, 0 0 40px #52d9c418}
.genie-load{text-align:center;color:var(--parch-dim);padding:40px 0;font-size:14px}
.genie-lamp{display:flex;justify-content:center;margin:2px 0 6px}
.genie-lamp img{height:96px;width:auto;border-radius:14px;filter:drop-shadow(0 6px 16px #000a) drop-shadow(0 0 22px #52d9c455)}
.genie-t{text-align:center;font-family:'Cinzel',serif;font-size:21px;color:var(--gold-bright);letter-spacing:1px;margin:0 0 6px;text-shadow:0 0 20px #52d9c433}
.genie-msg{text-align:center;font-size:14px;color:var(--parch);margin:8px 0 4px;font-weight:600}
.genie-sub{text-align:center;font-size:12px;color:var(--parch-dim);margin:0 0 14px;line-height:1.5}
.genie-gate{text-align:center;font-size:12.5px;color:var(--gold-bright);background:#2a200e;border:1px solid #6a5024;border-radius:9px;padding:8px 11px;margin-bottom:12px}
.genie-days{text-align:center;font-family:'Cinzel',serif;font-size:13px;color:#7be6d4;letter-spacing:.5px;margin-bottom:10px}
.genie-ctrl{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px;padding:8px 12px;border-radius:11px;background:#0e0b07;border:1px solid var(--border)}
.genie-run{font-size:12.5px;font-weight:700;color:#8fd08a}
.genie-pz{font-size:12.5px;font-weight:700;color:#e0b654}
.gbtn-sm{border:1px solid var(--border-lt);background:linear-gradient(#2a2118,#150f09);color:var(--parch);font-family:'Cinzel',serif;font-weight:700;font-size:12px;padding:7px 15px;border-radius:8px;cursor:pointer}
.gbtn-sm.on{border-color:#52d9c4;color:#7be6d4}
.genie-sec{font-family:'Cinzel',serif;font-size:11px;letter-spacing:1.2px;color:var(--gold);text-transform:uppercase;margin:2px 2px 8px}
.genie-zones{display:flex;gap:8px;overflow-x:auto;padding:1px 1px 6px;margin-bottom:8px;scrollbar-width:none}
.genie-zones::-webkit-scrollbar{display:none}
.gz{flex:0 0 auto;min-width:104px;border-radius:11px;padding:9px 11px;cursor:pointer;text-align:left;background:linear-gradient(180deg,#1a140c,#120d08);border:1px solid var(--border);color:var(--parch)}
.gz.on{border-color:#52d9c4;background:linear-gradient(180deg,#13241f,#0f1a17);box-shadow:0 0 12px -3px #52d9c4aa}
.gz.lk{opacity:.5;cursor:not-allowed}
.gzn{font-family:'Cinzel',serif;font-weight:700;font-size:13px;color:#f2e8d4}
.gzr{font-size:10px;color:var(--parch-dim);margin-top:4px}
.genie-daily{margin:6px 0 12px}
.gd-l{display:flex;justify-content:space-between;font-size:11.5px;color:var(--parch-dim);margin-bottom:5px;font-weight:600}
.gd-track{height:9px;border-radius:6px;background:#0a1413;border:1px solid #274842;overflow:hidden}
.gd-fill{height:100%;background:linear-gradient(90deg,#c8952e,#f0cf6e 60%,#7be6d4);box-shadow:0 0 10px #52d9c455}
.genie-pending{border-radius:12px;background:radial-gradient(120% 120% at 0% 0%,#33270f,#17110a);border:1px solid #5a4726;padding:11px 13px;margin-bottom:13px;display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.gp-noah{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--parch)}
.gp-noah b{font-family:'Cinzel',serif;font-size:19px;color:var(--gold-bright)}
.gp-noah .coin{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;background:radial-gradient(circle at 35% 30%,#ffe08a,#c8912e);color:#4a3410;box-shadow:inset 0 0 0 2px #7a5a1e}
.gp-loot{font-family:'Cinzel',serif;font-weight:700;color:#7be6d4;font-size:13px}
.gp-sub{margin-left:auto;font-size:10.5px;color:var(--dim)}
.gp-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}
.gp-h{font-size:10.5px;font-weight:700;color:var(--parch-dim);text-transform:uppercase;letter-spacing:.6px}
.gp-live{font-size:10.5px;font-weight:800;color:#7be6d4;white-space:nowrap}
.gp-live.pz{color:var(--dim)}
.gp-time{width:100%;font-family:'Cinzel',serif;font-weight:800;font-size:25px;color:#f0cf6e;letter-spacing:.5px;font-variant-numeric:tabular-nums;text-align:center;margin:5px 0 3px;text-shadow:0 0 14px rgba(240,207,110,.28)}
.gp-noahrow{width:100%;display:flex;align-items:center;gap:6px;justify-content:center;font-size:14px;color:var(--parch)}
.gp-noahrow .coin{font-size:15px}
.btn-genie{width:100%;border:none;cursor:pointer;border-radius:12px;padding:14px;font-family:'Cinzel',serif;font-weight:800;font-size:15px;letter-spacing:.5px;color:#241704;background:linear-gradient(180deg,#f6dd93,#e0b654 46%,#c08e28);box-shadow:0 8px 20px #c8952e44,inset 0 1px 0 #fff7d6}
.btn-genie.dis{background:#241a10;color:var(--dim);box-shadow:none;cursor:default;border:1px solid var(--border)}
.tc-genie .plaque-art{-webkit-mask-image:linear-gradient(to right,transparent,#000 42%);mask-image:linear-gradient(to right,transparent,#000 42%)}
.cm-bubble{background:linear-gradient(#241c10,#1a140b);border:1px solid #3d3119;border-radius:4px 11px 11px 11px;
  padding:6px 11px;font-size:13px;line-height:1.42;color:var(--parch);word-break:break-word;
  max-width:88%;box-shadow:0 1px 2px #0004;transition:.12s}
.chat-row.grouped .cm-bubble{border-radius:11px}
.chat-row:hover .cm-bubble{border-color:#3d3018}
.chat-row.me .cm-bubble{background:linear-gradient(#2e2412,#241b0c);border-color:#5a4620;color:#f3e7c8;
  border-radius:11px 4px 11px 11px}
.chat-row.me.grouped .cm-bubble{border-radius:11px}
.chat-row.karus .cm-bubble{border-left:2px solid rgba(224,117,95,.4)}
.chat-row.elmorad .cm-bubble{border-left:2px solid rgba(107,163,224,.4)}
.chat-row.me .cm-bubble{border-left:none;border-right:2px solid rgba(231,197,107,.5)}
.chat-empty{color:var(--dim);text-align:center;font-size:12.5px;padding:26px 14px;font-style:italic;line-height:1.6}
.chat-input-row{display:flex;gap:6px;padding:8px;background:#160f08;border-top:1px solid var(--border-lt);flex:0 0 auto}
.chat-input{flex:1;background:#0d0906;border:1px solid #3d3119;border-radius:8px;
  color:var(--parch);padding:8px 10px;font-size:13px;outline:none}
.chat-input:focus{border-color:var(--gold)}
.chat-send{flex:0 0 auto;background:linear-gradient(180deg,#e7c56b,#c8952e);color:#241704;border:none;
  border-radius:8px;width:38px;font-size:15px;cursor:pointer;transition:.12s}
.chat-send:hover{filter:brightness(1.1)}
.chat-send:active{transform:scale(0.95)}
.chat-login-note{color:var(--dim);text-align:center;font-size:12px;padding:10px}
@media(max-width:480px){
  .chat-widget{left:0;right:0;bottom:0;width:100%}
  /* kapalıyken de tam genişlik (PM ile aynı, daralmasın) */
  /* açık sohbet mobilde ekranın alt kısmını kaplasın (PM'e yer kalsın) */
  .chat-widget:not(.collapsed){height:min(46vh,380px);max-height:46vh}
}

/* ===== PM PENCERELERİ (özel mesaj) ===== */
.pm-stack{position:fixed;right:14px;bottom:calc(min(100vh - 90px,640px) + 22px);z-index:901;display:flex;flex-direction:column;
  align-items:stretch;gap:10px;pointer-events:none;width:330px;max-width:calc(100vw - 28px)}
.pm-win{width:100%;background:linear-gradient(180deg,#1a1d26,#12141b);border:1px solid var(--gold);
  border-radius:11px 11px 9px 9px;box-shadow:0 8px 28px #000b;overflow:hidden;pointer-events:auto;
  display:flex;flex-direction:column;height:min(42vh,380px)}
.pm-win.min{height:auto}
.pm-win.min .pm-body{display:none}
.pm-head{display:flex;align-items:center;gap:6px;padding:8px 10px;cursor:pointer;user-select:none;
  background:linear-gradient(180deg,#2c2114,#19120a);border-bottom:1px solid var(--border-lt)}
.pm-title{font-family:'Cinzel',serif;font-weight:700;font-size:12.5px;color:var(--gold-bright);flex:1;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pm-unread{background:var(--blood-lt,#c0392b);color:#fff;font-size:10px;font-weight:700;
  min-width:16px;height:16px;padding:0 4px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}
.pm-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.pm-min,.pm-close{color:var(--dim);font-size:13px;cursor:pointer;line-height:1;transition:.12s}
.pm-min:hover{color:var(--parch)}
.pm-close:hover{color:var(--blood-lt,#e0553f)}
.pm-body{display:flex;flex-direction:column;flex:1;min-height:0}
.pm-msgs{flex:1;overflow-y:auto;padding:9px;display:flex;flex-direction:column;gap:5px;background:radial-gradient(ellipse at top,#191308,#0e0a05);scrollbar-width:thin}
.pm-msgs::-webkit-scrollbar{width:5px}
.pm-msgs::-webkit-scrollbar-thumb{background:#3a2f1c;border-radius:3px}
.pm-line{max-width:82%;padding:5px 9px;border-radius:9px;font-size:12.5px;line-height:1.35;word-break:break-word}
.pm-line.me{align-self:flex-end;background:linear-gradient(180deg,#3a2c12,#2a1f0c);color:#f2e4c4;border:1px solid #5a4620}
.pm-line.them{align-self:flex-start;background:linear-gradient(#242833,#1c1f28);color:var(--parch);border:1px solid #363d4d}
.pm-time{display:block;font-size:9px;color:var(--dim);opacity:.6;margin-top:2px;text-align:right;font-variant-numeric:tabular-nums}
.pm-empty{color:var(--dim);text-align:center;font-size:12px;padding:16px;font-style:italic}
.pm-input-row{display:flex;gap:5px;padding:7px;background:#181b24;border-top:1px solid #333a49;flex:0 0 auto}
.pm-input{flex:1;background:#0e1017;border:1px solid #363d4d;border-radius:7px;color:var(--parch);
  padding:7px 9px;font-size:12.5px;outline:none}
.pm-input:focus{border-color:var(--gold)}
.pm-send{flex:0 0 auto;background:linear-gradient(180deg,#e7c56b,#c8952e);color:#241704;border:none;
  border-radius:7px;width:34px;font-size:14px;cursor:pointer}
.pm-send:hover{filter:brightness(1.1)}
/* chat isim tıklanabilir */
.cm-name.clickable{cursor:pointer;text-decoration:underline;text-decoration-color:transparent;transition:.12s}
.cm-name.clickable:hover{text-decoration-color:currentColor}
@media(max-width:768px){
  /* Mobilde PM genel sohbetin ÜSTÜNDE — aynı genişlik, aynı sağ kenar, çakışma yok */
  .pm-stack{right:8px;left:auto;bottom:calc(min(46vh,380px) + 24px);width:calc(100vw - 16px);max-width:calc(100vw - 28px);align-items:stretch;gap:8px}
  .pm-win{width:100%;height:min(40vh,320px)}
}
/* ==== Karakter seçim ekranı ==== */
#charSelect{position:fixed;inset:0;z-index:55;overflow-y:auto;display:none;background:radial-gradient(120% 80% at 50% 0%,#1a1109,#0b0703 70%)}
#charSelect .wrap{padding:32px 18px 48px;max-width:560px;margin:0 auto}
.cs-h{text-align:center;color:var(--gold,#c79a4b);font-size:16px;letter-spacing:.08em;text-transform:uppercase;margin:18px 0 14px}
.cs-nation{text-align:center;color:#c9a86a;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-top:6px}
.cs-slots{display:flex;flex-direction:column;gap:12px}
.cs-slot{position:relative;display:flex;align-items:center;gap:14px;padding:13px 14px;border-radius:15px;border:1px solid var(--border,#3a2a17);background:linear-gradient(180deg,#1c130a,#140d06);cursor:pointer;overflow:hidden;transition:transform .1s,border-color .18s,box-shadow .18s;min-height:92px}
.cs-slot::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.5;mix-blend-mode:screen}
.cs-slot:hover{transform:translateY(-2px);border-color:var(--gold,#c79a4b);box-shadow:0 10px 26px -16px #000}
.cs-slot:active{transform:scale(.995)}
.cs-slot.filled.karus{background:linear-gradient(100deg,#241109,#160d07 60%);box-shadow:inset 4px 0 0 0 #c8492f}
.cs-slot.filled.karus::after{background:radial-gradient(80% 120% at 0% 50%,rgba(255,90,58,.16),transparent 60%)}
.cs-slot.filled.elmorad{background:linear-gradient(100deg,#0f1622,#0d0f16 60%);box-shadow:inset 4px 0 0 0 #3f7fc0}
.cs-slot.filled.elmorad::after{background:radial-gradient(80% 120% at 0% 50%,rgba(79,157,255,.16),transparent 60%)}
.cs-pf{position:relative;flex:0 0 66px;width:66px;height:66px;border-radius:13px;padding:3px;z-index:2;background:linear-gradient(145deg,#f6dd8a,#8a6a24);box-shadow:0 4px 12px #000a}
.cs-pin{width:100%;height:100%;border-radius:10px;overflow:hidden;border:2px solid #14100a;background:#14100a;display:grid;place-items:center}
.cs-pin img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.cs-pin .cs-cg{font-size:30px;line-height:1}
.cs-lv{position:absolute;right:-6px;bottom:-6px;min-width:26px;height:26px;padding:0 5px;border-radius:13px;background:linear-gradient(#2a1c0b,#140d05);border:2px solid var(--gold,#e7c063);display:grid;place-items:center;font-weight:800;font-size:12px;color:#f6dd8a;box-shadow:0 2px 6px #000a}
.cs-info{flex:1;min-width:0;z-index:2}
.cs-name{font-weight:700;font-size:18px;color:#f6ecd6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-row{display:flex;align-items:center;gap:7px;margin-top:8px;flex-wrap:wrap}
.cs-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 11px 3px 4px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border:1px solid transparent;white-space:nowrap}
.cs-ico{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;font-size:14px;line-height:1;border-radius:6px;overflow:hidden}
.cs-ico img,.cs-ico svg{width:100%;height:100%;object-fit:contain}
.cs-cls{background:rgba(231,192,99,.12);color:#f0d89a;border-color:rgba(231,192,99,.3)}
.cs-cls .cs-ico{background:rgba(231,192,99,.14)}
.cs-nat.karus{background:rgba(200,73,47,.2);color:#ffd0c4;border-color:rgba(200,73,47,.5)}
.cs-nat.elmorad{background:rgba(63,127,192,.2);color:#cfe4ff;border-color:rgba(63,127,192,.5)}
.cs-nat.karus .cs-ico{background:rgba(200,73,47,.22)}
.cs-nat.elmorad .cs-ico{background:rgba(63,127,192,.22)}
.cs-play{flex:0 0 auto;align-self:center;z-index:2;padding:10px 15px;border-radius:11px;border:1px solid #6a5326;background:linear-gradient(#241a0c,#181004);color:#f6dd8a;font-weight:700;font-size:13px;letter-spacing:.04em;transition:.15s}
.cs-slot:hover .cs-play{color:#2a1c05;background:linear-gradient(#f6dd8a,#c9992f);border-color:#f7e6a8;box-shadow:0 4px 12px rgba(231,192,99,.33)}
.cs-slot.empty{justify-content:flex-start;gap:14px;border-style:dashed;background:linear-gradient(#160f07,#100a04)}
.cs-slot.empty::after{display:none}
.cs-slot.empty:hover{border-color:var(--gold,#c79a4b)}
.cs-pf.empty{background:none;box-shadow:none;padding:0;border:1.5px dashed #4a3a22;display:grid;place-items:center}
.cs-slot.empty:hover .cs-pf{border-color:var(--gold,#c79a4b)}
.cs-plus{font-size:30px;color:#a9997c;line-height:1;font-weight:300}
.cs-slot.empty:hover .cs-plus{color:var(--gold,#c79a4b)}
.cs-slot.empty .cs-name{color:#c9a86a;font-size:16px}
.cs-newsub{font-size:12px;color:#7a6c52;margin-top:3px}
.cs-logout{display:block;margin:22px auto 0;background:none;border:1px solid var(--border,#3a2a17);color:#a98d63;padding:9px 20px;border-radius:10px;cursor:pointer;font-size:13px}
.cs-logout:hover{border-color:#8a5a3a;color:#d9b98c}
/* ===== KO tarzı yükleme ekranı ===== */
.loadscr{position:fixed;inset:0;z-index:200;overflow:hidden;background:#000;animation:loadscrIn .35s ease}
.loadscr.loadscr-out{animation:loadscrOut .34s ease forwards}
.loadscr-blur{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(22px) brightness(.5);transform:scale(1.12)}
.loadscr-img{position:absolute;inset:0;background-size:contain;background-position:center;background-repeat:no-repeat}
.loadscr-veil{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(6,4,2,.18) 0%,transparent 32%,rgba(6,4,2,.5) 70%,rgba(6,4,2,.94) 100%)}
.loadscr-foot{position:absolute;left:0;right:0;bottom:0;padding:0 24px calc(6.5vh + env(safe-area-inset-bottom,0px));text-align:center}
.loadscr-txt{font-family:'Cabin',system-ui,sans-serif;font-size:13.5px;font-weight:600;letter-spacing:.03em;color:#f3e6cf;text-shadow:0 2px 6px #000,0 0 12px #000;margin-bottom:9px}
.loadscr-txt b{color:#ffcf7a;font-weight:800}
.loadscr-bar{position:relative;height:17px;max-width:560px;margin:0 auto;border-radius:9px;border:1px solid #7a4a22;background:linear-gradient(#1c1308,#0c0803);box-shadow:inset 0 2px 7px rgba(0,0,0,.8),0 2px 10px rgba(0,0,0,.55);overflow:hidden}
.loadscr-bar i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:8px;background:linear-gradient(90deg,#7c1c0a,#d64a17 55%,#ff9a3c);box-shadow:0 0 14px rgba(255,106,42,.7),inset 0 1px 0 rgba(255,217,168,.35)}
.loadscr-bar::after{content:'';position:absolute;left:0;right:0;top:0;height:48%;background:linear-gradient(rgba(255,255,255,.16),transparent);pointer-events:none;border-radius:8px 8px 0 0}
@keyframes loadscrIn{from{opacity:0}to{opacity:1}}
@keyframes loadscrOut{from{opacity:1}to{opacity:0}}
.cs-back{display:block;width:100%;margin:0 0 14px;background:none;border:1px solid var(--border,#3a2a17);color:#c9a86a;padding:10px;border-radius:10px;cursor:pointer;font-size:13px}
.cs-back:hover{border-color:var(--gold,#c79a4b);color:var(--gold,#e7c063)}
/* ===== Ronark Land / PvP ===== */
.ron-np{display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(0,0,0,.28);border:1px solid var(--line,#3a3a44);border-radius:12px;padding:12px 16px;margin-bottom:14px;font-weight:700}
.ron-np b{color:var(--gold-bright,#e9c46a);font-size:20px}
.ron-cards{display:flex;flex-direction:column;gap:11px}
.ron-card{display:flex;align-items:center;gap:14px;border-radius:15px;padding:14px;cursor:pointer;transition:.15s;background:linear-gradient(180deg,rgba(40,32,22,.55),rgba(27,22,16,.55));border:1px solid var(--gold-line,#3a3020)}
.ron-card:hover{border-color:var(--gold-bright,#e9c46a)}
.ron-card .rc-ic{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-size:23px;flex-shrink:0;background:radial-gradient(circle at 50% 30%,#3a3020,#1b1610);border:1px solid var(--gold-line,#3a3020)}
.ron-card .rc-tx{flex:1;min-width:0}
.ron-card .rc-t{font-family:"Cinzel",serif;font-weight:700;font-size:16px}
.ron-card .rc-d{color:var(--dim,#a9977a);font-size:12px;margin-top:3px}
.ron-card .rc-meta{font-size:11px;color:var(--gold-dim,#c8a24a);margin-top:4px;font-weight:600}
.ron-card .rc-go{color:var(--dim,#a9977a);font-size:22px;flex-shrink:0}
.ron-card.primary{background:radial-gradient(130% 100% at 0% 0%,rgba(217,80,63,.2),transparent 55%),linear-gradient(180deg,rgba(48,26,20,.72),rgba(27,18,14,.72));border-color:rgba(217,80,63,.45)}
.ron-card.primary .rc-ic{background:radial-gradient(circle at 50% 30%,#7a2e24,#3a120c);border-color:#ff6a4d;font-size:26px;width:54px;height:54px}
.ron-card.primary .rc-t{font-size:17px}.ron-card.primary .rc-meta{color:#ffb0a3}
.ron-farm,.ron-duo{display:flex;gap:11px}
.ron-duo{margin-top:11px}
.fc{flex:1;min-width:0;border-radius:15px;padding:14px;cursor:pointer;background:linear-gradient(180deg,rgba(40,32,22,.55),rgba(27,22,16,.55));border:1px solid var(--gold-line,#3a3020)}
.fc .rc-ic{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:21px;background:radial-gradient(circle at 50% 30%,#3a3020,#1b1610);border:1px solid var(--gold-line,#3a3020);margin-bottom:9px}
.ron-farm .fc .rc-ic{background:radial-gradient(circle at 50% 30%,#2f3a20,#161b10)}
.fc .rc-t{font-family:"Cinzel",serif;font-weight:700;font-size:14px}
.fc .rc-d{color:var(--dim,#a9977a);font-size:11px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sec-lbl{font-family:"Cinzel",serif;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-dim,#c8a24a);margin:16px 2px 9px}
.ron-card.npshop{margin-top:11px;background:radial-gradient(130% 100% at 0% 0%,rgba(200,162,74,.18),transparent 55%),linear-gradient(180deg,rgba(44,36,22,.72),rgba(27,22,14,.72));border-color:rgba(200,162,74,.42)}
.ron-card.npshop .rc-ic{font-size:24px}
.nps-bal{display:flex;justify-content:space-between;align-items:center;background:rgba(200,162,74,.1);border:1px solid var(--gold-line,#3a3020);border-radius:11px;padding:12px 16px;margin-bottom:14px}
.nps-bal span{color:var(--parch-dim,#b7a683);font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.nps-bal b{font-family:"Cinzel",serif;color:var(--gold-bright,#f0cf6e);font-size:21px;font-weight:800}
.nps-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.nps-card{background:rgba(0,0,0,.22);border:1px solid var(--border,#4a3c24);border-radius:13px;padding:13px 11px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.nps-ic{width:46px;height:46px;display:flex;align-items:center;justify-content:center;font-size:28px}
.nps-ic img{width:42px;height:42px;object-fit:contain}
.nps-nm{font-weight:700;color:var(--parch,#e9dcc2);font-size:12.5px;line-height:1.25;font-family:"Cinzel",serif}
.nps-ds{font-size:10.5px;color:var(--parch-dim,#b7a683);line-height:1.3;flex:1;min-height:26px}
.nps-buy{margin-top:4px;width:100%;padding:9px;border-radius:9px;border:1px solid var(--gold,#c8a24a);background:linear-gradient(180deg,rgba(200,162,74,.3),rgba(200,162,74,.14));color:var(--gold-bright,#f0cf6e);font-family:"Cinzel",serif;font-weight:800;font-size:13px;cursor:pointer;transition:.15s}
.nps-buy:not(.off):active{transform:scale(.97)}
.nps-buy.off{opacity:.4;border-color:var(--gold-line,#3a3020);cursor:not-allowed;filter:grayscale(.5)}
.rh-hero{border:1px solid var(--gold-line,#3a3020);border-radius:16px;padding:13px 14px;margin-bottom:14px;position:relative;overflow:hidden;
  background:radial-gradient(120% 100% at 50% 0%,rgba(233,196,106,.09),transparent 58%),linear-gradient(180deg,rgba(36,29,20,.85),rgba(20,16,11,.85))}
.rh-top{display:flex;align-items:center;gap:12px;margin-bottom:11px}
.rh-crest{width:46px;height:46px;border-radius:12px;border:2px solid;display:grid;place-items:center;overflow:hidden;flex-shrink:0}
.rh-crest img{width:100%;height:100%;object-fit:contain}
.rh-crest.karus{border-color:#ff6a4d;background:#3a120c}.rh-crest.human{border-color:#6db3ff;background:#16283f}
.rh-np{flex:1;min-width:0}.rh-np .lab{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dim,#c8a24a)}
.rh-np .val{font-family:"Cinzel",serif;font-weight:800;font-size:26px;color:var(--gold-bright,#e9c46a);line-height:1.05}
.rh-np .val small{font-size:12px;color:var(--dim,#a9977a);font-weight:600;margin-left:4px}
.rh-rank{text-align:right;flex-shrink:0}.rh-rank .lab{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-dim,#c8a24a)}
.rh-rank .val{font-family:"Cinzel",serif;font-weight:800;font-size:21px;color:var(--parch,#e9dcc2)}
.rh-war-lbl{display:flex;justify-content:space-between;font-family:"Cinzel",serif;font-size:10px;margin-bottom:5px}
.rh-war-lbl .e{color:#6db3ff}.rh-war-lbl .k{color:#ff6a4d}
.rh-bar{position:relative;height:10px;border-radius:6px;overflow:hidden;display:flex;background:#181410;border:1px solid rgba(0,0,0,.4)}
.rh-bar .el{background:linear-gradient(90deg,#2f5f9e,#5b96d6)}.rh-bar .ka{background:linear-gradient(90deg,#c9503f,#8a2e24)}
.rh-bar .dv{position:absolute;top:-2px;bottom:-2px;width:2px;background:rgba(233,196,106,.85)}
.rh-stats{display:flex;gap:8px;margin-top:12px}
.rh-stat{flex:1;text-align:center;background:rgba(0,0,0,.3);border:1px solid var(--gold-line,#3a3020);border-radius:11px;padding:8px 6px;cursor:pointer}
.rh-stat .l{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-dim,#c8a24a);margin-bottom:4px;white-space:nowrap}
.rh-stat .v{font-family:"Cinzel",serif;font-weight:800;font-size:16px;color:var(--parch,#e9dcc2);white-space:nowrap}
.rh-stat.prot .v{color:#8fca7f}
.pk-mystat{color:var(--dim,#9aa);font-size:12px;margin:0 0 12px}
.pk-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.pk-foe{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:14px;background:linear-gradient(180deg,rgba(40,32,22,.66),rgba(27,22,16,.66));border:1px solid var(--gold-line,#3a3020)}
.pf-disc{position:relative;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:21px;flex-shrink:0;background:radial-gradient(circle at 50% 30%,#4a6d99,#16283f);border:1.5px solid rgba(255,255,255,.2)}
.pf-disc.karus{background:radial-gradient(circle at 50% 30%,#9a3a2e,#3a120c)}
.pf-disc .pf-lv{position:absolute;right:-6px;bottom:-6px;font:800 9px/1 "Cinzel",serif;color:#1a1206;background:linear-gradient(180deg,#f0d081,#c8a24a);padding:2px 5px;border-radius:7px;border:1px solid rgba(0,0,0,.35)}
.pf-mid{flex:1;min-width:0}
.pf-name{font-family:"Cinzel",serif;font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-sub{font-size:11px;color:var(--dim,#a9977a);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-end{display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0}
.pf-win{font-family:"Cinzel",serif;font-weight:800;font-size:16px;line-height:1}
.pf-df{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim,#a9977a)}
.pf-atk{margin-top:2px;font-family:"Cinzel",serif;font-weight:700;font-size:12px;color:#fff;background:linear-gradient(180deg,#d9503f,#a5342a);border:1px solid var(--karus,#d9503f);border-radius:10px;padding:8px 14px;cursor:pointer}
.pk-duel{display:flex;align-items:center;justify-content:space-around;gap:12px;padding:34px 12px 10px}
.pk-fighter{flex:1;text-align:center;max-width:150px}
.pk-ava{font-size:44px;width:88px;height:88px;line-height:88px;margin:0 auto;border-radius:50%;background:rgba(0,0,0,.3);border:2px solid var(--line,#3a3a44);overflow:hidden}
.pk-ava img{width:100%;height:100%;object-fit:cover}
.pk-fn{font-weight:700;margin:8px 0 6px;font-size:13px}
.pk-vs{font-size:26px;opacity:.55}
.pkb{height:9px;background:rgba(0,0,0,.45);border-radius:5px;overflow:hidden;border:1px solid var(--line,#3a3a44)}
.pkb i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#e0553f,#f0864f);transition:width .4s}
.pk-duel-log{max-width:420px;margin:14px auto;font-size:12px;color:var(--dim,#9aa);text-align:center;min-height:20px}
.pk-result{max-width:340px;margin:10px auto;text-align:center;padding:26px 22px;border-radius:18px;border:1px solid var(--gold-line,#3a3020);background:linear-gradient(180deg,rgba(36,29,20,.96),rgba(18,13,8,.96));box-shadow:0 24px 70px rgba(0,0,0,.6)}
.pk-res-win{border-color:rgba(111,207,111,.5);box-shadow:0 0 40px rgba(111,207,111,.18),0 24px 70px rgba(0,0,0,.6)}
.pk-res-lose{border-color:rgba(224,119,106,.5)}
.pkr-badge{width:64px;height:64px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;font-size:32px;background:radial-gradient(circle at 50% 35%,#3a3020,#161009);border:2px solid var(--gold-line,#3a3020)}
.pk-res-win .pkr-badge{border-color:#6fcf6f;background:radial-gradient(circle at 50% 35%,#1e3a1e,#0f1f0f);box-shadow:0 0 20px rgba(111,207,111,.3)}
.pk-res-lose .pkr-badge{border-color:#e0776a;background:radial-gradient(circle at 50% 35%,#3a1e1a,#1f0f0d)}
.pkr-title{font-family:"Cinzel",serif;font-size:22px;font-weight:800;letter-spacing:1.5px}
.pk-res-win .pkr-title{color:#7ede7e}.pk-res-lose .pkr-title{color:#e88a7c}
.pkr-foe{font-size:12px;color:var(--dim,#9aa);margin-top:3px}
.pkr-np{font-family:"Cinzel",serif;font-size:38px;font-weight:800;line-height:1;margin:14px 0 2px}
.pkr-np span{font-size:16px;font-weight:700;opacity:.8}
.pkr-np.up{color:#7ede7e}.pkr-np.down{color:#e88a7c}
.pkr-sub{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-dim,#c8a24a)}
.pkr-total{color:var(--parch-dim,#b7a683);font-size:13px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.pkr-total b{color:var(--gold-bright,#f0cf6e);font-family:"Cinzel",serif}
.pkr-btn{margin-top:16px;width:100%;padding:13px;border-radius:12px;border:1px solid var(--gold,#c8a24a);background:linear-gradient(180deg,#e0bd63,#b6892f);color:#241a0a;font-family:"Cinzel",serif;font-weight:700;font-size:15px;cursor:pointer;transition:.12s}
.pkr-btn:active{transform:scale(.98)}
/* --- Ronark sıralama: ırk savaş çubuğu + podyum + liste --- */
.rk-war{border:1px solid var(--gold-line,#3a3020);border-radius:16px;padding:14px;background:linear-gradient(180deg,rgba(30,24,16,.7),rgba(20,16,11,.7));margin-bottom:14px}
.rk-war-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}
.rk-side{display:flex;align-items:center;gap:9px}.rk-side.r{flex-direction:row-reverse;text-align:right}
.rk-emb{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:18px;border:1.5px solid;flex-shrink:0}
.rk-emb.elmo{border-color:#6db3ff;background:radial-gradient(circle at 50% 30%,#3a5a80,#16283f)}
.rk-emb.karus{border-color:#ff6a4d;background:radial-gradient(circle at 50% 30%,#7a2e24,#3a120c)}
.rk-side .n{font-family:"Cinzel",serif;font-weight:700;font-size:11px;letter-spacing:.08em;color:var(--dim,#a9977a)}
.rk-side .v{font-family:"Cinzel",serif;font-weight:800;font-size:18px;line-height:1.1}.rk-side.elmo .v{color:#6db3ff}.rk-side.karus .v{color:#ff6a4d}
.rk-bar{position:relative;height:14px;border-radius:8px;overflow:hidden;display:flex;background:#181410;border:1px solid rgba(0,0,0,.4)}
.rk-bar .el{background:linear-gradient(90deg,#2f5f9e,#5b96d6)}.rk-bar .ka{background:linear-gradient(90deg,#c9503f,#8a2e24)}
.rk-bar .dv{position:absolute;top:-2px;bottom:-2px;width:2px;background:rgba(233,196,106,.85);box-shadow:0 0 6px rgba(233,196,106,.6)}
.rk-lead{text-align:center;font-family:"Cinzel",serif;font-size:11px;color:var(--gold-dim,#c8a24a);margin-top:9px;letter-spacing:.04em}
.rk-you{display:flex;align-items:center;gap:12px;border-radius:14px;padding:11px 16px;margin-bottom:16px;border:1px solid rgba(233,196,106,.38);background:linear-gradient(180deg,rgba(233,196,106,.1),rgba(233,196,106,.02))}
.rk-you .lab{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dim,#c8a24a)}
.rk-you .rank{font-family:"Cinzel",serif;font-weight:800;font-size:26px;color:var(--gold-bright,#e9c46a);line-height:1}
.rk-you .np{margin-left:auto;font-family:"Cinzel",serif;font-weight:800;font-size:22px;color:var(--gold-bright,#e9c46a)}.rk-you .np small{font-size:11px;color:var(--dim,#a9977a);font-weight:600}
.rk-podium{display:flex;justify-content:center;align-items:flex-end;gap:8px;margin-bottom:16px}
.rk-pod{flex:1;max-width:112px;display:flex;flex-direction:column;align-items:center}
.rk-pod .ava{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-family:"Cinzel",serif;font-weight:800;font-size:22px;color:var(--parch,#e9dcc2);border:2px solid rgba(255,255,255,.25);position:relative;margin-bottom:7px}
.rk-pod.p1 .ava{width:68px;height:68px;border-color:#f0d081;box-shadow:0 0 20px rgba(240,208,129,.4)}
.rk-pod .ava.elmo{background:radial-gradient(circle at 50% 30%,#3a5a80,#16283f)}.rk-pod .ava.karus{background:radial-gradient(circle at 50% 30%,#7a2e24,#3a120c)}
.rk-pod .medal{position:absolute;top:-12px;right:-8px;font-size:20px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}
.rk-pod .nm{font-family:"Cinzel",serif;font-weight:700;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.rk-pod .np{font-family:"Cinzel",serif;font-weight:800;font-size:14px;color:var(--gold-bright,#e9c46a)}
.rk-pod .base{width:92%;border-radius:9px 9px 0 0;margin-top:7px;display:grid;place-items:center;font-family:"Cinzel",serif;font-weight:800;font-size:22px;color:rgba(0,0,0,.45)}
.rk-pod.p1 .base{height:60px;background:linear-gradient(180deg,#f0d081,#c8a24a)}.rk-pod.p2 .base{height:44px;background:linear-gradient(180deg,#d2d6db,#9aa0a8)}.rk-pod.p3 .base{height:32px;background:linear-gradient(180deg,#d8a06a,#a5723f)}
.rk-list{display:flex;flex-direction:column;gap:7px}
.rk-row{display:flex;align-items:center;gap:11px;padding:10px 13px;border-radius:11px;background:rgba(255,255,255,.02);border:1px solid var(--gold-line,#3a3020)}
.rk-row.me{border-color:rgba(233,196,106,.5);background:linear-gradient(180deg,rgba(233,196,106,.09),rgba(233,196,106,.02))}
.rk-row .rnk{width:26px;text-align:center;font-family:"Cinzel",serif;font-weight:800;font-size:14px;color:var(--dim,#a9977a)}.rk-row.me .rnk{color:var(--gold-bright,#e9c46a)}
.rk-row .ndot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.rk-row .ndot.elmo{background:#6db3ff}.rk-row .ndot.karus{background:#ff6a4d}
.rk-row .nm{flex:1;font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rk-row .lv{font-size:10px;color:var(--dim,#a9977a);font-weight:600;margin-left:5px}
.rk-row .np{font-family:"Cinzel",serif;font-weight:800;font-size:14px;color:var(--gold-bright,#e9c46a)}
.pk-feed-list{display:grid;gap:6px}
.pk-feed-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;background:rgba(255,255,255,.02);border:1px solid var(--line,#3a3a44);font-size:13px}
.pk-feed-row .ff-foe{font-weight:700;flex:0 0 auto;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pk-feed-row .ff-act{flex:1;color:var(--dim,#9aa)}
.pk-feed-row .ff-np{font-weight:800}
.pk-feed-row.fw .ff-np{color:#6fcf6f}.pk-feed-row.fl .ff-np{color:#e0776a}
.feed-raid{font-size:10px;background:rgba(224,119,106,.2);color:#e0776a;padding:1px 6px;border-radius:6px;margin-left:4px}
/* --- PvP savaş panosu: Ronark Land haritası --- */
.pk-hud-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pk-viewbtn{border:1px solid var(--gold-line,#3a3020);background:rgba(233,196,106,.08);color:var(--gold-bright,#e9c46a);
  font-size:12px;font-weight:600;padding:8px 12px;border-radius:10px;cursor:pointer;white-space:nowrap}
.pkmap{position:relative;width:100%;height:min(66vh,580px);border-radius:16px;overflow:hidden;margin-top:12px;
  border:1px solid var(--gold-line,#3a3020);background:#0e0b07 url('/img/ronark-land.webp') center/cover no-repeat}
.pkmap-scrim{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(8,6,4,.5),rgba(8,6,4,.05) 22%,rgba(8,6,4,0) 45%,rgba(8,6,4,0) 60%,rgba(8,6,4,.1) 80%,rgba(8,6,4,.5)),radial-gradient(125% 80% at 50% 50%,transparent 55%,rgba(0,0,0,.5))}
.pkmap-glow{position:absolute;transform:translate(-50%,-50%);width:128px;height:128px;border-radius:50%;pointer-events:none;left:50%}
.pkmap-glow.elmo{background:radial-gradient(circle,rgba(79,139,208,.48),transparent 66%)}
.pkmap-glow.karus{background:radial-gradient(circle,rgba(217,80,63,.48),transparent 66%)}
.pkmap-lbl{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;
  font-family:"Cinzel",serif;font-weight:700;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
  padding:4px 12px;border-radius:999px;background:rgba(8,6,4,.74);white-space:nowrap;z-index:2}
.pkmap-lbl.elmo{color:#6db3ff;border:1px solid rgba(79,139,208,.55)}
.pkmap-lbl.karus{color:#ff6a4d;border:1px solid rgba(217,80,63,.55)}
.pkmap-dot{width:7px;height:7px;border-radius:50%}
.pkmap-bowl{position:absolute;left:53%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;display:grid;place-items:center;
  font-family:"Cinzel","serif";font-weight:700;font-size:12px;letter-spacing:.08em;color:var(--gold-bright,#e9c46a);
  text-shadow:0 0 12px rgba(233,196,106,.5);border:1px dashed rgba(233,196,106,.5);border-radius:50%;pointer-events:none}
.pkmap-blip{position:absolute;transform:translate(-50%,-50%);border:0;background:transparent;cursor:pointer;
  display:flex;flex-direction:column;align-items:center;gap:2px;padding:0;z-index:3}
.pkmap-blip .bic{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:16px;
  background:radial-gradient(circle at 50% 35%,#3a4a5e,#1a2230);border:2px solid #6db3ff;box-shadow:0 3px 10px rgba(0,0,0,.55)}
.pkmap-blip.karus .bic{background:radial-gradient(circle at 50% 35%,#5e3a3a,#301a1a);border-color:#ff6a4d}
.pkmap-blip.kolay .bic{box-shadow:0 3px 10px rgba(0,0,0,.55),0 0 0 3px rgba(111,207,111,.5)}
.pkmap-blip.denk  .bic{box-shadow:0 3px 10px rgba(0,0,0,.55),0 0 0 3px rgba(233,196,106,.5)}
.pkmap-blip.zor   .bic{box-shadow:0 3px 10px rgba(0,0,0,.55),0 0 0 3px rgba(224,119,106,.55)}
.pkmap-blip:active .bic{transform:scale(.92)}
.pkmap-blip .blv{font:700 9px/1 "Cinzel",serif;color:#efe4cf;background:rgba(0,0,0,.62);padding:2px 5px;border-radius:6px;border:1px solid rgba(255,255,255,.08)}
.pkmap-blip .bname{font-size:9px;color:#efe4cf;background:rgba(0,0,0,.55);padding:1px 5px;border-radius:5px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pkmap-tap{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);font-size:10px;color:var(--gold-dim,#c8a24a);
  background:rgba(8,6,4,.7);padding:3px 10px;border-radius:999px;z-index:2;letter-spacing:.04em;white-space:nowrap}
.pkmap-legend{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:10px;font-size:11px;color:var(--dim,#9aa)}
/* temiz harita işaretçisi */
.mk{position:absolute;transform:translate(-50%,-50%);cursor:pointer;z-index:3;width:38px;height:38px}
.mk .ring{position:absolute;inset:-3px;border-radius:50%}
.mk.kolay .ring{box-shadow:0 0 0 2px rgba(111,207,111,.7),0 0 10px rgba(111,207,111,.4)}
.mk.denk  .ring{box-shadow:0 0 0 2px rgba(233,196,106,.75),0 0 10px rgba(233,196,106,.4)}
.mk.zor   .ring{box-shadow:0 0 0 2px rgba(224,119,106,.8),0 0 10px rgba(224,119,106,.45)}
.mk .disc{position:absolute;inset:0;border-radius:50%;display:grid;place-items:center;font-size:15px;
  background:radial-gradient(circle at 50% 32%,#4a6d99,#16283f);border:1.5px solid rgba(255,255,255,.25);box-shadow:0 4px 10px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.15)}
.mk.karus .disc{background:radial-gradient(circle at 50% 32%,#9a3a2e,#3a120c)}
.mk:active .disc{transform:scale(.92)}
.mk .lv{position:absolute;right:-7px;bottom:-5px;font:800 9px/1 "Cinzel",serif;color:#1a1206;background:linear-gradient(180deg,#f0d081,#c8a24a);padding:2px 5px;border-radius:7px;border:1px solid rgba(0,0,0,.35);box-shadow:0 1px 3px rgba(0,0,0,.5)}
/* HUD chip */
.pk-np-chip{display:flex;flex-direction:column;line-height:1.1}
.pk-np-chip span{font-size:8px;letter-spacing:.16em;color:var(--dim,#a9977a)}
.pk-np-chip b{font-family:"Cinzel",serif;font-size:17px;color:var(--gold-bright,#e9c46a)}
.pk-def-chip{margin-left:auto;display:flex;align-items:center;gap:6px;font-family:"Cinzel",serif;font-weight:700;font-size:13px;color:var(--gold-bright,#e9c46a);border:1px solid var(--gold-line,#3a3020);border-radius:11px;padding:6px 11px;background:rgba(0,0,0,.28);white-space:nowrap}
.pk-def-chip.safe,.pk-def-chip.prot{color:#8fca7f}
.pk-def-chip .sh{font-size:13px}
/* alt kart (foe sheet) */
.pk-sheet-back{position:fixed;inset:0;background:rgba(4,3,2,.62);opacity:0;pointer-events:none;transition:opacity .22s;z-index:49}
.pk-sheet-back.on{opacity:1;pointer-events:auto}
.pk-sheet{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.94);opacity:0;pointer-events:none;transition:opacity .22s,transform .22s;z-index:50;
  width:min(88%,360px);background:linear-gradient(180deg,var(--panel2,#241d14),var(--panel,#1b1610));border:1px solid var(--gold-line,#3a3020);
  border-radius:20px;padding:20px 18px;box-shadow:0 26px 74px rgba(0,0,0,.6)}
.pk-sheet.on{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
.pks-grab{display:none}
.pks-top{display:flex;align-items:center;gap:13px}
.pks-por{width:52px;height:52px;border-radius:13px;display:grid;place-items:center;font-size:26px;background:radial-gradient(circle at 50% 30%,#4a6d99,#16283f);border:2px solid #6db3ff}
.pks-por.karus{background:radial-gradient(circle at 50% 30%,#9a3a2e,#3a120c);border-color:#ff6a4d}
.pks-name{font-family:"Cinzel",serif;font-weight:700;font-size:18px}
.pks-sub{font-size:12px;color:var(--dim,#a9977a);margin-top:2px}
.pks-x{margin-left:auto;width:30px;height:30px;border-radius:9px;border:1px solid var(--gold-line,#3a3020);background:transparent;color:var(--dim,#a9977a);font-size:14px;cursor:pointer}
.pks-stats{display:flex;gap:8px;margin:14px 0}
.pks-st{flex:1;background:rgba(0,0,0,.28);border:1px solid var(--gold-line,#3a3020);border-radius:11px;padding:9px;text-align:center}
.pks-st span{display:block;font-size:9px;letter-spacing:.1em;color:var(--dim,#a9977a);text-transform:uppercase;margin-bottom:3px}
.pks-st b{font-family:"Cinzel",serif;font-size:17px}
.pks-atk{width:100%;padding:14px;border-radius:13px;border:1px solid var(--karus,#d9503f);font-family:"Cinzel",serif;font-weight:700;font-size:16px;letter-spacing:.04em;color:#fff;background:linear-gradient(180deg,#d9503f,#a5342a);box-shadow:0 6px 18px rgba(217,80,63,.3);cursor:pointer}
.pks-atk:active{transform:translateY(1px)}
.wk{color:#6fcf6f}.wd{color:var(--gold-bright,#e9c46a)}.wz{color:#e0776a}
.pkmap-fac{width:17px;height:17px;object-fit:contain;border-radius:3px;flex-shrink:0}
.rk-emb img{width:100%;height:100%;object-fit:contain;border-radius:7px}
/* PK Geçmişim (feed) kartları */
.fd-list{display:flex;flex-direction:column;gap:9px}
.fd-row{display:flex;align-items:center;gap:12px;padding:11px 13px 11px 14px;border-radius:12px;background:linear-gradient(180deg,rgba(40,32,22,.5),rgba(27,22,16,.5));border:1px solid var(--gold-line,#3a3020);position:relative;overflow:hidden}
.fd-row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}
.fd-row.win::before{background:linear-gradient(180deg,#6fcf6f,#3f8f4f)}
.fd-row.lose::before{background:linear-gradient(180deg,#e0776a,#a5453a)}
.fd-ic{width:42px;height:42px;border-radius:11px;flex-shrink:0;border:1.5px solid;overflow:hidden;background:#16283f}
.fd-ic img{width:100%;height:100%;object-fit:cover;display:block}
.fd-ic.human{border-color:#6db3ff}.fd-ic.karus{border-color:#ff6a4d;background:#3a120c}
.fd-mid{flex:1;min-width:0}
.fd-name{font-family:"Cinzel",serif;font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fd-res{font-size:11px;margin-top:3px;color:var(--dim,#a9977a);display:flex;align-items:center;gap:7px}
.fd-res .r{font-weight:600}.fd-res.win .r{color:#6fcf6f}.fd-res.lose .r{color:#e0776a}
.fd-raid{font-size:9px;letter-spacing:.06em;text-transform:uppercase;background:rgba(224,119,106,.18);color:#eaa;padding:2px 6px;border-radius:5px}
.fd-np{font-family:"Cinzel",serif;font-weight:800;font-size:16px;flex-shrink:0}
.fd-np.win{color:#6fcf6f}.fd-np.lose{color:#e0776a}
.raid-foe{display:flex;align-items:center;gap:12px;padding:12px;border-radius:13px;background:radial-gradient(120% 100% at 0% 0%,rgba(201,80,63,.16),transparent 60%),rgba(0,0,0,.28);border:1px solid rgba(201,80,63,.35);margin-bottom:12px}
.raid-crest{width:46px;height:46px;border-radius:11px;display:grid;place-items:center;overflow:hidden;flex-shrink:0;border:2px solid #8a2e24;background:#2a120c}
.raid-crest.elmorad{border-color:#5b96d6;background:#12233a}
.raid-crest img{width:100%;height:100%;object-fit:contain}
.raid-foe-id{flex:1;min-width:0}
.raid-foe-name{font-family:"Cinzel",serif;font-weight:700;font-size:18px;color:var(--parch,#e9dcc2);line-height:1.15}
.raid-foe-sub{font-size:12px;color:var(--dim,#9aa);margin-top:2px}
.raid-hit{margin:0 0 8px;font-weight:700;font-size:13px;color:#ffb0a3}
.raid-note{margin:0;color:var(--parch-dim,#b7a683);font-size:12.5px;line-height:1.5}
.raid-note b{color:var(--gold-bright,#f0cf6e)}
.raid-btns{display:flex;gap:10px;margin-top:16px}
.raid-btn{padding:13px;border-radius:12px;font-family:"Cinzel",serif;font-weight:700;font-size:15px;cursor:pointer;border:1px solid;display:flex;align-items:center;justify-content:center;gap:8px;transition:.12s}
.raid-btn:active{transform:scale(.98)}
.raid-btn.fight{flex:1;background:linear-gradient(180deg,#d05744,#8a2e24);border-color:#e0776a;color:#fff;box-shadow:0 6px 18px -6px rgba(201,80,63,.7)}
.raid-btn.fight:hover{filter:brightness(1.06)}
.raid-btn.flee{flex:0 0 auto;padding:13px 22px;background:linear-gradient(180deg,#2c2114,#1c1409);border-color:#6a5527;color:var(--parch-dim,#b7a683)}
/* Ronark Land'e Giriş modalı */
.ronark-warn-modal{max-width:400px;width:100%;padding:0;overflow:hidden;border:1px solid var(--gold-line,#3a3020)}
.rw-crest{height:112px;background:#0f0a05;position:relative;border-bottom:1px solid var(--gold-line,#3a3020)}
.rw-crest img{width:100%;height:100%;object-fit:cover;object-position:center 40%;opacity:.6;display:block}
.rw-crest::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,10,5,0) 30%,rgba(19,12,6,.95))}
.rw-title{margin:0;padding:0 18px;position:absolute;left:0;bottom:12px;z-index:2;font-size:23px;color:var(--gold-bright,#f0cf6e);text-shadow:0 2px 10px #000}
#ronarkWarnBody{padding:14px 18px 0}
.rw-lead{margin:0 0 13px;color:var(--parch-dim,#b7a683);font-size:13px;line-height:1.5}
.rw-rows{display:flex;flex-direction:column;gap:9px}
.rw-row{display:flex;gap:11px;align-items:center;font-size:13px;line-height:1.4;color:var(--parch,#e9dcc2)}
.rw-ic{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:16px;background:rgba(0,0,0,.3);border:1px solid var(--gold-line,#3a3020);border-radius:9px}
.rw-row.warn{color:var(--gold-bright,#f0cf6e)}
.rw-row.warn .rw-ic{border-color:#7a5a20;background:rgba(200,162,74,.15)}
.rw-btns{display:flex;gap:10px;padding:16px 18px 18px}
.rw-btn{flex:1;padding:13px;border-radius:11px;font-family:"Cinzel",serif;font-weight:700;font-size:14px;cursor:pointer;transition:.14s;border:1px solid}
.rw-btn.enter{background:linear-gradient(180deg,rgba(200,162,74,.36),rgba(200,162,74,.16));border-color:var(--gold,#c8a24a);color:var(--gold-bright,#f0cf6e);box-shadow:0 4px 16px -4px rgba(200,162,74,.4)}
.rw-btn.enter:active{transform:translateY(1px)}
.rw-btn.cancel{flex:0 0 auto;padding:13px 22px;background:rgba(0,0,0,.24);border-color:var(--gold-line,#3a3020);color:var(--parch-dim,#b7a683)}
.rw-btn.cancel:active{transform:translateY(1px)}
/* PWA Ana Ekrana Ekle modalı */
.a2hs-modal{max-width:380px;width:100%}
.a2-head{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.a2-head img{width:52px;height:52px;border-radius:12px;border:1px solid var(--gold-line,#3a3020)}
.a2-title{font-family:"Cinzel",serif;font-weight:700;font-size:19px;color:var(--gold-bright,#f0cf6e)}
.a2-sub{font-size:12px;color:var(--parch-dim,#b7a683);margin-top:2px}
.a2-row{display:flex;gap:11px;align-items:center;font-size:13.5px;line-height:1.45;color:var(--parch,#e9dcc2);padding:9px 0;border-top:1px solid rgba(255,255,255,.06)}
.a2-num{flex-shrink:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-family:"Cinzel",serif;font-weight:700;font-size:13px;color:#0f0a05;background:linear-gradient(180deg,#f0cf6e,#c8a24a);border-radius:50%}
.raid-btn.flee:hover{border-color:var(--gold,#c8a24a);color:var(--gold-bright,#f0cf6e)}
.pf-wanted{display:inline-flex;align-items:center;gap:3px;font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#f0cf6e;background:rgba(240,207,110,.14);border:1px solid rgba(240,207,110,.42);padding:1px 6px;border-radius:6px;margin-left:6px;vertical-align:middle;white-space:nowrap}
.mk.wanted .ring{box-shadow:0 0 0 2px rgba(240,207,110,.95),0 0 14px rgba(240,207,110,.6)!important;animation:wantPulse 1.4s ease-in-out infinite}
.mk .crown{position:absolute;left:50%;top:-15px;transform:translateX(-50%);font-size:13px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7));pointer-events:none}
@keyframes wantPulse{0%,100%{opacity:1}50%{opacity:.5}}
.pk-wanted-chip{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border-radius:999px;background:rgba(240,207,110,.14);border:1px solid rgba(240,207,110,.45);color:#f0cf6e;font-weight:700;font-size:11px;white-space:nowrap}
.pks-bounty{margin:12px 0 0;padding:10px 12px;border-radius:11px;background:rgba(240,207,110,.12);border:1px solid rgba(240,207,110,.42);color:#f0cf6e;font-weight:700;font-size:13px;text-align:center}
.pkr-bounty{margin-top:8px;font-size:14px;font-weight:800;color:#f0cf6e}
.pkr-wanted-warn{margin-top:10px;padding:8px 10px;border-radius:10px;background:rgba(240,207,110,.1);border:1px solid rgba(240,207,110,.35);color:#f0cf6e;font-size:12px;font-weight:600;line-height:1.4}
.rk-tabs{display:flex;gap:6px;margin-bottom:14px;background:rgba(0,0,0,.25);border:1px solid var(--gold-line,#3a3020);border-radius:12px;padding:4px}
.rk-tab{flex:1;padding:8px 4px;border:0;background:transparent;color:var(--dim,#a9977a);font-family:"Cinzel",serif;font-weight:700;font-size:12px;border-radius:9px;cursor:pointer;white-space:nowrap}
.rk-tab.on{background:linear-gradient(180deg,#3a2e18,#241c10);color:var(--gold-bright,#e9c46a)}
.info-box-back{display:none;position:fixed;inset:0;background:rgba(4,3,2,.62);z-index:120;place-items:center;padding:22px}
.info-box-back.on{display:grid}
.info-box{max-width:330px;width:100%;background:linear-gradient(180deg,#241d14,#15100a);border:1px solid var(--gold-line,#3a3020);border-radius:18px;padding:20px;box-shadow:0 26px 74px rgba(0,0,0,.6)}
.info-box .ib-t{font-family:"Cinzel",serif;font-weight:700;font-size:17px;color:var(--gold-bright,#e9c46a);margin-bottom:10px}
.info-box .ib-x{font-size:13.5px;line-height:1.6;color:var(--parch,#e9dcc2)}
.info-box .ib-ok{margin-top:16px;width:100%;padding:12px;border-radius:12px;border:1px solid var(--gold,#b8923f);background:linear-gradient(180deg,#e0bd63,#b6892f);color:#241a0a;font-family:"Cinzel",serif;font-weight:700;font-size:14px;cursor:pointer}
.sk-fx{margin-top:5px;font-size:11.5px;font-weight:700;color:var(--gold-bright);background:rgba(200,162,74,.10);border:1px solid rgba(200,162,74,.28);border-radius:7px;padding:3px 8px;display:inline-block}
.sk-fx.passive{color:#7fc98a;background:rgba(90,170,90,.10);border-color:rgba(90,170,90,.28)}
.sym-badge{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-right:4px;flex:0 0 auto}
.sym-badge img{width:100%;height:100%;object-fit:contain;display:block}
.sym-badge .sym-l{font-family:'Cinzel',serif;font-weight:800;font-size:10px;line-height:1;color:var(--sc)}
.grp-card{background:linear-gradient(#1c150c,#140e08);border:1px solid var(--border);border-radius:14px;padding:14px;margin-bottom:12px}
.grp-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.grp-title{font-family:'Cinzel',serif;font-weight:700;font-size:16px;color:var(--gold-bright)}
.grp-count{font-size:13px;font-weight:800;color:var(--parch);background:#0d0a06;border:1px solid var(--border-lt);border-radius:999px;padding:2px 10px}
.grp-list{display:flex;flex-direction:column;gap:8px}
.grp-mem{display:flex;align-items:center;gap:10px;background:#0e0a06;border:1px solid var(--border);border-radius:10px;padding:9px 11px}
.grp-dot{width:9px;height:9px;border-radius:50%;background:#5a5148;flex:0 0 auto;box-shadow:0 0 0 2px #0e0a06}
.grp-dot.on{background:#54c06a;box-shadow:0 0 6px #54c06a}
.grp-mi{flex:1;min-width:0}
.grp-nm{font-weight:700;color:var(--parch);font-size:14px}
.grp-sub{font-size:11.5px;color:var(--parch-dim)}
.grp-vit{display:flex;gap:6px;margin-top:6px}
.grp-vit.off{font-size:10.5px;color:var(--parch-dim);opacity:.7;margin-top:4px;font-style:italic}
.grp-bar{position:relative;flex:1;height:14px;border-radius:7px;background:#1a130b;border:1px solid var(--border);overflow:hidden}
.grp-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:7px;transition:width .35s ease}
.grp-bar.hp i{background:linear-gradient(90deg,#9c2b20,#d24435)}
.grp-bar.mp i{background:linear-gradient(90deg,#22578c,#3a7fc4)}
.grp-bar b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.75);font-family:"Cabin",system-ui,sans-serif;letter-spacing:.2px}
.war-banner{display:flex;align-items:center;gap:8px;padding:7px 14px;background:linear-gradient(90deg,#2a1410,#3a1d14);border-bottom:1px solid #6e3b28;cursor:pointer;font-family:"Cabin",system-ui,sans-serif}
.war-banner.on{background:linear-gradient(90deg,#4a1410,#7a2418);border-bottom-color:#c0503a;animation:warpulse 2.4s ease-in-out infinite}
@keyframes warpulse{0%,100%{box-shadow:inset 0 0 0 rgba(224,90,60,0)}50%{box-shadow:inset 0 -2px 14px rgba(224,90,60,.4)}}
.war-banner .wb-ic{font-size:15px}
.war-banner .wb-tx{flex:1;font-weight:700;font-size:12.5px;color:var(--parch)}
.war-banner .wb-cd{font-weight:800;font-size:13px;color:#ffd9c8;font-variant-numeric:tabular-nums;letter-spacing:.5px}
.war-banner .wb-go{color:#ffb89e;font-size:16px;font-weight:700}
.war-town{position:relative;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:13px 14px;border-radius:12px;cursor:pointer;overflow:hidden;background:linear-gradient(135deg,#3a1712,#22100b);border:1px solid #7a3b28;box-shadow:0 3px 12px rgba(0,0,0,.35);font-family:"Cabin",system-ui,sans-serif;transition:.14s}
.war-town::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#e0563c,#a02d21)}
.war-town.on{background:linear-gradient(135deg,#5a1812,#3a100b);border-color:#c0503a;animation:warpulse 2.4s ease-in-out infinite}
.war-town:hover{border-color:#e0563c;transform:translateY(-2px);box-shadow:0 6px 18px #0008}
.war-town:active{transform:translateY(0)}
.war-town .wt-row{display:flex;align-items:center;gap:6px}
.war-town .wt-ic{font-size:16px;line-height:1;filter:drop-shadow(0 1px 2px #000)}
.war-town .wt-t{flex:1;font-family:"Cinzel",serif;font-weight:700;font-size:13px;color:#ffd9c8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.war-town .wt-badge{background:#c0503a;color:#fff;font-weight:800;font-size:10px;padding:1px 6px;border-radius:6px;flex:none}
.war-town .wt-cd{font-family:"Cinzel",serif;font-weight:800;font-size:23px;color:#ffe1d2;font-variant-numeric:tabular-nums;letter-spacing:.5px;line-height:1.08;margin-top:3px}
.war-town .wt-sub{font-size:10.5px;color:#e0a692;font-weight:600}
.warinfo-modal{max-width:420px;width:100%;padding:0;text-align:left;overflow:auto;max-height:90vh;background:linear-gradient(#20190f,#14100a);border:1px solid #4a3a24;border-radius:18px;position:relative}
.warinfo-modal::before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#a02d21,#e0563c,#a02d21)}
.wi-head{display:flex;align-items:center;gap:10px;padding:13px 18px 8px}
.wi-crest{width:36px;height:36px;flex:none;display:flex;align-items:center;justify-content:center;font-size:19px;border-radius:10px;background:radial-gradient(circle at 30% 25%,#5a1812,#2a0f0a);border:1px solid #7a3b28;filter:drop-shadow(0 2px 3px #000)}
.wi-title{flex:1;min-width:0}
.wi-title h1{margin:0;font-family:'Cinzel',serif;font-weight:800;font-size:18px;color:#ffe1d2;letter-spacing:.4px;line-height:1.05}
.wi-title .wi-sub{font-size:11px;color:var(--parch-dim);margin-top:2px}
.wi-close{flex:none;width:30px;height:30px;border-radius:9px;border:1px solid var(--border);background:#0e0b07;color:var(--parch-dim);font-size:16px;cursor:pointer;line-height:1}
.wi-hcd{flex:none;font-family:'Cinzel',serif;font-weight:800;font-size:14px;font-variant-numeric:tabular-nums;letter-spacing:.5px;padding:4px 9px;border-radius:8px;white-space:nowrap}
.wi-hcd.on{background:linear-gradient(90deg,#5a1712,#7a2418);color:#ffe1d2;border:1px solid #c0503a;animation:warpulse 2.2s ease-in-out infinite}
.wi-hcd.next{background:#1c140d;color:var(--parch-dim);border:1px solid var(--border)}
.wi-status{align-self:flex-start;margin:0 18px 4px;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;padding:6px 12px;border-radius:999px;letter-spacing:.3px}
.wi-status.on{background:linear-gradient(90deg,#5a1712,#7a2418);color:#ffe1d2;border:1px solid #c0503a;animation:warpulse 2.2s ease-in-out infinite}
.wi-status.next{background:#1c140d;color:var(--parch-dim);border:1px solid var(--border)}
.wi-status .wi-dot{width:8px;height:8px;border-radius:50%}
.wi-status.on .wi-dot{background:#e0563c;box-shadow:0 0 8px #e0563c}
.wi-status.next .wi-dot{background:#6b5e44}
.wi-status .wi-cd{font-variant-numeric:tabular-nums;letter-spacing:.5px}
.wi-body{padding:8px 18px 4px}
.wi-hl{color:#ffe1d2}
.wi-intro{font-size:12.5px;line-height:1.45;color:var(--parch);margin:2px 0 11px}
.wi-sec{margin:0 0 10px}
.wi-sech{display:flex;align-items:center;gap:8px;margin-bottom:5px}
.wi-secic{width:24px;height:24px;flex:none;display:flex;align-items:center;justify-content:center;font-size:14px;border-radius:7px;background:#2a1712;border:1px solid #5a3020}
.wi-sech h2{margin:0;font-family:'Cinzel',serif;font-weight:700;font-size:13.5px;color:var(--gold-bright);letter-spacing:.3px}
.wi-sec p{margin:0;font-size:13px;line-height:1.5;color:var(--parch)}
.wi-note{font-family:'Cabin';font-weight:500;font-size:11px;color:var(--parch-dim)}
.wi-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.wi-steps li{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--parch)}
.wi-n{width:20px;height:20px;flex:none;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;border-radius:50%;background:#c0503a;color:#fff}
.wi-rw{display:flex;flex-direction:column;gap:6px}
.wi-rwrow{display:flex;align-items:center;gap:9px;font-size:12.5px;background:#181109;border:1px solid #2b2417;border-radius:9px;padding:7px 11px}
.wi-medal{font-size:15px;flex:none}
.wi-rwrow .wi-lbl{flex:1;color:var(--parch-dim)}
.wi-rwrow .wi-val{font-weight:800;color:#ffe1d2;font-variant-numeric:tabular-nums}
.wi-buff{font-size:12px;line-height:1.45;color:var(--parch);background:linear-gradient(90deg,#241410,#1a120b);border:1px solid #4a2a1c;border-radius:9px;padding:9px 11px;margin-top:2px}
.wi-buff b{color:#ffe1d2}
.wi-foot{padding:10px 18px 13px;border-top:1px solid #2b2417;background:linear-gradient(#14100a,#100c07)}
.wi-cta{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;font-family:'Cinzel',serif;font-weight:800;font-size:15.5px;letter-spacing:.4px;padding:12px;border:0;border-radius:12px;cursor:pointer;color:#fff;background:linear-gradient(180deg,#d24435,#9c2a1e);box-shadow:0 4px 16px rgba(180,50,40,.45),inset 0 1px 0 rgba(255,190,170,.35)}
.wi-cta:active{transform:translateY(1px)}
.wi-foot-hint{text-align:center;font-size:10.5px;color:#6b5e44;margin-top:6px}
.warinfo-modal.bf-modal::before{background:linear-gradient(90deg,#6f37cf,#9a63ec,#6f37cf)}
.wi-crest.bf-crest{background:radial-gradient(circle at 30% 25%,#3a2456,#1f1533);border-color:#7a4fb0}
.wi-hcd.bf-on{background:linear-gradient(90deg,#3a2456,#5a2f8a);color:#e6d5ff;border:1px solid #9a63ec;animation:warpulse 2.2s ease-in-out infinite}
.wi-secic.bf-secic{background:#2a1e3a;border-color:#5a3f7a;color:#c9a6ff}
.wi-hl.bf-hl{color:#c9a6ff}
.wi-n.bf-n{background:#7a4fb0}
.wi-cta.bf-cta2{background:linear-gradient(180deg,#9a63ec,#6f37cf);box-shadow:0 4px 16px rgba(122,79,176,.5),inset 0 1px 0 rgba(220,200,255,.35)}
.bf-frag{font-weight:700;font-size:11.5px;white-space:nowrap}
.wh-help{text-align:center;margin-top:10px;padding-top:9px;border-top:1px solid rgba(255,180,150,.12);font-size:11.5px;font-weight:700;color:#e0a692;cursor:pointer}
.warhub{background:linear-gradient(135deg,#2a1410,#1c0f0a);border:1px solid #7a3b28;border-radius:14px;padding:13px 15px;margin-bottom:12px;box-shadow:0 4px 18px rgba(0,0,0,.4)}
.warhub-top{display:flex;align-items:center;gap:8px;margin-bottom:9px}
.warhub-top .wh-ic{font-size:17px}
.warhub-top .wh-title{flex:1;font-family:"Cinzel",serif;font-weight:700;font-size:15px;color:#ffd9c8}
.warhub-top .wh-mult{background:#c0503a;color:#fff;font-weight:800;font-size:11px;padding:2px 8px;border-radius:8px}
.warhub-top .wh-cd{font-weight:800;font-size:14px;color:#ffd9c8;font-variant-numeric:tabular-nums}
.wh-nat{display:flex;justify-content:space-between;font-size:11px;color:var(--parch-dim);margin-bottom:4px}
.wh-nat .e{color:#6fa3d8}.wh-nat .k{color:#d87a6a}
.wh-bar{height:10px;border-radius:5px;overflow:hidden;display:flex;background:#1a130b;border:1px solid var(--border);margin-bottom:10px}
.wh-bar .el{background:linear-gradient(90deg,#2f6fb0,#4a8fd0)}.wh-bar .ka{background:linear-gradient(90deg,#d24435,#a02d21)}
.wh-board{display:flex;flex-direction:column;gap:4px}
.wh-row{display:flex;align-items:center;gap:7px;font-size:12px}
.wh-row .wh-rk{width:16px;text-align:center;font-weight:700;color:var(--gold)}
.wh-row .wh-nm{flex:1;color:var(--parch);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wh-row .wh-np{font-weight:700;color:#ffd9c8;font-size:11px}
.wh-empty{text-align:center;color:var(--parch-dim);font-size:12px;padding:8px}
.wh-mine{margin-top:9px;padding-top:8px;border-top:1px solid var(--border);text-align:center;font-size:12px;font-weight:700;color:var(--gold-bright)}
.grp-note{margin-top:11px;font-size:12px;font-weight:700;color:#7fc98a;background:rgba(90,170,90,.10);border:1px solid rgba(90,170,90,.26);border-radius:8px;padding:7px 10px}
.grp-desc{font-size:13px;color:var(--parch-dim);line-height:1.55;margin:2px 0 12px}
.grp-invite{display:flex;gap:8px;margin-top:12px}
.grp-invite input{flex:1;min-width:0;background:#0e0a06;border:1px solid var(--border-lt);border-radius:9px;color:var(--parch);padding:9px 11px;font-family:inherit;font-size:14px}
.grp-pend{margin-top:12px;border-top:1px solid var(--border);padding-top:10px}
.grp-pend-h{font-size:12px;font-weight:700;color:var(--parch-dim);margin-bottom:6px}
.grp-pr{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:var(--parch);padding:4px 0}
.grp-leave{margin-top:14px;width:100%}
.chip.gold{background:linear-gradient(180deg,#f0cf6e,#c8a24a);color:#1a1206;border:1px solid var(--gold);font-weight:800}
.chat-banner.party{background:rgba(120,90,200,.12);border-color:rgba(150,120,220,.3)}
.tb-badge{display:inline-grid;place-items:center;min-width:16px;height:16px;padding:0 4px;margin-left:5px;border-radius:9px;background:linear-gradient(180deg,#e0553f,#b02a2a);color:#fff;font-family:'Cabin',sans-serif;font-weight:800;font-size:10px;line-height:1;border:1px solid #ff8a6f;box-shadow:0 1px 3px #0007}
.mail-modal{max-width:420px;text-align:left}
.mail-load,.mail-empty{color:var(--parch-dim);text-align:center;padding:22px 10px;font-size:13px}
.mail-list{display:flex;flex-direction:column;gap:10px;max-height:60vh;overflow-y:auto}
.mail-item{background:linear-gradient(#1c150c,#140e08);border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:12px;padding:12px 13px}
.mail-h{font-family:'Cinzel',serif;font-weight:700;font-size:15px;color:var(--gold-bright)}
.mail-b{font-size:13px;color:var(--parch-dim);line-height:1.5;margin-top:5px;white-space:normal}
.mail-rw{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.mail-chip{font-size:11.5px;font-weight:700;color:var(--parch);background:#0d0a06;border:1px solid var(--border-lt);border-radius:999px;padding:3px 9px}
.mail-chip-img{width:16px;height:16px;object-fit:contain;vertical-align:middle;border-radius:3px;margin-right:1px}
.mail-claim{margin-top:11px;width:100%;padding:10px;border-radius:10px;border:1px solid var(--gold);background:linear-gradient(180deg,#f0cf6e,#c8a24a);color:#1a1206;font-family:'Cinzel',serif;font-weight:800;font-size:14px;cursor:pointer;transition:.12s}
.mail-claim:active{transform:scale(.98)}
.mail-claim:disabled{opacity:.5;cursor:default}
/* ===== Paralı Asker — Gacha ===== */
.mg-tabs{display:flex;gap:6px;margin-bottom:14px}
.mg-tab{flex:1;padding:9px 4px;border-radius:9px;border:1px solid var(--bd,#2a3547);background:var(--panel,#151b26);color:#9fb0c5;font-family:'Cabin',sans-serif;font-weight:700;font-size:12px;cursor:pointer;transition:.12s}
.mg-tab.on{background:linear-gradient(180deg,#2a2012,#1a1308);border-color:var(--gold,#b8923f);color:var(--gold,#e7c56b)}

/* ===== Premium Yoldaş Kartı (tam ekran) ===== */
.mgf-modal{position:fixed;inset:0;z-index:9500;display:none;flex-direction:column;background:#0a0c11}
.mgf-stage{position:relative;flex:1 1 60%;overflow:hidden;min-height:340px}
.mgf-bg{position:absolute;inset:0;background:radial-gradient(90% 60% at 50% 34%,#2a2418 0%,#16161d 45%,#0b0c11 100%)}
.mgf-rays{position:absolute;top:-10%;left:50%;width:640px;height:640px;transform:translateX(-50%);opacity:.85;
  background:conic-gradient(from 0deg,transparent 0deg,rgba(255,216,115,.10) 8deg,transparent 16deg,transparent 30deg,rgba(255,216,115,.07) 38deg,transparent 46deg,transparent 60deg,rgba(255,216,115,.10) 68deg,transparent 76deg,transparent 90deg,rgba(255,216,115,.06) 98deg,transparent 106deg,transparent 130deg,rgba(255,216,115,.09) 138deg,transparent 146deg,transparent 170deg,rgba(255,216,115,.07) 178deg,transparent 186deg,transparent 210deg,rgba(255,216,115,.10) 218deg,transparent 226deg,transparent 250deg,rgba(255,216,115,.06) 258deg,transparent 266deg,transparent 290deg,rgba(255,216,115,.09) 298deg,transparent 306deg,transparent 330deg,rgba(255,216,115,.08) 338deg,transparent 346deg,transparent 360deg);
  animation:mgfspin 44s linear infinite}
@keyframes mgfspin{to{transform:translateX(-50%) rotate(360deg)}}
.mgf-halo{position:absolute;top:8%;left:50%;transform:translateX(-50%);width:440px;height:520px;filter:blur(10px);animation:mgfbreathe 5s ease-in-out infinite}
@keyframes mgfbreathe{0%,100%{opacity:.7;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.05)}}
.mgf-disc{position:absolute;bottom:6%;left:50%;transform:translateX(-50%);width:300px;height:66px;filter:blur(3px)}
.mgf-char{position:absolute;bottom:0;left:0;right:0;top:20%;display:flex;align-items:flex-end;justify-content:center;z-index:1}
.mgf-char img{height:100%;width:auto;max-width:100%;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 10px 26px rgba(0,0,0,.55)) drop-shadow(0 0 40px rgba(239,159,39,.15))}
.mgf-fallback{width:180px;height:320px;align-items:center;justify-content:center;font-size:90px;opacity:.85}
.mgf-fadetop{position:absolute;top:0;left:0;right:0;height:22%;background:linear-gradient(180deg,rgba(10,12,17,.55),transparent);z-index:2}
.mgf-fade{position:absolute;bottom:0;left:0;right:0;height:36%;background:linear-gradient(180deg,transparent,rgba(10,12,17,.6) 55%,#0a0c11 92%);z-index:2}
.mgf-feetstars{position:absolute;bottom:14px;left:0;right:0;text-align:center;z-index:4;font-size:26px;letter-spacing:5px;pointer-events:none}
.mgf-feetstars span{background:linear-gradient(180deg,#ffe89a,#f0b429 55%,#d4901a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 5px rgba(0,0,0,.8)) drop-shadow(0 0 10px rgba(240,180,41,.55))}
.mgf-feetstars span.off{-webkit-text-fill-color:#4a4433;color:#4a4433;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}
.mgf-close{position:absolute;top:16px;right:16px;z-index:6;width:34px;height:34px;border-radius:50%;background:rgba(10,12,17,.5);border:1px solid rgba(255,255,255,.12);color:#cdd6e2;font-size:17px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px);cursor:pointer}
.mgf-rar{position:absolute;top:16px;left:16px;z-index:6;text-align:center}
.mgf-em{font-family:'Cinzel',serif;font-weight:900;font-size:32px;letter-spacing:1px;line-height:1;background:linear-gradient(180deg,#fff3cf,#f6dd94 35%,#e89b1f 70%,#b8801c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}
.mgf-rsub{margin-top:3px;font-size:9px;font-weight:800;letter-spacing:3px;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.mgf-name{position:absolute;top:15px;left:0;right:0;text-align:center;z-index:5;pointer-events:none;padding-bottom:24px;background:linear-gradient(180deg,rgba(10,12,17,.85) 30%,rgba(10,12,17,.4) 70%,transparent)}
.mgf-name h1{font-family:'Cinzel',serif;font-weight:800;font-size:24px;letter-spacing:1.5px;background:linear-gradient(180deg,#fff,#e7d6ac);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 10px rgba(0,0,0,.7))}
.mgf-deco{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:5px}
.mgf-line{width:38px;height:1px;background:linear-gradient(90deg,transparent,var(--gold,#c8a24a))}
.mgf-line.r{background:linear-gradient(90deg,var(--gold,#c8a24a),transparent)}
.mgf-chip{width:26px;height:26px;border-radius:8px;background:rgba(15,19,28,.75);border:1px solid rgba(246,221,148,.35);display:flex;align-items:center;justify-content:center;font-size:13px}
.mgf-title{margin-top:6px;font-size:12px;color:#c9b48f;font-style:italic;text-shadow:0 1px 4px rgba(0,0,0,.7)}
.mgf-nav{position:absolute;top:46%;z-index:6;width:40px;height:40px;border-radius:50%;background:rgba(10,12,17,.5);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;color:#e7d6ac;font-size:22px;font-family:'Cinzel',serif;cursor:pointer}
.mgf-nav.l{left:12px}.mgf-nav.r{right:12px}
.mgf-panel{position:relative;z-index:6;padding:14px 18px calc(24px + env(safe-area-inset-bottom,20px));flex:1 1 40%;overflow-y:auto;-webkit-overflow-scrolling:touch}
.mgf-toprow{display:flex;align-items:stretch;gap:10px;margin-bottom:10px}
.mgf-power{display:flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;padding:0 16px;border-radius:14px;position:relative;background:linear-gradient(180deg,#8a2328,#5c1519);border:1px solid #c15055;box-shadow:0 4px 16px rgba(0,0,0,.45),0 0 0 1px rgba(255,180,120,.12) inset}
.mgf-power .fist{font-size:15px}
.mgf-power b{font-family:'Cinzel',serif;font-weight:800;font-size:18px;color:#ffe3b5;letter-spacing:.3px;line-height:1}
.mgf-power .u{font-size:9px;color:#e8a8ab;text-transform:uppercase;letter-spacing:.5px;font-weight:700}
.mgf-stars{text-align:center;margin-bottom:10px;font-size:16px;letter-spacing:2px}
.mgf-stars span{background:linear-gradient(180deg,#ffe08a,#e89b1f);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 3px rgba(239,159,39,.4))}
.mgf-stars span.off{-webkit-text-fill-color:#3a3d47;color:#3a3d47}
.mgf-shard{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.mgf-shard-ic{width:40px;height:40px;border-radius:12px;flex-shrink:0;background:linear-gradient(180deg,#33280f,#1a1308);border:1px solid #6a5528;display:flex;align-items:center;justify-content:center;font-size:19px}
.mgf-shard-bar{flex:1;height:24px;border-radius:12px;background:#131720;border:1px solid #2b3442;position:relative;overflow:hidden}
.mgf-shard-fill{position:absolute;left:1px;top:1px;bottom:1px;border-radius:11px;background:linear-gradient(90deg,#b8801c,#f6dd94);box-shadow:0 0 12px rgba(246,221,148,.5);transition:width .4s}
.mgf-shard-txt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#f4ecd8;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.mgf-locked{text-align:center;font-size:12px;color:#9fb0c5;margin-bottom:14px;padding:10px;background:rgba(15,19,28,.6);border:1px solid #2b3442;border-radius:10px}
.mgf-cta{flex:1 1 auto;min-width:0;padding:0 14px;min-height:52px;border-radius:14px;border:none;position:relative;overflow:hidden;font-family:'Cinzel',serif;font-weight:800;font-size:15px;letter-spacing:.5px;background:linear-gradient(180deg,#f9dc8a,#d4ac52 60%,#b88a34);color:#241704;box-shadow:0 6px 20px rgba(200,162,74,.4),0 0 0 1px rgba(255,240,200,.4) inset;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center}
.mgf-cta.owned{background:linear-gradient(180deg,#2f2513,#1a1308);color:#f6dd94;box-shadow:0 4px 14px rgba(0,0,0,.4),0 0 0 1px rgba(246,221,148,.35) inset}
.mgf-special{font-size:12px;color:#f6dd94;background:rgba(42,32,18,.7);border:1px solid #5a481f;border-radius:10px;padding:9px 12px;margin-bottom:10px;text-align:center}
.mgf-story{font-size:12px;font-style:italic;color:#b9c2d0;line-height:1.6;padding:10px 12px;background:rgba(13,17,23,.6);border-radius:10px;margin-bottom:12px}
.mgf-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.mgf-stat{background:rgba(13,17,23,.6);border:1px solid #1f2733;border-radius:10px;padding:9px 12px}
.mgf-stat span{font-size:10px;color:#9fb0c5;display:block}
.mgf-stat b{font-size:16px;color:#f4ecd8}

/* ===== Kahramanlar — Premium Çağır (banner vitrin) ===== */
.mgb{position:relative;border-radius:18px;overflow:hidden;margin-bottom:12px;min-height:300px;
  background:radial-gradient(90% 70% at 50% 20%,#2a2418 0%,#16161d 50%,#0b0c11 100%);
  border:1px solid rgba(255,255,255,.06)}
.mgb-rays{position:absolute;top:-20%;left:50%;width:520px;height:520px;transform:translateX(-50%);opacity:.7;
  background:conic-gradient(from 0deg,transparent 0deg,rgba(255,216,115,.09) 8deg,transparent 16deg,transparent 40deg,rgba(255,216,115,.06) 48deg,transparent 56deg,transparent 80deg,rgba(255,216,115,.09) 88deg,transparent 96deg,transparent 130deg,rgba(255,216,115,.05) 138deg,transparent 146deg,transparent 180deg,rgba(255,216,115,.08) 188deg,transparent 196deg,transparent 230deg,rgba(255,216,115,.06) 238deg,transparent 246deg,transparent 280deg,rgba(255,216,115,.09) 288deg,transparent 296deg,transparent 330deg,rgba(255,216,115,.07) 338deg,transparent 346deg,transparent 360deg);
  animation:mgfspin 50s linear infinite}
.mgb-glow{position:absolute;top:6%;left:50%;transform:translateX(-50%);width:300px;height:340px;filter:blur(12px);animation:mgfbreathe 5s ease-in-out infinite}
.mgb-tag{position:absolute;top:12px;left:14px;z-index:3;font-family:'Cinzel',serif;font-weight:900;font-size:26px;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}
.mgb-star{position:absolute;top:8%;left:0;right:0;bottom:34%;display:flex;align-items:flex-end;justify-content:center;z-index:2}
.mgb-star img{height:100%;width:auto;max-width:100%;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 8px 20px rgba(0,0,0,.55))}
.mgb-star-emo{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:90px;opacity:.9}
.mgb-star-shadow{position:absolute;bottom:32%;left:50%;transform:translateX(-50%);width:200px;height:40px;z-index:1;
  background:radial-gradient(closest-side,rgba(0,0,0,.5),transparent 72%);filter:blur(4px)}
.mgb-info{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:16px 16px 14px;text-align:center;
  background:linear-gradient(180deg,transparent,rgba(10,12,17,.85) 40%,#0b0c11)}
.mgb-bname{font-family:'Cinzel',serif;font-weight:800;font-size:20px;color:#f4ecd8;letter-spacing:.5px;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.6));margin-bottom:4px}
.mgb-feat{font-size:12px;color:#b9c2d0;margin-bottom:8px}
.mgb-feat b{font-weight:800}
.mgb-odds{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.mgb-odd{font-family:'Cinzel',serif;font-weight:700;font-size:11px;padding:2px 9px;border-radius:20px;
  border:1px solid;background:rgba(10,12,17,.5)}
/* havuz şeridi */
.mgb-pool{display:flex;gap:5px;justify-content:center;flex-wrap:wrap;margin-bottom:10px}
.mgb-pp{width:34px;height:34px;border-radius:9px;border:1.5px solid;display:flex;align-items:center;justify-content:center;
  background:#0d1219;overflow:hidden;opacity:.55;filter:grayscale(.4)}
.mgb-pp.owned{opacity:1;filter:none;box-shadow:0 0 8px rgba(200,162,74,.25)}
.mgb-pp img{width:100%;height:100%;object-fit:cover}
.mgb-pmore{font-size:11px;color:#9fb0c5;align-self:center;padding:0 4px}
.mgb-pity{display:flex;align-items:center;gap:0;margin:0 auto 14px;width:fit-content;max-width:100%;
  border-radius:12px;overflow:hidden;border:1px solid #5a481f;box-shadow:0 3px 12px rgba(0,0,0,.35)}
.mgb-pity-ic{display:flex;align-items:center;justify-content:center;padding:8px 12px;font-size:16px;
  background:linear-gradient(180deg,#EF9F27,#c47d15)}
.mgb-pity-txt{padding:8px 12px;font-size:12px;font-weight:700;color:#f6dd94;
  background:linear-gradient(180deg,#2a2012,#1a1308)}
.mgb-pity-num{padding:8px 14px;font-family:'Cinzel',serif;font-weight:800;font-size:14px;color:#1a1308;
  background:linear-gradient(180deg,#f6dd94,#d4ac52);white-space:nowrap}
/* oran rozetinde renk noktası */
.mgb-odd i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px;vertical-align:middle}
.mgb-odd b{font-weight:800}
.mgb-balwrap{display:flex;justify-content:center;margin-bottom:14px}

/* ===== Kahramanlar — Yeni Premium Çağır (mgn) ===== */
.mgn-bsel{display:flex;gap:6px;margin-bottom:14px;background:#12161d;border-radius:12px;padding:4px;border:1px solid #232b36}
.mgn-bs{flex:1;padding:9px 4px;border-radius:9px;font-size:12px;font-weight:700;text-align:center;color:#8b95a5;border:none;background:transparent;cursor:pointer}
.mgn-bs.on{background:linear-gradient(180deg,#2a2012,#1a1308);color:#f6dd94;box-shadow:0 2px 8px rgba(0,0,0,.3)}
/* vitrin */
.mgn-hero{position:relative;border-radius:20px;overflow:hidden;margin-bottom:14px;aspect-ratio:1/1.05;
  background:radial-gradient(80% 60% at 50% 25%,#3a2f1a,#1a1a22 55%,#0d0e13);border:1px solid rgba(246,221,148,.15)}
.mgn-rays{position:absolute;top:-25%;left:50%;width:560px;height:560px;transform:translateX(-50%);opacity:.6;
  background:conic-gradient(from 0deg,transparent 0deg,rgba(255,216,115,.1) 10deg,transparent 20deg,transparent 50deg,rgba(255,216,115,.07) 60deg,transparent 70deg,transparent 100deg,rgba(255,216,115,.1) 110deg,transparent 120deg,transparent 160deg,rgba(255,216,115,.06) 170deg,transparent 180deg,transparent 220deg,rgba(255,216,115,.09) 230deg,transparent 240deg,transparent 280deg,rgba(255,216,115,.07) 290deg,transparent 300deg,transparent 340deg,rgba(255,216,115,.09) 350deg,transparent 360deg);
  animation:mgfspin 46s linear infinite}
.mgn-glow{position:absolute;top:8%;left:50%;transform:translateX(-50%);width:320px;height:360px;filter:blur(14px);animation:mgfbreathe 5s ease-in-out infinite}
.mgn-band{position:absolute;top:0;left:0;right:0;z-index:4;display:flex;align-items:center;justify-content:space-between;
  padding:12px 14px;background:linear-gradient(180deg,rgba(10,12,17,.7),transparent)}
.mgn-em{font-family:'Cinzel',serif;font-weight:900;font-size:22px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}
.mgn-feat{font-size:10px;font-weight:700;color:#c9b48f;text-transform:uppercase;letter-spacing:1px}
.mgn-char{position:absolute;top:10%;left:0;right:0;bottom:26%;display:flex;align-items:flex-end;justify-content:center;z-index:2}
.mgn-char img{height:100%;width:auto;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 10px 24px rgba(0,0,0,.5))}
.mgn-emo{font-size:120px;opacity:.9;display:flex;align-items:center;justify-content:center;height:100%;filter:drop-shadow(0 8px 20px rgba(0,0,0,.4))}
.mgn-hfoot{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:0 16px 14px;text-align:center;
  background:linear-gradient(180deg,transparent,rgba(10,12,17,.9) 45%,#0d0e13)}
.mgn-hname{font-family:'Cinzel',serif;font-weight:800;font-size:23px;color:#f4ecd8;letter-spacing:1px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.7));margin-bottom:8px}
.mgn-hodds{display:flex;gap:5px;justify-content:center;flex-wrap:wrap}
.mgn-od{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;background:rgba(10,12,17,.6);border:1px solid}
.mgn-od i{width:7px;height:7px;border-radius:50%;display:inline-block}
/* havuz */
.mgn-poolwrap{margin-bottom:14px}
.mgn-poolhd{font-size:11px;color:#8b95a5;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;padding-left:2px}
.mgn-pool{display:flex;gap:7px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}
.mgn-pc{flex:0 0 auto;width:52px;text-align:center;cursor:pointer}
.mgn-pc:active{transform:scale(.95)}
.mgn-pc-img{width:52px;height:52px;border-radius:12px;border:1.5px solid;display:flex;align-items:center;justify-content:center;font-size:26px;overflow:hidden;background:#0d1219;position:relative}
.mgn-pc-img img{width:100%;height:100%;object-fit:cover}
.mgn-pc.dim .mgn-pc-img{opacity:.45;filter:grayscale(.5)}
.mgn-lk{position:absolute;font-size:16px;opacity:.85}
.mgn-pc-n{font-size:9px;color:#8b95a5;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* pity bar */
.mgn-pity{background:#12161d;border:1px solid #2a2416;border-radius:14px;padding:12px 14px;margin-bottom:14px}
.mgn-pity-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.mgn-pity-l{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#f6dd94}
.mgn-pity-r{font-family:'Cinzel',serif;font-weight:800;font-size:13px;color:#EF9F27}
.mgn-pity-bar{height:8px;border-radius:6px;background:#0a0c11;overflow:hidden;border:1px solid #2a2416}
.mgn-pity-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,#b8801c,#EF9F27,#ffd873);box-shadow:0 0 10px rgba(239,159,39,.5);transition:width .4s}
/* çekim butonları */
.mgn-pulls{display:flex;gap:10px}
.mgn-pull{flex:1;border:none;border-radius:14px;padding:14px 8px;cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}
.mgn-pull:active{transform:scale(.98)}
.mgn-pull:disabled{opacity:.45;cursor:default;filter:grayscale(.4)}
.mgn-lbl{font-family:'Cinzel',serif;font-weight:800;font-size:15px}
.mgn-cost{font-size:11px;font-weight:700;opacity:.85}
.mgn-pull.single{background:linear-gradient(180deg,#20283a,#161c28);border:1px solid #37506e;color:#cfe0f2}
.mgn-pull.ten{background:linear-gradient(180deg,#f9dc8a,#d4ac52 60%,#b88a34);color:#241704;box-shadow:0 6px 20px rgba(200,162,74,.4),0 0 0 1px rgba(255,240,200,.4) inset}
.mgn-guar{font-size:9px;font-weight:800;margin-top:2px;padding:1px 8px;border-radius:20px;background:rgba(36,23,4,.25);border:1px solid rgba(36,23,4,.4)}
.mgn-pull.ten::after{content:'';position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);animation:mgfsweep 3.4s ease-in-out infinite}
@keyframes mgfsweep{0%{left:-60%}55%,100%{left:130%}}

/* ===== Koleksiyon & Kadro — Premium (mgn) ===== */
.mgn-colhd{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding:11px 14px;background:#12161d;border:1px solid #232b36;border-radius:12px}
.mgn-colhd-l{font-size:12px;font-weight:700;color:#8b95a5;text-transform:uppercase;letter-spacing:1px}
.mgn-colhd-c{font-family:'Cinzel',serif;font-weight:800;font-size:16px;color:#f6dd94}
/* koleksiyon grid */
.mgn-cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mgn-cc{position:relative;border-radius:14px;overflow:hidden;border:1.5px solid;background:#0d1219;cursor:pointer}
.mgn-cc:active{transform:scale(.97)}
.mgn-cc-cover{position:relative;aspect-ratio:3/4;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.mgn-cc-cover img{width:100%;height:100%;object-fit:cover;object-position:top center}
.mgn-cc-emo{font-size:44px;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.mgn-cc-grad{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(10,12,17,.85))}
.mgn-cc-em{position:absolute;top:6px;left:6px;font-family:'Cinzel',serif;font-weight:900;font-size:12px;padding:1px 7px;border-radius:7px;color:#1a1308;z-index:2;box-shadow:0 1px 4px rgba(0,0,0,.4)}
.mgn-cc-badge{position:absolute;top:6px;right:6px;font-size:13px;z-index:2;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}
.mgn-cc-ft{position:absolute;bottom:0;left:0;right:0;padding:6px 5px 8px;text-align:center;z-index:2}
.mgn-cc-n{font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mgn-cc-s{font-size:10px;letter-spacing:-1px;margin-top:1px}
.mgn-cc.lock{border-color:#2a2a35;border-style:dashed;opacity:.6;cursor:default}
.mgn-cc.lock .mgn-cc-cover{background:#0f131a}
.mgn-cc-lk{font-size:30px;opacity:.6;align-self:center}
.mgn-cc.inteam{box-shadow:0 0 0 2px var(--gold,#c8a24a) inset}
/* kadro */
.mgn-tnote{font-size:12px;color:#b9c2d0;text-align:center;padding:10px 12px;background:#12161d;border:1px solid #232b36;border-radius:12px;margin-bottom:14px;line-height:1.5}
.mgn-tnote b{color:#f6dd94}
.mgn-tact{display:flex;gap:8px;margin-bottom:12px}
.mgn-tauto{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:12px;border:1px solid #6a5528;background:linear-gradient(180deg,#2a2012,#1a1308);color:#f6dd94;font-weight:800;font-size:14px;cursor:pointer}
.mgn-tauto:active{transform:scale(.98)}
.mgn-tclear{padding:12px 15px;border-radius:12px;border:1px solid #2a3547;background:#151b26;color:#8b95a5;font-size:16px;cursor:pointer}
.mgn-thd{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:13px}
.mgn-thd .t1{color:#c9b48f;font-weight:700}
.mgn-thd .t2{color:#5f5e5a;font-size:12px}
.mgn-thd .tp{margin-left:auto;color:#f6dd94;font-size:12px;font-weight:700}
.mgn-tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mgn-ts{position:relative;border-radius:14px;overflow:hidden;border:1.5px solid;background:#0d1219;cursor:pointer}
.mgn-ts:active{transform:scale(.97)}
.mgn-ts-cover{position:relative;aspect-ratio:3/4;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.mgn-ts-cover img{width:100%;height:100%;object-fit:cover;object-position:top center}
.mgn-ts-emo{font-size:44px;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.mgn-ts-grad{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(10,12,17,.9))}
.mgn-ts-pw{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:800;color:#fff;background:rgba(10,12,17,.75);padding:2px 9px;border-radius:20px;z-index:2;white-space:nowrap}
.mgn-ts-x{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;border:none;background:rgba(90,30,30,.9);color:#f0c9c9;font-size:12px;z-index:3;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}
.mgn-ts-em{position:absolute;top:6px;left:6px;font-family:'Cinzel',serif;font-weight:900;font-size:11px;padding:1px 6px;border-radius:6px;color:#1a1308;z-index:2}
.mgn-ts-ft{position:absolute;bottom:0;left:0;right:0;padding:5px 4px 8px;text-align:center;z-index:2}
.mgn-ts-n{font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mgn-ts-s{font-size:9px;letter-spacing:-1px;margin-top:1px}
.mgn-ts.empty{border-color:#2a3547;border-style:dashed;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;gap:5px}
.mgn-ts-plus{font-size:32px;color:#5f6b7d}
.mgn-ts-et{font-size:11px;color:#5f6b7d}

/* ===== Kahramanlar — Çağrı Sonuç Modalı ===== */
.mg-modal{position:fixed;inset:0;z-index:99998;display:none}
.mg-mback{position:absolute;inset:0;background:rgba(5,6,10,.85);backdrop-filter:blur(8px)}
.mg-mbox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(94vw,540px);
  max-height:88vh;overflow:auto;background:radial-gradient(120% 80% at 50% 0%,#1e1a12,#0d0e13 70%);
  border:1px solid var(--gold,#c8a24a);border-radius:20px;padding:24px 22px 20px;
  box-shadow:0 30px 90px rgba(0,0,0,.7),0 0 0 1px rgba(246,221,148,.15) inset;
  animation:mgPop .3s cubic-bezier(.2,.9,.3,1.3)}
@keyframes mgPop{from{opacity:0;transform:translate(-50%,-46%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.mg-mtitle{font-family:'Cinzel',serif;font-weight:800;font-size:22px;text-align:center;margin-bottom:18px;
  background:linear-gradient(180deg,#fff,#f6dd94);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 2px 8px rgba(240,207,110,.3))}
.mgr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px;margin-bottom:20px}
.mgr-card{position:relative;border:1.5px solid;border-radius:14px;padding:14px 8px 12px;text-align:center;
  background:linear-gradient(180deg,rgba(30,26,18,.8),rgba(13,14,19,.8));
  animation:mgrReveal .4s ease both}
@keyframes mgrReveal{from{opacity:0;transform:translateY(12px) scale(.92)}to{opacity:1;transform:none}}
.mgr-card:nth-child(2){animation-delay:.05s}.mgr-card:nth-child(3){animation-delay:.1s}
.mgr-card:nth-child(4){animation-delay:.15s}.mgr-card:nth-child(5){animation-delay:.2s}
.mgr-card:nth-child(6){animation-delay:.25s}.mgr-card:nth-child(7){animation-delay:.3s}
.mgr-card:nth-child(n+8){animation-delay:.35s}
.mgr-ico{width:56px;height:56px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;
  font-size:34px;border-radius:12px;overflow:hidden;background:rgba(0,0,0,.25)}
.mgr-ico img{width:100%;height:100%;object-fit:cover}
.mgr-name{font-weight:800;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}
.mgr-rar{font-family:'Cinzel',serif;font-weight:700;font-size:10px;padding:2px 8px;border-radius:20px;display:inline-block}
.mgr-new{position:absolute;top:-6px;right:-4px;background:linear-gradient(180deg,#6fae55,#4a8a38);color:#fff;
  font-size:9px;font-weight:800;padding:2px 8px;border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.4);transform:rotate(6deg)}
.mgr-dup{position:absolute;top:-6px;right:-4px;background:linear-gradient(180deg,#f0cf6e,#c8a24a);color:#241704;
  font-size:9px;font-weight:800;padding:2px 8px;border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.4)}
.mg-mclose{display:block;width:100%;padding:14px;border:none;border-radius:13px;cursor:pointer;
  background:linear-gradient(180deg,#f6dd94,#c8a24a);color:#241704;font-family:'Cinzel',serif;font-weight:800;font-size:16px;
  box-shadow:0 6px 20px rgba(200,162,74,.35)}
.mg-mclose:active{transform:scale(.98)}

/* ===== Kahramanlar — Sinematik Çekim Animasyonu ===== */
#summonAnim{position:fixed;inset:0;z-index:99990;display:none;overflow:hidden;background:#05060a}
#summonAnim.on{display:block}
#summonCv{position:absolute;inset:0;width:100%;height:100%;z-index:10}
#summonAnim .sa-vignette{position:absolute;inset:0;z-index:11;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 30%,rgba(5,6,10,.6) 85%)}
#summonAnim .sa-flash{position:absolute;inset:0;z-index:30;background:#fff;opacity:0;pointer-events:none;mix-blend-mode:screen}
#summonAnim .sa-rays{position:absolute;top:50%;left:50%;width:220vmax;height:220vmax;transform:translate(-50%,-50%);z-index:12;opacity:0;pointer-events:none;
  background:conic-gradient(from 0deg,transparent 0deg,var(--sarc,#EF9F27) 1.5deg,transparent 4deg,transparent 30deg,var(--sarc,#EF9F27) 31.5deg,transparent 34deg,transparent 60deg,var(--sarc,#EF9F27) 61.5deg,transparent 64deg,transparent 90deg,var(--sarc,#EF9F27) 91.5deg,transparent 94deg,transparent 120deg,var(--sarc,#EF9F27) 121.5deg,transparent 124deg,transparent 150deg,var(--sarc,#EF9F27) 151.5deg,transparent 154deg,transparent 180deg,var(--sarc,#EF9F27) 181.5deg,transparent 184deg,transparent 210deg,var(--sarc,#EF9F27) 211.5deg,transparent 214deg,transparent 240deg,var(--sarc,#EF9F27) 241.5deg,transparent 244deg,transparent 270deg,var(--sarc,#EF9F27) 271.5deg,transparent 274deg,transparent 300deg,var(--sarc,#EF9F27) 301.5deg,transparent 304deg,transparent 330deg,var(--sarc,#EF9F27) 331.5deg,transparent 334deg,transparent 360deg)}
#summonAnim .sa-rays.go{animation:saRaysGo 3s ease-out forwards}
@keyframes saRaysGo{0%{opacity:0;transform:translate(-50%,-50%) rotate(0) scale(.4)}20%{opacity:.4}100%{opacity:.16;transform:translate(-50%,-50%) rotate(90deg) scale(1)}}
#summonAnim .sa-rankword{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.4);z-index:24;
  font-family:'Cinzel',serif;font-weight:900;font-size:min(18vw,90px);letter-spacing:6px;color:var(--sarc,#EF9F27);
  opacity:0;pointer-events:none;text-shadow:0 0 40px var(--sarc,#EF9F27),0 4px 20px #000}
#summonAnim .sa-rankword.go{animation:saRankGo 1s ease-out forwards}
@keyframes saRankGo{0%{opacity:0;transform:translate(-50%,-50%) scale(1.6);filter:blur(10px)}25%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}75%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(.85);filter:blur(4px)}}
#summonAnim .sa-taphint{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);font-size:12px;color:#8b95a599;letter-spacing:1px;z-index:40;opacity:0}
#summonAnim .sa-taphint.show{animation:saFade .5s forwards}
@keyframes saFade{to{opacity:1}}

/* Kahramanlar — ücretsiz çekim butonu */
.mgn-pull.single.free{background:linear-gradient(180deg,#2f5b2a,#1a3818);border-color:#6fae55;position:relative;overflow:hidden}
.mgn-pull.single.free::before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(155,240,140,.25) 50%,transparent 70%);animation:mgnFreeShine 2.5s ease-in-out infinite}
@keyframes mgnFreeShine{0%{transform:translateX(-120%)}60%,100%{transform:translateX(120%)}}
.mgn-pull.single.free .mgn-lbl{color:#dfffce}
.mgn-pull.single.free .mgn-cost{color:#a9e89a}
.mgn-freebadge{position:absolute;top:0;left:50%;transform:translateX(-50%);background:linear-gradient(180deg,#8fe07a,#4a8a38);color:#0a1f06;font-size:9px;font-weight:900;padding:2px 12px;border-radius:0 0 8px 8px;letter-spacing:1px;z-index:2}

/* ===== Öğretici Mod (NPC + Spotlight) ===== */
.tut-ov{position:fixed;inset:0;z-index:99992;display:none;pointer-events:none}
.tut-ov.on{display:block}
.tut-mask{position:absolute;background:rgba(4,3,2,.84);backdrop-filter:blur(1px);transition:all .35s ease;pointer-events:auto}
.tut-ring{position:absolute;z-index:2;border:2px solid #f2d998;border-radius:10px;pointer-events:none;
  box-shadow:0 0 0 3px rgba(242,217,152,.2),0 0 30px rgba(242,217,152,.45);transition:all .35s ease;
  animation:tutPulse 1.6s ease-in-out infinite}
@keyframes tutPulse{0%,100%{box-shadow:0 0 0 3px rgba(242,217,152,.2),0 0 30px rgba(242,217,152,.45)}50%{box-shadow:0 0 0 5px rgba(242,217,152,.3),0 0 42px rgba(242,217,152,.65)}}
.tut-hand{position:absolute;z-index:3;font-size:26px;pointer-events:none;filter:drop-shadow(0 2px 6px #000);animation:tutTap 1.3s ease-in-out infinite}
@keyframes tutTap{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.tut-npc{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:14px 14px 18px;pointer-events:auto;
  background:linear-gradient(0deg,#060504,rgba(6,5,4,.96) 70%,transparent);border-top:1px solid #8a6d2a}
.tut-npc-row{display:flex;gap:14px;align-items:flex-end;max-width:520px;margin:0 auto}
.tut-portrait{width:80px;height:96px;flex-shrink:0;border:1px solid #8a6d2a;border-radius:6px;overflow:hidden;position:relative;
  background:radial-gradient(80% 60% at 50% 20%,rgba(201,162,74,.2),#191510);display:flex;align-items:flex-end;justify-content:center}
.tut-portrait span{font-size:52px;filter:drop-shadow(0 4px 10px #000);line-height:1}
.tut-portrait img{width:100%;height:100%;object-fit:cover}
.tut-portrait .tut-frame{position:absolute;inset:0;border:1px solid rgba(242,217,152,.15);border-radius:6px;z-index:2}
.tut-speech{flex:1;padding-bottom:4px;min-width:0}
.tut-name{font-family:'Cinzel',serif;font-size:12px;color:#f2d998;font-weight:700;letter-spacing:1px;margin-bottom:5px;display:flex;align-items:center;gap:6px}
.tut-name .tut-deco{height:1px;flex:1;background:linear-gradient(90deg,#8a6d2a,transparent)}
.tut-text{font-family:'EB Garamond',Georgia,serif;font-size:15px;color:#e8dcc4;line-height:1.55;min-height:60px;cursor:pointer}
.tut-foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px;max-width:520px;margin-left:auto;margin-right:auto}
.tut-skip{font-family:'Cinzel',serif;font-size:9px;color:#6b6152;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border-bottom:1px solid #2a2318}
.tut-next{background:transparent;border:1px solid #8a6d2a;color:#f2d998;padding:8px 20px;border-radius:4px;font-family:'Cinzel',serif;font-weight:700;font-size:11px;letter-spacing:1px;cursor:pointer;transition:.2s}
.tut-next:hover{background:rgba(201,162,74,.1)}

/* ===== Karakter Barı — KO çerçevesi (241x87, 9-dilim: her genişlikte bozulmaz) ===== */
.hb{position:relative;width:100%;height:87px;box-sizing:border-box;
  border-style:solid;border-width:2px 25px 25px 25px;
  border-image:url(img/char-healthbar2.png) 2 25 25 25 fill / 2px 25px 25px 25px / 0 stretch;
  filter:drop-shadow(0 4px 12px rgba(0,0,0,.55))}
/* üst siyah şerit: clan + nick (biraz aşağı kaydırıldı) */
.hb-top{position:absolute;left:0;right:0;top:4px;height:18px;display:flex;align-items:center;
  justify-content:center;overflow:hidden;padding:0 4px}
.hb-top .nm{display:flex;align-items:center;gap:5px;min-width:0;
  font-family:'Cinzel',serif;font-size:12px;font-weight:800;color:#f2f0e4;letter-spacing:.4px;
  text-shadow:0 1px 3px #000,0 0 7px rgba(0,0,0,.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb-top .hud-clan{display:inline-flex;align-items:center;gap:3px;color:#8fd05c;font-size:10px;font-weight:700;flex-shrink:0}
.hb-top .hud-gimg{width:12px;height:12px;border-radius:2px;display:block}
.hb-top .nm img{max-height:13px;width:auto;vertical-align:middle}
/* HP / MP / EXP yuvaları — konumlar görselden birebir */
.hb-slot{position:absolute;left:0;right:0;overflow:hidden}
.hb-slot i{position:absolute;inset:0;transform-origin:left;transition:transform .35s cubic-bezier(.4,0,.2,1)}
.hb-slot span{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;
  font-family:'Cinzel',serif;font-weight:700;font-size:9px;color:#fff;letter-spacing:.3px;
  text-shadow:0 1px 2px #000,0 0 4px rgba(0,0,0,.9)}
.hb-slot.hp{top:31px;height:12px;background:linear-gradient(180deg,#2a0909,#130303 55%,#1d0505)}
.hb-slot.mp{top:47px;height:12px;background:linear-gradient(180deg,#08122c,#020714 55%,#050c1f)}
.hb-slot.hp i{background:linear-gradient(180deg,rgb(85,9,9) 0%,rgb(195,8,8) 9.1%,rgb(164,6,6) 18.2%,rgb(167,4,4) 27.3%,rgb(142,2,2) 36.4%,rgb(144,0,0) 45.5%,rgb(155,0,0) 54.5%,rgb(161,0,0) 63.6%,rgb(161,0,0) 72.7%,rgb(158,0,0) 81.8%,rgb(187,0,0) 90.9%,rgb(76,0,0) 100%)}
.hb-slot.mp i{background:linear-gradient(180deg,rgb(9,30,116) 0%,rgb(36,77,226) 9.1%,rgb(34,55,225) 18.2%,rgb(32,53,223) 27.3%,rgb(30,51,221) 36.4%,rgb(28,45,196) 45.5%,rgb(26,43,209) 54.5%,rgb(26,47,217) 63.6%,rgb(26,47,217) 72.7%,rgb(26,47,217) 81.8%,rgb(26,68,217) 90.9%,rgb(9,30,116) 100%)}
/* EXP — kaidenin içinde */
.hb-slot.xp{top:68px;height:7px;border-radius:1px;
  background:linear-gradient(180deg,#14100a,#0a0805);box-shadow:inset 0 1px 3px rgba(0,0,0,.9),0 1px 0 rgba(255,255,255,.05)}
.hb-slot.xp i{background:linear-gradient(180deg,#f2d998,#c9a24a 55%,#8a6d2a);box-shadow:0 0 6px rgba(242,217,152,.45)}
.hb-slot.xp span{font-size:7px;letter-spacing:.6px}

/* ===================== SOHBET: alt şerit + orta modal ===================== */
/* gizleme yardımcısı (modal görünümleri arasında geçiş için) */
.hide{display:none !important}
/* yeni mesaj gelince şerit kısa parlar */
@keyframes cbrFlash{0%{background:linear-gradient(0deg,#241a2e,#1a1420)}100%{background:linear-gradient(0deg,#0b0806,rgba(14,11,7,.97))}}
.chatbar.flash{animation:cbrFlash .7s ease-out}
@keyframes cbrFlashPm{0%{background:linear-gradient(0deg,#2a1a3a,#1d1428)}100%{background:linear-gradient(0deg,#0b0806,rgba(14,11,7,.97))}}
.chatbar.flash-pm{animation:cbrFlashPm .9s ease-out}
/* --- alt şerit (son mesaj) --- */
.chatbar{position:fixed;left:0;right:0;bottom:0;z-index:900;cursor:pointer;display:flex;
  align-items:center;gap:9px;padding:11px 12px 13px;
  background:linear-gradient(0deg,#0b0806,rgba(14,11,7,.97));border-top:1px solid var(--border)}
.chatbar:active{background:linear-gradient(0deg,#120d08,rgba(20,16,10,.97))}
.chatbar::before{content:'';position:absolute;left:0;right:0;top:-8px;height:15px;pointer-events:none;
  background:url(img/bottom-bar-ust.png) no-repeat center/100% 100%}
.cbr-ic{font-size:17px;flex-shrink:0}
.cbr-last{flex:1;min-width:0;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cbr-pm{flex-shrink:0;display:none;align-items:center;gap:4px;padding:3px 9px;border-radius:99px;
  background:linear-gradient(180deg,rgba(199,143,240,.22),rgba(138,79,192,.18));border:1px solid #c78ff0;
  color:#c78ff0;font-family:'Cinzel',serif;font-size:10px;font-weight:800;letter-spacing:.5px;
  animation:pmPing 1.6s ease-in-out infinite}
.cbr-pm.on{display:inline-flex}
@keyframes pmPing{0%,100%{box-shadow:0 0 0 0 rgba(199,143,240,.5)}60%{box-shadow:0 0 0 7px rgba(199,143,240,0)}}
.cbr-badge{flex-shrink:0;min-width:20px;height:20px;padding:0 6px;border-radius:99px;display:none;
  place-items:center;background:linear-gradient(180deg,#e07a4a,#b8452a);color:#fff;font-size:10px;font-weight:900}
.cbr-badge.show{display:grid}
.cbr-open{flex-shrink:0;color:var(--dim);font-size:12px}

/* --- modal --- */
.chm-back{position:fixed;inset:0;z-index:960;background:rgba(4,3,2,.72);backdrop-filter:blur(3px);
  display:none;align-items:center;justify-content:center;padding:16px 10px}
.chm-back.on{display:flex;animation:chmIn .2s ease}
@keyframes chmIn{from{opacity:0}to{opacity:1}}
.chm-box{position:relative;width:100%;max-width:400px;height:100%;max-height:min(78vh,560px);
  display:flex;flex-direction:column;background:linear-gradient(180deg,#100c07,#0a0805);
  border:1px solid var(--border-lt);box-shadow:0 24px 70px rgba(0,0,0,.85);
  animation:chmPop .25s cubic-bezier(.2,.9,.3,1.15)}
@keyframes chmPop{from{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:none}}
.chm-orn{position:absolute;left:-4px;right:-4px;height:15px;pointer-events:none;z-index:6;
  background:url(img/bottom-bar-ust.png) no-repeat center/100% 100%}
.chm-orn.top{top:-7px}
.chm-orn.bot{bottom:-7px}
.chm-head{flex:0 0 auto;padding:14px 14px 10px;display:flex;align-items:center;gap:9px}
.chm-title{font-family:'Cinzel',serif;font-size:14px;font-weight:800;color:var(--gold-bright);letter-spacing:1.5px;flex:1;text-transform:uppercase}
.chm-online{font-size:10px;color:#8fb56a}
.chm-x{width:28px;height:28px;border:1px solid var(--border-lt);background:rgba(6,5,4,.6);color:var(--parch-dim);
  font-size:13px;cursor:pointer;display:grid;place-items:center;padding:0}
.chm-x:active{opacity:.6}
.chm-tabs{flex:0 0 auto;display:flex;padding:0 12px;border-bottom:1px solid var(--border)}
.chm-tab{flex:1;position:relative;padding:9px 3px 10px;background:none;border:0;cursor:pointer;
  font-family:'Cinzel',serif;font-size:11px;font-weight:700;color:var(--dim);letter-spacing:.4px}
.chm-tab.on{color:var(--gold-bright)}
.chm-tab.on::after{content:'';position:absolute;left:14%;right:14%;bottom:-1px;height:2px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.chm-tb{display:none;margin-left:3px;font-family:inherit;font-weight:900;font-size:10px;color:#c78ff0}
.chm-tb.on{display:inline}
.chm-body{flex:1;min-height:0;overflow-y:auto;padding:11px 13px 13px;display:flex;flex-direction:column;gap:3px}
.chm-body::-webkit-scrollbar{width:5px}
.chm-body::-webkit-scrollbar-thumb{background:#3a2f1c;border-radius:3px}
.chm-input{flex:0 0 auto;padding:9px 12px 13px;display:flex;gap:7px;border-top:1px solid var(--border);align-items:center}
.chm-input .chat-input{flex:1;min-width:0}
.chm-back .chat-banner{flex:0 0 auto;margin:0 13px 2px}

/* --- PM: konuşma listesi --- */
.pml{display:flex;flex-direction:column;gap:7px}
.pml-row{display:flex;align-items:center;gap:11px;padding:10px 11px;cursor:pointer;
  background:linear-gradient(90deg,rgba(25,21,16,.85),rgba(12,10,7,.5));border-left:2px solid var(--border-lt)}
.pml-row:active{transform:translateX(2px)}
.pml-row.unread{border-left-color:#c78ff0;background:linear-gradient(90deg,rgba(199,143,240,.1),rgba(12,10,7,.5))}
.pml-av{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;
  font-family:'Cinzel',serif;font-size:15px;font-weight:800;color:var(--gold-bright);
  background:linear-gradient(180deg,#2a2013,#160f07);border:1px solid var(--border-lt)}
.pml-mid{flex:1;min-width:0}
.pml-nm{font-family:'Cinzel',serif;font-size:12.5px;font-weight:700;color:var(--parch)}
.pml-pv{font-size:11.5px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.pml-row.unread .pml-pv{color:var(--parch-dim)}
.pml-right{flex-shrink:0;text-align:right}
.pml-tm{font-size:9.5px;color:#4d4639}
.pml-cnt{margin-top:4px;min-width:17px;height:17px;padding:0 5px;border-radius:99px;
  background:linear-gradient(180deg,#c78ff0,#8a4fc0);color:#fff;font-size:9.5px;font-weight:900;
  display:inline-grid;place-items:center}
.pml-empty{margin:auto;text-align:center;color:var(--dim);font-size:12.5px;line-height:1.7;padding:20px}
.pml-empty span{font-size:11.5px;color:#4d4639}
.pml-empty.sm{padding:10px;font-size:11.5px}

/* --- PM: konuşma ekranı --- */
.pmt{flex:1;min-height:0;display:flex;flex-direction:column}
.pmt.hide{display:none}
/* sekme geçişlerinde görünüm gizleme (genel .hide tanımı yok — kapsamlı yazıldı) */
.chm-body.hide{display:none}
.chat-banner.hide{display:none}
.pmt-head{flex:0 0 auto;display:flex;align-items:center;gap:9px;padding:8px 12px;border-bottom:1px solid var(--border)}
.pmt-back{width:26px;height:26px;border:1px solid var(--border-lt);background:none;color:var(--parch-dim);
  font-size:15px;cursor:pointer;display:grid;place-items:center;padding:0;line-height:1}
.pmt-who{font-family:'Cinzel',serif;font-size:13px;color:var(--parch);font-weight:700;flex:1;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pmt-del{width:26px;height:26px;border:1px solid var(--border-lt);background:none;color:#a0654a;
  font-size:12px;cursor:pointer;display:grid;place-items:center;padding:0}
.pmt-bub{max-width:80%;padding:8px 11px;font-size:13px;line-height:1.5;word-break:break-word}
.pmt-bub.them{align-self:flex-start;background:linear-gradient(180deg,#1c1710,#141009);border:1px solid var(--border-lt);color:var(--parch)}
.pmt-bub.me{align-self:flex-end;background:linear-gradient(180deg,#2e2413,#1e1709);border:1px solid var(--gold-deep,#8a6d2a);color:#f6ecd6}
.pmt-bt{display:block;font-size:9px;color:#5c5344;margin-top:4px;text-align:right}

/* ===== Savaş: düşman plakası — oyuncu barıyla aynı görsel dil ===== */
.cb-enemy{position:relative;text-align:center;margin:10px 12px 0;padding:11px 12px 13px;
  background:linear-gradient(180deg,#3f4735,#2b3122 55%,#1e2318);
  border:1px solid #767f5f;border-radius:2px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),inset 0 -2px 6px rgba(0,0,0,.55),0 5px 16px rgba(0,0,0,.6)}
/* altın köşe süsleri (üst ikisi plakada, alt ikisi etiket üzerinden) */
.cb-enemy::before,.cb-enemy::after{content:'';position:absolute;width:11px;height:11px;
  border:1px solid #8a6d2a;opacity:.85;pointer-events:none;z-index:2}
.cb-enemy::before{top:3px;left:3px;border-right:0;border-bottom:0}
.cb-enemy::after{top:3px;right:3px;border-left:0;border-bottom:0}
.cb-eplate::before,.cb-eplate::after{content:'';position:absolute;width:11px;height:11px;
  border:1px solid #8a6d2a;opacity:.85;pointer-events:none;z-index:2}
.cb-eplate::before{bottom:3px;left:3px;border-right:0;border-top:0}
.cb-eplate::after{bottom:3px;right:3px;border-left:0;border-top:0}
/* başlık / isim / seviye */
.cb-eplate{font-family:'Cinzel',serif;font-size:8.5px;color:#8a6d2a;letter-spacing:3px;margin-bottom:2px}
.cb-ename{font-family:'Cinzel',serif;font-size:15px;font-weight:800;color:#e8e4d2;letter-spacing:.6px;
  margin-top:6px;text-shadow:0 1px 3px #000}
.cb-ename .tag.boss{font-family:'Cinzel',serif;font-size:8px;font-weight:900;letter-spacing:1px;
  background:linear-gradient(180deg,#f2d998,#a17f2f);color:#1a1206;padding:1px 7px;border-radius:2px;
  margin-left:7px;vertical-align:middle}
.cb-elv{font-family:'Cinzel',serif;font-size:10px;color:#9c9078;letter-spacing:1px;margin-top:2px}
/* HP yuvası — skill bar slotlarıyla aynı gömme görünüm */
.cb-ehpwrap{margin:9px auto 0;max-width:250px}
.cb-ehpbar{height:15px;border-radius:1px;overflow:hidden;position:relative;
  background:linear-gradient(180deg,#232819,#15180f);border:1px solid #67704f;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),inset 0 -3px 8px rgba(0,0,0,.6)}
/* dolu kısım: karakter barındaki kırmızının birebir aynısı */
.cb-ehpbar i{display:block;height:100%;width:100%;transform-origin:left;border-radius:0;box-shadow:none;
  transition:transform .4s cubic-bezier(.4,0,.2,1);
  background:linear-gradient(180deg,rgb(85,9,9) 0%,rgb(195,8,8) 9%,rgb(164,6,6) 18%,rgb(167,4,4) 27%,
    rgb(142,2,2) 36%,rgb(144,0,0) 45%,rgb(155,0,0) 55%,rgb(161,0,0) 64%,rgb(161,0,0) 73%,
    rgb(158,0,0) 82%,rgb(187,0,0) 91%,rgb(76,0,0) 100%)}
.cb-ehpbar span{position:absolute;inset:0;display:grid;place-items:center;line-height:1;
  font-family:'Cinzel',serif;font-size:9.5px;font-weight:700;color:#fff;
  text-shadow:0 1px 2px #000,0 0 5px rgba(0,0,0,.9)}
/* BOSS: altın plaka + üzerinden geçen ışık */
.cb-enemy.boss{border-color:#b9903f;
  background-image:linear-gradient(105deg,transparent 38%,rgba(242,217,152,.13) 50%,transparent 62%),
                   linear-gradient(180deg,#4a3f22,#332a15 55%,#231c0e);
  background-size:220% 100%,100% 100%;background-repeat:no-repeat;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -2px 7px rgba(0,0,0,.6),0 0 26px rgba(201,162,74,.28);
  animation:cbBossSheen 3.6s ease-in-out infinite}
@keyframes cbBossSheen{0%{background-position:-120% 0,0 0}60%,100%{background-position:220% 0,0 0}}
.cb-enemy.boss .cb-ename{color:#f6e6bd}
.cb-enemy.boss .cb-eplate{color:#c9a24a}

/* ===== Giriş / Kayıt — göz düğmesi, bilgi ve alt bağlantılar ===== */
.pw-wrap{position:relative}
.pw-wrap .auth-in{padding-right:44px;width:100%}
.pw-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;
  background:none;border:0;padding:0;cursor:pointer;font-size:15px;line-height:1;opacity:.55;
  display:grid;place-items:center;border-radius:8px;transition:.12s}
.pw-eye:hover{opacity:.9;background:rgba(201,162,74,.1)}
.pw-eye.on{opacity:1}
.auth-ok{display:none;margin:0 0 10px;padding:9px 12px;border-radius:9px;font-size:12.5px;line-height:1.5;
  color:#a9e89a;background:rgba(111,174,85,.1);border:1px solid rgba(111,174,85,.35)}
.auth-hint{font-size:12.5px;color:var(--dim);line-height:1.55;margin-bottom:12px;text-align:center}
.auth-alt{text-align:center;margin-top:12px}
.auth-alt span{font-size:12px;color:var(--dim);cursor:pointer;border-bottom:1px solid var(--border);padding-bottom:1px}
.auth-alt span:hover{color:var(--gold-bright);border-bottom-color:var(--gold)}

/* ===================== ITEM MODALI — Knight Online birebir =====================
   Not: yukarıdaki eski .koi-* kuralları hâlâ geçerli olduğu için
   çakışan her özellik burada açıkça sıfırlanıyor.                          */
.koi-panel{width:330px;max-width:92vw;background:#000;border:1px solid #2a2a2a;border-radius:4px;
  padding:0 0 12px;margin:0 auto;font-family:'Cabin',sans-serif;
  box-shadow:0 18px 50px rgba(0,0,0,.9)}
/* başlık bölümü: dikey ve ortalı  (eski kural flex satırdı) */
.koi-panel .koi-head{display:block;text-align:center;padding:12px 14px 8px;margin-bottom:0;gap:0}
.koi-panel .koi-head .koi-ic{width:44px;height:44px;margin:0 auto 7px;display:grid;place-items:center;
  background:#0d0d0d;border:1px solid #3a3a3a;border-radius:2px;font-size:22px;line-height:1;overflow:hidden;flex:none}
.koi-panel .koi-head .koi-ic img{width:100%;height:100%;object-fit:contain;display:block}
.koi-panel .koi-title{display:block;color:#ffffff;font-weight:700;font-size:16.5px;line-height:1.25;
  padding-top:0;text-shadow:none}
.koi-panel .koi-cnt{color:#9a9a9a;font-size:13px;font-weight:600}
.koi-panel .koi-up{display:block;font-size:12.5px;color:#e58fe5;margin-top:2px}
.koi-panel .koi-type{display:block;font-size:13px;color:#ffffff;margin-top:3px}
/* satır alanı */
.koi-panel .koi-body{border-top:none;padding:8px 14px 4px;display:flex;flex-direction:column;gap:1px}
.koi-panel .koi-body>div{font-size:13px;line-height:1.45;text-shadow:none}
.koi-panel .koi-r{display:flex;align-items:baseline;gap:5px;color:#ffffff}
.koi-panel .koi-r .koi-k{color:inherit;font-weight:400}
.koi-panel .koi-r .koi-k::after{content:' :'}
.koi-panel .koi-r .koi-k.koi-solo::after{content:''}
.koi-panel .koi-r .koi-v{color:inherit;font-weight:400}
/* yeşil: elemental hasar + bonuslar + dirençler */
.koi-panel .koi-r.koi-el{color:#3ad63a}
/* kırmızı: kuşanma şartları */
.koi-panel .koi-r.koi-req{color:#ff2d2d}
/* açıklama: sarı italik ortalı (renk etiketi varsa o geçerli) */
.koi-panel .koi-desc{margin-top:11px;font-size:12.5px;color:#ffd83d;font-style:italic;
  text-align:center;line-height:1.5;font-weight:600;text-shadow:none}
/* durum notları ve düğmeler */
.koi-panel .koi-eqnote,.koi-panel .koi-locked{margin:8px 14px 0;padding:5px 9px;border-radius:3px;
  font-size:11.5px;text-align:center;background:rgba(200,162,74,.1);border:1px solid rgba(200,162,74,.3);color:var(--gold-bright)}
.koi-panel .koi-locked{background:rgba(224,85,63,.1);border-color:rgba(224,85,63,.35);color:#e0855f}

/* ---- alt bölüm: rozetler, uyarı, düğmeler ---- */
.koi-panel .koi-foot{margin-top:10px;padding:10px 12px 0;border-top:1px solid #1e1e1e}
.koi-panel .koi-badges{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-bottom:9px}
.koi-panel .koi-badge{font-size:10.5px;letter-spacing:.3px;padding:3px 9px;border-radius:99px;
  background:#151515;border:1px solid #2e2e2e;color:#9a9a9a;white-space:nowrap}
.koi-panel .koi-badge.on{background:rgba(58,214,58,.1);border-color:rgba(58,214,58,.35);color:#3ad63a}
.koi-panel .koi-badge.lock{background:rgba(255,45,45,.09);border-color:rgba(255,45,45,.3);color:#ff6b6b}
.koi-panel .koi-badge.time{background:rgba(229,143,229,.1);border-color:rgba(229,143,229,.32);color:#e58fe5}
/* uyarı kutusu (sınıf/seviye/stat uymuyor) */
.koi-panel .koi-warn{display:flex;align-items:center;gap:8px;margin-bottom:9px;padding:8px 10px;
  background:rgba(255,45,45,.08);border:1px solid rgba(255,45,45,.28);border-left:3px solid #ff2d2d;
  border-radius:3px;font-size:12px;line-height:1.4;color:#ff8a8a}
.koi-panel .koi-warn .ic{flex:0 0 16px;width:16px;height:16px;border-radius:50%;background:#ff2d2d;color:#000;
  font-weight:900;font-size:11px;display:grid;place-items:center;line-height:1}
/* düğmeler */
.koi-panel .koi-actions,.koi-panel .koi-acts{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;
  padding:0;margin:0;border-top:none}
.koi-panel .koi-actions .chip{flex:1 1 auto;min-width:82px;padding:9px 12px;border-radius:4px;
  border:1px solid #33312b;background:#161616;color:#cfcfcf;font-size:12.5px;font-weight:600;
  cursor:pointer;transition:.12s;font-family:'Cabin',sans-serif}
.koi-panel .koi-actions .chip:hover{border-color:#4a463c;background:#1c1c1c;color:#fff}
.koi-panel .koi-actions .chip:active{transform:scale(.97)}
.koi-panel .koi-actions .chip.save{background:linear-gradient(180deg,#2f2a18,#1d1a0e);
  border-color:var(--gold-deep,#8a6d2a);color:var(--gold-bright,#f0cf6e)}
.koi-panel .koi-actions .chip.save:hover{border-color:var(--gold,#c8a24a);box-shadow:0 0 10px rgba(200,162,74,.22)}
.koi-panel .koi-actions .chip.danger{color:#e0685a;border-color:#3a2622}
.koi-panel .koi-actions .chip.danger:hover{background:rgba(224,104,90,.1);border-color:#5a3a33;color:#ff8a7a}
.koi-panel .koi-actions .chip:disabled{opacity:.4;cursor:not-allowed}

/* anvil alt bilgi kutusu — stat basma ekleri */
.anvil-info .ahint{margin-top:4px;font-size:11px;color:var(--dim,#8a8172);line-height:1.4}
.anvil-info .okc{color:#3ad63a;font-weight:700}
.anvil-info.bad{border-color:rgba(255,45,45,.35);background:linear-gradient(#1d0f0c,#140908);color:#ff9a9a}
.anvil-info.bad .ahint{color:#c98a8a}

/* ===================== ANVIL — menü ve parşömen mağazası ===================== */
.anv-menu{display:flex;flex-direction:column;gap:12px;max-width:389px;margin:6px auto 0}
.anv-card{display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto;
  gap:2px 14px;align-items:center;text-align:left;padding:16px 18px;border-radius:10px;cursor:pointer;
  background:linear-gradient(180deg,#1c160c,#120d07);border:1px solid #3a2c17;transition:.13s;
  font-family:'Cabin',sans-serif}
.anv-card:hover{border-color:var(--gold,#c8a24a);box-shadow:0 0 16px rgba(200,162,74,.18);transform:translateY(-1px)}
.anv-card:active{transform:translateY(0)}
.anv-card .ic{grid-row:1/3;font-size:30px;text-align:center;line-height:1}
.anv-card .tt{font-family:'Cinzel',serif;font-size:15px;font-weight:700;color:var(--gold-bright,#f0cf6e)}
.anv-card .ds{font-size:12px;color:var(--dim,#8a8172);line-height:1.4}
/* üst şerit */
.anv-top{display:flex;gap:8px;align-items:center;max-width:389px;margin:0 auto 10px}
.anv-top .chip{padding:7px 12px;border-radius:6px;border:1px solid #3a332a;background:#161209;
  color:#c9bfa6;font-size:12.5px;font-weight:600;cursor:pointer;font-family:'Cabin',sans-serif;transition:.12s}
.anv-top .chip:hover{border-color:#5a4d33;color:#e8dcc4}
.anv-top .anv-gold{margin-left:auto;font-family:'Cinzel',serif;font-weight:700;color:var(--gold-bright,#f0cf6e);font-size:14px}
/* mağaza listesi */
.anv-shop{display:flex;flex-direction:column;gap:7px;max-width:389px;margin:0 auto}
.anv-row{display:grid;grid-template-columns:40px 1fr auto auto;gap:11px;align-items:center;
  padding:9px 11px;border-radius:8px;background:linear-gradient(180deg,#171208,#100c06);border:1px solid #2e2517}
.anv-row .ig{width:40px;height:40px;display:grid;place-items:center;background:rgba(0,0,0,.4);
  border:1px solid #3a3020;border-radius:5px;font-size:20px;overflow:hidden}
.anv-row .ig img{width:88%;height:88%;object-fit:contain}
.anv-row .nm{display:flex;flex-direction:column;gap:2px;min-width:0}
.anv-row .nm b{font-size:12.5px;color:#e8dcc4;font-weight:600;line-height:1.25}
.anv-row .nm .sub{font-size:10.5px;color:var(--dim,#8a8172)}
.anv-row .pr{font-family:'Cinzel',serif;font-size:12.5px;font-weight:700;color:var(--gold-bright,#f0cf6e);white-space:nowrap}
.anv-row .chip{padding:7px 13px;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;
  border:1px solid var(--gold-deep,#8a6d2a);background:linear-gradient(180deg,#2f2a18,#1d1a0e);
  color:var(--gold-bright,#f0cf6e);font-family:'Cabin',sans-serif;transition:.12s}
.anv-row .chip:hover{border-color:var(--gold,#c8a24a);box-shadow:0 0 10px rgba(200,162,74,.22)}
.anv-row .chip.dis{opacity:.35;cursor:not-allowed;box-shadow:none}

/* ===================== ANVIL EFEKTİ ve ONAY PENCERESİ ===================== */
/* koyu çerçeveyi takip eden iki hat */
.anvil-wrap .anvfx{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:3}
.anvil-wrap .anvfx path{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.anvil-wrap .anvfx .cy{stroke:#42d4ff;filter:drop-shadow(0 0 6px #42d4ff);stroke-dasharray:364;stroke-dashoffset:364}
.anvil-wrap .anvfx .mg{stroke:#c86bff;filter:drop-shadow(0 0 6px #c86bff);stroke-dasharray:362;stroke-dashoffset:362}
.anvil-wrap .anvfx.run .cy{animation:anvIz 1.9s cubic-bezier(.45,.02,.4,1) forwards}
.anvil-wrap .anvfx.run .mg{animation:anvIzM 1.9s cubic-bezier(.45,.02,.4,1) forwards}
@keyframes anvIz{0%{stroke-dashoffset:364;opacity:0}4%{opacity:1}100%{stroke-dashoffset:0;opacity:1}}
@keyframes anvIzM{0%{stroke-dashoffset:362;opacity:0}4%{opacity:1}100%{stroke-dashoffset:0;opacity:1}}
/* kaynak eşya parlaması */
.anvil-wrap .anvsrc{position:absolute;border-radius:5px;pointer-events:none;z-index:2;
  animation:anvSrc 1.9s ease-in-out forwards}
@keyframes anvSrc{0%{box-shadow:0 0 0 0 rgba(66,212,255,0)}
  14%{box-shadow:0 0 18px 5px rgba(66,212,255,.85)}
  70%{box-shadow:0 0 8px 2px rgba(200,107,255,.45)}
  100%{box-shadow:0 0 0 0 rgba(66,212,255,0)}}
/* sonuç ışınları */
.anvil-wrap .anvpop{position:absolute;width:0;height:0;pointer-events:none;z-index:5}
.anvil-wrap .anvpop i{position:absolute;left:0;top:0;width:2px;height:46px;margin-left:-1px;transform-origin:50% 0;
  background:linear-gradient(180deg,rgba(255,240,190,.95),rgba(255,240,190,0));opacity:0;
  animation:anvIsin .6s ease-out 1.78s forwards}
@keyframes anvIsin{0%{opacity:0;transform:rotate(var(--a)) scaleY(.2)}35%{opacity:1}
  100%{opacity:0;transform:rotate(var(--a)) scaleY(1.4)}}
/* onay penceresi */
.anvil-wrap .anvask{position:absolute;inset:0;background:rgba(0,0,0,.72);display:flex;align-items:center;
  justify-content:center;z-index:9;backdrop-filter:blur(2px)}
.anvil-wrap .anvbox{width:86%;background:linear-gradient(180deg,#1b160d,#100c07);border:1px solid #6b5628;
  border-radius:8px;padding:15px 14px 12px;text-align:center;box-shadow:0 16px 40px rgba(0,0,0,.78)}
.anvil-wrap .anvbox h3{font-family:'Cinzel',serif;font-size:12.5px;color:var(--gold-bright,#f0cf6e);
  letter-spacing:.8px;margin-bottom:10px}
.anvil-wrap .anvrow{display:flex;align-items:center;gap:9px;justify-content:center;margin-bottom:9px}
.anvil-wrap .anvrow .ig{width:38px;height:38px;border:1px solid #6b5628;border-radius:4px;background:rgba(0,0,0,.4);
  display:grid;place-items:center;overflow:hidden;font-size:19px}
.anvil-wrap .anvrow .ig img{width:88%;height:88%;object-fit:contain}
.anvil-wrap .anvrow .ar{font-size:16px;color:var(--dim,#8a8172)}
.anvil-wrap .anvinfo{font-size:12.5px;color:#d8cdb4;line-height:1.6;margin-bottom:11px}
.anvil-wrap .anvinfo b{color:var(--gold-bright,#f0cf6e)}
.anvil-wrap .anvinfo .g{color:#3ad63a;font-weight:700}
.anvil-wrap .anvinfo .r{color:#ff6b6b}
.anvil-wrap .anvinfo .sm{font-size:11px;color:var(--dim,#8a8172)}
.anvil-wrap .anvbtn{display:flex;gap:8px}
.anvil-wrap .anvbtn button{flex:1;padding:9px 0;border-radius:5px;font-family:'Cinzel',serif;font-size:11px;
  font-weight:700;letter-spacing:.8px;cursor:pointer;border:1px solid #4a4133;background:#191308;color:#c9bfa6}
.anvil-wrap .anvbtn .ok{border-color:var(--gold,#c8a24a);
  background:linear-gradient(180deg,#d9bd6a,#a17f2f);color:#1a1206}

/* ===================== ÖRS YAYINI (sohbet duyurusu) ===================== */
#chatMsgs .an{position:relative;display:flex;flex-shrink:0;gap:10px;align-items:center;margin:5px 0;
  padding:9px 11px 9px 10px;border-radius:8px;overflow:hidden;
  background:linear-gradient(100deg,rgba(200,162,74,.16),rgba(200,162,74,.02) 62%);
  border:1px solid rgba(200,162,74,.28)}
#chatMsgs .an::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gold,#c8a24a)}
#chatMsgs .an .an-ic{position:relative;width:34px;height:34px;flex:none;border-radius:5px;overflow:hidden;
  background:radial-gradient(circle at 50% 40%,#2a2114,#0b0806);
  border:1px solid var(--gold-deep,#8a6d2a);display:grid;place-items:center;font-size:16px}
#chatMsgs .an .an-ic img{width:88%;height:88%;object-fit:contain}
#chatMsgs .an .tx{min-width:0;font-size:12.5px;line-height:1.35;color:#d8ceb8}
#chatMsgs .an .tx .nm{color:#9fd0ff;font-weight:700}
#chatMsgs .an .tx b{color:var(--gold-bright,#f0cf6e);font-weight:600}
#chatMsgs .an .tx .sub{display:block;font-size:10.5px;color:var(--dim,#8a7a5f);margin-top:2px}
#chatMsgs .an .pl{margin-left:auto;flex:none;font-family:'Cinzel',serif;font-weight:700;font-size:14px;
  min-width:42px;text-align:center;padding:5px 8px;border-radius:6px;line-height:1;
  background:linear-gradient(180deg,#2c2413,#171207);border:1px solid var(--gold-deep,#8a6d2a);
  color:var(--gold-bright,#f0cf6e)}
/* +10 ve üstü — özel */
#chatMsgs .an.big{background:linear-gradient(100deg,rgba(255,211,77,.24),rgba(255,140,40,.05) 66%);
  border-color:rgba(255,211,77,.5);box-shadow:0 0 22px rgba(255,190,60,.16)}
#chatMsgs .an.big::before{background:linear-gradient(180deg,#ffe37a,#ff9d2e)}
#chatMsgs .an.big .an-ic{border-color:#ffd34d;box-shadow:inset 0 0 12px rgba(255,211,77,.4)}
#chatMsgs .an.big .tx b{color:#ffe08a}
#chatMsgs .an.big .pl{background:linear-gradient(180deg,#ffd96b,#c98a1e);border-color:#ffd34d;color:#231603;
  box-shadow:0 0 14px rgba(255,211,77,.45)}
#chatMsgs .an.big::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg,transparent 30%,rgba(255,240,190,.22) 46%,transparent 62%);
  transform:translateX(-100%);animation:anSweep 2.8s ease-in-out .3s infinite}
@keyframes anSweep{0%{transform:translateX(-100%)}42%,100%{transform:translateX(100%)}}
/* yandı */
#chatMsgs .an.bad{background:linear-gradient(100deg,rgba(224,85,63,.16),rgba(224,85,63,.02) 62%);
  border-color:rgba(224,85,63,.3)}
#chatMsgs .an.bad::before{background:#e0553f}
#chatMsgs .an.bad .an-ic{border-color:#7a3a2e;filter:grayscale(.55) brightness(.75)}
#chatMsgs .an.bad .tx b{color:#ff9a86}
#chatMsgs .an.bad .pl{background:linear-gradient(180deg,#331914,#1c0d0a);border-color:#7a3a2e;
  color:#ff8a7a;font-size:15px}
@media (prefers-reduced-motion:reduce){#chatMsgs .an.big::after{animation:none}}