/* ==========================================================
   BOSS DEL WEEKEND — overlay
   (base contenitore/card/testata in components.css;
    qui il tema ROSSO del boss e i suoi elementi specifici)
   ================================================---------- */

/* Tema boss: card centrata con interno più rosso */
.bs-card { text-align: center; }
.bs-card::after { background: rgba(15, 5, 15, 0.94); }
.bs-title { font-size: 1.05rem; color: var(--pericolo); text-shadow: 0 0 10px var(--pericolo); }
.bs-close { border-color: var(--pericolo); }
.bs-close:hover { background: rgba(255, 0, 85, 0.25); }

/* Scheda boss */
.bs-boss { display: flex; flex-direction: column; gap: 6px; align-items: center; }
.bs-icona { font-size: 3.4rem; filter: drop-shadow(0 0 18px rgba(255, 0, 85, 0.8)); }
.bs-nome { font-size: 1.3rem; letter-spacing: 3px; color: var(--testo); text-shadow: 0 0 12px var(--pericolo); }
.bs-bioma { font-size: 0.76rem; color: var(--info); }
.bs-desc { font-size: 0.76rem; color: rgba(224, 208, 255, 0.75); }
.bs-mitico {
    font-size: 0.8rem; letter-spacing: 1px; color: var(--mitico);
    text-shadow: 0 0 8px rgba(255, 210, 63, 0.7);
    border: 1px dashed rgba(255, 210, 63, 0.5); padding: 6px 10px; margin-top: 4px;
}

/* Barra pool */
.bs-bar {
    position: relative; height: 26px;
    background: rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.15);
    overflow: hidden;
}
.bs-bar-fill {
    position: absolute; inset: 0;
    background: linear-gradient(90deg, #ff0055, #ff5c3f);
    transition: width 0.4s ease;
}
.bs-bar-txt {
    position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
    font-size: 0.8rem; font-weight: bold; color: var(--testo);
    text-shadow: 0 0 4px #000, 0 0 4px #000; letter-spacing: 1px;
}

.bs-contributo { font-size: 0.82rem; color: var(--testo-tenue); }
.bs-log { font-size: 0.78rem; color: var(--oro); min-height: 1.2em; }

/* Badge modalità pool */
.bs-modo {
    font-size: 0.68rem; letter-spacing: 1.5px;
    color: rgba(224, 208, 255, 0.6);
    border: 1px dashed rgba(224, 208, 255, 0.3);
    padding: 4px 8px; align-self: center;
}
.bs-modo.condiviso { color: var(--successo); border-color: rgba(0, 255, 130, 0.5); text-shadow: 0 0 6px rgba(0, 255, 130, 0.6); }

/* Classifica contributi */
.bs-classifica {
    background: var(--surface-scura);
    border: 1px dashed rgba(112, 56, 248, 0.4);
    padding: 10px 12px; text-align: left;
    display: flex; flex-direction: column; gap: 5px;
}
.bs-classifica-titolo { font-size: 0.7rem; letter-spacing: 2px; color: var(--pericolo); text-align: center; margin-bottom: 3px; }
.bs-riga { display: flex; justify-content: space-between; font-size: 0.76rem; color: var(--testo-tenue); }
.bs-riga:first-of-type { color: var(--oro); text-shadow: 0 0 6px rgba(255, 210, 63, 0.6); }

.bs-assalta {
    font-family: inherit; font-size: 1rem; letter-spacing: 3px; font-weight: bold;
    color: var(--testo); cursor: pointer; padding: 14px;
    background: rgba(255, 0, 85, 0.18); border: 1px solid var(--pericolo);
    transition: background 0.15s ease, transform 0.15s ease;
}
.bs-assalta:hover { background: rgba(255, 0, 85, 0.38); transform: translateY(-1px); }

.bs-hint { font-size: 0.72rem; color: rgba(224, 208, 255, 0.65); }
.bs-attesa { font-size: 0.85rem; color: var(--testo-tenue); line-height: 1.6; padding: 8px; }
.bs-abbattuto {
    font-size: 1rem; letter-spacing: 2px; color: var(--successo);
    text-shadow: 0 0 12px rgba(0, 255, 130, 0.8);
    border: 1px solid var(--successo); padding: 12px;
}