/* Relayout: Noutati (gazeta), Recompense (drumul saptamanii + sezon pe 2 coloane),
   Caracter (sina de iconite), Premium (vitrina), Clan (coloana heraldica). Incarcat ultimul. */

/* ════════ NOUTATI — gazeta: cronologie stanga, articol dreapta ════════ */
#news-overlay .news-remake.news-gazette{width:min(900px,95vw);height:min(620px,88vh)}
.news-gazette .ng-top{display:flex;align-items:center;gap:12px;padding:14px 20px;background:linear-gradient(90deg,#24382d,#16241d);border-bottom:1px solid #8f7a4e}
.news-gazette .ng-top img{image-rendering:pixelated}
.news-gazette .ng-top div{display:flex;flex-direction:column}
.news-gazette .ng-top b{color:#f1d99a;font:700 22px 'Cinzel',serif;letter-spacing:.5px}
.news-gazette .ng-top small{color:#9fb09d;font:11px 'Outfit',sans-serif}
.news-gazette .ng-count{margin-left:auto;padding:3px 10px;border:1px solid #6b5c3b;background:#101c17;color:#d9bd7f;font:700 11px 'Outfit',sans-serif}
.news-gazette .ng-body{display:grid;grid-template-columns:220px minmax(0,1fr);flex:1;min-height:0}
.news-gazette .ng-timeline{position:relative;overflow:auto;padding:14px 10px 14px 14px;background:#111d18;border-right:1px solid #3f4e3d}
.news-gazette .ng-timeline::before{content:"";position:absolute;left:23px;top:22px;bottom:22px;width:2px;background:linear-gradient(#d0b06a,#3f4e3d)}
.news-gazette .ng-tl{position:relative;display:grid;grid-template-columns:20px 1fr;grid-template-rows:auto auto;column-gap:8px;width:100%;margin-bottom:6px;padding:8px 8px 8px 0;background:transparent;border:1px solid transparent;color:#cdd5c3;text-align:left;cursor:pointer;text-transform:none;letter-spacing:normal}
.news-gazette .ng-dot{grid-row:1/3;align-self:start;margin:4px 0 0 4px;width:12px;height:12px;border-radius:50%;background:#1a2a22;border:2px solid #6b7c62;box-sizing:border-box;z-index:1}
.news-gazette .ng-tl-date{font:600 10px 'Outfit',sans-serif;color:#8a9886;letter-spacing:.3px}
.news-gazette .ng-tl-title{font:700 13px 'Outfit',sans-serif;color:#e2dcc4;line-height:1.25}
.news-gazette .ng-new{position:absolute;right:6px;top:7px;padding:1px 6px;background:#d0b06a;color:#16241d;font:800 9px 'Outfit',sans-serif;letter-spacing:.6px}
.news-gazette .ng-tl:hover{background:#1a2b23}
.news-gazette .ng-tl.active{background:linear-gradient(90deg,#3a3220,#1a2a22);border-color:#6b5c3b}
.news-gazette .ng-tl.active .ng-dot{background:#f3d996;border-color:#f3d996;box-shadow:0 0 0 3px #d0b06a33,0 0 10px #e0bf72}
.news-gazette .ng-tl.active .ng-tl-title{color:#f3d996}
.news-gazette .ng-article{overflow:auto;padding:0 20px 18px}
.news-gazette .ng-hero{position:sticky;top:0;z-index:1;margin:0 -20px 14px;padding:18px 20px 14px;background:linear-gradient(180deg,#1c2e25 70%,#1c2e2500);}
.news-gazette .ng-kicker{color:#9fb09d;font:700 10px 'Outfit',sans-serif;letter-spacing:1.4px;text-transform:uppercase}
.news-gazette .ng-hero h2{margin:4px 0 0;color:#f3d996;font:700 26px 'Cinzel',serif;letter-spacing:.5px;text-shadow:0 2px 0 #0008}
.news-gazette .ng-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.news-gazette .ng-card{display:flex;gap:10px;padding:11px 12px;background:#15241d;border:1px solid #3f4e3d;border-top:2px solid #6b5c3b}
.news-gazette .ng-num{flex:none;color:#d0b06a;font:700 18px 'Cinzel',serif;line-height:1;opacity:.85}
.news-gazette .ng-txt b{display:block;margin-bottom:3px;color:#f0e2bd;font:700 13px 'Outfit',sans-serif}
.news-gazette .ng-txt p{margin:0;color:#c7cfbd;font:12.5px/1.5 'Outfit',sans-serif}
.news-gazette .ng-txt p b{display:inline;color:#f0cf7c;font-size:inherit;margin:0}
.news-gazette .news-ok{margin:10px 18px 14px}
@media(max-width:640px){
  #news-overlay .news-remake.news-gazette{height:88vh}
  .news-gazette .ng-body{grid-template-columns:1fr;grid-template-rows:auto 1fr}
  .news-gazette .ng-timeline{display:flex;gap:6px;overflow-x:auto;border-right:0;border-bottom:1px solid #3f4e3d;padding:8px}
  .news-gazette .ng-timeline::before{display:none}
  .news-gazette .ng-tl{flex:0 0 170px;margin:0}
  .news-gazette .ng-cards{grid-template-columns:1fr}
}

/* ════════ RECOMPENSE ZILNICE — drumul saptamanii ════════ */
.daily-win{width:min(720px,95vw)!important;max-width:min(720px,95vw)!important}
.daily-win .win-body{font-family:'Outfit',system-ui,sans-serif;background:radial-gradient(120% 90% at 50% 0%,#22382c,#121d18 70%)}
.dj{display:flex;flex-direction:column;gap:16px}
.dj-head{display:flex;align-items:center;gap:14px}
.dj-flame{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:74px;padding:8px 6px;background:linear-gradient(#3b2a17,#21170d);border:1px solid #c98f3e;box-shadow:inset 0 0 12px #ff8a2a33,0 0 14px #ff8a2a22}
.dj-flame span{font-size:20px;line-height:1}
.dj-flame b{color:#ffd27a;font:800 22px 'Cinzel',serif;line-height:1.1}
.dj-flame small{color:#d9a868;font:600 9px 'Outfit',sans-serif;text-transform:uppercase;letter-spacing:.8px}
.dj-headtxt{display:flex;flex-direction:column;gap:3px}
.dj-headtxt b{color:#f3d996;font:700 20px 'Cinzel',serif}
.dj-headtxt small{color:#a8b5a3;font:12px 'Outfit',sans-serif}
.dj-track{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) minmax(0,1.35fr);gap:6px;align-items:start;padding:12px 4px 4px}
.dj-line{position:absolute;left:calc(100% / 15.4);right:calc(100% / 11);top:40px;height:6px;background:#0d1612;border:1px solid #3f4e3d;border-radius:3px;overflow:hidden}
.dj-line-fill{height:100%;background:linear-gradient(90deg,#8a6a2e,#f3d996);box-shadow:0 0 8px #e0bf72}
.dj-node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;min-width:0}
.dj-medal{position:relative;display:grid;place-items:center;width:58px;height:58px;font-size:26px;background:radial-gradient(circle at 50% 35%,#2d4438,#16241d);border:2px solid #4f5f4b;border-radius:50%;box-shadow:inset 0 0 10px #000a}
.dj-day{color:#8a9886;font:800 10px 'Outfit',sans-serif;letter-spacing:.8px;text-transform:uppercase}
.dj-rw{color:#d8dccb;font:600 11.5px/1.25 'Outfit',sans-serif;max-width:100%;overflow-wrap:anywhere}
.dj-ck{position:absolute;right:-3px;bottom:-3px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#3f7a45;border:2px solid #b8e0a0;color:#fff;font:900 11px 'Outfit',sans-serif;font-style:normal}
.dj-node.done .dj-medal{border-color:#b0955c;background:radial-gradient(circle at 50% 35%,#4a4126,#211d12)}
.dj-node.done .dj-rw{color:#9aa58e}
.dj-node.next .dj-medal{border-color:#f3d996;box-shadow:inset 0 0 10px #000a,0 0 0 4px #d0b06a33,0 0 18px #e0bf72aa}
.dj-node.next.ready .dj-medal{animation:dj-pulse 1.4s ease-in-out infinite}
.dj-node.next .dj-day{color:#f3d996}
.dj-node.locked .dj-medal{filter:grayscale(.6) brightness(.8)}
.dj-node.grand .dj-medal{width:84px;height:84px;margin-top:-13px;font-size:38px;border-radius:12px;border-color:#c98f3e;background:radial-gradient(circle at 50% 35%,#5a3d1d,#24180c);box-shadow:inset 0 0 14px #000b,0 0 20px #ff9a3a44}
.dj-node.grand .dj-rw{color:#ffd27a;font-weight:800}
@keyframes dj-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
.dj-claim{width:100%;height:46px;font-size:15px!important}
.dj-wait{padding:11px;text-align:center;color:#9fc79a;background:#13221b;border:1px dashed #4c6b4a;font:600 13px 'Outfit',sans-serif}
@media(max-width:620px){
  .dj-track{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:14px}
  .dj-line{display:none}
  .dj-node.grand{grid-column:span 4}
  .dj-medal{width:50px;height:50px}
}

/* ════════ SEZON — progres + misiuni in stanga (fix), traseul de tiere in dreapta ════════ */
.win.bp-win{width:min(980px,96vw);max-width:min(980px,96vw)}
.bp-win .rewards-content{display:grid;grid-template-columns:minmax(260px,330px) minmax(0,1fr);grid-template-areas:"head track" "sum track" "quests track";column-gap:14px;align-items:start}
.win.bp-win .rewards-content>.bp-head{grid-column:1!important;grid-row:1}
.win.bp-win .rewards-content>.bp-summary{grid-column:1!important;grid-row:2}
.win.bp-win .rewards-content>.bp-quests{grid-column:1!important;grid-row:3}
.win.bp-win .rewards-content>.bp-track{grid-column:2!important;grid-row:1/span 3;min-width:0}
.win.bp-win .rewards-content>.bp-track{max-height:min(66vh,620px);overflow-y:auto;padding-right:4px;scrollbar-width:thin}
.win.bp-win .rewards-content>.bp-quests{max-height:none;overflow:visible}
.bp-win .bp-head{padding:12px;background:linear-gradient(160deg,#2a3f33,#15241d);border:1px solid #6b5c3b;margin-bottom:10px}
.bp-win .bp-tier{color:#f3d996;font:700 22px 'Cinzel',serif}
.bp-win .bp-quests{max-height:none}
@media(max-width:760px){
  .bp-win .rewards-content{grid-template-columns:1fr}
  .win.bp-win .rewards-content>*{grid-column:1!important;grid-row:auto!important;position:static}
}

/* ════════ CARACTER — sina verticala de iconite | profil | continut ════════ */
#win-char.character-journal-win{width:min(1080px,96vw);max-width:96vw}
#win-char.character-journal-win>.win-body{grid-template-columns:78px 240px minmax(0,1fr);grid-template-rows:auto;gap:16px}
#win-char.character-journal-win .character-nav{grid-column:1;grid-row:1;position:sticky;top:0;align-self:start;display:flex;flex-flow:column nowrap;gap:6px;padding:8px 6px;margin:0;border:1px solid #4f5f4b;border-bottom:1px solid #4f5f4b;background:linear-gradient(180deg,#15241d,#0f1a15);box-shadow:inset 0 0 0 2px #0b1410}
#win-char.character-journal-win .character-nav .inv-tab{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:58px;padding:7px 2px;font-size:9.5px;line-height:1.15;text-align:center;white-space:normal}
#win-char.character-journal-win .character-nav .inv-tab .ct-ic{transform:scale(1.15)}
#win-char.character-journal-win .character-nav .inv-tab.active{box-shadow:inset 3px 0 #e0bf72,0 0 12px #e0bf7233}
#win-char.character-journal-win .character-profile{grid-column:2;grid-row:1}
#win-char.character-journal-win .character-profile .character-portrait{width:170px;height:170px;max-width:100%;image-rendering:pixelated}
#win-char.character-journal-win .char-tab-content{grid-column:3;grid-row:1}
@media(max-width:860px){
  #win-char.character-journal-win>.win-body{grid-template-columns:64px minmax(0,1fr)}
  #win-char.character-journal-win .character-profile{grid-column:2;grid-row:1;position:static;display:grid;grid-template-columns:110px minmax(0,1fr);text-align:left}
  #win-char.character-journal-win .char-tab-content{grid-column:2;grid-row:2}
  #win-char.character-journal-win .character-nav{grid-row:1/3}
}
@media(max-width:700px){
  #win-char.character-journal-win>.win-body{grid-template-columns:minmax(0,1fr)}
  #win-char.character-journal-win .character-nav{grid-column:1;grid-row:auto;position:static;flex-flow:row wrap}
  #win-char.character-journal-win .character-nav .inv-tab{flex:1 0 22%;min-height:48px}
  #win-char.character-journal-win .character-profile,#win-char.character-journal-win .char-tab-content{grid-column:1;grid-row:auto}
}

/* ════════ PREMIUM — vitrina: categoriile ca raft sus, produsul ales pe piedestal ════════ */
.premium-shop-win .premium-layout{grid-template-columns:minmax(0,1fr) 250px;grid-template-areas:"nav nav" "catalog detail"}
.premium-shop-win .premium-nav{grid-area:nav;position:static;flex-direction:row;flex-wrap:wrap;gap:6px;padding:6px}
.premium-shop-win .premium-nav-btn{width:auto;flex:1 1 0;justify-content:center;grid-template-columns:24px auto;min-height:40px}
.premium-shop-win .premium-catalog{grid-area:catalog}
.premium-shop-win .premium-layout .pshop-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.premium-shop-win .premium-layout.featured-view .pshop-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.premium-shop-win .premium-detail{grid-area:detail;position:sticky;top:50px;background:radial-gradient(ellipse 80% 45% at 50% 30%,#e0bf7226,transparent 70%),linear-gradient(180deg,#1d3027,#111d18)!important;border:1px solid #8f7a4e!important;box-shadow:inset 0 0 0 3px #0d1612,0 8px 22px #0007}
.premium-shop-win .premium-detail img{image-rendering:pixelated}
.premium-shop-win .premium-layout .pshop-card .pc-ic{transition:none;}
.premium-shop-win .premium-cosmetic-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 10px}
.premium-shop-win .premium-cosmetic-group{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:48px;padding:7px 8px;border:1px solid var(--art-edge);border-radius:0;background:#132b1f var(--art-wood) repeat;background-size:128px 128px;color:var(--art-cream);text-align:left;font:700 12px Outfit,sans-serif;cursor:pointer;image-rendering:pixelated}
.premium-shop-win .premium-cosmetic-group[data-group="trade"]{grid-column:span 2}
.premium-shop-win .premium-cosmetic-group img{width:28px;height:28px;object-fit:contain;image-rendering:pixelated}
.premium-shop-win .premium-cosmetic-group b{color:var(--art-gold);font-size:11px}
.premium-shop-win .premium-cosmetic-types{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 12px}
.premium-shop-win .premium-cosmetic-type{min-height:32px;padding:5px 9px;border:1px solid var(--art-edge);border-radius:0;background:#132b1f var(--art-wood) repeat;background-size:128px 128px;color:var(--art-cream);font:600 11px Outfit,sans-serif;cursor:pointer}
.premium-shop-win :is(.premium-cosmetic-group,.premium-cosmetic-type):hover{background-image:var(--art-wood-hover);border-color:var(--art-gold)}
.premium-shop-win :is(.premium-cosmetic-group,.premium-cosmetic-type).active{background-image:var(--art-wood-selected);border-color:var(--art-gold);color:#f3d996;box-shadow:inset 2px 0 var(--art-gold)}
.premium-shop-win :is(.premium-cosmetic-group,.premium-cosmetic-type):focus-visible{outline:2px solid var(--art-gold);outline-offset:2px}

@media(max-width:760px){
  .premium-shop-win .premium-layout{grid-template-columns:1fr;grid-template-areas:"nav" "catalog" "detail"}
  .premium-shop-win .premium-detail{position:static}
}
@media(max-width:480px){
  .premium-shop-win .premium-cosmetic-groups{grid-template-columns:repeat(2,minmax(0,1fr))}
  .premium-shop-win .premium-cosmetic-group[data-group="trade"]{grid-column:auto}
  .premium-shop-win .premium-cosmetic-group[data-group="titles"]{grid-column:span 2}
}

/* ════════ CLAN — coloana heraldica (blazon, nume, XP, taburi) | continutul tabului ════════ */
#win-guild.guild-win{width:min(880px,96vw);max-width:96vw}
#win-guild.guild-win>.win-body:has(>.guild-banner){display:grid;grid-template-columns:230px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:14px;row-gap:0;align-items:start}
#win-guild.guild-win>.win-body>.guild-banner{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;margin:0;padding:16px 12px;background:radial-gradient(ellipse at 50% 20%,#4a2a1a66,transparent 60%),linear-gradient(180deg,#1f2f26,#111d18);border:1px solid #8f7a4e;box-shadow:inset 0 0 0 3px #0d1612}
#win-guild.guild-win .guild-banner .gb-crest{width:92px;height:104px;filter:drop-shadow(0 6px 10px #000a)}
#win-guild.guild-win .guild-banner .gb-main{width:100%;flex:none}
#win-guild.guild-win .guild-banner .gb-name{font:700 17px Cinzel,serif;color:#f3d996;line-height:1.25;white-space:normal}
#win-guild.guild-win .guild-banner .gb-meta{display:block;white-space:normal;overflow:visible;margin-top:6px;font-size:11.5px;line-height:1.55;color:#aeb9a9}
#win-guild.guild-win .guild-banner .gb-xp{height:14px;margin-top:9px}
#win-guild.guild-win .guild-banner .gb-xp .lbl{line-height:14px;font-size:9px}
#win-guild.guild-win>.win-body>.guild-tabs{grid-column:1;grid-row:2;position:static;display:flex;flex-direction:column;gap:5px;margin-top:10px}
#win-guild.guild-win>.win-body>.guild-tabs .guild-tab{width:100%;display:flex;justify-content:space-between;align-items:center}
#win-guild.guild-win>.win-body>.guild-tab-body{grid-column:2;grid-row:1/4;min-width:0;min-height:420px}
#win-guild.guild-win>.win-body:has(>.guild-banner)>.g-hint{grid-column:1;grid-row:3;margin-top:8px;font-size:11px;text-align:center}
@media(max-width:700px){
  #win-guild.guild-win>.win-body:has(>.guild-banner){grid-template-columns:1fr}
  #win-guild.guild-win>.win-body>*{grid-column:1!important;grid-row:auto!important}
  #win-guild.guild-win>.win-body>.guild-banner{flex-direction:row;text-align:left}
  #win-guild.guild-win .guild-banner .gb-crest{width:54px;height:62px}
  #win-guild.guild-win>.win-body>.guild-tabs{flex-direction:row;flex-wrap:wrap}
  #win-guild.guild-win>.win-body>.guild-tabs .guild-tab{width:auto;flex:1 0 30%}
}

/* ════════ COSMETICE — garderoba: manechin live + "ce porti acum" | raft de categorii + grila ════════ */
.cosm-slide{width:min(780px,96vw)!important;max-width:96vw!important}
.wardrobe{display:block}
.wardrobe-slide{display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px;align-items:start}
.wd-side{position:sticky;top:0;display:flex;flex-direction:column;gap:8px;padding:12px;background:radial-gradient(ellipse 85% 40% at 50% 34%,#e0bf7230,transparent 70%),linear-gradient(180deg,#1f3027,#111d18);border:1px solid #8f7a4e;box-shadow:inset 0 0 0 3px #0d1612}
.wd-stage{position:relative;display:grid;place-items:center;height:230px;background:radial-gradient(ellipse 60% 12% at 50% 88%,#00000080,transparent 70%)}
.wd-stage::after{content:"";position:absolute;left:18%;right:18%;bottom:14px;height:10px;border-radius:50%;background:radial-gradient(#d0b06a55,transparent 70%)}
.wd-model{width:184px;height:230px;image-rendering:pixelated}
.wd-name{text-align:center;color:#f3d996;font:700 17px Cinzel,serif}
.wd-sub{text-align:center;color:#8a9886;font:800 9px Outfit,sans-serif;letter-spacing:1.2px;text-transform:uppercase}
.wd-main{min-width:0}
.wd-intro{margin:0 0 10px;font-size:11.5px;line-height:1.45}
.wd-rail{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #4c5d4a}
.wd-cat{display:grid;grid-template-columns:18px minmax(0,1fr) 20px;align-items:center;gap:6px;min-height:36px;padding:7px 9px;background:#111c18;border:1px solid #435449;border-radius:3px;color:#cdd5c3;font:600 12px Outfit,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;text-align:left;box-shadow:none}
.wd-cat .wd-lb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-cat .wd-ic{font-size:13px}
.wd-cat b{min-width:18px;padding:2px 3px;border-radius:2px;background:#23352b;color:#d9bd7f;font:800 10px Outfit,sans-serif;text-align:center}
.wd-cat:hover{border-color:#c5aa6b;color:#fff0c9}
.wd-cat.active{background:#293125;border-color:#c4a660;color:#f3d996;box-shadow:inset 3px 0 #d9bb72}
.wd-side[role="button"],.wd-grid .cos-card[role="button"]{cursor:zoom-in}
.wd-side[role="button"]:focus-visible,.wd-grid .cos-card:focus-visible,.wd-cat:focus-visible{outline:2px solid #dfc582;outline-offset:3px}
.wd-grid .cosm-use{min-height:30px;width:100%;padding:6px 10px;border:1px solid #9a824f;border-radius:3px;background:#25372c;color:#f0ddb3;font:600 12px/1.3 Outfit,sans-serif;letter-spacing:.3px;box-shadow:none;text-transform:none;cursor:pointer}
.wd-grid .cosm-use:hover{background:#354837;border-color:#d4b978}
.wd-grid .cosm-use:focus-visible{outline:2px solid #dfc582;outline-offset:2px}
.wd-grid.cos-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:9px;margin:0}
@media(max-width:640px){
  .wardrobe-slide{grid-template-columns:1fr}
  .wd-side{position:static}
  .wd-stage{height:170px}.wd-model{width:136px;height:170px}
  .wd-loadout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ════════ CARACTER — paginile ════════ */
/* Stats: cele 4 valori de lupta pe un rand, ca medalioane */
#win-char .char-tab-content[data-section="stats"] .combat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
#win-char .char-tab-content[data-section="stats"] .combat-cell{display:grid;justify-items:center;text-align:center;gap:4px;padding:12px 6px}
#win-char .char-tab-content[data-section="stats"] .combat-cell svg{width:26px;height:26px}
#win-char .char-tab-content[data-section="stats"] .combat-cell .cc-v{font:700 26px Cinzel,serif}
/* % Bns: grila de placi; cele pe zero se estompeaza */
#win-char .char-tab-content[data-section="bonus"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-content:start}
#win-char .char-tab-content[data-section="bonus"]>:not(.stat-row){grid-column:1/-1}
#win-char .char-tab-content[data-section="bonus"] .stat-row{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:6px;min-height:60px;margin:0!important;padding:10px 12px!important;border-left:3px solid #d0b06a}
#win-char .char-tab-content[data-section="bonus"] .stat-row b{font:700 19px Cinzel,serif;color:#f3d996}
#win-char .char-tab-content[data-section="bonus"] .stat-row.is-zero{opacity:.42;border-left-color:#3f4e3d}
#win-char .char-tab-content[data-section="bonus"] .stat-row.is-zero b{color:#9aa995}
/* Skilluri: carduri cu iconita, tasta, bara de nivel si buton + */
.cs-points{display:flex;align-items:center;justify-content:space-between;padding:10px 14px!important;margin-bottom:12px!important;background:#15241d;border:1px solid #3f4e3d;font:600 13px Outfit,sans-serif}
.cs-points b{font:800 18px Cinzel,serif}
.cs-points.has{border-color:#d0b06a;box-shadow:0 0 12px #e0bf7233}
.cs-skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cs-skill{display:flex;align-items:center;gap:10px;padding:9px 10px;background:linear-gradient(145deg,#1f3128,#15241d);border:1px solid #3f4e3d;cursor:help}
.cs-skill:hover{border-color:#b0955c}
.cs-ico{width:42px;height:42px;flex:none;image-rendering:pixelated;border:1px solid #6b5c3b;background:#0d1612}
.cs-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.cs-top{display:flex;align-items:center;gap:6px;min-width:0}
.cs-top b{font:700 13px Outfit,sans-serif;color:#f0e2bd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-key{flex:none;padding:0 5px;background:#3a3220;border:1px solid #d0b06a;color:#f3d996;font:800 9px Outfit,sans-serif;border-radius:2px}
.cs-bar{height:5px;background:#0d1612;border:1px solid #33433a}
.cs-bar i{display:block;height:100%;background:linear-gradient(90deg,#8a6a2e,#f3d996)}
.cs-lv{font:600 10.5px Outfit,sans-serif;color:#9aa995}
.cs-up{flex:none;min-width:30px;height:30px;font:900 16px Outfit,sans-serif!important}
.cs-skill.maxed{border-color:#b0955c}
.cs-skill.maxed .cs-lv{color:#f0cf7c}
.cs-skill.unlearned .cs-ico{filter:grayscale(.7) brightness(.8)}
.cs-skill.locked{opacity:.5;filter:grayscale(.6)}
/* Colectii: gata de revendicat = straluceste; revendicate = auriu discret */
#win-char .collection-card.ready{border-color:#e0bf72!important;box-shadow:0 0 14px #e0bf7240}
#win-char .collection-card.claimed{background:linear-gradient(145deg,#2a2618,#15241d)!important}
#win-char .collection-card .coll-bar{height:7px}
/* Titluri: 3 coloane, cel activ fixat sus pe toata latimea, margine dupa raritate */
#win-char .char-tab-content[data-section="titluri"]{grid-template-columns:repeat(3,minmax(0,1fr))}
#win-char .char-tab-content[data-section="titluri"]>p{order:-2}
#win-char .char-tab-content[data-section="titluri"] .title-row.active{order:-1;grid-column:1/-1;border-color:#e0bf72!important;background:linear-gradient(90deg,#3a3220,#15241d)!important;box-shadow:0 0 14px #e0bf7233}
#win-char .char-tab-content[data-section="titluri"] .title-row{border-left-width:3px!important}
#win-char .title-row.rar-common{border-left-color:#8a9886!important}
#win-char .title-row.rar-uncommon{border-left-color:#6fbf73!important}
#win-char .title-row.rar-rare{border-left-color:#5aa8e0!important}
#win-char .title-row.rar-epic{border-left-color:#b07ae0!important}
#win-char .title-row.rar-legendary{border-left-color:#e8a64a!important}
#win-char .char-tab-content[data-section="titluri"] .title-row.locked{opacity:.6}
@media(max-width:860px){
  #win-char .char-tab-content[data-section="stats"] .combat-grid,#win-char .char-tab-content[data-section="bonus"],#win-char .char-tab-content[data-section="titluri"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cs-skill-grid{grid-template-columns:1fr}
}

/* Renastere: scara cu 5 rune */
.rb-ladder{display:flex;align-items:center;margin:4px 0 14px;padding:12px 14px;background:radial-gradient(ellipse at 50% 50%,#3a2a5a40,transparent 70%),#120f1c;border:1px solid #4a3a6a}
.rb-rune{flex:none;display:grid;place-items:center;width:46px;height:46px;transform:rotate(45deg);background:#1a1628;border:2px solid #4a3a6a;box-shadow:inset 0 0 8px #000a}
.rb-rune span{transform:rotate(-45deg);color:#7a6a9a;font:800 13px Cinzel,serif}
.rb-rune.lit{background:radial-gradient(circle,#7a4ab0,#2a1a44);border-color:#c886ff;box-shadow:inset 0 0 8px #000a,0 0 16px #c886ff88}
.rb-rune.lit span{color:#fff0ff}
.rb-rune.next{border-color:#c886ff;animation:rb-glow 1.6s ease-in-out infinite}
.rb-link{flex:1;height:3px;margin:0 4px;background:linear-gradient(90deg,#4a3a6a,#2a2040)}
.rb-rune.lit+.rb-link{background:linear-gradient(90deg,#c886ff,#6a4a9a)}
@keyframes rb-glow{0%,100%{box-shadow:inset 0 0 8px #000a,0 0 4px #c886ff44}50%{box-shadow:inset 0 0 8px #000a,0 0 16px #c886ffaa}}

/* ════════ CLAN — paginile ════════ */
/* Membri: carduri pe 2 coloane; dunga dupa rol, contur verde cand e online */
#win-guild .guild-tab-body .fr-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:stretch}
#win-guild .guild-tab-body .fr-section>.fr-head{grid-column:1/-1}
#win-guild .guild-tab-body .fr-row{display:flex!important;flex-wrap:wrap;align-items:center;gap:5px 8px;margin:0!important;padding:10px 12px!important;background:linear-gradient(145deg,#1f3128,#15241d)!important;border:1px solid #3f4e3d!important;border-left:3px solid #4f5f4b!important;border-radius:3px}
#win-guild .guild-tab-body .fr-row::after{content:"";order:4;flex-basis:100%;height:0}
#win-guild .guild-tab-body .fr-row .fr-nm{flex:1 1 auto;font:700 14px Outfit,sans-serif}
#win-guild .guild-tab-body .fr-row .g-lv{order:3;margin-left:auto}
#win-guild .guild-tab-body .fr-row .g-role{order:5;padding:1px 7px;background:#0d1612;border:1px solid #3f4e3d;font:700 10px Outfit,sans-serif;text-transform:uppercase;letter-spacing:.5px}
#win-guild .guild-tab-body .fr-row .g-map{order:6;flex:1 1 auto;font-size:11px}
#win-guild .guild-tab-body .fr-row>button{order:7}
#win-guild .guild-tab-body .fr-row:has(.g-leader){border-left-color:#e0bf72!important}
#win-guild .guild-tab-body .fr-row:has(.g-leader) .g-role{color:#f3d996;border-color:#8f7a4e}
#win-guild .guild-tab-body .fr-row.on{border-color:#4f7a52!important}
#win-guild .guild-tab-body .fr-row.off{opacity:.62}
/* Bonusuri: skill-urile de clan ca carduri pe 2 coloane */
#win-guild .guild-skills>.gs-skill{display:inline-flex;flex-direction:column;gap:5px;width:calc(50% - 6px);margin:0 4px 8px 0;vertical-align:top;box-sizing:border-box;padding:10px 12px;background:linear-gradient(145deg,#1f3128,#15241d);border:1px solid #3f4e3d;border-top:2px solid #6b5c3b}
#win-guild .guild-skills>.gs-skill.on{border-top-color:#e0bf72;box-shadow:0 0 12px #e0bf7222}
#win-guild .guild-skills .gss-h{display:flex;align-items:center;gap:8px}
#win-guild .guild-skills .guild-skill-icon{width:34px;height:34px;image-rendering:pixelated;border:1px solid #6b5c3b;background:#0d1612}
#win-guild .guild-skills .gss-h b{flex:1;color:#f0e2bd}
#win-guild .guild-perks>summary{font:800 11px Outfit,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#e9cf8a;cursor:pointer;padding:6px 0}
#win-guild .guild-perks .gp-row{display:inline-flex;align-items:center;gap:6px;margin:0 6px 6px 0;padding:6px 10px;border:1px solid #3f4e3d;background:#15241d;border-radius:999px}
#win-guild .guild-perks .gp-row.on{border-color:#5fae5f;color:#c8f0c0}
#win-guild .guild-perks .gp-row.off{opacity:.55}
/* Vistierie: suma ca un seif, magazinul de buffuri ca carduri */
#win-guild .guild-treasury-sum{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 12px;margin-bottom:10px;background:radial-gradient(ellipse at 50% 40%,#e0bf7226,transparent 70%),linear-gradient(180deg,#2a2618,#15241d);border:1px solid #8f7a4e;box-shadow:inset 0 0 0 3px #0d1612;text-align:center}
#win-guild .guild-treasury-sum b{font:800 30px Cinzel,serif;color:#f3d996;text-shadow:0 2px 0 #0009}
#win-guild .guild-shop .gs-row{display:inline-flex;flex-direction:column;align-items:flex-start;gap:6px;width:calc(50% - 6px);margin:0 4px 8px 0;vertical-align:top;box-sizing:border-box;padding:10px 12px;background:#15241d;border:1px solid #3f4e3d;border-top:2px solid #6b5c3b}
#win-guild .guild-shop .gs-nm{font:700 13px Outfit,sans-serif;color:#f0e2bd}
#win-guild .guild-shop .gs-cost{color:#f0cf7c;font:700 12px Outfit,sans-serif}
/* Razboi: tabela de scor mare */
#win-guild .guild-war{padding:16px;background:radial-gradient(ellipse at 50% 30%,#7a1f1833,transparent 70%),linear-gradient(180deg,#24191699,#15241d);border:1px solid #a8584a;text-align:center}
#win-guild .guild-war .gw-head b{font:700 16px Cinzel,serif;color:#f3d996}
#win-guild .guild-war .gw-score{display:flex;justify-content:center;align-items:center;gap:22px;margin:12px 0;font:800 40px Cinzel,serif}
#win-guild .guild-war .gw-score .mine{color:#8fd08a;text-shadow:0 0 14px #5fae5f66}
#win-guild .guild-war .gw-score .theirs{color:#e07b6a;text-shadow:0 0 14px #c0504a66}
/* Setari + actiuni: butoane mari */
#win-guild .guild-treasury-acts{display:flex;flex-wrap:wrap;gap:8px}
#win-guild .guild-treasury-acts>.rpg-btn{flex:1 1 180px;min-height:44px}
#win-guild .guild-settings>.rpg-btn{flex-basis:100%;min-height:52px;font-size:14px}
@media(max-width:700px){
  #win-guild .guild-tab-body .fr-section{grid-template-columns:1fr}
  #win-guild .guild-skills>.gs-skill,#win-guild .guild-shop .gs-row{width:100%}
}

/* One cached raster showroom shared by product cards and item detail views. */
.pc-showroom,.pd-showroom,.item-showroom{position:relative;flex-shrink:0;background:#101922 url('/assets/ui/premium/showroom-v1.png?v=20261010') center/100% 100% no-repeat;image-rendering:pixelated;overflow:hidden}
.premium-shop-win .premium-layout .pshop-card .pc-showroom{width:96px;height:96px;margin:0 auto 6px}
.premium-shop-win .premium-layout .pshop-card .pc-showroom .pc-ic{position:absolute;width:48px;height:48px;left:24px;top:18px;margin:0;object-fit:contain;image-rendering:pixelated}
.premium-shop-win .premium-layout .pshop-card{min-height:178px}
.pd-showroom,.item-showroom{width:160px;height:160px;margin:10px auto}
.premium-shop-win .premium-detail .pd-showroom .pd-icon,.item-showroom>img{position:absolute;left:48px;top:40px;width:64px;height:64px;margin:0;object-fit:contain;image-rendering:pixelated;filter:none}
.premium-shop-win .premium-currency-art{display:inline-block;width:16px;height:16px;vertical-align:-3px;image-rendering:pixelated;object-fit:contain;filter:none}
@media(max-width:480px){.premium-shop-win .premium-layout .pshop-card .pc-showroom{width:80px;height:80px}.premium-shop-win .premium-layout .pshop-card .pc-showroom .pc-ic{left:16px;top:10px}}
/* Move only the object inside its fixed showroom; keep card geometry stable. */
.premium-shop-win :is(.pc-showroom,.pd-showroom){contain:paint;isolation:isolate}
.premium-shop-win :is(.pc-showroom,.pd-showroom)::before{content:"";position:absolute;inset:4%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,#e1c77d65 0%,#c9a35c2b 34%,#c9a35c00 70%);opacity:0;transition:opacity 180ms ease-out;will-change:opacity}
.premium-shop-win .premium-layout .pshop-card .pc-showroom .pc-ic{z-index:1;transition:top 180ms ease-out}
.premium-shop-win .premium-detail .pd-showroom .pd-icon{z-index:1;transition:top 180ms ease-out}
.premium-shop-win .premium-layout .pshop-card:is(:hover,:focus-visible) .pc-showroom .pc-ic{top:12px}
.premium-shop-win .premium-layout .pshop-card:is(:hover,:focus-visible) .pc-showroom::before,.premium-shop-win .pd-showroom:hover::before{opacity:1}
.premium-shop-win .premium-detail .pd-showroom:hover .pd-icon{top:34px}
@media(max-width:480px){.premium-shop-win .premium-layout .pshop-card:is(:hover,:focus-visible) .pc-showroom .pc-ic{top:4px}}
@media(prefers-reduced-motion:reduce){.premium-shop-win :is(.pc-showroom,.pd-showroom)::before,.premium-shop-win .premium-layout .pshop-card .pc-showroom .pc-ic,.premium-shop-win .premium-detail .pd-showroom .pd-icon{transition:none}}
.premium-shop-win .premium-detail .pd-market-art{width:144px;height:144px;max-width:100%;object-fit:contain;image-rendering:pixelated;filter:none;margin-bottom:10px}
.market-panel .mk-bank-art{width:24px;height:24px;vertical-align:-6px;object-fit:contain;image-rendering:pixelated}

/* Generated clan UI art. Nine-slice keeps corner ornaments at a fixed scale. */
#win-guild.guild-win>.win-body{background:#111b18 url('/assets/ui/clan/page-texture-v1.png?v=20261010') repeat!important;background-size:256px 256px!important;image-rendering:pixelated}
#win-guild.guild-win>.win-body:has(>.guild-banner){grid-template-columns:186px minmax(0,1fr);row-gap:12px}
#win-guild.guild-win>.win-body>.guild-banner{grid-column:1/-1;grid-row:1;flex-direction:row;text-align:left;gap:18px;background:#12301e;border:16px solid transparent;border-image-source:url('/assets/ui/clan/nameplate-v1.png?v=20261010');border-image-slice:24 32 fill;border-image-width:16px;border-image-repeat:stretch;border-radius:0;box-shadow:none;padding:10px 16px;image-rendering:pixelated}
#win-guild.guild-win .guild-banner .gb-crest{width:54px;height:62px;filter:none}
#win-guild.guild-win .guild-banner .gb-main{flex:1;min-width:0;width:auto}
#win-guild.guild-win>.win-body>.guild-tabs{grid-column:1;grid-row:2;margin-top:0}
#win-guild.guild-win>.win-body>.guild-tab-body{grid-column:2;grid-row:2/4}
#win-guild.guild-win .guild-banner .gb-name{overflow-wrap:anywhere;text-shadow:0 2px #101713}
#win-guild.guild-win>.win-body>.guild-tab-body{background:rgba(13,20,22,.88);border-color:#405044;box-shadow:inset 0 1px #71815b22}
#win-guild.guild-win .guild-tabs{background:rgba(12,20,17,.94)}
@media(max-width:700px){
  #win-guild.guild-win>.win-body:has(>.guild-banner){grid-template-columns:1fr}
  #win-guild.guild-win>.win-body>.guild-banner{gap:10px;padding:8px;border-width:12px;border-image-width:12px}
  #win-guild.guild-win>.win-body>.guild-tabs{flex-direction:row;flex-wrap:wrap}
}

/* Generated clan panel and button skins; border slices keep corners fixed. */
#win-guild.guild-win>.win-body>.guild-tab-body{background:#111a20 url('/assets/ui/clan/panel-texture-v1.png?v=20261010') repeat!important;background-size:128px 128px!important;border:10px solid transparent;border-image:url('/assets/ui/clan/panel-v1.png?v=20261010') 12 / 10px stretch;border-radius:0;box-shadow:none;image-rendering:pixelated;padding:12px;box-sizing:border-box}
#win-guild.guild-win :is(.guild-tab,.guild-tab-body .rpg-btn:not(.danger)){background:#152b20 url('/assets/ui/clan/button-normal-texture-v1.png?v=20261010') repeat!important;background-size:128px 128px!important;border:6px solid transparent!important;border-image:url('/assets/ui/clan/button-normal-v1.png?v=20261010') 12 / 6px stretch!important;border-radius:0;box-shadow:none!important;color:#d9ddc6;image-rendering:pixelated;transition:none;}
#win-guild.guild-win :is(.guild-tab,.guild-tab-body .rpg-btn:not(.danger)):hover:not(:disabled){background-image:url('/assets/ui/clan/button-hover-texture-v1.png?v=20261010')!important;border-image-source:url('/assets/ui/clan/button-hover-v1.png?v=20261010')!important;color:#fff0c5}
#win-guild.guild-win .guild-tab.active,#win-guild.guild-win .guild-tab:active{background-image:url('/assets/ui/clan/button-selected-texture-v1.png?v=20261010')!important;border-image-source:url('/assets/ui/clan/button-selected-v1.png?v=20261010')!important;color:#f4d992}
#win-guild.guild-win :is(.guild-tab,.guild-tab-body .rpg-btn):focus-visible{outline:2px solid #ebcf83;outline-offset:2px}
#win-guild.guild-win .guild-tab-body .rpg-btn:disabled{opacity:.5}

/* Wardrobe cards stay static; animated models open on explicit preview. */
.wd-grid .cos-static-icon{display:grid;place-items:center;min-height:64px;font-size:28px;color:#c9a35c;pointer-events:none}