/* Grand Fantasia World - visual system */
:root {
    --world-bg: #050914;
    --world-panel: rgba(8, 16, 32, 0.9);
    --world-panel-soft: rgba(14, 27, 49, 0.76);
    --world-line: rgba(145, 184, 226, 0.2);
    --world-mint: #75f2dc;
    --world-blue: #66a8ff;
    --world-gold: #f5c861;
    --world-text: #f5f8ff;
    --world-muted: #9aaac0;
}

body {
    background: var(--world-bg);
    color: var(--world-text);
}

.navbar {
    background: rgba(4, 8, 19, 0.94) !important;
    border-bottom: 1px solid var(--world-line) !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.25);
}

.nav-container {
    max-width: 1460px !important;
    min-height: 72px;
    padding: 12px 28px !important;
}

.nav-logo {
    display: flex;
    align-items: center;
    gap: 11px;
    color: #fff !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
}

.nav-logo span {
    display: inline-grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(117, 242, 220, 0.55);
    border-radius: 8px;
    background: rgba(117, 242, 220, 0.1);
    color: var(--world-mint);
    font-weight: 900;
}

.nav-menu { gap: 26px !important; }
.nav-menu a {
    color: #aebbd0 !important;
    font-size: 0.76rem !important;
    letter-spacing: 0 !important;
    padding: 10px 2px !important;
    position: relative;
}
.nav-menu a::after {
    content: '';
    position: absolute;
    left: 0;
    right: 100%;
    bottom: 2px;
    height: 2px;
    background: var(--world-mint);
    transition: right .2s ease;
}
.nav-menu a:hover::after, .nav-menu a.active::after { right: 0; }
.nav-menu a:hover, .nav-menu a.active { color: #fff !important; text-shadow: none !important; }

.btn-nav-gm, .user-logged-btn, .btn-nav-action, .btn-logout-red, .box-discord-icon, .lang-dropbtn {
    border-radius: 8px !important;
}
.btn-nav-gm { background: rgba(245, 200, 97, 0.1) !important; border-color: rgba(245, 200, 97, 0.55) !important; color: var(--world-gold) !important; }
.user-logged-btn { background: rgba(117, 242, 220, 0.08) !important; border-color: rgba(117, 242, 220, 0.45) !important; color: var(--world-mint) !important; }
.box-discord-icon { border-color: rgba(102, 168, 255, 0.55) !important; background: rgba(102, 168, 255, 0.08) !important; }
.box-discord-icon svg { fill: var(--world-blue) !important; }

.hero-section {
    align-items: flex-start !important;
    min-height: 100vh;
    padding: 105px 24px 64px !important;
    background-position: center top !important;
    background-attachment: fixed;
}
.hero-section .overlay {
    background: radial-gradient(circle at 50% 20%, rgba(139, 92, 246, 0.15) 0%, rgba(6, 4, 12, 0.55) 70%, rgba(6, 4, 12, 0.75) 100%) !important;
}
.content-container {
    max-width: 1240px !important;
    padding-top: 0 !important;
    gap: 22px !important;
}

.content-container > .register-card {
    width: min(760px, 100%);
    padding: 20px 24px !important;
    margin: 0 auto 4px !important;
    background: rgba(12, 8, 24, 0.55) !important;
    border: 1px solid var(--world-line) !important;
    border-radius: 8px !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.48) !important;
}
.content-container > .register-card .text-logo { font-size: 1.75rem !important; letter-spacing: 2px !important; }
.status-bar { border-color: var(--world-line) !important; background: rgba(2, 7, 16, 0.58) !important; }
.status-item label { color: var(--world-muted) !important; }

.world-class-showcase {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr);
    min-height: 560px;
    margin-bottom: 22px;
    overflow: hidden;
    position: relative;
    border: 1px solid var(--world-line);
    border-radius: 8px;
    background:
        linear-gradient(90deg, rgba(5, 11, 25, .98) 0%, rgba(8, 21, 43, .9) 48%, rgba(7, 26, 46, .72) 100%);
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.38);
}
.world-class-showcase::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: var(--site-bg-image, url('../images/bg.jpg'));
    background-size: cover;
    background-position: center;
    opacity: .14;
    mix-blend-mode: screen;
}
.world-class-copy {
    align-self: center;
    position: relative;
    z-index: 2;
    padding: 60px 54px 120px;
    text-align: left;
}
.world-eyebrow { color: var(--world-mint); font-size: .76rem; font-weight: 900; letter-spacing: 0; }
.world-class-copy h2 {
    max-width: 680px;
    margin: 14px 0 18px;
    color: #fff;
    font-family: 'Cinzel', serif;
    font-size: 4.1rem;
    line-height: 1.02;
    letter-spacing: 0;
    text-transform: uppercase;
}
.world-class-copy > p { max-width: 610px; color: #c4cede; font-size: 1rem; line-height: 1.8; }
.world-class-meta { display: flex; align-items: center; gap: 14px; margin-top: 26px; }
.world-class-meta strong { color: #fff; font-size: 1.35rem; }
.world-class-meta span { border-left: 1px solid var(--world-line); padding-left: 14px; color: var(--world-mint); font-size: .8rem; font-weight: 800; text-transform: uppercase; }
.world-class-actions { display: flex; align-items: center; gap: 10px; margin-top: 28px; }
.world-arrow {
    width: 44px;
    height: 44px;
    border: 1px solid var(--world-line);
    border-radius: 50%;
    background: rgba(255,255,255,.04);
    color: #fff;
    cursor: pointer;
}
.world-arrow:hover { border-color: var(--world-mint); color: var(--world-mint); }
.world-primary-action {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    padding: 0 22px;
    border-radius: 6px;
    background: var(--world-mint);
    color: #051019;
    text-decoration: none;
    font-size: .78rem;
    font-weight: 900;
}
.world-class-stage { position: relative; display: grid; place-items: center; min-height: 420px; z-index: 1; }
.world-class-character {
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: 0;
    width: min(100%, 470px);
    height: 520px;
    object-fit: contain;
    object-position: center bottom;
    transform: translateX(-50%);
    filter: drop-shadow(0 22px 28px rgba(0, 0, 0, .55));
    transition: opacity .2s ease, transform .25s ease;
}
.world-class-sigil {
    display: none;
    place-items: center;
    width: 230px;
    aspect-ratio: 1;
    border: 1px solid rgba(117, 242, 220, .5);
    border-radius: 50%;
    color: #fff;
    background: radial-gradient(circle, rgba(102,168,255,.38), rgba(9,22,43,.72) 60%, rgba(5,11,25,.2));
    box-shadow: 0 0 90px rgba(66, 146, 255, .34), inset 0 0 50px rgba(117,242,220,.12);
    font-family: 'Cinzel', serif;
    font-size: 4.2rem;
    font-weight: 700;
}
.world-class-orbit { position: absolute; width: 330px; aspect-ratio: 1; border: 1px solid rgba(102,168,255,.22); border-radius: 50%; }

/* AP scale */
.scale-dashboard { color: var(--world-text); }
.scale-overview { display:grid; grid-template-columns:1fr 260px; gap:22px; padding:24px; border:1px solid var(--world-line); border-radius:8px; background:rgba(5,13,28,.88); }
.scale-kicker, .scale-overview span { color:var(--world-mint); font-size:.7rem; font-weight:900; }
.scale-overview h3 { margin:8px 0 10px; font-family:'Poppins',sans-serif; font-size:1.45rem; color:#fff; }
.scale-overview p { color:var(--world-muted); font-size:.86rem; }
.scale-next-rank { padding:18px; border:1px solid var(--world-line); border-radius:7px; background:rgba(255,255,255,.045); display:flex; flex-direction:column; justify-content:center; }
.scale-next-rank strong { margin:6px 0 2px; font-size:1.2rem; }
.scale-next-rank small { color:#c7d3e4; }
.scale-progress-row { grid-column:1/-1; display:grid; grid-template-columns:1fr auto; gap:8px; }
.scale-progress-row strong { font-size:.76rem; }
.scale-progress-track { grid-column:1/-1; height:10px; overflow:hidden; border:1px solid var(--world-line); border-radius:5px; background:#101a2c; }
.scale-progress-track i { display:block; height:100%; background:linear-gradient(90deg,var(--world-blue),var(--world-mint)); }
.scale-rank-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:16px; }
.scale-rank-card { padding:20px; border:1px solid var(--world-line); border-radius:8px; background:rgba(7,16,33,.9); }
.scale-rank-card.available { border-color:rgba(117,242,220,.5); }
.scale-rank-card.claimed { border-color:rgba(85,211,150,.45); }
.scale-rank-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.scale-rank-head h4 { margin:0 0 4px; color:#fff; font-size:1.12rem; }
.scale-rank-head span { color:var(--world-muted); font-size:.78rem; font-weight:700; }
.scale-rank-head b { padding:6px 9px; border:1px solid rgba(255,255,255,.25); border-radius:99px; color:#a9b4c5; font-size:.62rem; }
.scale-rank-card.available .scale-rank-head b { color:var(--world-mint); border-color:rgba(117,242,220,.45); }
.scale-rank-card.claimed .scale-rank-head b { color:#7ee2ad; border-color:rgba(126,226,173,.42); }
.scale-box-preview { min-height:130px; margin:18px 0 14px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; border:1px dashed rgba(145,184,226,.3); border-radius:7px; background:rgba(255,255,255,.035); }
.scale-preview-icons { display:flex; justify-content:center; min-height:42px; }
.scale-preview-icons span { width:42px; height:42px; display:grid; place-items:center; margin-left:-7px; border:2px solid #17233a; border-radius:7px; background:#07101f; }
.scale-preview-icons span:first-child { margin-left:0; }
.scale-preview-icons img { width:36px; height:36px; object-fit:contain; }
.scale-box-preview strong { color:#c8d2e1; font-size:.82rem; }
.scale-view-button, .scale-claim-button { width:100%; min-height:42px; border-radius:6px; font-weight:800; cursor:pointer; }
.scale-view-button { border:1px solid rgba(255,255,255,.36); background:rgba(255,255,255,.06); color:#fff; }
.scale-claim-button { margin-top:9px; border:1px solid rgba(117,242,220,.5); background:var(--world-mint); color:#06131e; }
.scale-claim-button:disabled { border-color:var(--world-line); background:rgba(255,255,255,.035); color:#758297; cursor:not-allowed; }
.scale-claim-button.done { color:#76dba5; }
.scale-cycle-note { margin:16px 0 0; padding:15px 18px; border:1px solid var(--world-line); border-radius:7px; background:rgba(255,255,255,.035); color:#aebbd0; font-size:.82rem; }
.scale-modal { display:none; position:fixed; z-index:1800; inset:0; padding:24px; background:rgba(2,6,14,.8); backdrop-filter:blur(8px); overflow-y:auto; }
.scale-modal.open { display:flex; align-items:center; justify-content:center; }
.scale-modal-dialog { position:relative; width:min(860px,100%); max-height:min(760px,calc(100vh - 48px)); overflow-y:auto; padding:26px; border:1px solid rgba(117,242,220,.35); border-radius:8px; background:#091429; box-shadow:0 30px 90px rgba(0,0,0,.6); }
.scale-modal-close { position:absolute; right:18px; top:18px; width:38px; height:38px; border:1px solid var(--world-line); border-radius:50%; background:transparent; color:#fff; font-size:1.5rem; cursor:pointer; }
.scale-modal-title { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-right:54px; }
.scale-modal-title span, .scale-modal-summary span { color:var(--world-mint); font-size:.68rem; font-weight:900; }
.scale-modal-title h3 { margin:4px 0 0; font-size:1.5rem; }
.scale-modal-title b { color:#aab5c7; font-size:.68rem; }
.scale-modal-summary { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:20px 0 14px; }
.scale-modal-summary div { padding:16px; border:1px solid var(--world-line); border-radius:7px; background:rgba(255,255,255,.045); }
.scale-modal-summary strong { display:block; margin-top:6px; font-size:1rem; }
.scale-modal-warning { padding:13px; border:1px solid rgba(245,200,97,.35); border-radius:7px; background:rgba(245,200,97,.08); color:#f6d991; }
.scale-items-title { margin:24px 0 12px; }
.scale-reward-list { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.scale-reward-item { display:grid; grid-template-columns:54px 1fr; align-items:center; gap:12px; min-width:0; padding:11px; border:1px solid var(--world-line); border-radius:7px; background:rgba(255,255,255,.04); }
.scale-reward-icon { position:relative; width:54px; height:54px; display:grid; place-items:center; border-radius:7px; background:#050b17; }
.scale-reward-icon img { width:48px; height:48px; object-fit:contain; }
.scale-reward-icon b { position:absolute; right:2px; bottom:1px; color:#fff; font-size:.65rem; text-shadow:0 1px 3px #000; }
.scale-reward-item strong { display:block; overflow:hidden; color:#fff; font-size:.85rem; white-space:nowrap; text-overflow:ellipsis; }
.scale-reward-item small { display:block; margin-top:4px; color:var(--world-mint); font-size:.7rem; }
.scale-empty-rank { grid-column:1/-1; color:var(--world-muted); text-align:center; }
.world-class-tabs {
    position: absolute;
    z-index: 3;
    left: 32px;
    right: 32px;
    bottom: 24px;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 7px;
}
.world-class-tab {
    min-width: 0;
    height: 45px;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 5px 8px;
    border: 1px solid rgba(145,184,226,.16);
    border-radius: 6px;
    background: rgba(3,9,20,.78);
    color: #9dabc0;
    font-size: .68rem;
    font-weight: 700;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
}
.world-class-tab span { display: grid; place-items: center; width: 27px; height: 27px; flex: 0 0 27px; border-radius: 5px; background: rgba(102,168,255,.12); color: var(--world-blue); font-size: .62rem; }
.world-class-tab:hover, .world-class-tab.active { border-color: rgba(117,242,220,.55); background: rgba(117,242,220,.1); color: #fff; }
.world-class-tab.active span { background: var(--world-mint); color: #051019; }

.home-feature-card,
#viewNewsContent,
#viewGuildsContent,
#viewRoletaContent,
#viewPanelContent,
#viewGmContent,
.gm-panel-section {
    border-color: var(--world-line) !important;
    border-radius: 8px !important;
    background: var(--world-panel) !important;
    box-shadow: 0 20px 55px rgba(0,0,0,.28) !important;
}
.home-feature-title, #viewNewsContent h2, #viewGuildsContent h2, #viewRoletaContent h2 { color: var(--world-mint) !important; }
.char-table { border-color: var(--world-line) !important; background: rgba(3,8,18,.65) !important; }
.char-table th { color: #9eb0c8 !important; border-color: var(--world-line) !important; background: rgba(10,21,40,.92) !important; }
.char-table tr:hover td { background: rgba(102,168,255,.06); }

body[data-page="gm"] .content-container,
body[data-page="panel"] .content-container { max-width: 1440px !important; align-items: stretch !important; }
body[data-page="gm"] .content-container > .register-card,
body[data-page="panel"] .content-container > .register-card { display: none; }
#viewGmContent, #viewPanelContent { width: 100% !important; max-width: none !important; padding: 24px !important; }
body[data-page="gm"] #viewGmContent {
    display: grid !important;
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 0 22px;
    align-items: start;
}
body[data-page="gm"] #viewGmContent > * { grid-column: 2; min-width: 0; }
body[data-page="gm"] #viewGmContent > .gm-tabs {
    grid-column: 1;
    grid-row: 1 / span 30;
    position: sticky;
    top: 92px;
    display: flex !important;
    flex-direction: column;
    align-self: start;
    padding: 10px !important;
    border: 1px solid var(--world-line) !important;
    border-radius: 8px;
    background: rgba(3, 9, 20, .74);
}
body[data-page="panel"] #viewPanelContent {
    display: grid !important;
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 0 22px;
    align-items: start;
}
body[data-page="panel"] #viewPanelContent > * { grid-column: 2; min-width: 0; }
body[data-page="panel"] #viewPanelContent > .account-tabs {
    grid-column: 1;
    grid-row: 1 / span 20;
    position: sticky;
    top: 92px;
    display: flex !important;
    flex-direction: column;
    padding: 10px !important;
    border: 1px solid var(--world-line) !important;
    border-radius: 8px;
    background: rgba(3, 9, 20, .74);
}
body[data-page="panel"] .account-tabs button { width: 100%; border: 1px solid transparent !important; border-radius: 6px !important; text-align: left; }
#viewGmContent .gm-tabs {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px !important;
}
#viewGmContent .gm-tab-btn {
    min-height: 44px;
    border-radius: 6px !important;
    border-color: var(--world-line) !important;
    background: rgba(255,255,255,.035) !important;
    color: #aab8ca !important;
}
#viewGmContent .gm-tab-btn.active { background: var(--world-mint) !important; color: #051019 !important; border-color: var(--world-mint) !important; }
#viewPanelContent > div:first-of-type { overflow-x: auto; }
.gm-field { border-color: var(--world-line) !important; background: rgba(3,8,18,.72) !important; }
.btn-gm-exec { border-radius: 6px !important; }

@media (max-width: 960px) {
    .nav-container { flex-wrap: wrap; gap: 10px; }
    .nav-menu { order: 3; width: 100%; overflow-x: auto; justify-content: flex-start; }
    .world-class-showcase { grid-template-columns: 1fr; min-height: 720px; }
    .world-class-copy { padding: 42px 32px 250px; }
    .world-class-stage { position: absolute; right: 15px; bottom: 105px; min-height: 260px; }
    .world-class-character { width:300px; height:360px; }
    .world-class-sigil { width: 170px; font-size: 3rem; }
    .world-class-orbit { width: 230px; }
    .world-class-tabs { grid-template-columns: repeat(4, minmax(110px, 1fr)); overflow-x: auto; }
    #viewGmContent .gm-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .scale-rank-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    body[data-page="gm"] #viewGmContent,
    body[data-page="panel"] #viewPanelContent { display: block !important; }
    body[data-page="gm"] #viewGmContent > .gm-tabs,
    body[data-page="panel"] #viewPanelContent > .account-tabs {
        position: static;
        display: flex !important;
        flex-direction: row;
        overflow-x: auto;
        margin-bottom: 18px;
    }
    body[data-page="panel"] .account-tabs button { width: auto; flex: 0 0 auto; }
}

@media (max-width: 640px) {
    .navbar { position: sticky !important; }
    .nav-container { padding: 9px 10px !important; min-height: auto; }
    .nav-logo { width: auto !important; margin-right: auto; font-size: .76rem !important; }
    .nav-logo span { width: 34px; height: 34px; }
    .nav-right-group { width: auto !important; margin-left: 0 !important; }
    .box-discord-icon, .btn-logout-red { display: none !important; }
    .nav-menu { padding-bottom: 3px !important; }
    .nav-menu a { white-space: nowrap; }
    .hero-section { padding: 16px 8px 36px !important; background-attachment: scroll; }
    .content-container > .register-card { padding: 16px 12px !important; }
    .content-container > .register-card .text-logo { font-size: 1.3rem !important; }
    .world-class-showcase { min-height: 720px; }
    .world-class-copy { padding: 34px 20px 300px; }
    .world-class-copy h2 { font-size: 2.05rem; }
    .world-class-copy > p { font-size: .88rem; line-height: 1.65; }
    .world-class-stage { left: 0; right: 0; bottom: 150px; }
    .world-class-character { width:250px; height:310px; }
    .world-class-tabs { left: 12px; right: 12px; bottom: 14px; grid-template-columns: repeat(2, minmax(135px, 1fr)); max-height: 128px; overflow-y: auto; }
    .world-class-actions { flex-wrap: wrap; }
    .home-feature-grid { grid-template-columns: 1fr !important; }
    #viewNewsContent, #viewGuildsContent, #viewRoletaContent, #viewPanelContent, #viewGmContent { padding: 14px !important; }
    #viewGmContent .gm-tabs { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto; }
    #viewGmContent .gm-tab-btn { flex: 0 0 auto; }
    .gm-input-row, .change-password-form { grid-template-columns: 1fr !important; flex-direction: column; }
    .scale-overview, .scale-rank-grid, .scale-modal-summary, .scale-reward-list { grid-template-columns:1fr; }
    .scale-next-rank, .scale-progress-row { grid-column:1; }
    .scale-modal { padding:8px; }
    .scale-modal-dialog { padding:20px 14px; max-height:calc(100vh - 16px); }
}

/* ==========================================================================
   GRAND FANTASIA VANILLA - VIOLET & GOLD THEME (INSPIRADO NA REFERÊNCIA)
   ========================================================================== */

:root {
    --world-bg: #06040c;
    --world-panel: rgba(12, 9, 24, 0.88);
    --world-panel-soft: rgba(18, 14, 34, 0.76);
    --world-line: rgba(212, 175, 55, 0.22);
    --world-mint: #8b5cf6;
    --world-violet: #8b5cf6;
    --world-violet-dark: #7c3aed;
    --world-gold: #d4af37;
    --world-gold-soft: #f5d77f;
    --world-blue: #a78bfa;
    --world-text: #f6f4fa;
    --world-muted: #9e95b5;
}

#gf-video-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    z-index: 0;
    opacity: 0.85;
    pointer-events: none;
    filter: brightness(0.88) contrast(1.1);
}

#gf-animated-bg-canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    z-index: 1;
    opacity: 0.8;
}

body {
    position: relative;
    background-color: #06040c;
    background-image: 
        radial-gradient(circle at 50% 0%, rgba(139, 92, 246, 0.14) 0%, transparent 65%),
        radial-gradient(circle at 85% 50%, rgba(212, 175, 55, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 15% 85%, rgba(124, 58, 237, 0.08) 0%, transparent 50%);
    background-attachment: fixed;
    color: var(--world-text);
    font-family: 'Poppins', sans-serif;
}

/* Glassmorphism Panels (Violet & Gold Border) */
.register-card,
.home-feature-card,
.world-class-showcase,
.scale-overview,
.scale-rank-card,
.download-card,
.download-box,
.news-card,
.ranking-table-container,
.gm-panel-container {
    backdrop-filter: blur(18px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(180%) !important;
    border: 1px solid rgba(212, 175, 55, 0.22) !important;
    background: rgba(12, 9, 24, 0.85) !important;
    box-shadow: 
        0 18px 45px rgba(0, 0, 0, 0.55),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    border-radius: 6px !important;
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important;
}

.home-feature-card:hover,
.scale-rank-card:hover,
.download-card:hover {
    border-color: rgba(212, 175, 55, 0.55) !important;
    box-shadow: 
        0 22px 50px rgba(0, 0, 0, 0.65),
        0 0 25px rgba(139, 92, 246, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
    transform: translateY(-3px) !important;
}

/* Status Online Indicator Pulse */
.status-online {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #2ecc71 !important;
    font-weight: 800;
    text-shadow: 0 0 10px rgba(46, 204, 113, 0.5);
    animation: statusPulse 2s infinite ease-in-out;
}

@keyframes statusPulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.82; transform: scale(1.03); }
}

/* Enhanced Primary Violet & Secondary Gold Buttons */
.btn-download-main,
.btn-roleta-girar,
.world-primary-action,
.scale-claim-button,
.btn-modal-submit,
.user-logged-btn {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%) !important;
    color: #ffffff !important;
    font-family: 'Cinzel', serif !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    border: 1px solid rgba(139, 92, 246, 0.6) !important;
    box-shadow: 0 4px 20px rgba(124, 58, 237, 0.45) !important;
    border-radius: 4px !important;
    transition: all 0.3s ease !important;
}

.btn-download-main:hover,
.btn-roleta-girar:hover,
.world-primary-action:hover,
.scale-claim-button:hover,
.btn-modal-submit:hover,
.user-logged-btn:hover {
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%) !important;
    box-shadow: 0 8px 30px rgba(139, 92, 246, 0.65), 0 0 18px rgba(212, 175, 55, 0.4) !important;
    transform: translateY(-2px) !important;
}

.btn-nav-action,
.btn-nav-gm {
    background: rgba(13, 10, 27, 0.6) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    color: #f5d77f !important;
    font-family: 'Cinzel', serif !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    border-radius: 4px !important;
    transition: all 0.3s ease !important;
}

.btn-nav-action:hover,
.btn-nav-gm:hover {
    border-color: #d4af37 !important;
    color: #ffffff !important;
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.35) !important;
    transform: translateY(-2px) !important;
}

/* Glow Headings & Italicized Gold Accents */
.world-class-copy h2,
.text-logo,
.home-feature-title,
.hero-section h1 {
    font-family: 'Cinzel', serif !important;
    letter-spacing: 1px;
}

.gold-italic, em, .text-highlight {
    font-family: 'Cinzel Decorative', 'Cinzel', serif !important;
    font-style: italic !important;
    color: #f5d77f !important;
    background: linear-gradient(135deg, #f5d77f 0%, #d4af37 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Navbar Links & Tracking */
.nav-menu a {
    font-family: 'Cinzel', serif !important;
    letter-spacing: 1.5px !important;
    font-weight: 700 !important;
    color: #c7bedb !important;
    text-transform: uppercase !important;
}

.nav-menu a::after {
    background: #d4af37 !important;
}

.nav-menu a:hover, .nav-menu a.active {
    color: #ffffff !important;
}

/* Download Section Custom Styling */
.download-hero {
    text-align: center;
    padding: 40px 20px;
}

.download-mirrors-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin-top: 25px;
}

.download-mirror-card {
    padding: 24px;
    background: rgba(12, 9, 24, 0.85);
    border: 1px solid rgba(212, 175, 55, 0.25);
    border-radius: 6px;
    text-align: center;
    transition: all 0.3s ease;
}

.download-mirror-card:hover {
    border-color: #d4af37;
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.35);
}