/*
 * RelaxMu base styles.
 * These are the styles of the original RelaxMuTemplate (panels, tables, forms, news,
 * rankings, castle siege, social links), moved out of index.php unchanged so the
 * page modules look and behave the same. Theme layout lives in theme.css.
 */
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html,
body{
    min-height:100%;
}

body{
    font-family:'Inter',sans-serif;
    background:#050607;
    color:#f5f1e8;
    overflow-x:hidden;
    cursor:url('/assets/use102.cur'), auto !important;
}

a,
button,
input,
select,
textarea{
    cursor:url('/assets/use103.cur'), pointer !important;
}

a{
    color:#f4d28a;
    text-decoration:none;
}

a:hover{
    color:#fff2c9;
}

.page-bg{
    position:fixed;
    inset:0;
    z-index:-3;
    background:
        linear-gradient(to bottom, rgba(5,6,7,.72), rgba(5,6,7,.96)),
        radial-gradient(circle at top, rgba(180,130,55,.14), transparent 32%),
        url('/assets/lorencia-relax.webp') center center / cover no-repeat;
    transform:scale(1.06);
    animation:relaxBackgroundDrift 18s ease-in-out infinite alternate;
}

.page-bg::after{
    content:'';
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.42);
}

@keyframes relaxBackgroundDrift{
    from{transform:scale(1.06) translate3d(0,0,0)}
    to{transform:scale(1.12) translate3d(-12px,-8px,0)}
}

.ambient-particles{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.ambient-particles span{position:absolute;bottom:-40px;width:3px;height:3px;border-radius:50%;background:rgba(255,220,140,.8);box-shadow:0 0 14px rgba(255,220,140,.65);animation:relaxParticleFloat linear infinite}
@keyframes relaxParticleFloat{0%{transform:translate3d(0,0,0);opacity:0}10%{opacity:1}100%{transform:translate3d(40px,-110vh,0);opacity:0}}

/* TOP NAV */

.topbar{
    width:100%;
    background:rgba(5,8,14,.82);
    border-bottom:1px solid rgba(255,215,120,.16);
    backdrop-filter:blur(14px);
    position:sticky;
    top:0;
    z-index:100;
}

.topbar-inner{
    max-width:1420px;
    margin:0 auto;
    padding:12px 18px;
}

.nav{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    flex-wrap:wrap;
}

.nav a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 16px;
    background:rgba(0,0,0,.24);
    border:1px solid rgba(255,215,120,.18);
    color:#dfc895;
    font-family:'Cinzel',serif;
    font-size:13px;
    letter-spacing:.8px;
    transition:.25s ease;
}

.nav a:hover{
    background:rgba(255,215,120,.09);
    border-color:rgba(255,215,120,.42);
    transform:translateY(-2px);
}

/* HERO */

.hero{
    position:relative;
    z-index:2;
    max-width:1420px;
    margin:0 auto;
    padding:22px 24px 10px;
}

.hero-grid{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:18px;
    align-items:stretch;
}

.hero-main,
.hero-side,
.panel,
.module-box{
    background:rgba(5,8,14,.68);
    border:1px solid rgba(255,215,120,.16);
    backdrop-filter:blur(16px);
    box-shadow:0 18px 60px rgba(0,0,0,.32);
}

.hero-main{
    position:relative;
    overflow:hidden;
    padding:24px 34px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    min-height:360px;
    background:
        radial-gradient(circle at 50% 42%, rgba(244,210,138,.075), transparent 38%),
        radial-gradient(circle at 50% 110%, rgba(125,35,24,.09), transparent 42%),
        linear-gradient(145deg, rgba(7,10,16,.82), rgba(0,0,0,.60));
    box-shadow:
        inset 0 0 45px rgba(0,0,0,.26),
        inset 0 0 0 1px rgba(255,215,120,.025),
        0 18px 60px rgba(0,0,0,.32);
}

.hero-main::before{
    content:'';
    position:absolute;
    inset:-10px;
    z-index:0;
    background:linear-gradient(90deg,rgba(3,5,6,.13),rgba(3,5,6,.24) 42%,rgba(3,5,6,.23) 58%,rgba(3,5,6,.12)),url('../img/relaxmu-logo-card-bg-v1.png') center center / cover no-repeat;
    filter:none;
    opacity:.9;
    transform:scale(1.012);
}

.hero-main::after{
    content:'';
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:radial-gradient(circle at center,rgba(4,6,7,.06),rgba(3,5,6,.19) 70%,rgba(2,3,4,.34));
}

.hero-main > *:not(.hero-corner){
    position:relative;
    z-index:2;
}

.hero-corner{
    position:absolute;
    z-index:1;
    width:34px;
    height:34px;
    pointer-events:none;
    opacity:.66;
}

.hero-corner::after{
    content:'';
    position:absolute;
    width:5px;
    height:5px;
    border:1px solid rgba(244,210,138,.46);
    background:rgba(244,210,138,.10);
    transform:rotate(45deg);
    box-shadow:0 0 9px rgba(244,210,138,.16);
}

.hero-corner.tl{top:13px;left:13px;border-top:1px solid rgba(244,210,138,.34);border-left:1px solid rgba(244,210,138,.34)}
.hero-corner.tr{top:13px;right:13px;border-top:1px solid rgba(244,210,138,.34);border-right:1px solid rgba(244,210,138,.34)}
.hero-corner.bl{bottom:13px;left:13px;border-bottom:1px solid rgba(244,210,138,.34);border-left:1px solid rgba(244,210,138,.34)}
.hero-corner.br{bottom:13px;right:13px;border-bottom:1px solid rgba(244,210,138,.34);border-right:1px solid rgba(244,210,138,.34)}
.hero-corner.tl::after{top:-3px;left:-3px}.hero-corner.tr::after{top:-3px;right:-3px}.hero-corner.bl::after{bottom:-3px;left:-3px}.hero-corner.br::after{bottom:-3px;right:-3px}

.hero-welcome{
    display:flex;
    flex-direction:column;
    align-items:center;
    width:100%;
    margin:-2px 0 16px;
}

.hero-welcome-line{
    width:min(300px,76%);
    height:1px;
    margin-bottom:9px;
    background:linear-gradient(90deg, transparent, rgba(244,210,138,.48), transparent);
    position:relative;
}

.hero-welcome-line::after{
    content:'';
    position:absolute;
    left:50%;
    top:50%;
    width:6px;
    height:6px;
    transform:translate(-50%,-50%) rotate(45deg);
    border:1px solid rgba(244,210,138,.55);
    background:#151006;
    box-shadow:0 0 10px rgba(244,210,138,.22);
}

.hero-welcome-title{
    color:rgba(255,236,190,.84);
    font-family:'Cinzel',serif;
    font-size:12px;
    font-weight:700;
    letter-spacing:2.8px;
    text-transform:uppercase;
    text-shadow:0 0 12px rgba(244,210,138,.15);
}

.hero-online-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin-top:11px;
    padding:9px 18px;
    border:1px solid rgba(121,210,130,.34);
    border-radius:3px;
    background:linear-gradient(135deg, rgba(55,130,66,.15), rgba(20,55,27,.08));
    color:#c8f2ca;
    font-size:11px;
    font-weight:800;
    letter-spacing:1.6px;
    text-transform:uppercase;
    box-shadow:
        inset 0 0 18px rgba(80,190,95,.04),
        0 0 16px rgba(80,190,95,.06);
}

.hero-online-badge i{
    width:9px;
    height:9px;
    border-radius:50%;
    background:#75d889;
    box-shadow:0 0 9px rgba(117,216,137,.72);
    animation:heroOnlinePulse 2s ease-in-out infinite;
}

@keyframes heroOnlinePulse{
    0%,100%{opacity:.62;transform:scale(.86)}
    50%{opacity:1;transform:scale(1.12)}
}

.hero-logo{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    width:min(100%,520px);
    margin-bottom:11px;
    animation:logoFloat 5s ease-in-out infinite;
    isolation:isolate;
}

.hero-logo::before{
    content:'';
    position:absolute;
    inset:10% 7%;
    z-index:0;
    border-radius:50%;
    display:none;
    pointer-events:none;
}

.hero-logo img{
    position:relative;
    z-index:2;
    width:100%;
    max-width:475px;
    opacity:.92;
    filter:
        saturate(.72)
        contrast(.95)
        drop-shadow(0 0 22px rgba(0,0,0,.85))
        drop-shadow(0 0 18px rgba(255,215,120,.10));
    transition:transform .35s ease;
    animation:none;
}

.logo-particle{
    display:none;
}

.logo-particle.p1{ left:18%; top:60%; animation-delay:.1s; }
.logo-particle.p2{ left:32%; top:78%; animation-delay:1.1s; }
.logo-particle.p3{ right:24%; top:62%; animation-delay:2s; }
.logo-particle.p4{ right:14%; top:74%; animation-delay:3s; }
.logo-particle.p5{ left:10%; top:48%; width:3px; height:3px; animation-delay:3.7s; }
.logo-particle.p6{ left:43%; top:88%; width:3px; height:3px; animation-delay:2.4s; }
.logo-particle.p7{ right:38%; top:82%; width:5px; height:5px; animation-delay:4.1s; }
.logo-particle.p8{ right:8%; top:52%; width:3px; height:3px; animation-delay:1.6s; }

@keyframes logoHalo{
    0%,100%{ opacity:.52; transform:scale(.96); }
    50%{ opacity:1; transform:scale(1.05); }
}

@keyframes logoAura{
    0%,100%{ filter:saturate(.72) contrast(.95) drop-shadow(0 0 22px rgba(0,0,0,.85)) drop-shadow(0 0 15px rgba(255,215,120,.08)); }
    50%{ filter:saturate(.86) contrast(1) drop-shadow(0 0 22px rgba(0,0,0,.85)) drop-shadow(0 0 26px rgba(255,215,120,.22)); }
}

@keyframes logoFloat{
    0%{ transform:translateY(0); }
    50%{ transform:translateY(-8px); }
    100%{ transform:translateY(0); }
}

@keyframes logoParticle{
    0%{
        transform:translateY(0) scale(.7);
        opacity:0;
    }
    25%{
        opacity:1;
    }
    100%{
        transform:translateY(-48px) scale(1.15);
        opacity:0;
    }
}

.actions{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:14px;
    width:100%;
    margin-top:16px;
}

.action-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:14px 24px;
    min-width:188px;
    background:rgba(120,95,35,.22);
    border:1px solid rgba(255,215,120,.22);
    color:#fff2d2;
    font-family:'Cinzel',serif;
    font-size:14px;
    letter-spacing:.9px;
    transition:.25s ease;
}

.action-btn.primary{
    background:linear-gradient(135deg, rgba(150,115,35,.32), rgba(70,50,18,.24));
}

.action-btn:hover{
    transform:translateY(-3px);
    border-color:rgba(255,225,160,.48);
    background:rgba(255,215,120,.10);
}

/* HERO SIDE */

.hero-side{
    padding:16px;
    min-height:245px;
}

.server-dashboard{
    display:flex;
    gap:12px;
    align-items:stretch;
    height:100%;
}

.server-left{
    width:300px;
    display:flex;
    flex-direction:column;
    gap:10px;
}

.server-right{
    width:300px;
    display:flex;
}

.online-big{
    height:90px;
    text-align:center;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    background:rgba(0,0,0,.32);
    border:1px solid rgba(255,215,120,.15);
}

.online-big strong{
    display:block;
    color:#ffe1a0;
    font-size:36px;
    line-height:1;
    margin-bottom:6px;
}

.online-big span{
    color:rgba(255,255,255,.58);
    text-transform:uppercase;
    font-size:11px;
    letter-spacing:1px;
}

.online-bar{
    position:relative;
    height:8px;
    background:rgba(0,0,0,.38);
    border:1px solid rgba(255,215,120,.14);
    overflow:hidden;
}

.online-bar span{
    position:relative;
    display:block;
    height:100%;
    width:0%;
    background:linear-gradient(90deg, #9f7026, #f4d28a, #fff3bf);
    box-shadow:
        0 0 10px rgba(244,210,138,.35),
        0 0 18px rgba(244,210,138,.16);
}

.online-bar span::after{
    content:'';
    position:absolute;
    top:0;
    left:-60%;
    width:45%;
    height:100%;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.75), transparent);
    animation:barGlow 2.8s ease-in-out infinite;
}

@keyframes barGlow{
    0%{ left:-60%; opacity:0; }
    25%{ opacity:.9; }
    100%{ left:120%; opacity:0; }
}

.info-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    flex:1;
}

.info-card{
    min-height:90px;
    background:rgba(0,0,0,.26);
    border:1px solid rgba(255,215,120,.13);
    text-align:center;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

.info-card strong{
    display:block;
    color:#ffe1a0;
    font-size:18px;
    line-height:1.1;
    margin-bottom:4px;
}

.info-card span{
    color:rgba(255,255,255,.55);
    font-size:9px;
    text-transform:uppercase;
    letter-spacing:.7px;
}

.info-carousel{
    position:relative;
    flex:1;
    min-height:194px;
    overflow:hidden;
}

.info-slide{
    position:absolute;
    inset:0 0 16px;
    opacity:0;
    visibility:hidden;
    transform:translateY(10px) scale(.985);
    transition:opacity .65s ease, transform .65s ease, visibility .65s ease;
}

.info-slide.active{
    opacity:1;
    visibility:visible;
    transform:translateY(0) scale(1);
}

.info-slide .info-card{
    position:relative;
    overflow:hidden;
    transition:border-color .3s ease, background .3s ease, box-shadow .3s ease;
}

.info-slide.active .info-card{
    animation:infoCardIn .55s ease both;
}

.info-slide.active .info-card:nth-child(2){ animation-delay:.07s; }
.info-slide.active .info-card:nth-child(3){ animation-delay:.14s; }
.info-slide.active .info-card:nth-child(4){ animation-delay:.21s; }

.info-slide .info-card::after{
    content:'';
    position:absolute;
    left:18%;
    right:18%;
    bottom:0;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(244,210,138,.42), transparent);
}

.info-slide .info-card:hover{
    border-color:rgba(255,215,120,.30);
    background:rgba(244,210,138,.055);
    box-shadow:0 0 18px rgba(244,210,138,.07);
}

.info-dots{
    position:absolute;
    left:0;
    right:0;
    bottom:1px;
    height:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    z-index:5;
}

.info-dot{
    width:16px;
    height:3px;
    border-radius:4px;
    background:rgba(255,255,255,.16);
    transition:width .35s ease, background .35s ease, box-shadow .35s ease;
}

.info-dot.active{
    width:28px;
    background:#f4d28a;
    box-shadow:0 0 9px rgba(244,210,138,.45);
}

@keyframes infoCardIn{
    from{ opacity:0; transform:translateY(7px); }
    to{ opacity:1; transform:translateY(0); }
}

/* CASTLE SIEGE COMPACT */

.castle-compact{
    position:relative;
    width:100%;
    height:100%;
    display:flex;
    background:rgba(0,0,0,.32);
    border:1px solid rgba(255,215,120,.15);
    overflow:hidden;
}

.castle-compact::before{
    display:none;
}

.castle-compact::after{
    display:none;
}

.castle-compact .panel{
    position:relative !important;
    z-index:1 !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

.castle-compact .panel-heading{
    display:none !important;
}

.castle-compact img{
    display:inline-block !important;
    max-width:55px !important;
    width:55px !important;
    height:55px !important;
    object-fit:contain;
    margin:0 auto 8px !important;
    filter:
        drop-shadow(0 0 10px rgba(255,215,120,.18))
        drop-shadow(0 0 14px rgba(0,0,0,.65));
}

.castle-compact .row,
.castle-compact .col-sm-6,
.castle-compact .col-sm-12{
    width:100% !important;
    float:none !important;
    margin:0 !important;
    padding:0 !important;
    text-align:center !important;
}

.castle-compact .panel-body{
    height:100% !important;
    padding:18px 10px !important;
    text-align:center !important;
    font-size:12px !important;
    line-height:1.35 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
    background:
        radial-gradient(circle at center,rgba(3,5,6,.08),rgba(3,5,6,.30) 72%,rgba(2,3,4,.43)),
        linear-gradient(180deg,rgba(3,5,6,.10),rgba(3,5,6,.28)),
        url('../img/relaxmu-castle-card-bg-v1.png') center 18% / cover no-repeat !important;
}

.castle-compact .alt{
    color:#ffe1a0;
    font-size:9px;
    text-transform:uppercase;
    letter-spacing:.8px;
}

.castle-compact a{
    color:#d7b8ff !important;
    animation:guildBlink 3.4s ease-in-out infinite;
}

.castle-compact .btn,
.castle-compact .btn-castlewidget{
    display:inline-flex !important;
    margin-top:8px !important;
    padding:7px 12px !important;
    background:rgba(120,95,35,.22) !important;
    border:1px solid rgba(255,215,120,.22) !important;
    color:#fff2d2 !important;
    font-family:'Cinzel',serif !important;
    font-size:10px !important;
    letter-spacing:.7px !important;
    animation:none !important;
}

@keyframes guildBlink{
    0%,100%{
        color:#d7b8ff;
        text-shadow:0 0 0 rgba(170,120,255,0);
    }
    50%{
        color:#f0ddff;
        text-shadow:0 0 10px rgba(170,120,255,.28);
    }
}

.castle-compact br{
    line-height:1;
}

/* MAIN LAYOUT */

.layout{
    position:relative;
    z-index:2;
    max-width:1420px;
    margin:0 auto;
    padding:12px 24px 40px;
    display:grid;
    grid-template-columns:280px 1fr 280px;
    gap:18px;
}

.layout.full{
    grid-template-columns:1fr;
}

.panel{
    margin-bottom:16px;
    overflow:hidden;
}

.panel-title,
.panel-heading,
.panel-heading h3{
    background:rgba(0,0,0,.26) !important;
    border-bottom:1px solid rgba(255,215,120,.14) !important;
    color:#ffe1a0 !important;
    font-family:'Cinzel',serif !important;
    font-size:15px !important;
    letter-spacing:.8px;
    padding:13px 15px !important;
    margin:0 !important;
}

.panel-body{
    padding:15px !important;
}

.module-box{
    padding:18px;
    min-height:500px;
}

.modules_cont,
.main_side,
.sidebar,
.sidebar-r{
    width:auto !important;
    float:none !important;
}

.table{
    width:100%;
    border-collapse:collapse;
    color:#e8dfca;
    font-size:13px;
}

.table th,
.table td{
    padding:9px 7px;
    border-bottom:1px solid rgba(255,255,255,.07);
}

.table th{
    color:#f4d28a;
    font-weight:700;
}

.table img{
    display:none !important;
}

.top-rank-1{
    background:rgba(255,215,120,.10);
    box-shadow:inset 0 0 18px rgba(255,215,120,.08);
}

.top-rank-1 td{
    color:#ffe7a8;
    text-shadow:0 0 10px rgba(255,215,120,.18);
}

.top-rank-2{
    background:rgba(190,205,220,.08);
    box-shadow:inset 0 0 16px rgba(190,205,220,.06);
}

.top-rank-2 td{
    color:#e8eef7;
}

.top-rank-3{
    background:rgba(190,120,70,.08);
    box-shadow:inset 0 0 16px rgba(190,120,70,.07);
}

.top-rank-3 td{
    color:#ffd0a6;
}

.text-center{
    text-align:center;
}

.text-right{
    text-align:right;
}

.form-group{
    margin-bottom:10px;
}

.form-control{
    width:100%;
    padding:11px 12px;
    background:rgba(0,0,0,.30);
    border:1px solid rgba(255,215,120,.16);
    color:#fff;
    outline:none;
}

.form-control:focus{
    border-color:rgba(255,215,120,.45);
}

.btnreg,
.btn,
.btn-primary{
    display:inline-flex;
    padding:10px 14px;
    border:1px solid rgba(255,215,120,.22) !important;
    background:rgba(120,95,35,.22) !important;
    color:#fff2d2 !important;
    font-family:'Cinzel',serif;
    font-size:12px;
    text-decoration:none;
}

.sidebar-banner{
    display:none;
}

/* USER CONTROL PANEL */

.panel-usercp .panel-heading a,
.sidebar-r .panel-heading a[href*="logout"]{
    color:#ff9f7a !important;
    font-size:11px !important;
    text-transform:uppercase;
    letter-spacing:.8px;
    text-shadow:0 0 8px rgba(255,100,70,.18);
}

.panel-usercp ul,
.panel-usercp li,
.sidebar-r .panel-body ul,
.sidebar-r .panel-body li{
    list-style:none !important;
}

.panel-usercp li,
.sidebar-r .panel-body li{
    margin:7px 0 !important;
    padding-left:0 !important;
}

.panel-usercp img,
.sidebar-r .panel-body img{
    vertical-align:middle !important;
    margin-right:8px !important;
    max-width:18px !important;
    height:auto !important;
}

/* RANKINGS PAGE FIX */

.module-box.rankings-fix{
    overflow:hidden !important;
    min-height:auto !important;
}

.module-box.rankings-fix,
.module-box.rankings-fix > div,
.module-box.rankings-fix .panel-body,
.module-box.rankings-fix .rankings,
.module-box.rankings-fix .rankings-container,
.module-box.rankings-fix .ranking-container{
    width:100% !important;
    max-width:100% !important;
    float:none !important;
    clear:both !important;
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    margin-left:0 !important;
    margin-right:0 !important;
}

/* scoate titlul Top Rankings */
.module-box.rankings-fix h1,
.module-box.rankings-fix h2,
.module-box.rankings-fix h3,
.module-box.rankings-fix .panel-title{
    display:none !important;
}

.module-box.rankings-fix br{
    display:none !important;
}

/* compact rankings area */
.module-box.rankings-fix{
    padding-top:14px !important;
}

.module-box.rankings-fix > *{
    margin-top:0 !important;
}

.module-box.rankings-fix table{
    margin-top:0 !important;
}

/* Top Rankings buttons - same feeling as top navigation */
.ranking-tabs{
    width:100%;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:8px;
    margin:0 auto 14px;
    padding:12px 10px;
    background:rgba(0,0,0,.22);
    border:1px solid rgba(255,215,120,.12);
}

.ranking-tabs a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:10px 16px !important;
    min-width:0 !important;
    background:rgba(0,0,0,.24) !important;
    border:1px solid rgba(255,215,120,.18) !important;
    color:#dfc895 !important;
    font-family:'Cinzel',serif !important;
    font-size:13px !important;
    letter-spacing:.8px !important;
    text-align:center !important;
    transition:.25s ease !important;
}

.ranking-tabs a:hover{
    background:rgba(255,215,120,.09) !important;
    border-color:rgba(255,215,120,.42) !important;
    transform:translateY(-2px);
}

/* Class buttons removed */
.ranking-class-menu{
    display:none !important;
}

/* Ranking table */
.module-box.rankings-fix table{
    width:100% !important;
    max-width:100% !important;
    clear:both !important;
    float:none !important;
    margin:0 auto !important;
    border-collapse:collapse !important;
    background:rgba(0,0,0,.14) !important;
    border:1px solid rgba(255,215,120,.10) !important;
}

.module-box.rankings-fix table th{
    color:#fff2d2 !important;
    font-family:'Cinzel',serif !important;
    font-size:13px !important;
    letter-spacing:.5px !important;
    padding:13px 11px !important;
    border-bottom:1px solid rgba(255,215,120,.18) !important;
    background:rgba(0,0,0,.24) !important;
}

.module-box.rankings-fix table td{
    vertical-align:middle !important;
    white-space:normal !important;
    font-size:13px !important;
    padding:11px 11px !important;
    border-bottom:1px solid rgba(255,255,255,.075) !important;
}

.module-box.rankings-fix table tr{
    position:relative !important;
}

.module-box.rankings-fix table tr:hover td{
    background:rgba(255,215,120,.035) !important;
}

/* Top 1-10 special color */
.module-box.rankings-fix table tr:nth-child(n+2):nth-child(-n+11) td{
    background:rgba(255,215,120,.045) !important;
    box-shadow:inset 0 0 14px rgba(255,215,120,.035) !important;
}

/* Top 1 / 2 / 3 premium animated */
.module-box.rankings-fix table tr:nth-child(2) td,
.module-box.rankings-fix table tr:nth-child(3) td,
.module-box.rankings-fix table tr:nth-child(4) td{
    background:linear-gradient(90deg, rgba(255,215,120,.13), rgba(255,215,120,.035), rgba(255,215,120,.11)) !important;
    background-size:220% 100% !important;
    animation:rankGoldFlow 4s ease-in-out infinite !important;
    box-shadow:inset 0 0 20px rgba(255,215,120,.07) !important;
}

@keyframes rankGoldFlow{
    0%{ background-position:0% 50%; }
    50%{ background-position:100% 50%; }
    100%{ background-position:0% 50%; }
}

/* small sparkle dots for top 1/2/3 */
.module-box.rankings-fix table tr:nth-child(2) td:first-child::after,
.module-box.rankings-fix table tr:nth-child(3) td:first-child::after,
.module-box.rankings-fix table tr:nth-child(4) td:first-child::after{
    content:'✦';
    margin-left:8px;
    color:#ffe1a0;
    text-shadow:0 0 10px rgba(255,215,120,.55);
    animation:rankSpark 1.8s ease-in-out infinite;
}

@keyframes rankSpark{
    0%,100%{ opacity:.35; transform:scale(.9); }
    50%{ opacity:1; transform:scale(1.15); }
}

/* character/class images smaller */
.module-box.rankings-fix table img{
    display:inline-block !important;
    width:38px !important;
    max-width:38px !important;
    height:38px !important;
    object-fit:cover !important;
    vertical-align:middle !important;
    margin-right:8px !important;
}

/* online/offline icon tiny */
.module-box.rankings-fix table td img[src*="online"],
.module-box.rankings-fix table td img[src*="offline"],
.module-box.rankings-fix table td img[src*="status"],
.module-box.rankings-fix table td img[src*="red"],
.module-box.rankings-fix table td img[src*="green"]{
    width:9px !important;
    height:9px !important;
    max-width:9px !important;
    min-width:9px !important;
    object-fit:contain !important;
    margin-left:4px !important;
    margin-right:0 !important;
    vertical-align:middle !important;
    border-radius:50% !important;
}

/* fallback for old WebEngine status dots when they are not images */
.module-box.rankings-fix table td .online,
.module-box.rankings-fix table td .offline,
.module-box.rankings-fix table td .status-online,
.module-box.rankings-fix table td .status-offline{
    width:9px !important;
    height:9px !important;
    display:inline-block !important;
    border-radius:50% !important;
    margin-left:4px !important;
    vertical-align:middle !important;
}

.module-box.rankings-fix ul,
.module-box.rankings-fix ol{
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
}

.module-box.rankings-fix li{
    list-style:none !important;
}

.module-box.rankings-fix li::marker{
    content:'' !important;
}

@media(max-width:760px){
    .ranking-tabs a{
        width:calc(50% - 5px) !important;
        min-width:0 !important;
        font-size:10px !important;
        padding:8px 6px !important;
    }

    .ranking-class-menu{
        gap:8px !important;
        margin-bottom:12px !important;
    }

    .ranking-class-menu a{
        width:72px !important;
        min-height:88px !important;
        font-size:9px !important;
    }

    .ranking-class-menu img{
        width:54px !important;
        height:54px !important;
    }

    .module-box.rankings-fix table{
        font-size:11px !important;
    }

    .module-box.rankings-fix table th,
    .module-box.rankings-fix table td{
        padding:8px 5px !important;
    }

    .module-box.rankings-fix table img{
        width:30px !important;
        height:30px !important;
        max-width:30px !important;
    }
}

/* NEWS CLEANUP */

.news-card,
.panel-news{
    background:rgba(5,8,14,.68) !important;
    border:1px solid rgba(255,215,120,.16) !important;
    margin-bottom:18px !important;
    box-shadow:none !important;
}

.panel-news .panel-body{
    color:#e8dfca !important;
}

.panel-news .panel-body *{
    max-width:100% !important;
}

.panel-news .panel-body div{
    background:rgba(0,0,0,.18) !important;
    border-color:rgba(255,215,120,.14) !important;
    box-shadow:none !important;
}

.panel-news img{
    max-width:100%;
    height:auto;
}

.panel-footer{
    padding:12px 15px !important;
    background:rgba(0,0,0,.26) !important;
    border-top:1px solid rgba(255,215,120,.12) !important;
    color:rgba(255,255,255,.52) !important;
    min-height:42px;
}

/* FOOTER */

.footer{
    position:relative;
    z-index:2;
    border-top:1px solid rgba(255,215,120,.14);
    background:rgba(0,0,0,.45);
    padding:26px 24px;
    color:rgba(255,255,255,.55);
    font-size:12px;
}

.footer-container{
    max-width:1420px;
    margin:0 auto;
}

.footer img{
    display:none;
}

.footer a{
    color:#d9be83;
}

/* RelaxMu unified theme polish - shared by every public page */
.hero{padding-top:22px;padding-bottom:22px}
.hero-grid{min-height:430px}
.hero-main{min-height:430px;padding-top:42px;padding-bottom:34px}
.hero-logo{margin-bottom:8px}
.hero-logo img{width:520px;max-width:88%}
.hero-tagline{max-width:560px;margin:10px auto 0;color:#aaa69c;font-size:12px;line-height:1.6;text-align:center}
.hero-online-badge strong{margin-left:7px;color:#f0d48e;font-weight:600}
.actions{gap:12px;margin-top:28px}
.action-btn{min-width:188px}
.action-btn.primary{border-color:#a97c2e;background:linear-gradient(180deg,rgba(156,112,32,.88),rgba(79,49,14,.92));box-shadow:inset 0 0 22px rgba(255,207,100,.11),0 8px 22px rgba(97,58,8,.18)}
.action-btn.download{border-color:#68783d;background:linear-gradient(180deg,rgba(78,94,42,.9),rgba(31,42,22,.94));box-shadow:inset 0 0 22px rgba(176,205,91,.09),0 8px 22px rgba(31,50,10,.16)}
.action-btn.server-info{border-color:#536c70;background:linear-gradient(180deg,rgba(49,69,72,.88),rgba(20,31,34,.94));box-shadow:inset 0 0 22px rgba(110,166,173,.08),0 8px 22px rgba(6,30,34,.16)}
.action-btn:hover{filter:brightness(1.13);box-shadow:0 9px 26px rgba(0,0,0,.32),inset 0 0 24px rgba(255,231,171,.08)}
.topbar-inner{max-width:1420px;padding:10px 14px}
.nav{gap:6px;flex-wrap:nowrap}
.nav a{gap:8px;padding:9px 13px;font-size:11px;white-space:nowrap}.nav .nav-icon{display:inline-grid;width:30px;height:30px;place-items:center;color:#d09d45;font-family:Arial,sans-serif;font-size:22px;line-height:1;text-shadow:0 0 10px rgba(216,158,62,.24)}.nav a.active{color:#f0d397;background:rgba(151,106,38,.12);border-color:rgba(225,176,83,.46);box-shadow:inset 0 -2px rgba(210,157,65,.55)}
.hero-grid{min-height:350px}
.hero-main{min-height:350px;padding-top:25px;padding-bottom:24px}
.hero-side{min-height:350px;padding:11px}
.hero-logo img{width:480px}
.hero-logo{margin-bottom:0}
.hero-welcome{margin-top:0}
.hero-tagline{margin-top:5px;line-height:1.4}
.actions{margin-top:18px}
.server-left{width:300px}
.info-carousel{min-height:100%;height:100%}
.info-grid{grid-template-rows:1fr 1fr}
.info-card{min-height:0;position:relative;border-color:rgba(214,169,78,.25);background:radial-gradient(circle at 50% 8%,rgba(201,150,60,.08),transparent 48%),linear-gradient(145deg,rgba(15,19,20,.96),rgba(4,7,8,.98));box-shadow:inset 0 0 22px rgba(218,171,72,.025)}
.info-card::before{content:'';position:absolute;top:-1px;right:25%;left:25%;height:1px;background:linear-gradient(90deg,transparent,#e2b559,transparent);opacity:.75}
.info-card strong{font-family:'Cinzel',serif;font-size:16px;letter-spacing:.35px;text-shadow:0 0 12px rgba(224,173,73,.15)}
.info-card span{max-width:92%;font-size:9px;line-height:1.35}
.info-slide .info-card{transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease}
.info-slide .info-card:hover{transform:translateY(-2px);border-color:rgba(232,184,88,.55);background:radial-gradient(circle at 50% 8%,rgba(221,166,65,.15),transparent 52%),linear-gradient(145deg,rgba(18,22,22,.98),rgba(5,8,9,.99));box-shadow:0 8px 20px rgba(0,0,0,.28),inset 0 0 25px rgba(218,171,72,.045)}
.castle-compact .panel-body{padding:12px 12px!important;font-size:13px!important;line-height:1.42!important}
.castle-compact .alt{font-size:10px!important;line-height:1.3!important}
.castle-compact a{font-size:13px!important}
.castle-compact img{width:78px!important;height:78px!important;max-width:78px!important;margin-bottom:7px!important;filter:drop-shadow(0 7px 10px rgba(0,0,0,.72))}
.castle-compact .btn,.castle-compact .btn-castlewidget{font-size:10px!important;padding:7px 11px!important}
.sidebar .panel:first-child .panel-body{padding-bottom:8px}
.sidebar .panel:first-child .table{font-size:12px}

.hero-main,.hero-side,.panel,.module-box{border-color:rgba(214,169,78,.26);background-color:rgba(8,9,9,.82);box-shadow:inset 0 0 30px rgba(207,158,63,.025),0 18px 50px rgba(0,0,0,.32)}
.panel,.module-box{background-image:radial-gradient(circle at 50% 0,rgba(204,155,61,.055),transparent 38%),linear-gradient(145deg,rgba(14,16,16,.94),rgba(4,6,7,.97))}

/* RelaxMu Social: centered content, equal icon frames, isolated styles. */
.social-panel .panel-heading{padding:18px 12px!important;text-align:center;background:none!important}
.social-panel .panel-heading .panel-title{margin:0;padding:0!important;border:0!important;background:none!important;color:#f4d28a!important;font-size:16px!important;line-height:1.35}
.social-panel .rm-social__links{display:grid;gap:9px;padding:12px}
.social-panel .rm-social__link{
    --social-color:#8777ec;
    display:grid;grid-template-columns:44px minmax(0,132px);
    justify-content:center;align-items:center;gap:12px;
    min-height:68px;width:100%;padding:10px 12px;
    border:1px solid rgba(181,139,66,.23);border-radius:4px;
    color:#f5f1e8;text-decoration:none;
    background:linear-gradient(115deg,rgba(19,21,22,.95),rgba(5,8,9,.96));
    box-shadow:inset 0 1px 0 rgba(244,210,138,.025);
    transition:transform .2s ease,border-color .2s ease,background-color .2s ease;
}
.social-panel .rm-social__link--youtube{--social-color:#ed5148}
.social-panel .rm-social__link--tiktok{--social-color:#56d4d4}
.social-panel .rm-social__icon{
    display:grid;place-items:center;align-self:center;
    width:44px;height:44px;margin:0;padding:0;line-height:0;
    color:var(--social-color);border:1px solid currentColor;border-radius:50%;
    background:radial-gradient(circle,rgba(255,255,255,.055),#070a0d 72%);
    box-shadow:0 0 13px -6px currentColor,inset 0 0 10px rgba(0,0,0,.65);
}
.social-panel .rm-social__icon svg{
    display:block;position:static;float:none;flex:none;
    width:23px!important;height:23px!important;max-width:none!important;
    margin:0!important;padding:0;border:0;overflow:visible;
}
.social-panel .rm-social__copy{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:4px;text-align:left}
.social-panel .rm-social__name{display:block;margin:0;color:#f4d28a;font-family:'Cinzel',serif;font-size:13px;font-weight:600;line-height:1.25;letter-spacing:.3px}
.social-panel .rm-social__caption{display:block;margin:0;color:#a09b90;font-family:'Inter',sans-serif;font-size:9px;line-height:1.4;letter-spacing:.45px;text-transform:uppercase}
.social-panel .rm-social__link:hover{transform:translateY(-1px);border-color:rgba(244,210,138,.55);background-color:#111416}
.social-panel .rm-social__link:hover .rm-social__name{color:#ffe5af}
.social-panel .rm-social__link:focus-visible{outline:2px solid #f4d28a;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.social-panel .rm-social__link{transition:none}.social-panel .rm-social__link:hover{transform:none}}

body::after{content:'';position:fixed;left:var(--mouse-x,-100px);top:var(--mouse-y,-100px);z-index:99;width:46px;height:46px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(242,188,77,.065) 0,rgba(228,170,58,.03) 38%,transparent 72%);mix-blend-mode:screen}

.server-facts{display:grid;width:min(1374px,calc(100% - 36px));margin:14px auto 0;border:1px solid rgba(153,119,59,.34);background:rgba(7,10,11,.91);grid-template-columns:repeat(5,1fr)}
.server-fact{min-height:62px;padding:13px 16px;border-right:1px solid rgba(255,255,255,.055);text-align:center}
.server-fact:last-child{border-right:0}.server-fact small{display:block;color:#827c70;font-size:8px;letter-spacing:1px;text-transform:uppercase}.server-fact strong{display:block;margin-top:5px;color:#dec27f;font-family:'Cinzel',serif;font-size:12px;font-weight:600;text-transform:uppercase}

body.relax-home .layout{align-items:start}
body.relax-home .module-box{position:relative;overflow:hidden}
body.relax-home .module-box.news-expanded{overflow:visible}
body.relax-home .module-box .panel-news{display:none}
body.relax-home .module-box .panel-news:first-of-type{display:block}
body.relax-home .module-box.news-view-all .panel-news{display:block}
body.relax-home .module-box .panel-news .panel-body{position:relative;max-height:245px;overflow:hidden;transition:max-height .35s ease}
body.relax-home .module-box .panel-news .panel-body::after{content:'';position:absolute;right:0;bottom:0;left:0;height:52px;pointer-events:none;background:linear-gradient(transparent,#080a0b)}
body.relax-home .module-box.news-expanded .panel-news:first-of-type .panel-body{max-height:1600px;overflow:visible}
body.relax-home .module-box.news-expanded .panel-news:first-of-type .panel-body::after,body.relax-home .module-box.news-view-all .panel-news.news-item-expanded .panel-body::after{display:none}
body.relax-home .module-box.news-view-all .panel-news .panel-body{max-height:245px;overflow:hidden}
body.relax-home .module-box.news-view-all .panel-news.news-item-expanded .panel-body{max-height:2000px;overflow:visible}
.news-item-controls{display:flex;justify-content:flex-start;padding:0 15px 14px;background:rgba(0,0,0,.18)}
.news-item-controls button{padding:9px 13px;color:#dec17d;border:1px solid rgba(170,128,59,.55);background:rgba(26,22,13,.55);font-family:'Cinzel',serif;font-size:9px;letter-spacing:.4px;text-transform:uppercase;transition:.2s}
.news-item-controls button:hover{border-color:rgba(222,177,85,.75);background:rgba(104,73,25,.32)}
.news-controls{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid rgba(181,139,68,.22)}
.news-controls button,.news-controls a{padding:10px 14px;color:#dec17d!important;border:1px solid rgba(170,128,59,.55);background:rgba(26,22,13,.55);font-family:'Cinzel',serif;font-size:9px;letter-spacing:.4px;text-transform:uppercase}.news-controls button:hover,.news-controls a:hover{background:rgba(104,73,25,.32)}

.events-showcase{width:min(1374px,calc(100% - 36px));margin:28px auto 34px;padding:26px 24px 22px;border:1px solid rgba(157,120,58,.4);background:linear-gradient(180deg,rgba(12,16,17,.96),rgba(5,8,9,.98));box-shadow:0 20px 45px rgba(0,0,0,.32)}
.events-heading{text-align:center}.events-heading small{color:#8f7141;font-size:8px;letter-spacing:3px;text-transform:uppercase}.events-heading h2{margin:7px 0 6px;color:#dec078;font-family:'Cinzel',serif;font-size:21px;font-weight:600;text-transform:uppercase}.events-heading p{color:#777873;font-size:10px}
.events-grid{display:grid;margin-top:22px;grid-template-columns:repeat(6,1fr);gap:10px}.event-card{position:relative;min-height:94px;padding:13px 12px;border:1px solid rgba(144,112,57,.27);background:linear-gradient(145deg,rgba(19,23,24,.92),rgba(7,9,10,.96));transition:.2s}.event-card::before{content:'';position:absolute;top:-1px;right:18%;left:18%;height:1px;background:#a97a32;opacity:.55}.event-card:hover{border-color:rgba(199,151,67,.58);transform:translateY(-2px)}.event-card h3{margin:0;color:#d8d3c7;font-family:'Cinzel',serif;font-size:10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}.event-card h3 i{display:inline-grid;width:25px;height:25px;margin-right:7px;place-items:center;color:#d5a44b;border:1px solid rgba(174,130,53,.3);font-style:normal}.event-card small{display:block;margin:11px 0 4px;color:#666963;font-size:7px;letter-spacing:1px;text-transform:uppercase}.event-countdown{color:#d5b66f;font-family:'Cinzel',serif;font-size:13px;letter-spacing:2px}.events-note{margin-top:16px;color:#666862;font-size:8px;text-align:center;text-transform:uppercase;letter-spacing:1px}
.events-grid.real-events-grid{grid-template-columns:repeat(4,1fr)}
.event-countdown.is-live{color:#79db73;text-shadow:0 0 10px rgba(70,207,84,.25)}
@media(max-width:1220px){.nav{justify-content:flex-start;overflow-x:auto;scrollbar-width:thin}.nav a{flex:0 0 auto}}
@media(max-width:1100px){.server-facts{grid-template-columns:repeat(3,1fr)}.events-grid,.events-grid.real-events-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.hero-grid,.hero-main{min-height:auto}.server-facts{grid-template-columns:1fr 1fr}.server-fact{border-bottom:1px solid rgba(255,255,255,.05)}.events-grid,.events-grid.real-events-grid{grid-template-columns:1fr 1fr}.events-showcase{padding-right:14px;padding-left:14px}.news-controls{align-items:stretch;flex-direction:column}.news-controls button,.news-controls a{text-align:center}}
@media(max-width:430px){.server-facts,.events-grid,.events-grid.real-events-grid{grid-template-columns:1fr}}
/* RESPONSIVE */

@media(max-width:1150px){
    .layout{
        grid-template-columns:1fr;
    }

    .hero-grid{
        grid-template-columns:1fr;
    }

    .server-dashboard{
        justify-content:center;
    }
}

@media(max-width:760px){
    .topbar-inner{
        padding:10px 8px;
    }

    .nav{
        gap:5px;
    }

    .nav a{
        padding:8px 10px;
        font-size:10px;
    }

    .hero{
        padding:14px 12px 8px;
    }

    .hero-main{
        padding:16px;
        min-height:auto;
    }

    .hero-logo img{
        max-width:370px;
    }

    .actions{
        gap:8px;
    }

    .action-btn{
        width:calc(50% - 4px);
        min-width:0;
        padding:12px 8px;
        font-size:12px;
    }

    .server-dashboard{
        flex-direction:column;
        align-items:stretch;
    }

    .server-left,
    .server-right{
        width:100%;
    }

    .hero-side{
        min-height:auto;
    }

    .layout{
        padding:10px 12px 34px;
    }

    .module-box{
        padding:14px;
    }
}

@media(max-width:420px){
    .action-btn{
        width:100%;
    }

    .nav a{
        font-size:9px;
        padding:7px 8px;
    }

}