/* MuON: blocos da home (Castle Siege / Rei do MU) e Gold Shop */
body.page .muon-home-blocks {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 26px;
}
body.page .muon-home-card {
    padding: 0 0 12px;
    border: 1px solid rgba(184,132,54,.52);
    border-radius: 5px;
    background: linear-gradient(180deg, rgba(9,27,47,.94), rgba(4,15,29,.92));
    box-shadow: 0 12px 24px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.05);
    overflow: hidden;
}
body.page .muon-home-card-title {
    padding: 12px 16px;
    color: var(--gold-light, #f0c568);
    font-family: var(--font-display, 'Cinzel', serif);
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid rgba(83,132,176,.22);
    background: linear-gradient(180deg, rgba(13,33,55,.62), rgba(8,24,42,.26));
}
body.page .muon-home-card-title i { margin-right: 6px; }
body.page .muon-home-row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 7px 16px;
    font-size: 13px;
    border-bottom: 1px solid rgba(83,132,176,.10);
}
body.page .muon-home-row span { color: #8fa9c4; }
body.page .muon-home-row strong { color: #eef6ff; text-align: right; }
body.page .muon-home-row strong a { color: #eef6ff !important; }
body.page .muon-live { color: #ff6b5b !important; animation: muonPulse 1.4s ease-in-out infinite; }
@keyframes muonPulse { 50% { opacity: .55; } }
body.page .muon-home-link {
    display: inline-block;
    margin: 10px 16px 0;
    color: var(--gold-light, #f0c568) !important;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}
body.page .muon-home-empty { padding: 14px 16px; color: #8fa9c4; }
body.page .muon-king { padding: 18px 16px 12px; text-align: center; }
body.page .muon-king-crown { font-size: 34px; color: #f0c568; text-shadow: 0 0 18px rgba(240,197,104,.45); }
body.page .muon-king-crown.muon-king-empty { color: #4a5f78; text-shadow: none; }
body.page .muon-king-name { margin-top: 8px; font-family: var(--font-display, 'Cinzel', serif); font-size: 20px; font-weight: 700; color: #eef6ff; }
body.page .muon-king-name a { color: #eef6ff !important; }
body.page .muon-king-class { color: #f0c568; font-size: 12px; text-transform: uppercase; font-weight: 700; }
body.page .muon-king-score { margin-top: 6px; color: #8fa9c4; font-size: 13px; }

/* Gold Shop */
.muon-shop-head { margin-bottom: 14px; }
.muon-shop-warn { color: #e6b450; }
.muon-shop-balance {
    display: inline-block;
    padding: 8px 14px;
    border: 1px solid rgba(184,132,54,.52);
    border-radius: 5px;
    background: rgba(9,27,47,.7);
}
.muon-shop-balance i { color: #f0c568; margin-right: 6px; }
.muon-shop-tier {
    margin: 22px 0 10px;
    color: var(--gold-light, #f0c568);
    font-family: var(--font-display, 'Cinzel', serif);
}
.muon-shop-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 12px;
}
.muon-shop-card {
    display: flex;
    flex-direction: column;
    padding: 12px 14px;
    border: 1px solid rgba(77,151,213,.52);
    border-radius: 5px;
    background: linear-gradient(180deg, rgba(9,24,42,.92), rgba(5,15,28,.96));
}
.muon-shop-class { color: #f0c568; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.muon-shop-title { margin: 4px 0; color: #eef6ff; font-weight: 700; }
.muon-shop-opts { color: #7fd1ff; font-size: 12px; }
.muon-shop-items { flex: 1; margin: 8px 0; padding-left: 18px; color: #bfd4e9; font-size: 12px; }
.muon-shop-buy { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.muon-shop-buy form { margin: 0; }
.muon-shop-price { color: #f0c568; font-size: 18px; font-weight: 800; }
.muon-shop-price small { font-size: 11px; color: #8fa9c4; }
.muon-shop-history td, .muon-shop-history th { color: #bfd4e9; }

@media (max-width: 767px) {
    body.page .muon-home-blocks { grid-template-columns: 1fr; }
}

/* Gold Shop: categorias, abas e tela do item */
.muon-gs-cats, .muon-gs-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0; }
.muon-gs-cats button, .muon-gs-tabs button, .muon-gs-qty button {
    padding: 6px 14px;
    border: 1px solid rgba(184,132,54,.52);
    border-radius: 4px;
    background: rgba(9,27,47,.85);
    color: #bfd4e9;
    font-weight: 700;
    cursor: pointer;
}
.muon-gs-cats button { font-size: 14px; text-transform: uppercase; }
.muon-gs-tabs button { font-size: 12px; padding: 4px 12px; }
.muon-gs-cats button.active, .muon-gs-tabs button.active, .muon-gs-qty button:hover {
    background: linear-gradient(180deg, #f0c568, #b88436);
    color: #1a1206;
}
.muon-gs-grid { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); }
.muon-gs-card { text-decoration: none !important; transition: border-color .15s, transform .15s; }
.muon-gs-card:hover { border-color: #f0c568; transform: translateY(-2px); }
.muon-gs-card-img { display: flex; justify-content: center; align-items: center; gap: 2px; height: 72px; margin-bottom: 6px; }
.muon-gs-card-img img { max-height: 64px; max-width: 64px; image-rendering: auto; }
.muon-gs-card .muon-shop-price { font-size: 15px; }
.muon-gs-card .muon-shop-price small { display: block; font-size: 10px; }

.muon-gs-item { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
.muon-gs-item > * { min-width: 0; }
.muon-gs-preview { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 16px; align-items: center; }
.muon-gs-preview .muon-gs-images { grid-row: span 3; max-width: 230px; }
.muon-gs-preview, .muon-gs-form {
    padding: 14px 16px;
    border: 1px solid rgba(77,151,213,.52);
    border-radius: 5px;
    background: linear-gradient(180deg, rgba(9,24,42,.92), rgba(5,15,28,.96));
}
.muon-gs-preview h3 { color: #eef6ff; font-family: var(--font-display, 'Cinzel', serif); }
.muon-gs-images { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; padding: 10px; border-radius: 5px; background: radial-gradient(circle, rgba(240,197,104,.15), transparent 70%); }
.muon-gs-images img { width: 64px; height: 64px; object-fit: contain; }
.muon-gs-summary { margin-top: 10px; color: #7fd1ff; font-size: 13px; }
.muon-gs-field { margin-bottom: 12px; color: #bfd4e9; }
.muon-gs-field > label { display: block; color: #f0c568; font-weight: 700; margin-bottom: 4px; }
.muon-gs-field select { max-width: 100%; padding: 4px 6px; color: #111; }
.muon-gs-field label.muon-gs-check { display: block; color: #bfd4e9; font-weight: 400; cursor: pointer; }
.muon-gs-field > label.muon-gs-check { color: #f0c568; font-weight: 700; }
.muon-gs-check small, .muon-gs-hint { color: #8fa9c4; }
.muon-gs-qty { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 6px; }
.muon-gs-qty button { padding: 3px 10px; font-size: 12px; }
.muon-gs-list { columns: 2; column-gap: 16px; }
.muon-gs-tray { display: grid; gap: 6px; margin: 6px 0; padding: 8px; border: 1px dashed rgba(184,132,54,.52); border-radius: 5px; background: rgba(0,0,0,.2); }
.muon-gs-socket { display: grid; grid-template-columns: 80px 1fr; align-items: center; gap: 8px; }
.muon-gs-socket span { color: #f0c568; font-size: 12px; font-weight: 700; }
.muon-gs-380 ul { margin: 4px 0 0; padding-left: 18px; color: #c39bff; font-size: 12px; }
.muon-gs-total { margin: 14px 0 8px; font-size: 14px; color: #8fa9c4; }
.muon-gs-total strong { color: #f0c568; font-size: 26px; margin-left: 8px; }
.muon-gs-buy { margin: 8px 0; }

@media (max-width: 767px) {
    .muon-gs-preview { grid-template-columns: 1fr; }
    .muon-gs-preview .muon-gs-images { max-width: none; }
    .muon-gs-list { columns: 1; }
}
.muon-gs-noimg { font-size: 40px; color: #c39bff; text-shadow: 0 0 14px rgba(195,155,255,.5); width: 64px; text-align: center; }

/* set montado (boneco): --d = tamanho de cada peca */
.muon-doll {
    --d: 40px;
    display: grid;
    grid-template-columns: var(--d) calc(var(--d) * 1.3) var(--d);
    grid-template-rows: var(--d) calc(var(--d) * 1.3) var(--d) var(--d);
    grid-template-areas: ". helm ." "gl armor gr" ". pants ." ". boots .";
    justify-items: center;
    align-items: center;
    margin: 0 auto;
}
.muon-doll span { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.muon-doll img { max-width: 100%; max-height: 100%; object-fit: contain; }
.muon-doll .muon-doll-helm { grid-area: helm; align-items: flex-end; }
.muon-doll .muon-doll-armor { grid-area: armor; }
.muon-doll .muon-doll-pants { grid-area: pants; margin-top: -8%; }
.muon-doll .muon-doll-boots { grid-area: boots; margin-top: -12%; }
.muon-doll .muon-doll-gloves { grid-area: gl; justify-content: flex-end; }
.muon-doll .muon-doll-gloves2 { grid-area: gr; justify-content: flex-start; transform: scaleX(-1); }
.muon-gs-card-img .muon-doll { --d: 24px; }
.muon-gs-card-img { height: 110px; }
.muon-gs-images .muon-doll { --d: 64px; }

/* ===== Home: slider minimalista (vidro, sem setas) ===== */
body.page .muon-slider {
    position: relative;
    display: grid;
    min-height: 210px;
    margin: 0 0 16px;
    border: 1px solid rgba(240,197,104,.28);
    border-radius: 8px;
    overflow: hidden;
    background: linear-gradient(120deg, rgba(5,16,30,.78) 0%, rgba(5,16,30,.45) 55%, rgba(5,16,30,.15) 100%);
    backdrop-filter: blur(2px);
    box-shadow: 0 14px 30px rgba(0,0,0,.28);
}
body.page .muon-slide {
    grid-area: 1 / 1;
    padding: 30px 34px 42px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: opacity .6s ease, transform .6s ease, visibility .6s;
}
body.page .muon-slide.is-active { opacity: 1; visibility: visible; transform: none; }
body.page .muon-slide-icon {
    position: absolute; right: 34px; top: 50%; transform: translateY(-50%);
    font-size: 96px; color: rgba(240,197,104,.10);
}
body.page .muon-slide-tag {
    display: inline-block; margin-bottom: 10px; padding: 3px 10px;
    border: 1px solid rgba(240,197,104,.45); border-radius: 20px;
    color: #f0c568; font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;
}
body.page .muon-slide h2 {
    margin: 0 0 8px; max-width: 75%;
    color: #fff; font-family: var(--font-display, 'Cinzel', serif); font-size: 26px; font-weight: 700; line-height: 1.15;
    text-shadow: 0 2px 10px rgba(0,0,0,.6);
}
body.page .muon-slide p { margin: 0 0 16px; max-width: 70%; color: #cfe0f2; font-size: 14px; }
body.page .muon-slide a { color: #f0c568 !important; font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: .5px; }
body.page .muon-slide a i { margin-left: 4px; transition: transform .2s; }
body.page .muon-slide a:hover i { transform: translateX(4px); }
body.page .muon-slider-dots { position: absolute; left: 34px; bottom: 16px; display: flex; gap: 6px; }
body.page .muon-slider-dots button {
    width: 22px; height: 3px; padding: 0; border: 0; border-radius: 2px;
    background: rgba(255,255,255,.25); cursor: pointer; transition: width .3s, background .3s;
}
body.page .muon-slider-dots button.is-active { width: 38px; background: #f0c568; }

/* ===== Home: noticias logo abaixo do slider ===== */
body.page .muon-news {
    margin: 0 0 6px; padding: 12px 18px;
    border: 1px solid rgba(184,132,54,.40); border-radius: 6px;
    background: rgba(5,16,30,.72);
}
body.page .muon-news-head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 4px; }
body.page .muon-news-head h2 { margin: 0; color: #f0c568; font-family: var(--font-display, 'Cinzel', serif); font-size: 16px; font-weight: 700; }
body.page .muon-news-head a { color: #7fc3ff !important; font-size: 12px; font-weight: 700; text-transform: uppercase; }
body.page .muon-news-item {
    display: flex; justify-content: space-between; gap: 12px; padding: 9px 0;
    border-top: 1px solid rgba(83,132,176,.15); text-decoration: none !important;
}
body.page .muon-news-title { color: #eef6ff; font-weight: 600; }
body.page .muon-news-item:hover .muon-news-title { color: #f0c568; }
body.page .muon-news-date { color: #8fa9c4; font-size: 12px; white-space: nowrap; }

/* status do servidor no card "Online Agora" */
body.page .hero-online-status { display: block; margin-top: 6px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; }
body.page .hero-online-status i { font-size: 8px; vertical-align: 1px; margin-right: 4px; }
body.page .hero-online-status.is-up { color: #5fe08a; }
body.page .hero-online-status.is-down { color: #ff7a6b; }

@media (max-width: 767px) {
    body.page .muon-slide { padding: 22px 20px 38px; }
    body.page .muon-slide h2 { font-size: 20px; max-width: 100%; }
    body.page .muon-slide p { max-width: 100%; }
    body.page .muon-slide-icon { display: none; }
    body.page .muon-slider-dots { left: 20px; }
}

/* ===== Home: mostrar mais da arte de fundo (anja) =====
   O conteudo comeca mais abaixo (proporcional a largura da tela), o escurecimento
   da arte so comeca depois do hero e o painel central fica translucido no topo. */
body.page-home .home-hero {
    height: clamp(348px, 40vw, 620px) !important;
    min-height: 0 !important;
    max-height: none !important;
}
body.page-home::before {
    background:
        linear-gradient(180deg,
            rgba(8,20,35,0) 0,
            rgba(8,20,35,0) clamp(260px, 28vw, 440px),
            rgba(7,15,26,.75) clamp(340px, 38vw, 600px),
            rgb(8,20,35) clamp(400px, 45vw, 700px),
            rgb(8,20,35) 100%),
        url(../img/ui/top-fon-home-dark.jpg) 50% 0 / 100% auto no-repeat !important;
}
body.page-home .c {
    background: linear-gradient(180deg, rgba(6,17,32,.35) 0, rgba(6,17,32,.80) 360px, rgba(6,17,32,.94) 700px) !important;
}
body.page-home .sidebar-panel__body, body.page-home .site-sidebar .box {
    background-color: rgba(6,17,32,.80) !important;
}
body.page-home .home-hero::after { background: none !important; } /* o fade fica so no body::before, sem faixa */
body.page .muon-slide p { padding: 0 !important; text-indent: 0 !important; }

/* ===== Sidebar: Proximos Eventos (categorias com setas) ===== */
body.page .muon-events { padding: 8px 12px 10px !important; }
body.page .muon-events-nav { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; }
body.page .muon-events-nav button {
    width: 26px; height: 26px; padding: 0; border: 1px solid rgba(240,197,104,.35); border-radius: 50%;
    background: rgba(9,27,47,.8); color: #f0c568; cursor: pointer; font-size: 11px; transition: background .2s;
}
body.page .muon-events-nav button:hover { background: #f0c568; color: #1a1206; }
body.page .muon-events-cat { color: #f0c568; font-weight: 800; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; }
body.page .muon-events-list { margin: 0; padding: 0; list-style: none; }
body.page .muon-events-list li {
    display: flex; justify-content: space-between; align-items: center; gap: 8px;
    padding: 7px 0; border-bottom: 1px solid rgba(83,132,176,.12); font-size: 12px;
}
body.page .muon-events-list li:last-child { border-bottom: 0; }
body.page .muon-ev-name { color: #dde6f1; font-weight: 600; }
body.page .muon-ev-time { text-align: right; color: #eef6ff; font-weight: 700; white-space: nowrap; }
body.page .muon-ev-time small { display: block; color: #8fa9c4; font-weight: 400; font-size: 11px; }
body.page .muon-events-list li.is-open .muon-ev-time small { color: #5fe08a; font-weight: 700; }
body.page .muon-events-list li.is-live .muon-ev-time small { color: #ff9b5b; font-weight: 700; }
body.page .muon-events-list li.is-always .muon-ev-time small { color: #c39bff; }
body.page .muon-events-dots { display: flex; justify-content: center; gap: 5px; margin-top: 6px; }
body.page .muon-events-dots i { width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,.2); }
body.page .muon-events-dots i.is-active { background: #f0c568; }

/* ===== Doacao: "Quanto gostaria de doar?" ===== */
.muon-donate {
    max-width: 560px; margin: 6px auto 18px; padding: 20px 22px;
    border: 1px solid rgba(184,132,54,.52); border-radius: 8px;
    background: linear-gradient(180deg, rgba(9,27,47,.94), rgba(4,15,29,.92));
}
.muon-donate h3 { margin: 0 0 6px; color: #f0c568; font-family: var(--font-display, 'Cinzel', serif); font-size: 22px; text-align: center; }
.muon-donate-sub { color: #bfd4e9; font-size: 13px; text-align: center; }
.muon-donate-select { position: relative; margin: 14px 0; }
.muon-donate-toggle {
    display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%;
    padding: 12px 16px; border: 1px solid rgba(240,197,104,.55); border-radius: 6px;
    background: rgba(5,16,30,.9); color: #eef6ff; font-weight: 700; cursor: pointer; text-align: left;
}
.muon-donate-toggle > span { display: flex; flex: 1; gap: 12px; align-items: center; }
.muon-donate-toggle i { color: #f0c568; transition: transform .2s; }
.muon-donate-select.is-open .muon-donate-toggle i { transform: rotate(180deg); }
.muon-donate-options {
    display: none; position: absolute; z-index: 20; left: 0; right: 0; top: calc(100% + 4px);
    max-height: 330px; overflow-y: auto; margin: 0; padding: 4px 0; list-style: none;
    border: 1px solid rgba(240,197,104,.45); border-radius: 6px; background: #071628;
    box-shadow: 0 16px 34px rgba(0,0,0,.55);
}
.muon-donate-select.is-open .muon-donate-options { display: block; }
.muon-donate-options li, .muon-donate-toggle > span {
    display: grid; grid-template-columns: 100px 1fr 100px; align-items: center; gap: 10px;
}
.muon-donate-options li { padding: 9px 16px; cursor: pointer; border-bottom: 1px solid rgba(83,132,176,.10); }
.muon-donate-options li:hover, .muon-donate-options li.is-active { background: rgba(240,197,104,.12); }
.muon-donate-brl { color: #eef6ff; font-weight: 800; }
.muon-donate-gold { color: #f0c568; font-weight: 800; }
.muon-donate-gold small { color: #8fa9c4; font-weight: 400; }
.muon-donate-bonus { justify-self: end; color: #5fe08a; font-size: 12px; font-weight: 800; }
.muon-donate-custom { margin-bottom: 12px; }
.muon-donate-custom label { display: block; color: #f0c568; font-weight: 700; margin-bottom: 4px; }
.muon-donate-custom input { width: 100%; padding: 8px 10px; border-radius: 4px; border: 1px solid rgba(240,197,104,.45); background: #fff; color: #111; }
.muon-donate-summary { margin: 4px 0 14px; padding: 10px 14px; border-radius: 6px; background: rgba(0,0,0,.25); }
.muon-donate-summary > div { display: flex; justify-content: space-between; padding: 4px 0; color: #bfd4e9; }
.muon-donate-summary strong { color: #eef6ff; }
.muon-donate-total { margin-top: 4px; padding-top: 8px !important; border-top: 1px solid rgba(240,197,104,.3); }
.muon-donate-total strong { color: #f0c568 !important; font-size: 20px; }
.muon-donate-pay { width: 100%; padding: 11px; font-size: 15px; font-weight: 800; }
.muon-donate-steps { margin-top: 14px; color: #8fa9c4; font-size: 12px; text-align: center; }
.muon-donate-steps i { color: #f0c568; margin-right: 4px; }
.muon-donate-steps strong { color: #5fe08a; }

/* ===== Doacao: Pix no site e confirmacao ===== */
.muon-donate-methods { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.muon-donate-methods .muon-donate-pay { width: 100%; }
.muon-pix { text-align: center; }
.muon-pix-qr { display: inline-block; margin: 10px auto; padding: 10px; border-radius: 10px; background: #fff; }
.muon-pix-qr img { display: block; width: 230px; height: 230px; }
.muon-pix-help { color: #bfd4e9; font-size: 13px; }
.muon-pix-copy { display: flex; gap: 6px; margin: 8px 0; }
.muon-pix-copy input { flex: 1; min-width: 0; padding: 8px 10px; border-radius: 4px; border: 1px solid rgba(240,197,104,.45); background: #fff; color: #111; font-size: 12px; }
.muon-pix-wait { margin-top: 12px; padding: 10px; border-radius: 6px; background: rgba(0,0,0,.25); color: #f0c568; font-weight: 700; }
.muon-paid { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; background: rgba(2,8,16,.78); }
.muon-paid-box {
    max-width: 380px; margin: 16px; padding: 28px 26px; text-align: center; border-radius: 10px;
    border: 1px solid rgba(240,197,104,.6); background: linear-gradient(180deg, #0b2036, #061424);
    box-shadow: 0 20px 50px rgba(0,0,0,.6); animation: muonPop .35s ease;
}
.muon-paid-box > i { font-size: 56px; color: #5fe08a; }
.muon-paid-box h3 { margin: 10px 0 6px; color: #f0c568; font-family: var(--font-display, 'Cinzel', serif); }
.muon-paid-box p { color: #dde6f1; }
.muon-paid-box strong { color: #5fe08a; font-size: 18px; }
.muon-paid-redirect { color: #8fa9c4 !important; font-size: 12px; }
@keyframes muonPop { from { transform: scale(.9); } to { transform: none; } }
@media (max-width: 480px) { .muon-donate-methods { grid-template-columns: 1fr; } }

/* ===== Painel da conta (usercp/myaccount) e acoes de personagem ===== */
.muon-dash-head {
    display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: center;
    margin-bottom: 18px; padding: 18px 20px;
    border: 1px solid rgba(184,132,54,.52); border-radius: 8px;
    background: linear-gradient(135deg, rgba(9,27,47,.95), rgba(4,15,29,.92));
}
.muon-dash-user { display: flex; align-items: center; gap: 14px; min-width: 0; }
.muon-dash-avatar {
    flex: none; width: 56px; height: 56px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, #f0c568, #b88436); color: #1a1206;
    font-family: var(--font-display, 'Cinzel', serif); font-size: 26px; font-weight: 800;
}
.muon-dash-user h2 { margin: 0 0 6px; color: #fff; font-size: 22px; font-weight: 800; word-break: break-all; }
.muon-dash-badges { display: flex; flex-wrap: wrap; gap: 6px; }
.muon-badge { padding: 3px 9px; border-radius: 20px; border: 1px solid rgba(143,169,196,.35); color: #bfd4e9; font-size: 11px; font-weight: 700; }
.muon-badge i { font-size: 9px; margin-right: 3px; }
.muon-badge.is-ok { border-color: rgba(95,224,138,.5); color: #5fe08a; }
.muon-badge.is-bad { border-color: rgba(255,122,107,.5); color: #ff7a6b; }
.muon-badge.is-vip { border-color: rgba(240,197,104,.6); color: #f0c568; }
.muon-badge.is-vip small { color: #bfa36a; font-weight: 400; }
.muon-dash-coins { display: flex; flex-wrap: wrap; gap: 10px; align-items: stretch; justify-content: flex-end; }
.muon-coin { min-width: 96px; padding: 8px 12px; border-radius: 6px; background: rgba(0,0,0,.25); text-align: center; }
.muon-coin span { display: block; color: #8fa9c4; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; }
.muon-coin strong { color: #eef6ff; font-size: 18px; font-weight: 800; }
.muon-coin.is-gold strong { color: #f0c568; }
.muon-dash-coin-actions { display: flex; flex-direction: column; gap: 6px; justify-content: center; }

.muon-dash-title { margin: 20px 0 10px; color: #f0c568; font-family: var(--font-display, 'Cinzel', serif); font-size: 17px; font-weight: 700; }
.muon-dash-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 10px; }
.muon-dash-tile {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
    min-height: 86px; padding: 12px 8px; text-align: center; text-decoration: none !important;
    border: 1px solid rgba(77,151,213,.45); border-radius: 8px;
    background: linear-gradient(180deg, rgba(9,24,42,.92), rgba(5,15,28,.96));
    color: #dde6f1 !important; font-size: 12px; font-weight: 700;
    transition: border-color .15s, transform .15s, background .15s;
}
.muon-dash-tile i { font-size: 22px; color: #f0c568; }
.muon-dash-tile:hover { border-color: #f0c568; transform: translateY(-2px); background: linear-gradient(180deg, rgba(20,42,68,.95), rgba(8,22,40,.96)); }

.muon-chars { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; }
.muon-char {
    padding: 14px; border: 1px solid rgba(77,151,213,.45); border-radius: 8px;
    background: linear-gradient(180deg, rgba(9,24,42,.92), rgba(5,15,28,.96));
}
.muon-char-top { display: flex; gap: 12px; align-items: flex-start; }
.muon-char-avatar { width: 64px; height: 64px; border-radius: 6px; border: 1px solid rgba(240,197,104,.45); object-fit: cover; }
.muon-char-info { min-width: 0; flex: 1; }
.muon-char-name { color: #fff !important; font-size: 17px; font-weight: 800; }
.muon-char-name:hover { color: #f0c568 !important; }
.muon-char-dot { display: inline-block; width: 9px; height: 9px; margin-left: 6px; border-radius: 50%; background: #ff7a6b; vertical-align: 1px; }
.muon-char-dot.is-on { background: #5fe08a; box-shadow: 0 0 8px rgba(95,224,138,.7); }
.muon-char-class { color: #f0c568; font-size: 11px; font-weight: 700; text-transform: uppercase; }
.muon-char-stats { display: flex; flex-wrap: wrap; gap: 4px 12px; margin: 6px 0 4px; color: #8fa9c4; font-size: 12px; }
.muon-char-stats b { color: #eef6ff; }
.muon-char-map { color: #8fa9c4; font-size: 12px; }
.muon-char-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin-top: 12px; }
.muon-char-actions form { margin: 0; }
.muon-char-act {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
    width: 100%; min-height: 54px; padding: 6px 4px; text-decoration: none !important;
    border: 1px solid rgba(184,132,54,.35); border-radius: 6px; background: rgba(0,0,0,.22);
    color: #dde6f1 !important; font-size: 11px; font-weight: 700; cursor: pointer; transition: background .15s, border-color .15s;
}
.muon-char-act i { color: #f0c568; font-size: 15px; }
.muon-char-act:hover { border-color: #f0c568; background: rgba(240,197,104,.12); }
.muon-char-online-warn { margin: 8px 0 0; color: #e6b450; font-size: 12px; }
.muon-profile-actions { margin-top: 16px; padding: 14px 16px; border: 1px solid rgba(184,132,54,.45); border-radius: 8px; background: rgba(5,16,30,.85); }
.muon-profile-actions .muon-dash-title { margin-top: 0; }
.muon-profile-actions .muon-char-actions { grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); }
.muon-char-back { margin: 12px 0 0; font-size: 13px; }
@media (max-width: 767px) {
    .muon-dash-head { grid-template-columns: 1fr; }
    .muon-dash-coins { justify-content: flex-start; }
}

/* "Online Agora" na barra lateral, flutuando logo acima do Painel do Usuario (Home) */
body.page .site-sidebar { position: relative; }
body.page .site-sidebar .hero-online {
    left: 0 !important; right: 0 !important; top: auto !important; bottom: calc(100% + 14px) !important;
    transform: none !important; width: auto !important; max-width: none !important;
}
@media (max-width: 900px) {
    body.page .site-sidebar .hero-online { display: flex !important; position: static !important; margin-bottom: 12px !important; }
}
/* painel na coluna central (com barra lateral): saldos embaixo do nome */
.muon-dash-head { grid-template-columns: minmax(0, 1fr); }
.muon-dash-coins { justify-content: flex-start; }
.muon-dash-coin-actions { flex-direction: row; align-items: center; }