/* ==========================================================
   RAZ LEFT MENU — HUNTER AAA V12
   Ajuste pedido:
   - sem S perdido
   - escudo do elo
   - avatar com caminho /membros/uploads corrigido no PHP
   - moeda com imagem
   - Energia / Tickets Raid claros
   - botões centralizados pós-login
   - offline com imagem/top forte
   - sem scroll interno e sem fonte estranha
========================================================== */

:root{
    --raz-accent: var(--cor-tema, #a855f7);
    --raz-cyan:#00e0c6;
    --raz-purple:#7c3aed;
    --raz-gold:#facc15;
    --raz-dark:#05050d;
    --raz-panel:rgba(8,8,20,.82);
    --raz-card:rgba(255,255,255,.065);
    --raz-line:rgba(255,255,255,.12);
    --raz-muted:rgba(240,240,255,.66);
}

.radio.raz-ultra-shell,
.radio.raz-slayer{
    width:354px;
    flex:0 0 354px;
    min-height:calc(100vh - 70px);
    padding:14px 12px 18px;
    position:relative;
    overflow:visible;
    background:
        radial-gradient(circle at 50% 0, color-mix(in srgb, var(--raz-accent) 22%, transparent), transparent 42%),
        linear-gradient(180deg,#09091a,#05050d 58%,#020207) !important;
    border-right:1px solid color-mix(in srgb, var(--raz-accent) 45%, transparent);
    box-shadow:18px 0 65px rgba(0,0,0,.52);
    font-family:'Segoe UI', Arial, sans-serif;
}

.raz-hidden-player{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    left:-9999px!important;
    top:-9999px!important;
}

/* shell */
.slayer-panel{
    position:relative;
    width:100%;
    color:#fff;
    border-radius:28px;
    padding:12px;
    overflow:hidden;
    background:
        linear-gradient(180deg, rgba(12,10,28,.82), rgba(3,3,10,.96));
    border:1px solid color-mix(in srgb, var(--raz-accent) 42%, rgba(255,255,255,.10));
    box-shadow:
        0 24px 60px rgba(0,0,0,.62),
        inset 0 0 0 1px rgba(255,255,255,.035);
    isolation:isolate;
}

.slayer-bg{
    position:absolute;
    inset:0;
    z-index:-5;
    background:
        linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.82) 72%, #020207),
        url('/imagens/bg/bg_cosmico.png') center/cover no-repeat;
    opacity:.72;
    transform:scale(1.03);
}

.slayer-aura{
    position:absolute;
    inset:0;
    z-index:-4;
    background:
        radial-gradient(circle at 72% 18%, color-mix(in srgb, var(--raz-accent) 28%, transparent), transparent 30%),
        radial-gradient(circle at 8% 42%, rgba(0,224,198,.12), transparent 34%),
        linear-gradient(140deg, transparent 0 38%, rgba(255,255,255,.055) 38.2%, transparent 39.5% 100%);
    opacity:.85;
    pointer-events:none;
}

.slayer-lines{
    position:absolute;
    inset:0;
    z-index:-3;
    background:
        linear-gradient(115deg, rgba(255,255,255,.035) 0 1px, transparent 1px 30px);
    opacity:.45;
    pointer-events:none;
}

/* shared text */
.slayer-panel span{
    color:var(--raz-muted);
    font-size:10px;
    letter-spacing:.55px;
    text-transform:uppercase;
    font-weight:800;
}
.slayer-panel strong{
    letter-spacing:-.2px;
}

/* ONLINE PROFILE */
.slayer-hunter-card{
    border-radius:22px;
    padding:12px;
    background:
        linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.035));
    border:1px solid rgba(255,255,255,.12);
    box-shadow:inset 0 0 26px rgba(255,255,255,.035);
    backdrop-filter:blur(10px);
}

.hunter-top{
    display:flex;
    align-items:center;
    gap:11px;
}

.slayer-avatar{
    width:62px;
    height:62px;
    padding:2px;
    flex:0 0 auto;
    border-radius:20px;
    background:linear-gradient(135deg,var(--raz-accent),var(--raz-cyan));
    box-shadow:0 0 16px color-mix(in srgb, var(--raz-accent) 48%, transparent);
}
.slayer-avatar img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    border-radius:18px;
    background:#050510;
}

.hunter-info{
    min-width:0;
    flex:1;
}
.hunter-info span{display:block;margin-bottom:4px;}
.hunter-info strong{
    display:block;
    font-size:17px;
    line-height:1.06;
    font-weight:900;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.hunter-info b{
    display:inline-flex;
    align-items:center;
    height:22px;
    margin-top:7px;
    padding:0 9px;
    border-radius:999px;
    font-size:10px;
    font-weight:850;
    color:#eaffff;
    background:rgba(0,224,198,.10);
    border:1px solid rgba(0,224,198,.35);
    text-transform:uppercase;
}

.elo-shield{
    width:48px;
    height:58px;
    flex:0 0 auto;
    position:relative;
    display:grid;
    place-items:center;
    filter:drop-shadow(0 0 12px color-mix(in srgb, var(--raz-accent) 48%, transparent));
}
.elo-shield svg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
}
.elo-shield path{
    fill:rgba(12,12,24,.9);
    stroke:var(--raz-accent);
    stroke-width:3;
}
.elo-shield .shine{
    fill:color-mix(in srgb, var(--raz-accent) 28%, transparent);
    stroke:rgba(255,255,255,.22);
    stroke-width:1.5;
}
.elo-shield em{
    position:relative;
    z-index:2;
    font-style:normal;
    font-size:18px;
    font-weight:950;
    color:#fff;
    text-shadow:0 2px 12px rgba(0,0,0,.8);
}
.elo-shield.bronze path{stroke:#cd7f32}
.elo-shield.prata path{stroke:#cbd5e1}
.elo-shield.ouro path{stroke:#facc15}
.elo-shield.platina path{stroke:#67e8f9}
.elo-shield.diamante path{stroke:#22d3ee}

.hunter-progress{
    margin-top:11px;
}
.hunter-progress div{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:6px;
}
.hunter-progress b{
    font-size:11px;
    font-weight:850;
}
.hunter-progress i{
    display:block;
    height:7px;
    border-radius:999px;
    overflow:hidden;
    background:rgba(255,255,255,.12);
}
.hunter-progress em{
    display:block;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg,var(--raz-accent),var(--raz-cyan));
}

/* wallet */
.slayer-wallet-grid{
    margin-top:10px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
}
.slayer-wallet-grid article{
    min-height:68px;
    padding:11px 12px;
    border-radius:16px;
    background:rgba(5,5,16,.62);
    border:1px solid rgba(255,255,255,.10);
    box-shadow:inset 0 0 24px rgba(255,255,255,.025);
}
.slayer-wallet-grid article.wallet-coins{
    grid-column:1 / -1;
    min-height:70px;
}
.slayer-wallet-grid span{
    display:flex;
    align-items:center;
    gap:6px;
}
.slayer-wallet-grid span img{
    width:17px;
    height:17px;
    object-fit:contain;
    filter:drop-shadow(0 1px 4px rgba(0,0,0,.5));
}
.slayer-wallet-grid strong{
    display:inline-block;
    margin-top:8px;
    font-size:24px;
    line-height:1;
    font-weight:950;
}
.slayer-wallet-grid small{
    margin-left:3px;
    color:var(--raz-muted);
    font-size:11px;
    font-weight:850;
    text-transform:uppercase;
}

/* OFFLINE */
.slayer-guest-card{
    position:relative;
    min-height:342px;
    padding:14px;
    border-radius:24px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    background:
        linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.18) 34%, rgba(0,0,0,.82) 100%),
        url('/imagens/worldboss_global/bg_hero.png') center/cover no-repeat;
    border:1px solid rgba(255,255,255,.12);
    box-shadow:inset 0 -120px 90px rgba(0,0,0,.54);
}
.slayer-guest-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--raz-accent) 34%, transparent), transparent 28%),
        radial-gradient(circle at 82% 78%, rgba(0,224,198,.10), transparent 25%);
    pointer-events:none;
}
.guest-logo{
    position:absolute;
    top:15px;
    left:15px;
    z-index:2;
}
.guest-logo img{
    width:122px;
    height:auto;
    filter:drop-shadow(0 8px 20px rgba(0,0,0,.65));
}
.guest-poster{
    position:relative;
    z-index:2;
}
.guest-poster > span{
    display:inline-flex;
    width:max-content;
    max-width:100%;
    padding:6px 10px;
    border-radius:999px;
    color:#fff;
    background:rgba(0,0,0,.46);
    border:1px solid rgba(255,255,255,.18);
    font-size:10px;
}
.guest-poster h2{
    margin:12px 0 8px;
    font-size:28px;
    line-height:.95;
    letter-spacing:-1px;
    font-weight:950;
    text-transform:uppercase;
}
.guest-poster h2 b{
    color:#d8b4fe;
}
.guest-poster p{
    margin:0 0 13px;
    max-width:250px;
    color:rgba(255,255,255,.86);
    font-size:12.5px;
    line-height:1.38;
    font-weight:600;
}
.guest-actions{
    position:relative;
    z-index:2;
    display:flex;
    justify-content:center;
    gap:10px;
}
.guest-actions button{
    height:42px;
    min-width:126px;
    border:0;
    border-radius:14px;
    color:#fff;
    font-weight:900;
    cursor:pointer;
    background:linear-gradient(135deg,var(--raz-accent),var(--raz-purple));
    box-shadow:0 12px 26px rgba(0,0,0,.30);
}
.guest-actions button:last-child{
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.18);
}

/* BOSS */
.slayer-boss-card{
    position:relative;
    overflow:hidden;
    margin-top:11px;
    padding:12px;
    min-height:164px;
    border-radius:20px;
    background:rgba(10,6,8,.78);
    border:1px solid rgba(251,146,60,.22);
    box-shadow:inset 0 0 42px rgba(251,146,60,.08);
}
.boss-bg{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    opacity:.25;
    filter:saturate(1.25) contrast(1.1);
    transform:scale(1.04);
}
.slayer-boss-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.46));
    pointer-events:none;
}
.slayer-boss-card > *:not(.boss-bg){position:relative;z-index:1;}
.boss-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-bottom:9px;
}
.boss-head span{color:#fff;}
.boss-head b{
    max-width:118px;
    height:22px;
    display:inline-flex;
    align-items:center;
    padding:0 9px;
    border-radius:999px;
    color:#fff;
    background:rgba(255,255,255,.11);
    border:1px solid rgba(255,255,255,.14);
    font-size:9px;
    text-transform:uppercase;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.boss-body{
    display:grid;
    grid-template-columns:84px 1fr;
    gap:11px;
    align-items:center;
}
.boss-portrait{
    width:84px;
    height:94px;
    border-radius:16px;
    overflow:hidden;
    background:#090909;
    border:1px solid rgba(251,146,60,.35);
}
.boss-portrait img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}
.boss-copy strong{
    display:block;
    font-size:16px;
    line-height:1.04;
    font-weight:950;
}
.boss-copy small{
    display:block;
    margin-top:4px;
    color:rgba(255,255,255,.72);
    font-size:11px;
    font-weight:700;
}
.boss-clock{
    margin-top:10px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:5px;
}
.boss-clock div{
    height:42px;
    border-radius:11px;
    background:rgba(0,0,0,.42);
    border:1px solid rgba(255,255,255,.12);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}
.boss-clock b{
    font-size:16px;
    line-height:1;
    font-weight:950;
}
.boss-clock small{
    margin-top:3px;
    color:rgba(255,255,255,.64);
    font-size:8px;
    font-weight:850;
}
.boss-enter{
    height:38px;
    margin-top:11px;
    border-radius:13px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:#07070d;
    background:linear-gradient(135deg,#fff,#c9ffba);
    font-size:12px;
    font-weight:950;
}

/* radio */
.slayer-radio-card{
    min-height:58px;
    margin-top:11px;
    padding:9px 10px;
    border-radius:18px;
    display:flex;
    align-items:center;
    gap:10px;
    background:rgba(0,0,0,.48);
    border:1px solid rgba(255,255,255,.10);
}
.slayer-radio-card button{
    width:42px;
    height:42px;
    border-radius:50%;
    border:0;
    flex:0 0 auto;
    color:#07110d;
    background:linear-gradient(135deg,#fff,#d7ffd1);
    cursor:pointer;
    font-weight:950;
}
.slayer-radio-card div{min-width:0;}
.slayer-radio-card span{display:block;margin-bottom:3px;}
.slayer-radio-card strong{
    display:block;
    font-size:12px;
    line-height:1.25;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* menu buttons */
.slayer-menu-grid{
    margin-top:11px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
}
.slayer-menu-grid a,
.slayer-menu-grid button{
    min-height:72px;
    padding:12px;
    border-radius:16px;
    text-align:left;
    text-decoration:none;
    color:#fff;
    border:1px solid rgba(255,255,255,.105);
    background:
        linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
    box-shadow:inset 0 0 22px rgba(255,255,255,.025);
    cursor:pointer;
    font-family:inherit;
    transition:.18s ease;
}
.slayer-menu-grid a:hover,
.slayer-menu-grid button:hover{
    transform:translateY(-2px);
    border-color:color-mix(in srgb, var(--raz-accent) 52%, rgba(255,255,255,.14));
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--raz-accent) 20%, rgba(255,255,255,.08)), rgba(255,255,255,.045));
}
.slayer-menu-grid .featured{
    grid-column:1 / -1;
    min-height:76px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:
        radial-gradient(circle at 88% 25%, rgba(255,255,255,.20), transparent 30%),
        linear-gradient(135deg,var(--raz-accent),var(--raz-cyan));
    border-color:rgba(255,255,255,.16);
}
.slayer-menu-grid i{
    display:block;
    font-style:normal;
    font-size:20px;
    line-height:1;
    margin-bottom:5px;
}
.slayer-menu-grid strong{
    display:block;
    font-size:14px;
    line-height:1.05;
    font-weight:950;
    text-transform:uppercase;
}
.slayer-menu-grid span{
    display:block;
    margin-top:4px;
    color:rgba(255,255,255,.72);
    font-size:10px;
    letter-spacing:0;
    text-transform:none;
    font-weight:800;
}

/* footer */
.slayer-status-line{
    margin-top:11px;
    padding:12px;
    border-radius:16px;
    background:rgba(0,0,0,.38);
    border:1px solid rgba(255,255,255,.09);
}
.slayer-status-line span{display:block;margin-bottom:4px;}
.slayer-status-line b{
    display:block;
    color:#fff;
    font-size:12px;
    line-height:1.3;
}

/* theme sync */
.radio.raz-slayer .slayer-menu-grid .featured,
.radio.raz-slayer .guest-actions button:first-child,
.radio.raz-slayer .hunter-progress em{
    transition:background .2s ease;
}

/* keep desktop layout */
@media(max-width:768px){
    .radio.raz-ultra-shell,
    .radio.raz-slayer{
        display:none!important;
    }
}



/* ==========================================================
   RAZ LEFT MENU — PATCH V13
   - escudo do elo inteiro colorido
   - offline com Sung/Jinwoo no topo
   - rádio mais premium
   - popup com scroll
   - world boss bloqueado para visitante
========================================================== */

/* Escudo do elo sem letra: cor total por elo */
.elo-shield{
    --elo-a:#22d3ee;
    --elo-b:#7c3aed;
    width:50px;
    height:60px;
    opacity:1;
}
.elo-shield svg{
    filter:drop-shadow(0 0 14px color-mix(in srgb, var(--elo-a) 48%, transparent));
}
.elo-shield .shield-main{
    fill:linear-gradient(135deg, var(--elo-a), var(--elo-b));
    fill:var(--elo-a);
    stroke:rgba(255,255,255,.46);
    stroke-width:2.5;
}
.elo-shield .shield-inner{
    fill:var(--elo-b);
    stroke:rgba(255,255,255,.22);
    stroke-width:1.4;
    opacity:.82;
}
.elo-shield .shield-glint{
    fill:rgba(255,255,255,.42);
    stroke:none;
    opacity:.8;
}
.elo-shield.bronze{ --elo-a:#cd7f32; --elo-b:#6f3f19; }
.elo-shield.prata{ --elo-a:#e5e7eb; --elo-b:#64748b; }
.elo-shield.ouro{ --elo-a:#fde047; --elo-b:#b45309; }
.elo-shield.platina{ --elo-a:#99f6e4; --elo-b:#0f766e; }
.elo-shield.diamante{ --elo-a:#67e8f9; --elo-b:#2563eb; }

/* Deixa o topo online mais limpo com o escudo inteiro */
.slayer-hunter-card{
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--raz-accent) 25%, transparent), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,.105), rgba(255,255,255,.035));
}
.hunter-info b{
    border-color:color-mix(in srgb, var(--raz-accent) 52%, rgba(255,255,255,.12));
    background:color-mix(in srgb, var(--raz-accent) 14%, transparent);
}

/* Offline: personagem Sung/Jinwoo no topo em vez de logo */
.slayer-guest-card{
    min-height:355px;
    background:
        linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.25) 34%, rgba(0,0,0,.88) 100%),
        radial-gradient(circle at 70% 16%, color-mix(in srgb, var(--raz-accent) 30%, transparent), transparent 31%),
        url('/imagens/worldboss_global/bg_hero.png') center/cover no-repeat;
}
.slayer-guest-card::after{
    content:"";
    position:absolute;
    right:-58px;
    top:8px;
    width:255px;
    height:330px;
    background:url('/imagens/cartas/jinwoo.png') center top/contain no-repeat;
    opacity:.78;
    filter:
        contrast(1.12)
        saturate(1.08)
        drop-shadow(0 0 18px color-mix(in srgb, var(--raz-accent) 48%, transparent));
    pointer-events:none;
    z-index:1;
}
.guest-sung{
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:150px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.08), transparent),
        radial-gradient(circle at 50% 0, rgba(255,255,255,.10), transparent 44%);
    opacity:.75;
    z-index:1;
    pointer-events:none;
}
.guest-poster,
.guest-actions{
    z-index:3;
}
.guest-poster{
    max-width:245px;
}
.guest-poster h2{
    text-shadow:0 5px 28px rgba(0,0,0,.82);
}
.guest-actions button{
    box-shadow:
        0 12px 30px rgba(0,0,0,.38),
        inset 0 0 0 1px rgba(255,255,255,.12);
}

/* World Boss bloqueado para visitante */
.boss-enter.boss-locked{
    border:1px solid rgba(255,255,255,.13);
    background:rgba(255,255,255,.08);
    color:rgba(255,255,255,.55);
    cursor:not-allowed;
    box-shadow:none;
}
.boss-enter.boss-locked:hover{
    transform:none;
    filter:none;
}

/* Rádio mais premium e mais vivo */
.slayer-radio-card{
    position:relative;
    min-height:64px;
    gap:11px;
    overflow:hidden;
    background:
        radial-gradient(circle at 12% 50%, rgba(255,255,255,.10), transparent 23%),
        linear-gradient(135deg, rgba(0,0,0,.72), rgba(255,255,255,.045));
    border-color:rgba(255,255,255,.12);
}
.slayer-radio-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, color-mix(in srgb, var(--raz-accent) 18%, transparent), transparent 52%);
    opacity:.65;
    pointer-events:none;
}
.slayer-radio-card button{
    position:relative;
    z-index:2;
    width:48px;
    height:48px;
    border-radius:17px;
    display:grid;
    place-items:center;
    padding-left:2px;
    color:#061015;
    background:
        radial-gradient(circle at 35% 25%, #fff, #d9fff1 34%, var(--raz-cyan) 100%);
    box-shadow:
        0 10px 24px rgba(0,0,0,.38),
        0 0 18px color-mix(in srgb, var(--raz-cyan) 52%, transparent);
}
.radio-copy{
    position:relative;
    z-index:2;
    min-width:0;
    flex:1;
}
.radio-copy span{
    color:rgba(255,255,255,.56);
}
.radio-copy strong{
    display:block;
    max-width:185px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height:1.15;
}
.radio-equalizer{
    position:absolute;
    right:11px;
    top:11px;
    display:flex;
    align-items:end;
    gap:3px;
    height:18px;
    opacity:.7;
}
.radio-equalizer i{
    width:3px;
    border-radius:99px;
    background:linear-gradient(180deg,var(--raz-cyan),var(--raz-accent));
    animation: razEq 1.05s ease-in-out infinite;
}
.radio-equalizer i:nth-child(1){height:7px; animation-delay:.0s}
.radio-equalizer i:nth-child(2){height:13px; animation-delay:.1s}
.radio-equalizer i:nth-child(3){height:18px; animation-delay:.2s}
.radio-equalizer i:nth-child(4){height:11px; animation-delay:.3s}
.radio-equalizer i:nth-child(5){height:15px; animation-delay:.4s}
@keyframes razEq{
    0%,100%{transform:scaleY(.55);opacity:.45}
    50%{transform:scaleY(1);opacity:1}
}

/* Popup com scroll quando conteúdo passar da tela */
.popup-bg{
    padding:18px;
    overflow-y:auto;
}
.popup-box{
    max-height:88vh;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:var(--raz-accent) rgba(255,255,255,.08);
}
.popup-box::-webkit-scrollbar{
    width:8px;
}
.popup-box::-webkit-scrollbar-track{
    background:rgba(255,255,255,.06);
    border-radius:999px;
}
.popup-box::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,var(--raz-accent),var(--raz-cyan));
    border-radius:999px;
}
.popup-pedido{
    max-height:88vh;
}
.popup-pedido iframe{
    min-height:550px;
}

/* Mobile/altura menor: reduz um pouco para não esmagar */
@media(max-height:820px){
    .slayer-guest-card{min-height:318px}
    .slayer-guest-card::after{height:295px;width:225px;right:-52px}
    .boss-body{grid-template-columns:74px 1fr}
    .boss-portrait{width:74px;height:84px}
    .slayer-radio-card{min-height:58px}
}


/* ==========================================================
   V14 — Ajustes finos pedidos
   - escudo/elo não seguem tema: usam cor real do elo
   - topo offline com Sung/Jinwoo mais integrado, sem recorte duro
   - rádio puxa status/título/locutor do player real
   - botões com tipografia mais limpa
========================================================== */

/* Nome e elo fixos, sem herdar cor do tema */
.hunter-info strong{
    color:#ffffff !important;
    text-shadow:0 2px 14px rgba(0,0,0,.62);
}
.hunter-info .elo-badge{
    color:#fff !important;
    border:1px solid rgba(255,255,255,.16) !important;
    background:rgba(255,255,255,.08) !important;
    box-shadow:inset 0 0 12px rgba(255,255,255,.035);
}
.hunter-info .elo-badge.bronze{
    color:#ffd7a8 !important;
    background:linear-gradient(135deg,rgba(205,127,50,.34),rgba(80,42,14,.34)) !important;
    border-color:rgba(205,127,50,.55) !important;
}
.hunter-info .elo-badge.prata{
    color:#f1f5f9 !important;
    background:linear-gradient(135deg,rgba(203,213,225,.30),rgba(71,85,105,.28)) !important;
    border-color:rgba(203,213,225,.55) !important;
}
.hunter-info .elo-badge.ouro{
    color:#fff6bf !important;
    background:linear-gradient(135deg,rgba(250,204,21,.34),rgba(146,64,14,.30)) !important;
    border-color:rgba(250,204,21,.58) !important;
}
.hunter-info .elo-badge.platina{
    color:#dffcff !important;
    background:linear-gradient(135deg,rgba(103,232,249,.28),rgba(15,118,110,.30)) !important;
    border-color:rgba(103,232,249,.56) !important;
}
.hunter-info .elo-badge.diamante{
    color:#e0fbff !important;
    background:linear-gradient(135deg,rgba(34,211,238,.34),rgba(37,99,235,.30)) !important;
    border-color:rgba(34,211,238,.65) !important;
}

/* Escudo com cor REAL do elo no preenchimento inteiro */
.elo-shield{
    --shield-a:#22d3ee;
    --shield-b:#2563eb;
    filter:drop-shadow(0 0 14px rgba(34,211,238,.44)) drop-shadow(0 8px 18px rgba(0,0,0,.45));
}
.elo-shield path.shield-main{
    fill:url(#eloGradUser);
    stroke:rgba(255,255,255,.62);
    stroke-width:2.2;
}
.elo-shield path.shield-inner{
    fill:rgba(255,255,255,.10);
    stroke:rgba(255,255,255,.34);
    stroke-width:1.4;
}
.elo-shield path.shield-glint{
    fill:rgba(255,255,255,.50);
    stroke:rgba(255,255,255,.22);
}
.elo-shield .elo-stop-a{ stop-color:var(--shield-a); }
.elo-shield .elo-stop-b{ stop-color:var(--shield-b); }

.elo-shield.bronze{--shield-a:#f59e0b;--shield-b:#7c2d12;filter:drop-shadow(0 0 13px rgba(205,127,50,.45)) drop-shadow(0 8px 18px rgba(0,0,0,.45));}
.elo-shield.prata{--shield-a:#f8fafc;--shield-b:#64748b;filter:drop-shadow(0 0 13px rgba(203,213,225,.42)) drop-shadow(0 8px 18px rgba(0,0,0,.45));}
.elo-shield.ouro{--shield-a:#fde047;--shield-b:#b45309;filter:drop-shadow(0 0 14px rgba(250,204,21,.48)) drop-shadow(0 8px 18px rgba(0,0,0,.45));}
.elo-shield.platina{--shield-a:#ccfbf1;--shield-b:#0f766e;filter:drop-shadow(0 0 14px rgba(103,232,249,.43)) drop-shadow(0 8px 18px rgba(0,0,0,.45));}
.elo-shield.diamante{--shield-a:#67e8f9;--shield-b:#2563eb;filter:drop-shadow(0 0 15px rgba(34,211,238,.52)) drop-shadow(0 8px 18px rgba(0,0,0,.48));}

/* Corrige imagem superior offline: vira arte de fundo integrada, não “imagem colada” */
.slayer-guest-card{
    min-height:342px;
    background:
        linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.24) 36%, rgba(0,0,0,.86) 100%),
        radial-gradient(circle at 74% 20%, rgba(168,85,247,.28), transparent 34%),
        url('/imagens/bg/bg_cosmico.png') center/cover no-repeat !important;
}
.slayer-guest-card::after{
    right:-34px !important;
    top:2px !important;
    width:260px !important;
    height:340px !important;
    background:url('/imagens/cartas/jinwoo.png') center top/contain no-repeat !important;
    opacity:.72 !important;
    filter:contrast(1.12) saturate(1.08) drop-shadow(0 0 22px rgba(124,58,237,.56)) !important;
    mask-image:linear-gradient(180deg,#000 0 74%,transparent 100%);
    -webkit-mask-image:linear-gradient(180deg,#000 0 74%,transparent 100%);
}
.guest-sung{
    height:100% !important;
    background:
        radial-gradient(circle at 72% 18%, rgba(168,85,247,.28), transparent 36%),
        linear-gradient(90deg, rgba(0,0,0,.35), transparent 62%) !important;
    opacity:.9 !important;
}
.guest-poster{
    max-width:220px !important;
}
.guest-poster h2{
    font-size:27px;
    letter-spacing:-.8px;
}

/* Rádio: mais informação real, menos genérico */
.slayer-radio-card{
    min-height:68px;
    padding:10px 11px;
}
.radio-copy span{
    font-size:9.5px;
    letter-spacing:.62px;
    color:rgba(255,255,255,.62) !important;
}
.radio-copy strong{
    max-width:190px;
    font-size:12.5px;
    color:#fff;
}
.radio-equalizer{
    top:auto;
    bottom:12px;
    right:12px;
}

/* Botões: fonte mais limpa e AAA */
.slayer-menu-grid a,
.slayer-menu-grid button{
    font-family:'Segoe UI', Arial, sans-serif !important;
}
.slayer-menu-grid strong{
    font-size:13.5px;
    letter-spacing:.1px;
    font-weight:850;
}
.slayer-menu-grid span{
    font-size:10.5px;
    font-weight:700;
    color:rgba(255,255,255,.68);
}
.guest-actions button{
    font-family:'Segoe UI', Arial, sans-serif;
    font-size:13px;
    letter-spacing:.1px;
    font-weight:850;
}

/* Popup: scroll confortável */
.popup-bg{
    align-items:flex-start;
}
.popup-box{
    margin:28px auto;
}


/* ==========================================================
   V15 REALFIX — visível de verdade
   - cache v15.0.3
   - escudo do elo com gradiente REAL, fixo por elo e sem tema
   - nome/elo não mudam com seletor de cor
   - topo offline com Sung/Jinwoo integrado sem imagem colada
   - rádio puxando capa/status/título/locutor do player real
   - popup com scroll mesmo quando o conteúdo cresce
========================================================== */

/* Escudo: corrige o fill quebrado e faz o escudo inteiro pintar pelo elo real */
.elo-shield{
    width:52px !important;
    height:62px !important;
    --shield-a:#67e8f9;
    --shield-b:#2563eb;
    filter:drop-shadow(0 0 14px rgba(34,211,238,.42)) drop-shadow(0 8px 20px rgba(0,0,0,.55)) !important;
}
.elo-shield svg{overflow:visible !important;}
.elo-shield path.shield-main{
    fill:url(#eloGradUser) !important;
    stroke:rgba(255,255,255,.60) !important;
    stroke-width:2.4 !important;
}
.elo-shield path.shield-inner{
    fill:rgba(255,255,255,.13) !important;
    stroke:rgba(255,255,255,.32) !important;
    stroke-width:1.35 !important;
}
.elo-shield path.shield-glint{
    fill:rgba(255,255,255,.55) !important;
    stroke:none !important;
    opacity:.9 !important;
}
.elo-shield .elo-stop-a{stop-color:var(--shield-a) !important;}
.elo-shield .elo-stop-b{stop-color:var(--shield-b) !important;}
.elo-shield.bronze{--shield-a:#f59e0b;--shield-b:#7c2d12;filter:drop-shadow(0 0 13px rgba(205,127,50,.45)) drop-shadow(0 8px 20px rgba(0,0,0,.55)) !important;}
.elo-shield.prata{--shield-a:#f8fafc;--shield-b:#64748b;filter:drop-shadow(0 0 13px rgba(203,213,225,.42)) drop-shadow(0 8px 20px rgba(0,0,0,.55)) !important;}
.elo-shield.ouro{--shield-a:#fde047;--shield-b:#b45309;filter:drop-shadow(0 0 14px rgba(250,204,21,.50)) drop-shadow(0 8px 20px rgba(0,0,0,.55)) !important;}
.elo-shield.platina{--shield-a:#ccfbf1;--shield-b:#0f766e;filter:drop-shadow(0 0 14px rgba(103,232,249,.43)) drop-shadow(0 8px 20px rgba(0,0,0,.55)) !important;}
.elo-shield.diamante{--shield-a:#67e8f9;--shield-b:#2563eb;filter:drop-shadow(0 0 16px rgba(34,211,238,.55)) drop-shadow(0 8px 20px rgba(0,0,0,.55)) !important;}

/* Nome e badge de elo ficam na cor real, não no tema escolhido */
.hunter-info strong{
    color:#fff !important;
    text-shadow:0 2px 14px rgba(0,0,0,.7) !important;
}
.hunter-info .elo-badge{
    color:#fff !important;
    background:rgba(255,255,255,.08) !important;
    border-color:rgba(255,255,255,.16) !important;
}
.hunter-info .elo-badge.bronze{color:#ffd7a8 !important;background:linear-gradient(135deg,rgba(205,127,50,.34),rgba(80,42,14,.34)) !important;border-color:rgba(205,127,50,.55) !important;}
.hunter-info .elo-badge.prata{color:#f8fafc !important;background:linear-gradient(135deg,rgba(203,213,225,.30),rgba(71,85,105,.28)) !important;border-color:rgba(203,213,225,.55) !important;}
.hunter-info .elo-badge.ouro{color:#fff6bf !important;background:linear-gradient(135deg,rgba(250,204,21,.34),rgba(146,64,14,.30)) !important;border-color:rgba(250,204,21,.58) !important;}
.hunter-info .elo-badge.platina{color:#e0ffff !important;background:linear-gradient(135deg,rgba(103,232,249,.28),rgba(15,118,110,.30)) !important;border-color:rgba(103,232,249,.56) !important;}
.hunter-info .elo-badge.diamante{color:#e0fbff !important;background:linear-gradient(135deg,rgba(34,211,238,.34),rgba(37,99,235,.30)) !important;border-color:rgba(34,211,238,.65) !important;}

/* Offline: Sung/Jinwoo como arte integrada do topo, sem imagem quadrada/colada */
.slayer-guest-card{
    min-height:342px !important;
    background:
        linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.20) 33%, rgba(0,0,0,.88) 100%),
        radial-gradient(circle at 72% 18%, rgba(168,85,247,.34), transparent 34%),
        url('/imagens/bg/bg_cosmico.png') center/cover no-repeat !important;
}
.slayer-guest-card::after{
    content:"" !important;
    position:absolute !important;
    right:-18px !important;
    top:-14px !important;
    width:238px !important;
    height:330px !important;
    background:url('/imagens/cartas/jinwoo.png') center top/contain no-repeat !important;
    opacity:.84 !important;
    z-index:1 !important;
    pointer-events:none !important;
    filter:contrast(1.12) saturate(1.1) drop-shadow(0 0 23px rgba(124,58,237,.58)) !important;
    -webkit-mask-image:linear-gradient(180deg,#000 0 72%,transparent 100%) !important;
    mask-image:linear-gradient(180deg,#000 0 72%,transparent 100%) !important;
}
.guest-sung{
    position:absolute !important;
    inset:0 !important;
    height:auto !important;
    background:
        radial-gradient(circle at 74% 20%, rgba(168,85,247,.30), transparent 36%),
        linear-gradient(90deg,rgba(0,0,0,.50),rgba(0,0,0,.08) 58%,rgba(0,0,0,.36)) !important;
    opacity:1 !important;
    z-index:2 !important;
    pointer-events:none !important;
}
.guest-poster,.guest-actions{position:relative !important;z-index:4 !important;}
.guest-poster{max-width:224px !important;}
.guest-poster h2{font-size:27px !important;line-height:.96 !important;letter-spacing:-.85px !important;}

/* Rádio: capa do player real + status/título/locutor sincronizados via JS */
.slayer-radio-card{
    min-height:70px !important;
    padding:10px 12px !important;
    gap:10px !important;
    overflow:hidden !important;
    background:
        radial-gradient(circle at 12% 50%,rgba(255,255,255,.12),transparent 24%),
        linear-gradient(135deg,rgba(0,0,0,.76),rgba(255,255,255,.045)) !important;
}
.slayer-radio-card button{
    width:48px !important;
    height:48px !important;
    border-radius:16px !important;
    z-index:3 !important;
}
.radio-cover{
    width:42px;
    height:42px;
    flex:0 0 42px;
    border-radius:13px;
    background:#101020 center/cover no-repeat;
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 7px 18px rgba(0,0,0,.35);
    z-index:3;
}
.radio-copy{position:relative;z-index:3;min-width:0;flex:1;}
.radio-copy span{display:block;color:rgba(255,255,255,.64) !important;font-size:9.5px !important;letter-spacing:.55px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;}
.radio-copy strong{display:block;color:#fff !important;font-size:12.5px !important;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:155px !important;}
.radio-equalizer{right:11px !important;bottom:11px !important;top:auto !important;z-index:2;}

/* Botões: menos fonte gordinha/cartoon, mais launcher */
.slayer-menu-grid a,
.slayer-menu-grid button,
.guest-actions button,
.boss-enter{
    font-family:'Segoe UI',Arial,sans-serif !important;
    letter-spacing:.05px !important;
}
.slayer-menu-grid strong{font-size:13.2px !important;font-weight:850 !important;letter-spacing:.05px !important;}
.slayer-menu-grid span{font-size:10.5px !important;font-weight:700 !important;color:rgba(255,255,255,.68) !important;}

/* Popup com scroll real */
.popup-bg{padding:18px !important;overflow-y:auto !important;align-items:flex-start !important;}
.popup-box{max-height:88vh !important;overflow-y:auto !important;margin:28px auto !important;overscroll-behavior:contain !important;}
.popup-pedido{max-height:88vh !important;}
.popup-pedido iframe{min-height:550px !important;}


/* ==========================================================
   PATCH V16 — Correção fiel ao PERFIL + rádio real + menu centralizado
   - Escudo e badge do elo usam as MESMAS cores do perfil e NÃO seguem o tema
   - Shield usa fill=currentColor igual /membros/perfil.php
   - Player usa a foto do locutor/capa principal (#capa), não mini capa do anime
   - Botões logados centralizados e com fonte mais limpa
========================================================== */

/* ===== ELO REAL: NÃO HERDA TEMA ===== */
.slayer-panel .hunter-info .elo-badge{
    height:22px !important;
    padding:0 9px !important;
    border-radius:10px !important;
    font-size:10px !important;
    font-weight:800 !important;
    letter-spacing:.15px !important;
    text-transform:uppercase !important;
    background:transparent !important;
    box-shadow:none !important;
}

/* mesmas cores do perfil.php */
.slayer-panel .hunter-info .elo-badge.bronze,
.slayer-panel .elo-shield.bronze{
    color:#cd7f32 !important;
}
.slayer-panel .hunter-info .elo-badge.prata,
.slayer-panel .elo-shield.prata{
    color:#c0c0c0 !important;
}
.slayer-panel .hunter-info .elo-badge.ouro,
.slayer-panel .elo-shield.ouro{
    color:#ffd700 !important;
}
.slayer-panel .hunter-info .elo-badge.platina,
.slayer-panel .elo-shield.platina{
    color:#00b894 !important;
}
.slayer-panel .hunter-info .elo-badge.diamante,
.slayer-panel .elo-shield.diamante{
    color:#00e0ff !important;
}

.slayer-panel .hunter-info .elo-badge.bronze{
    border:1px solid rgba(205,127,50,.45) !important;
    background:rgba(205,127,50,.08) !important;
}
.slayer-panel .hunter-info .elo-badge.prata{
    border:1px solid rgba(192,192,192,.45) !important;
    background:rgba(192,192,192,.08) !important;
}
.slayer-panel .hunter-info .elo-badge.ouro{
    border:1px solid rgba(255,215,0,.45) !important;
    background:rgba(255,215,0,.08) !important;
}
.slayer-panel .hunter-info .elo-badge.platina{
    border:1px solid rgba(0,184,148,.45) !important;
    background:rgba(0,184,148,.08) !important;
}
.slayer-panel .hunter-info .elo-badge.diamante{
    border:1px solid rgba(0,224,255,.45) !important;
    background:rgba(0,224,255,.08) !important;
}

/* nome fica neutro, sem pegar cor do tema/elo */
.slayer-panel .hunter-info strong{
    color:#fff !important;
    text-shadow:0 2px 14px rgba(0,0,0,.65) !important;
}

/* escudo igual conceito do perfil: fill=currentColor */
.slayer-panel .elo-shield{
    width:46px !important;
    height:46px !important;
    border-radius:15px !important;
    background:
        radial-gradient(circle at 50% 18%, rgba(255,255,255,.20), transparent 42%),
        rgba(0,0,0,.18) !important;
    border:1px solid currentColor !important;
    box-shadow:
        inset 0 0 18px rgba(255,255,255,.05),
        0 0 16px color-mix(in srgb, currentColor 48%, transparent) !important;
    filter:none !important;
}
.slayer-panel .elo-shield svg{
    width:25px !important;
    height:25px !important;
    position:static !important;
    filter:drop-shadow(0 0 8px color-mix(in srgb, currentColor 58%, transparent)) !important;
}
.slayer-panel .elo-shield path,
.slayer-panel .elo-shield .shield-main,
.slayer-panel .elo-shield .shield-inner,
.slayer-panel .elo-shield .shield-glint{
    fill:currentColor !important;
    stroke:none !important;
    opacity:1 !important;
}

/* ===== PLAYER DA RÁDIO: foto do AO VIVO real ===== */
.slayer-radio-card{
    min-height:68px !important;
    padding:10px 11px !important;
}
.slayer-radio-card button{
    width:46px !important;
    height:46px !important;
    border-radius:50% !important;
    background:linear-gradient(135deg,#ffffff,#cffff7) !important;
    box-shadow:
        0 0 20px rgba(0,224,198,.35),
        inset 0 0 0 1px rgba(255,255,255,.38) !important;
}
.radio-cover{
    display:block !important;
    width:42px !important;
    height:42px !important;
    flex:0 0 42px !important;
    border-radius:13px !important;
    background-color:#111126 !important;
    background-position:center !important;
    background-size:cover !important;
    border:1px solid rgba(255,255,255,.16) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.40) !important;
}
.radio-copy span{
    max-width:158px !important;
    color:rgba(255,255,255,.68) !important;
    font-size:9.5px !important;
    font-weight:850 !important;
}
.radio-copy strong{
    max-width:158px !important;
    color:#fff !important;
    font-size:12.2px !important;
    font-weight:850 !important;
    letter-spacing:0 !important;
}

/* ===== MENU LOGADO: centralizado e menos torto ===== */
.slayer-menu-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    align-items:stretch !important;
}
.slayer-menu-grid a,
.slayer-menu-grid button{
    min-height:70px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    padding:12px 8px !important;
    font-family:'Segoe UI',Arial,sans-serif !important;
}
.slayer-menu-grid .featured{
    min-height:74px !important;
    align-items:center !important;
    text-align:center !important;
}
.slayer-menu-grid i{
    margin:0 0 5px !important;
    font-size:20px !important;
}
.slayer-menu-grid strong{
    text-align:center !important;
    font-size:13px !important;
    line-height:1.05 !important;
    font-weight:850 !important;
    letter-spacing:0 !important;
}
.slayer-menu-grid span{
    text-align:center !important;
    font-size:10px !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
}

/* popup: mantém scroll sem desalinhar tudo */
.popup-bg{
    overflow-y:auto !important;
    align-items:flex-start !important;
    padding:18px !important;
}
.popup-box{
    max-height:88vh !important;
    overflow-y:auto !important;
    margin:28px auto !important;
}

/* ==========================================================
   PATCH V17 — pedido final
   - arte superior offline encaixada sem mutilar
   - Discord/Facebook/X de volta
   - botões sem ciano gritante, seguindo tema com roxo/azul escudo
   - popup login/cadastro centralizado com scroll interno
   - ícones/botões mais alinhados
========================================================== */

/* Arte offline: usa a imagem inteira como arte de topo, sem precisar PNG/sem fundo */
.slayer-guest-card{
    min-height:355px !important;
    padding:14px !important;
    justify-content:flex-end !important;
    background:
        linear-gradient(180deg, rgba(0,0,0,.02) 0%, rgba(0,0,0,.15) 36%, rgba(0,0,0,.86) 100%),
        radial-gradient(circle at 50% 7%, color-mix(in srgb, var(--raz-accent) 28%, transparent), transparent 42%),
        url('/imagens/worldboss_global/bg_hero.png') center/cover no-repeat !important;
}
.slayer-guest-card::after{
    display:none !important;
}
.guest-sung{
    position:absolute !important;
    left:12px !important;
    right:12px !important;
    top:12px !important;
    height:210px !important;
    border-radius:20px !important;
    overflow:hidden !important;
    opacity:1 !important;
    z-index:1 !important;
    background:
        linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.55) 82%, rgba(0,0,0,.88)),
        url('/imagens/cartas/jinwoo.png') center top / contain no-repeat,
        radial-gradient(circle at center, color-mix(in srgb, var(--raz-accent) 24%, #050510), #050510 70%) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.10),
        inset 0 -70px 80px rgba(0,0,0,.68),
        0 16px 38px rgba(0,0,0,.38) !important;
    pointer-events:none !important;
}
.guest-sung::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 50% 10%, rgba(255,255,255,.12), transparent 35%),
        linear-gradient(90deg, rgba(0,0,0,.55), transparent 28%, transparent 72%, rgba(0,0,0,.55));
    pointer-events:none;
}
.guest-poster{
    max-width:260px !important;
    margin-top:190px !important;
    z-index:3 !important;
}
.guest-poster > span{
    background:rgba(0,0,0,.58) !important;
    border-color:rgba(255,255,255,.18) !important;
}
.guest-poster h2{
    margin-top:10px !important;
    font-size:27px !important;
    text-shadow:0 6px 24px rgba(0,0,0,.85) !important;
}
.guest-poster p{
    max-width:245px !important;
    text-shadow:0 3px 14px rgba(0,0,0,.8) !important;
}

/* Botões principais: roxo/azul escudo, menos ciano chapado, segue tema */
.slayer-menu-grid .featured,
.guest-actions button:first-child{
    background:
        radial-gradient(circle at 88% 22%, rgba(255,255,255,.18), transparent 32%),
        linear-gradient(135deg,
            color-mix(in srgb, var(--raz-accent) 78%, #1e1b4b),
            color-mix(in srgb, var(--raz-accent) 38%, #2563eb 62%)
        ) !important;
    border-color:color-mix(in srgb, var(--raz-accent) 55%, rgba(255,255,255,.18)) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.10),
        0 12px 26px color-mix(in srgb, var(--raz-accent) 22%, transparent) !important;
}
.guest-actions button:last-child{
    background:rgba(15,15,28,.72) !important;
    border:1px solid rgba(255,255,255,.18) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.04) !important;
}
.slayer-menu-grid a,
.slayer-menu-grid button{
    border-radius:17px !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.078), rgba(255,255,255,.027)) !important;
    border-color:rgba(255,255,255,.115) !important;
}
.slayer-menu-grid a:hover,
.slayer-menu-grid button:hover{
    background:
        linear-gradient(145deg,
            color-mix(in srgb, var(--raz-accent) 18%, rgba(255,255,255,.07)),
            rgba(255,255,255,.035)
        ) !important;
}
.slayer-menu-grid i{
    width:30px !important;
    height:30px !important;
    display:grid !important;
    place-items:center !important;
    margin:0 auto 6px !important;
    border-radius:12px !important;
    background:rgba(255,255,255,.075) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.06) !important;
}

/* Redes sociais de volta, sem poluir */
.slayer-social-row{
    margin-top:10px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
}
.slayer-social-row a{
    min-height:46px;
    border-radius:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    text-decoration:none;
    color:#fff;
    background:rgba(0,0,0,.34);
    border:1px solid rgba(255,255,255,.10);
    box-shadow:inset 0 0 20px rgba(255,255,255,.025);
    transition:.18s ease;
}
.slayer-social-row a:hover{
    transform:translateY(-2px);
    border-color:color-mix(in srgb, var(--raz-accent) 52%, rgba(255,255,255,.14));
    background:color-mix(in srgb, var(--raz-accent) 13%, rgba(0,0,0,.36));
}
.slayer-social-row span{
    display:grid !important;
    place-items:center !important;
    width:22px;
    height:22px;
    border-radius:8px;
    background:rgba(255,255,255,.08);
    font-size:13px !important;
    color:#fff !important;
    letter-spacing:0 !important;
    text-transform:none !important;
}
.slayer-social-row b{
    font-size:10.5px;
    font-weight:800;
    letter-spacing:.05px;
}

/* Player continua puxando capa real e não fica com quadrado morto */
.radio-cover:empty{
    background-image:url('/imagens/icone/avatar.png');
}

/* Popup login/cadastro centralizado de novo, com scroll dentro da caixa */
.popup-bg{
    align-items:center !important;
    justify-content:center !important;
    overflow-y:auto !important;
    padding:18px !important;
}
.popup-box{
    margin:auto !important;
    max-height:88vh !important;
    overflow-y:auto !important;
}

@media(max-height:760px){
    .popup-bg{
        align-items:flex-start !important;
    }
    .popup-box{
        margin:18px auto !important;
    }
}


/* ==========================================================
   RAZ LEFT MENU — V19 SINGLE LAUNCHER COLUMN
   Pedido: manter tudo em UMA coluna lateral, imagem top FULL preenchida,
   botões/social de volta e visual mais premium sem quebrar scripts.
========================================================== */

/* mantém a lateral como launcher vertical único, sem dashboard em duas colunas */
.radio.raz-ultra-shell,
.radio.raz-slayer{
    width:354px !important;
    flex:0 0 354px !important;
    display:block !important;
}

.slayer-panel{
    width:100% !important;
    display:block !important;
    padding:12px !important;
    border-radius:28px !important;
}

/* TOPO OFFLINE: imagem full preenchida no card inteiro, sem quadro interno */
.slayer-guest-card{
    position:relative !important;
    min-height:368px !important;
    padding:18px 16px 17px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-end !important;
    overflow:hidden !important;
    border-radius:26px !important;
    background:
        linear-gradient(180deg,
            rgba(0,0,0,.06) 0%,
            rgba(0,0,0,.12) 35%,
            rgba(0,0,0,.62) 68%,
            rgba(0,0,0,.93) 100%),
        radial-gradient(circle at 50% 10%, color-mix(in srgb, var(--raz-accent) 30%, transparent), transparent 42%),
        url('/imagens/worldboss_global/bg_hero.png') center top / cover no-repeat !important;
    border:1px solid color-mix(in srgb, var(--raz-accent) 48%, rgba(255,255,255,.10)) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.045),
        inset 0 -110px 110px rgba(0,0,0,.55),
        0 18px 40px rgba(0,0,0,.42) !important;
    isolation:isolate;
}

/* remove a imagem interna que criava o retângulo preto */
.slayer-guest-card .guest-sung,
.guest-sung{
    display:none !important;
}

.slayer-guest-card::after{
    display:none !important;
}

.slayer-guest-card::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    background:
        linear-gradient(90deg, rgba(0,0,0,.38), transparent 38%, rgba(0,0,0,.28)),
        radial-gradient(circle at 50% 6%, rgba(255,255,255,.12), transparent 30%) !important;
    z-index:1 !important;
    pointer-events:none !important;
}

.guest-poster,
.guest-actions{
    position:relative !important;
    z-index:3 !important;
}

.guest-poster{
    max-width:270px !important;
    margin-top:0 !important;
}

.guest-poster > span{
    display:inline-flex !important;
    align-items:center !important;
    width:max-content !important;
    max-width:100% !important;
    padding:7px 12px !important;
    border-radius:999px !important;
    color:#fff !important;
    background:rgba(0,0,0,.55) !important;
    border:1px solid rgba(255,255,255,.18) !important;
    backdrop-filter:blur(8px) !important;
    font-size:10px !important;
    line-height:1 !important;
    letter-spacing:.58px !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
}

.guest-poster h2{
    margin:12px 0 8px !important;
    font-size:31px !important;
    line-height:.93 !important;
    letter-spacing:-1.2px !important;
    color:#fff !important;
    font-weight:950 !important;
    text-transform:uppercase !important;
    text-shadow:0 7px 26px rgba(0,0,0,.86) !important;
}

.guest-poster h2 b{
    color:#d8b4fe !important;
    text-shadow:0 0 18px rgba(168,85,247,.28) !important;
}

.guest-poster p{
    margin:0 0 15px !important;
    max-width:250px !important;
    color:rgba(255,255,255,.9) !important;
    font-size:12.8px !important;
    line-height:1.38 !important;
    font-weight:650 !important;
    text-shadow:0 3px 14px rgba(0,0,0,.85) !important;
}

.guest-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
}

.guest-actions button{
    width:100% !important;
    min-width:0 !important;
    height:44px !important;
    border-radius:15px !important;
    font-family:'Segoe UI',Arial,sans-serif !important;
    font-size:13px !important;
    font-weight:850 !important;
    letter-spacing:-.1px !important;
}

.guest-actions button:first-child,
.slayer-menu-grid .featured{
    color:#fff !important;
    background:
        radial-gradient(circle at 82% 22%, rgba(255,255,255,.18), transparent 34%),
        linear-gradient(135deg,
            color-mix(in srgb, var(--raz-accent) 82%, #1e1b4b),
            color-mix(in srgb, var(--raz-accent) 48%, #2563eb 52%)
        ) !important;
    border:1px solid color-mix(in srgb, var(--raz-accent) 55%, rgba(255,255,255,.18)) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.10),
        0 12px 26px color-mix(in srgb, var(--raz-accent) 25%, transparent) !important;
}

.guest-actions button:last-child{
    color:#fff !important;
    background:rgba(12,12,22,.76) !important;
    border:1px solid rgba(255,255,255,.18) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.05), 0 10px 24px rgba(0,0,0,.28) !important;
}

/* cards seguem em coluna única do launcher: boss, rádio, menu, redes, online */
.slayer-boss-card,
.slayer-radio-card,
.slayer-menu-grid,
.slayer-social-row,
.slayer-status-line,
.slayer-hunter-card,
.slayer-wallet-grid{
    width:100% !important;
}

/* menu interno continua compacto e centralizado, não divide a lateral inteira */
.slayer-menu-grid{
    margin-top:11px !important;
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:9px !important;
}

.slayer-menu-grid a,
.slayer-menu-grid button{
    min-height:72px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    padding:12px 8px !important;
    border-radius:17px !important;
    font-family:'Segoe UI',Arial,sans-serif !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.078), rgba(255,255,255,.027)) !important;
    border:1px solid rgba(255,255,255,.115) !important;
    box-shadow:inset 0 0 22px rgba(255,255,255,.025) !important;
}

.slayer-menu-grid .featured{
    grid-column:1 / -1 !important;
    min-height:76px !important;
}

.slayer-menu-grid i{
    width:30px !important;
    height:30px !important;
    display:grid !important;
    place-items:center !important;
    margin:0 auto 6px !important;
    border-radius:12px !important;
    font-style:normal !important;
    font-size:18px !important;
    background:rgba(255,255,255,.075) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.06) !important;
}

.slayer-menu-grid strong{
    text-align:center !important;
    font-size:13px !important;
    line-height:1.05 !important;
    font-weight:850 !important;
    letter-spacing:0 !important;
    text-transform:uppercase !important;
}

.slayer-menu-grid span{
    text-align:center !important;
    font-size:10px !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
    color:rgba(255,255,255,.68) !important;
}

/* redes sociais embaixo, compactas e vivas */
.slayer-social-row{
    margin-top:10px !important;
    display:grid !important;
    grid-template-columns:repeat(3, 1fr) !important;
    gap:8px !important;
}

.slayer-social-row a{
    min-height:48px !important;
    border-radius:15px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    gap:3px !important;
    text-decoration:none !important;
    color:#fff !important;
    background:rgba(0,0,0,.34) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    box-shadow:inset 0 0 20px rgba(255,255,255,.025) !important;
}

.slayer-social-row span{
    display:grid !important;
    place-items:center !important;
    width:24px !important;
    height:24px !important;
    border-radius:9px !important;
    background:rgba(255,255,255,.08) !important;
    font-size:13px !important;
    color:#fff !important;
    letter-spacing:0 !important;
    text-transform:none !important;
}

.slayer-social-row b{
    font-size:9.5px !important;
    font-weight:800 !important;
    letter-spacing:0 !important;
}

/* rádio melhor ajustado */
.slayer-radio-card{
    min-height:68px !important;
    padding:10px 11px !important;
    border-radius:18px !important;
}
.radio-cover{
    display:block !important;
    width:42px !important;
    height:42px !important;
    flex:0 0 42px !important;
    border-radius:13px !important;
    background-color:#111126 !important;
    background-image:url('/imagens/icone/avatar.png');
    background-position:center !important;
    background-size:cover !important;
    border:1px solid rgba(255,255,255,.16) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.40) !important;
}
.radio-copy span{
    max-width:160px !important;
    color:rgba(255,255,255,.68) !important;
    font-size:9.5px !important;
    font-weight:850 !important;
}
.radio-copy strong{
    max-width:160px !important;
    color:#fff !important;
    font-size:12.2px !important;
    font-weight:850 !important;
    letter-spacing:0 !important;
}

/* Popups no centro novamente, com scroll dentro se precisar */
.popup-bg{
    align-items:center !important;
    justify-content:center !important;
    overflow-y:auto !important;
    padding:18px !important;
}
.popup-box{
    max-height:88vh !important;
    overflow-y:auto !important;
    margin:auto !important;
}

@media(max-width:768px){
    .radio.raz-ultra-shell,
    .radio.raz-slayer{display:none!important;}
}


/* ==========================================================
   RAZ LEFT MENU — V20 HOTFIX
   - Topo offline com imagem do Sung/Jinwoo como FUNDO FULL
   - Remove qualquer moldura/quadrado interno de imagem
   - World Boss usa cor do tema/estado, não laranja fixo
   - Botões e social preservados em coluna única
========================================================== */

/* HERO OFFLINE FULL — imagem ocupa o card inteiro */
.radio.raz-slayer .slayer-guest-card{
    position:relative !important;
    min-height:368px !important;
    padding:18px 16px 17px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-end !important;
    overflow:hidden !important;
    border-radius:26px !important;

    background-image:
        linear-gradient(180deg,
            rgba(0,0,0,.02) 0%,
            rgba(0,0,0,.10) 36%,
            rgba(0,0,0,.58) 67%,
            rgba(0,0,0,.94) 100%),
        radial-gradient(circle at 50% 8%, color-mix(in srgb, var(--raz-accent) 32%, transparent), transparent 44%),
        url('/imagens/cartas/jinwoo.png') !important;
    background-size:cover, cover, cover !important;
    background-position:center, center, center 24% !important;
    background-repeat:no-repeat !important;

    border:1px solid color-mix(in srgb, var(--raz-accent) 50%, rgba(255,255,255,.12)) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.045),
        inset 0 -118px 110px rgba(0,0,0,.58),
        0 18px 40px rgba(0,0,0,.42) !important;
}

/* mata de vez o bloco de imagem separado que criava corte/quadrado */
.radio.raz-slayer .slayer-guest-card .guest-sung,
.radio.raz-slayer .slayer-guest-card::after,
.radio.raz-slayer .guest-sung{
    display:none !important;
    content:none !important;
    background:none !important;
}

.radio.raz-slayer .slayer-guest-card::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    pointer-events:none !important;
    background:
        linear-gradient(90deg, rgba(0,0,0,.42), transparent 45%, rgba(0,0,0,.18)),
        radial-gradient(circle at 50% 0%, rgba(255,255,255,.12), transparent 32%) !important;
}

.radio.raz-slayer .guest-poster,
.radio.raz-slayer .guest-actions{
    position:relative !important;
    z-index:3 !important;
}

.radio.raz-slayer .guest-poster{
    max-width:270px !important;
}

.radio.raz-slayer .guest-poster > span{
    background:rgba(0,0,0,.56) !important;
    border:1px solid rgba(255,255,255,.20) !important;
    backdrop-filter:blur(8px) !important;
}

.radio.raz-slayer .guest-poster h2,
.radio.raz-slayer .guest-poster p{
    text-shadow:0 6px 24px rgba(0,0,0,.92) !important;
}

/* botão começar/inventário: roxo/azul escudo, mas ainda respeita o seletor de tema */
.radio.raz-slayer .guest-actions button:first-child,
.radio.raz-slayer .slayer-menu-grid .featured{
    color:#fff !important;
    background:
        radial-gradient(circle at 82% 22%, rgba(255,255,255,.18), transparent 34%),
        linear-gradient(135deg,
            color-mix(in srgb, var(--raz-accent) 86%, #312e81),
            color-mix(in srgb, var(--raz-accent) 46%, #2563eb 54%)
        ) !important;
    border:1px solid color-mix(in srgb, var(--raz-accent) 58%, rgba(255,255,255,.18)) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.10),
        0 12px 26px color-mix(in srgb, var(--raz-accent) 24%, transparent) !important;
}

/* WORLD BOSS — remove laranja fixo, usa tema/estado */
.radio.raz-slayer .slayer-boss-card{
    --boss-accent: var(--raz-accent);
    border-color:color-mix(in srgb, var(--boss-accent) 58%, rgba(255,255,255,.14)) !important;
    background:
        radial-gradient(circle at 90% 0%, color-mix(in srgb, var(--boss-accent) 24%, transparent), transparent 38%),
        rgba(8,6,16,.78) !important;
    box-shadow:
        inset 0 0 42px color-mix(in srgb, var(--boss-accent) 12%, transparent),
        0 14px 30px rgba(0,0,0,.34) !important;
}

.radio.raz-slayer .slayer-boss-card::after{
    background:
        linear-gradient(90deg, rgba(0,0,0,.82), rgba(0,0,0,.50)),
        radial-gradient(circle at 85% 18%, color-mix(in srgb, var(--boss-accent) 18%, transparent), transparent 36%) !important;
}

.radio.raz-slayer .boss-head span{
    color:color-mix(in srgb, var(--boss-accent) 28%, #ffffff) !important;
}

.radio.raz-slayer .boss-head b,
.radio.raz-slayer .boss-clock div,
.radio.raz-slayer .boss-portrait{
    border-color:color-mix(in srgb, var(--boss-accent) 45%, rgba(255,255,255,.14)) !important;
}

.radio.raz-slayer .boss-enter:not(.boss-locked){
    color:#fff !important;
    background:
        linear-gradient(135deg,
            color-mix(in srgb, var(--boss-accent) 82%, #312e81),
            color-mix(in srgb, var(--boss-accent) 50%, #0f172a)
        ) !important;
    border:1px solid color-mix(in srgb, var(--boss-accent) 58%, rgba(255,255,255,.18)) !important;
    box-shadow:0 10px 24px color-mix(in srgb, var(--boss-accent) 22%, transparent) !important;
}

/* caso seus períodos sejam manhã/tarde/noite, deixei pronto sem travar no laranja */
.radio.raz-slayer .slayer-boss-card.wb-manha,
.radio.raz-slayer .slayer-boss-card.wb-manhã{
    --boss-accent:#22d3ee;
}
.radio.raz-slayer .slayer-boss-card.wb-tarde{
    --boss-accent:var(--raz-accent);
}
.radio.raz-slayer .slayer-boss-card.wb-noite{
    --boss-accent:#8b5cf6;
}
.radio.raz-slayer .slayer-boss-card.wb-global{
    --boss-accent:var(--raz-accent);
}

/* menu em coluna única preservado */
.radio.raz-slayer .slayer-menu-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:9px !important;
}

/* social visível e na mesma pegada */
.radio.raz-slayer .slayer-social-row{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:9px !important;
}

/* popup login/cadastro centralizado e com scroll se precisar */
.popup-bg{
    align-items:center !important;
    justify-content:center !important;
    overflow-y:auto !important;
    padding:18px !important;
}
.popup-box{
    max-height:calc(100vh - 42px) !important;
    overflow-y:auto !important;
    margin:auto !important;
}

/* ==========================================================
   RAZ FLOATING RADIO V22 — seguro e externo
   Player visual flutuante, reaproveita #audio/#capa/#miniCapa/#titulo/#artista/#status
========================================================== */
.slayer-radio-card{display:none!important;}

.raz-float-radio{
    position:fixed;
    left:18px;
    bottom:18px;
    z-index:99980;
    font-family:'Segoe UI', Arial, sans-serif;
    color:#fff;
    --float-accent:var(--cor-tema,#a855f7);
    --float-cyan:#00e0c6;
}

.raz-float-mini{
    width:118px;
    height:46px;
    border:1px solid color-mix(in srgb,var(--float-accent) 45%,rgba(255,255,255,.16));
    border-radius:999px;
    display:none;
    align-items:center;
    justify-content:center;
    gap:8px;
    color:#fff;
    cursor:pointer;
    background:
        radial-gradient(circle at 20% 20%,rgba(255,255,255,.18),transparent 35%),
        linear-gradient(135deg,rgba(13,12,28,.92),rgba(4,4,12,.95));
    box-shadow:0 12px 34px rgba(0,0,0,.45),0 0 22px color-mix(in srgb,var(--float-accent) 28%,transparent);
    backdrop-filter:blur(12px);
}
.raz-float-mini b{font-size:12px;font-weight:900;letter-spacing:.2px;}
.raz-float-mini .mini-play{
    width:25px;height:25px;border-radius:50%;display:grid;place-items:center;
    background:linear-gradient(135deg,var(--float-accent),var(--float-cyan));
    font-size:11px;box-shadow:0 0 14px color-mix(in srgb,var(--float-accent) 50%,transparent);
}
.raz-float-mini .mini-dot{
    width:7px;height:7px;border-radius:50%;background:#ff3b68;
    box-shadow:0 0 10px rgba(255,59,104,.9);
}

.raz-float-card{
    width:338px;
    border-radius:24px;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--float-accent) 42%,rgba(255,255,255,.12));
    background:
        radial-gradient(circle at 15% 0,color-mix(in srgb,var(--float-accent) 26%,transparent),transparent 38%),
        linear-gradient(180deg,rgba(13,11,30,.94),rgba(3,3,9,.97));
    box-shadow:0 24px 70px rgba(0,0,0,.56), inset 0 0 0 1px rgba(255,255,255,.035);
    backdrop-filter:blur(16px);
}

.raz-float-radio.is-minimized .raz-float-card{display:none;}
.raz-float-radio.is-minimized .raz-float-mini{display:flex;}

.float-topline{
    height:38px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;
    border-bottom:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.035);
}
.float-topline span{
    color:#ff4d75;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.65px;
    max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.float-topline button{
    width:25px;height:25px;border:0;border-radius:9px;color:#fff;cursor:pointer;
    background:rgba(255,255,255,.08);font-weight:950;
}

.float-main{display:flex;gap:12px;align-items:center;padding:13px 13px 10px;}
.float-cover{
    width:76px;height:76px;flex:0 0 auto;border-radius:20px;background:#080812 center/cover no-repeat;
    border:1px solid color-mix(in srgb,var(--float-accent) 52%,rgba(255,255,255,.16));
    box-shadow:0 0 24px color-mix(in srgb,var(--float-accent) 32%,transparent), inset 0 0 18px rgba(255,255,255,.04);
}
.float-info{min-width:0;flex:1;}
.float-info strong{
    display:block;font-size:14px;line-height:1.23;font-weight:950;letter-spacing:.1px;
    max-height:36px;overflow:hidden;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.5);
}
.float-info small{
    display:block;margin-top:5px;color:rgba(255,255,255,.68);font-size:11px;font-weight:750;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.float-eq{margin-top:10px;height:18px;display:flex;align-items:end;gap:4px;}
.float-eq i{width:4px;border-radius:99px;background:linear-gradient(180deg,var(--float-cyan),var(--float-accent));animation:razFloatEq 1s ease-in-out infinite;}
.float-eq i:nth-child(1){height:8px;animation-delay:.0s}.float-eq i:nth-child(2){height:15px;animation-delay:.1s}.float-eq i:nth-child(3){height:18px;animation-delay:.2s}.float-eq i:nth-child(4){height:11px;animation-delay:.3s}.float-eq i:nth-child(5){height:14px;animation-delay:.4s}
@keyframes razFloatEq{0%,100%{transform:scaleY(.55);opacity:.5}50%{transform:scaleY(1);opacity:1}}

.float-actions{padding:0 13px 12px;display:flex;align-items:center;gap:10px;}
.float-play{
    width:44px;height:40px;border:0;border-radius:15px;color:#fff;font-weight:950;cursor:pointer;
    background:linear-gradient(135deg,var(--float-accent),var(--float-cyan));
    box-shadow:0 10px 26px color-mix(in srgb,var(--float-accent) 34%,transparent);
}
.float-actions input{flex:1;min-width:0;accent-color:var(--float-accent);}
.float-open{
    height:36px;padding:0 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.06);color:#fff;font-weight:850;cursor:pointer;
}

.float-current{
    margin:0 13px 12px;padding:9px;border-radius:16px;display:flex;align-items:center;gap:9px;
    background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);
}
.float-current img{width:38px;height:38px;border-radius:12px;object-fit:cover;flex:0 0 auto;}
.float-current div{min-width:0;}
.float-current span{display:block;color:rgba(255,255,255,.56);font-size:9px;text-transform:uppercase;font-weight:900;letter-spacing:.6px;}
.float-current b{display:block;margin-top:3px;color:#fff;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px;}

.float-history{
    margin:0 13px 12px;padding:10px;border-radius:16px;max-height:96px;overflow:auto;
    background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.075);
    scrollbar-width:thin;
}
.float-history span{display:block;margin-bottom:6px;color:rgba(255,255,255,.58);font-size:9px;text-transform:uppercase;font-weight:900;letter-spacing:.7px;}
.float-history p,.float-history div{margin:0 0 5px;color:rgba(255,255,255,.78);font-size:11px;line-height:1.35;}

.float-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 13px 13px;}
.float-links button,.float-links a{
    height:36px;border-radius:13px;border:1px solid rgba(255,255,255,.10);display:flex;align-items:center;justify-content:center;
    text-decoration:none;color:#fff;background:rgba(255,255,255,.055);font-weight:900;font-size:11px;cursor:pointer;
}
.float-links button:hover,.float-links a:hover{background:color-mix(in srgb,var(--float-accent) 22%,rgba(255,255,255,.06));}

@media(max-width:768px){
    .raz-float-radio{left:10px;right:10px;bottom:72px;}
    .raz-float-card{width:min(338px,calc(100vw - 20px));}
    .raz-float-mini{width:104px;height:42px;}
}


/* ==========================================================
   RAZ PATCH V23 — carteira viva + NV Raid
========================================================== */
.slayer-wallet-grid article.wallet-compact{
    grid-column:auto !important;
    min-height:72px;
}

.slayer-wallet-grid article.wallet-raid-level{
    min-height:72px;
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 90% 15%, color-mix(in srgb, var(--raz-accent) 24%, transparent), transparent 36%),
        rgba(5,5,16,.62);
}

.slayer-wallet-grid article.wallet-raid-level::after{
    content:"";
    position:absolute;
    right:-18px;
    bottom:-22px;
    width:78px;
    height:78px;
    border-radius:24px;
    background:color-mix(in srgb, var(--raz-accent) 13%, transparent);
    transform:rotate(18deg);
    pointer-events:none;
}

.slayer-wallet-grid small em{
    font-style:normal;
    color:inherit;
}

.slayer-wallet-grid [data-raz-coins],
.slayer-wallet-grid [data-raz-raid-level],
.slayer-wallet-grid [data-raz-energy],
.slayer-wallet-grid [data-raz-raid-ticket]{
    transition:filter .2s ease, transform .2s ease;
}

.slayer-wallet-grid .raz-sync-pop{
    filter:drop-shadow(0 0 10px color-mix(in srgb, var(--raz-accent) 70%, transparent));
    transform:translateY(-1px);
}


/* ==========================================================
   RAZ PATCH V25 SAFE — VIP badge + carteira/NV Raid lado a lado
   Baseado na v23 estável. Não insere JS no CSS.
========================================================== */
.slayer-avatar{
    position:relative;
    overflow:visible;
}
.vip-avatar-badge{
    position:absolute;
    right:-10px;
    bottom:-12px;
    width:48px;
    height:26px;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:5;
    pointer-events:none;
    filter:drop-shadow(0 5px 8px rgba(0,0,0,.55)) drop-shadow(0 0 9px rgba(250,204,21,.45));
}
.vip-avatar-badge img{
    width:100%;
    height:100%;
    object-fit:contain;
    border-radius:0 !important;
    background:transparent !important;
}
.hunter-info .elo-badge{
    color:#fff !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.04) !important;
}
.hunter-info .elo-badge.bronze{background:linear-gradient(135deg,rgba(205,127,50,.35),rgba(111,63,25,.20)) !important;border-color:rgba(205,127,50,.65) !important;}
.hunter-info .elo-badge.prata{background:linear-gradient(135deg,rgba(229,231,235,.30),rgba(100,116,139,.20)) !important;border-color:rgba(229,231,235,.65) !important;}
.hunter-info .elo-badge.ouro{color:#fff7c2 !important;background:linear-gradient(135deg,rgba(250,204,21,.36),rgba(180,83,9,.22)) !important;border-color:rgba(250,204,21,.70) !important;}
.hunter-info .elo-badge.platina{color:#eaffff !important;background:linear-gradient(135deg,rgba(153,246,228,.30),rgba(15,118,110,.22)) !important;border-color:rgba(153,246,228,.72) !important;}
.hunter-info .elo-badge.diamante{color:#e6fbff !important;background:linear-gradient(135deg,rgba(103,232,249,.30),rgba(37,99,235,.22)) !important;border-color:rgba(103,232,249,.75) !important;}

.slayer-wallet-grid .wallet-economy{
    grid-column:1 / -1;
    min-height:86px;
    padding:0 !important;
    display:grid;
    grid-template-columns:1.12fr 1px .88fr;
    align-items:stretch;
    overflow:hidden;
    background:radial-gradient(circle at 16% 0, rgba(250,204,21,.12), transparent 32%), radial-gradient(circle at 88% 0, rgba(168,85,247,.16), transparent 33%), rgba(5,5,16,.62) !important;
}
.wallet-economy .eco-item{
    min-width:0;
    padding:13px 13px 12px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.wallet-economy .eco-divider{
    width:1px;
    min-height:100%;
    background:linear-gradient(180deg,transparent,rgba(255,255,255,.16),transparent);
}
.wallet-economy .eco-item span{
    display:flex;
    align-items:center;
    gap:6px;
    font-size:10px;
    letter-spacing:.55px;
    color:rgba(240,240,255,.70);
    text-transform:uppercase;
    font-weight:900;
}
.wallet-economy .eco-item span img{
    width:17px;
    height:17px;
    object-fit:contain;
    filter:drop-shadow(0 2px 5px rgba(0,0,0,.5));
}
.wallet-economy .eco-item strong{
    margin-top:7px;
    font-size:24px;
    line-height:1;
    font-weight:950;
    letter-spacing:-.7px;
    color:#fff;
}
.wallet-economy .eco-item small{
    margin-top:4px;
    margin-left:0;
    font-size:10px;
    color:rgba(255,255,255,.58);
    text-transform:uppercase;
    font-weight:850;
}
.wallet-economy .eco-coins strong{text-shadow:0 0 12px rgba(250,204,21,.18);}
.wallet-economy .eco-raid strong{text-shadow:0 0 12px rgba(168,85,247,.35);}
.wallet-economy .eco-raid small em{font-style:normal;color:#fff;font-weight:950;}