/* Coppe e arene della classificata (js/arene.js) */
.barra-arena[hidden],
.barra-arena-premio[hidden],
.profilo-tabella[hidden],
.lista-arene[hidden],
.lista-classifica[hidden],
.scheda-stagione[hidden],
.storico-dettagli[hidden] {
    display: none !important;
}

/* ---------- Barra dell'arena: stesso aspetto in home e nel menu delle modalità ---------- */
.barra-arena {
    position: relative;
    width: 100%;
    height: 44px;
    margin: 0;
    padding: 4px 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 2px solid rgba(255, 200, 61, 0.85);
    border-radius: 12px;
    background: linear-gradient(90deg, rgba(120, 72, 18, 0.88), rgba(70, 36, 110, 0.9));
    box-shadow: 0 0 12px rgba(255, 200, 61, 0.35);
    color: #fff;
    cursor: pointer;
    text-align: left;
}

.barra-arena-icona {
    font-size: 1.5rem;
    line-height: 1;
}

.barra-arena-testi {
    min-width: 0;
    flex: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 8px;
    row-gap: 4px;
}

.barra-arena-testi strong {
    overflow: hidden;
    font-size: 0.72rem;
    letter-spacing: 0.04em;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.barra-arena-barra {
    grid-column: 1 / -1;
    grid-row: 2;
    height: 7px;
    overflow: hidden;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.45);
}

.barra-arena-riempimento {
    display: block;
    width: 0;
    height: 100%;
    border-radius: 4px;
    background: linear-gradient(90deg, #ffc83d, #ffe9a0);
    transition: width 0.6s ease;
}

.barra-arena-coppe {
    color: #ffe16e;
    font-size: 0.72rem;
    font-weight: 900;
}

/* Premio da riscattare: etichetta sul bordo della barra */
.barra-arena-premio {
    position: absolute;
    top: -11px;
    right: 10px;
    padding: 2px 8px;
    border: 1px solid #fff3c4;
    border-radius: 999px;
    background: linear-gradient(90deg, #ff9f1c, #ffc83d);
    box-shadow: 0 0 10px rgba(255, 200, 61, 0.8);
    color: #3a1d00;
    font-size: 0.66rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    animation: pulsazione-premio-arena 1.2s ease-in-out infinite;
}

@keyframes pulsazione-premio-arena {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

.btn-riscatta-arena {
    margin: 0;
    padding: 6px 10px;
    border: 1px solid #fff3c4;
    border-radius: 9px;
    background: linear-gradient(90deg, #ff9f1c, #ffc83d);
    box-shadow: 0 0 10px rgba(255, 200, 61, 0.6);
    color: #3a1d00;
    font-size: 0.72rem;
    font-weight: 900;
    white-space: nowrap;
    cursor: pointer;
    animation: pulsazione-premio-arena 1.2s ease-in-out infinite;
}

.btn-riscatta-arena:disabled {
    opacity: 0.6;
    animation: none;
}

.arena-riga.riscattabile {
    border: 2px solid #ffc83d;
    opacity: 1;
}

/* In home: tra i pulsanti e i posti dei pacchetti; con la barra visibile i pulsanti salgono per farle posto. */
#pannello-home.con-arena .home-bottoni-verticali {
    bottom: 134px;
}

.home-arena {
    position: absolute;
    z-index: 1;
    left: 50%;
    bottom: 82px;
    width: min(340px, calc(100% - 24px));
    transform: translateX(-50%);
}

/* Nel menu delle modalità: prima riga della colonna dei pulsanti. */
#selettore-modalita .barra-arena-modalita {
    margin-bottom: 4px;
}
/* ---------- Ambientazione del campo secondo l'arena della classificata (js/arene.js, classeArenaCampo) ----------
   Lo sport del campo e le regole non cambiano: cambia solo quello che c'è intorno.
   --ambientazione-arena è il primo livello dello sfondo dei campi (stile.css); l'arena 1 resta com'è. */
#schermata-gioco[class*="campo-"].arena-2 {
    --ambientazione-arena: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 90' preserveAspectRatio='none'><defs><radialGradient id='l'><stop offset='0' stop-color='%23fff3c4' stop-opacity='.45'/><stop offset='1' stop-color='%23fff3c4' stop-opacity='0'/></radialGradient></defs><rect width='160' height='4' fill='%237a4a22' opacity='.7'/><rect y='86' width='160' height='4' fill='%237a4a22' opacity='.7'/><ellipse cx='30' cy='2' rx='30' ry='18' fill='url(%23l)'/><ellipse cx='80' cy='2' rx='30' ry='18' fill='url(%23l)'/><ellipse cx='130' cy='2' rx='30' ry='18' fill='url(%23l)'/></svg>");
    border-color: #d79a55;
    box-shadow: inset 0 0 50px rgba(90, 50, 15, 0.45), 0 0 18px rgba(215, 154, 85, 0.5);
}

#schermata-gioco[class*="campo-"].arena-3 {
    --ambientazione-arena: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 90' preserveAspectRatio='none'><defs><radialGradient id='f'><stop offset='0' stop-color='%23ffffff' stop-opacity='.55'/><stop offset='1' stop-color='%23fffbe0' stop-opacity='0'/></radialGradient></defs><circle cx='0' cy='0' r='34' fill='url(%23f)'/><circle cx='160' cy='0' r='34' fill='url(%23f)'/><circle cx='0' cy='90' r='34' fill='url(%23f)'/><circle cx='160' cy='90' r='34' fill='url(%23f)'/><g fill='%23ffffff'><circle cx='4' cy='4' r='2'/><circle cx='156' cy='4' r='2'/><circle cx='4' cy='86' r='2'/><circle cx='156' cy='86' r='2'/></g></svg>");
    border-color: #f4f6f7;
    box-shadow: inset 0 0 45px rgba(0, 0, 0, 0.35), 0 0 20px rgba(255, 255, 255, 0.45);
}

#schermata-gioco[class*="campo-"].arena-4 {
    --ambientazione-arena: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 90' preserveAspectRatio='none'><defs><pattern id='b' width='16' height='7' patternUnits='userSpaceOnUse'><path d='M0 0h8l-4 7z' fill='%233d8bff'/><path d='M8 0h8l-4 7z' fill='%23ffffff'/></pattern><radialGradient id='g'><stop offset='0' stop-color='%233d8bff' stop-opacity='.35'/><stop offset='1' stop-color='%233d8bff' stop-opacity='0'/></radialGradient></defs><ellipse cx='80' cy='0' rx='90' ry='20' fill='url(%23g)'/><ellipse cx='80' cy='90' rx='90' ry='20' fill='url(%23g)'/><rect width='160' height='7' fill='url(%23b)' opacity='.85'/><rect y='83' width='160' height='7' fill='url(%23b)' opacity='.85' transform='rotate(180 80 86.5)'/></svg>");
    border-color: #3d8bff;
    box-shadow: inset 0 0 50px rgba(20, 60, 140, 0.4), 0 0 20px rgba(61, 139, 255, 0.55);
}

#schermata-gioco[class*="campo-"].arena-5 {
    --ambientazione-arena: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 90' preserveAspectRatio='none'><defs><radialGradient id='f'><stop offset='0' stop-color='%23ffe9a0' stop-opacity='.55'/><stop offset='1' stop-color='%23ffc83d' stop-opacity='0'/></radialGradient></defs><circle cx='0' cy='0' r='36' fill='url(%23f)'/><circle cx='160' cy='0' r='36' fill='url(%23f)'/><circle cx='0' cy='90' r='36' fill='url(%23f)'/><circle cx='160' cy='90' r='36' fill='url(%23f)'/><g opacity='.85'><rect x='22' y='5' width='2' height='1' fill='%23ffc83d' transform='rotate(30 23 5)'/><rect x='48' y='9' width='2' height='1' fill='%23ff4d4d' transform='rotate(-20 49 9)'/><rect x='70' y='4' width='2' height='1' fill='%23ffffff' transform='rotate(50 71 4)'/><rect x='96' y='8' width='2' height='1' fill='%23ffc83d' transform='rotate(-40 97 8)'/><rect x='118' y='5' width='2' height='1' fill='%232ecc71' transform='rotate(15 119 5)'/><rect x='140' y='10' width='2' height='1' fill='%23ffffff' transform='rotate(-60 141 10)'/><rect x='30' y='84' width='2' height='1' fill='%232ecc71' transform='rotate(40 31 84)'/><rect x='58' y='80' width='2' height='1' fill='%23ffc83d' transform='rotate(-30 59 80)'/><rect x='84' y='85' width='2' height='1' fill='%23ff4d4d' transform='rotate(20 85 85)'/><rect x='108' y='81' width='2' height='1' fill='%23ffffff' transform='rotate(-50 109 81)'/><rect x='132' y='85' width='2' height='1' fill='%23ffc83d' transform='rotate(60 133 85)'/></g></svg>");
    border-color: #ffc83d;
    box-shadow: inset 0 0 50px rgba(120, 72, 18, 0.45), 0 0 24px rgba(255, 200, 61, 0.7);
}

#schermata-gioco[class*="campo-"].arena-6 {
    --ambientazione-arena: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 90' preserveAspectRatio='none'><defs><linearGradient id='n' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%23050a1e' stop-opacity='.75'/><stop offset='.18' stop-color='%23050a1e' stop-opacity='0'/><stop offset='.82' stop-color='%23050a1e' stop-opacity='0'/><stop offset='1' stop-color='%23050a1e' stop-opacity='.75'/></linearGradient></defs><rect width='160' height='90' fill='url(%23n)'/><g fill='%23ffffff'><circle cx='12' cy='4' r='.8'/><circle cx='31' cy='7' r='.6'/><circle cx='47' cy='3' r='.9'/><circle cx='66' cy='6' r='.5'/><circle cx='88' cy='4' r='.8'/><circle cx='104' cy='8' r='.6'/><circle cx='123' cy='3' r='.9'/><circle cx='146' cy='6' r='.6'/><circle cx='18' cy='85' r='.7'/><circle cx='39' cy='88' r='.9'/><circle cx='58' cy='84' r='.6'/><circle cx='79' cy='87' r='.8'/><circle cx='97' cy='83' r='.5'/><circle cx='117' cy='87' r='.9'/><circle cx='138' cy='84' r='.6'/><circle cx='154' cy='88' r='.8'/></g></svg>");
    border-color: #1abc9c;
    box-shadow: inset 0 0 55px rgba(5, 10, 30, 0.55), 0 0 22px rgba(26, 188, 156, 0.55);
}

#schermata-gioco[class*="campo-"].arena-7 {
    --ambientazione-arena: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 90' preserveAspectRatio='none'><defs><pattern id='g' width='10' height='10' patternUnits='userSpaceOnUse'><path d='M10 0H0V10' fill='none' stroke='%2300e5ff' stroke-width='.25' opacity='.35'/></pattern></defs><rect width='160' height='90' fill='%23001428' opacity='.25'/><rect width='160' height='90' fill='url(%23g)'/><g fill='none' stroke='%2300e5ff' stroke-width='1.2'><path d='M3 14V3h14'/><path d='M157 14V3h-14'/><path d='M3 76v11h14'/><path d='M157 76v11h-14'/></g></svg>");
    border-color: #00e5ff;
    box-shadow: inset 0 0 50px rgba(0, 229, 255, 0.25), 0 0 26px rgba(0, 229, 255, 0.7);
}

#schermata-gioco[class*="campo-"].arena-8 {
    --ambientazione-arena: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 90' preserveAspectRatio='none'><rect width='160' height='90' fill='%23aab4c0' opacity='.22'/><g fill='%23c8d0da' stroke='%23656f7c' stroke-width='.8' opacity='.8'><circle cx='9' cy='12' r='7'/><circle cx='150' cy='20' r='5'/><circle cx='14' cy='76' r='5'/><circle cx='146' cy='80' r='8'/><circle cx='40' cy='86' r='3'/><circle cx='118' cy='5' r='3'/><circle cx='75' cy='3' r='2'/></g><g fill='%23656f7c' opacity='.35'><circle cx='10' cy='13' r='4'/><circle cx='151' cy='21' r='3'/><circle cx='15' cy='77' r='3'/><circle cx='147' cy='81' r='5'/></g></svg>");
    border-color: #c8d0da;
    box-shadow: inset 0 0 55px rgba(20, 24, 34, 0.55), 0 0 22px rgba(200, 208, 218, 0.5);
}

#schermata-gioco[class*="campo-"].arena-9 {
    --ambientazione-arena: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 90' preserveAspectRatio='none'><defs><pattern id='a' width='16' height='8' patternUnits='userSpaceOnUse'><path d='M0 8V0h16v8h-3a5 5 0 0 0-10 0z' fill='%234a1f6e'/></pattern><radialGradient id='v'><stop offset='.55' stop-color='%237dff4d' stop-opacity='0'/><stop offset='1' stop-color='%237dff4d' stop-opacity='.35'/></radialGradient></defs><rect width='160' height='90' fill='url(%23v)'/><rect width='160' height='8' fill='url(%23a)' opacity='.85'/><rect y='82' width='160' height='8' fill='url(%23a)' opacity='.85' transform='rotate(180 80 86)'/></svg>");
    border-color: #7dff4d;
    box-shadow: inset 0 0 55px rgba(74, 31, 110, 0.5), 0 0 26px rgba(125, 255, 77, 0.6);
}

#schermata-gioco[class*="campo-"].arena-10 {
    --ambientazione-arena: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 90' preserveAspectRatio='none'><defs><radialGradient id='n1'><stop offset='0' stop-color='%23ff5ad1' stop-opacity='.45'/><stop offset='1' stop-color='%23ff5ad1' stop-opacity='0'/></radialGradient><radialGradient id='n2'><stop offset='0' stop-color='%236a5cff' stop-opacity='.5'/><stop offset='1' stop-color='%236a5cff' stop-opacity='0'/></radialGradient></defs><rect width='160' height='90' fill='%230a0420' opacity='.3'/><ellipse cx='8' cy='10' rx='38' ry='22' fill='url(%23n1)'/><ellipse cx='152' cy='80' rx='40' ry='24' fill='url(%23n2)'/><ellipse cx='150' cy='6' rx='26' ry='14' fill='url(%23n2)'/><ellipse cx='12' cy='84' rx='26' ry='14' fill='url(%23n1)'/><g fill='%23ffffff'><circle cx='6' cy='30' r='.5'/><circle cx='20' cy='5' r='.7'/><circle cx='36' cy='12' r='.4'/><circle cx='52' cy='4' r='.6'/><circle cx='68' cy='9' r='.4'/><circle cx='86' cy='3' r='.7'/><circle cx='101' cy='11' r='.5'/><circle cx='116' cy='5' r='.4'/><circle cx='133' cy='14' r='.6'/><circle cx='154' cy='38' r='.5'/><circle cx='4' cy='58' r='.6'/><circle cx='157' cy='60' r='.4'/><circle cx='24' cy='86' r='.6'/><circle cx='44' cy='79' r='.4'/><circle cx='62' cy='87' r='.7'/><circle cx='80' cy='81' r='.4'/><circle cx='98' cy='88' r='.6'/><circle cx='114' cy='80' r='.5'/><circle cx='130' cy='86' r='.7'/><circle cx='26' cy='44' r='.3'/><circle cx='136' cy='48' r='.3'/><circle cx='70' cy='24' r='.3'/><circle cx='92' cy='68' r='.3'/></g></svg>");
    border-color: #c56bff;
    box-shadow: inset 0 0 60px rgba(106, 92, 255, 0.4), 0 0 30px rgba(255, 90, 209, 0.65);
}

/* ---------- Fine partita ---------- */
.coppe-fine-partita {
    margin: -8px 0 16px;
    color: #ffc83d;
    font-weight: 900;
}

.coppe-fine-partita:empty {
    display: none;
}

/* ---------- Popup arene e classifica ---------- */
.pannello-arene {
    max-height: min(86vh, 640px);
    display: flex;
    flex-direction: column;
}

.schede-arene {
    margin: 4px 0 10px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
}

.scheda-arene {
    margin: 0;
    padding: 8px 0;
    font-size: 0.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid rgba(156, 241, 255, 0.55);
    border-radius: 9px;
    background: rgba(4, 18, 45, 0.7);
    color: #bfe9ff;
    font-weight: 900;
    cursor: pointer;
}

.scheda-arene.attiva {
    border-color: #ffc83d;
    background: rgba(120, 72, 18, 0.75);
    color: #ffe16e;
}

.lista-arene,
.lista-classifica {
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    list-style: none;
}

.arena-riga {
    margin-bottom: 6px;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid rgba(156, 241, 255, 0.35);
    border-radius: 10px;
    background: rgba(4, 18, 45, 0.7);
}

.arena-riga.attuale {
    border: 2px solid #ffc83d;
    background: rgba(120, 72, 18, 0.6);
    box-shadow: 0 0 10px rgba(255, 200, 61, 0.35);
}

.arena-riga.bloccata {
    opacity: 0.6;
}

.arena-icona {
    font-size: 1.6rem;
}

.arena-testi {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    text-align: left;
}

.arena-testi strong {
    font-size: 0.85rem;
}

.arena-testi span {
    color: #bfe9ff;
    font-size: 0.72rem;
}

.arena-stato {
    color: #ffe16e;
    font-size: 0.72rem;
    font-weight: 900;
    white-space: nowrap;
}

.classifica-riga {
    margin-bottom: 4px;
    padding: 7px 10px;
    display: grid;
    grid-template-columns: 2.2em 1fr auto;
    align-items: center;
    gap: 6px;
    border-radius: 8px;
    background: rgba(4, 18, 45, 0.7);
    text-align: left;
}

.classifica-riga.io {
    border: 1px solid #ffc83d;
    background: rgba(120, 72, 18, 0.6);
}

.classifica-posizione {
    color: #ffe16e;
    font-weight: 900;
    text-align: center;
}

.classifica-nome {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.classifica-coppe {
    color: #ffe16e;
    font-weight: 900;
}

.classifica-vuota {
    padding: 14px;
    color: #bfe9ff;
    text-align: center;
}

/* ---------- Storico partite (js/storico.js): scheda STORICO e popup dal profilo ---------- */
.storico-riga {
    margin-bottom: 5px;
    border: 1px solid rgba(156, 241, 255, 0.35);
    border-radius: 10px;
    background: rgba(4, 18, 45, 0.7);
    text-align: left;
}

.storico-riga.vittoria { border-left: 4px solid #4fe07a; }
.storico-riga.sconfitta { border-left: 4px solid #ff6b6b; }
.storico-riga.pareggio { border-left: 4px solid #ffc83d; }

.storico-riga.aperta {
    border-color: #ffc83d;
    background: rgba(120, 72, 18, 0.6);
}

.storico-intestazione {
    width: 100%;
    margin: 0;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 0;
    background: none;
    color: #fff;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.storico-intestazione .arena-icona {
    font-size: 1.35rem;
}

.storico-coppe {
    color: #ffe16e;
    font-size: 0.78rem;
    font-weight: 900;
    white-space: nowrap;
}

.storico-coppe.negative {
    color: #ff9b9b;
}

.storico-freccia {
    color: #bfe9ff;
    font-size: 0.7rem;
    transition: transform 0.15s;
}

.storico-riga.aperta .storico-freccia {
    transform: rotate(90deg);
}

.storico-dettagli {
    margin: 0;
    padding: 0 12px 10px 44px;
    list-style: none;
    color: #e6f7ff;
    font-size: 0.75rem;
    line-height: 1.5;
}

.storico-dettagli .nessun-premio {
    color: #bfe9ff;
    font-style: italic;
}

/* PARTITE nel profilo: si clicca per lo storico */
.profilo-statistiche .statistica-cliccabile {
    margin: 0;
    padding: 6px 3px;
    border: 1px solid rgba(255, 200, 61, 0.75);
    border-radius: 8px;
    background: rgba(8, 28, 65, 0.72);
    font: inherit;
    cursor: pointer;
}

.profilo-statistiche .statistica-cliccabile:hover,
.profilo-statistiche .statistica-cliccabile:focus-visible {
    background: rgba(120, 72, 18, 0.75);
}

.profilo-statistiche .statistica-cliccabile span {
    color: #ffe16e;
}

/* ---------- Scheda STAGIONE (js/stagioni.js) ---------- */
.scheda-stagione {
    min-height: 0;
    overflow-y: auto;
    text-align: left;
}

.stagione-testata {
    margin-bottom: 8px;
    padding: 8px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(255, 200, 61, 0.7);
    border-radius: 10px;
    background: rgba(120, 72, 18, 0.55);
}

.stagione-testata strong {
    color: #ffe16e;
    letter-spacing: 0.06em;
}

.stagione-testata span {
    color: #fff3c4;
    font-size: 0.78rem;
    font-weight: 700;
}

.premio-fine-stagione {
    margin-bottom: 10px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    border: 2px solid #ffc83d;
    border-radius: 10px;
    background: rgba(120, 72, 18, 0.6);
    box-shadow: 0 0 10px rgba(255, 200, 61, 0.35);
}

.premio-fine-stagione span {
    color: #bfe9ff;
    font-size: 0.78rem;
}

.premio-fine-stagione .btn-riscatta-arena {
    align-self: flex-start;
    margin-top: 4px;
}

.titolo-sezione-stagione {
    margin: 12px 0 6px;
    color: #ffe16e;
    font-size: 0.8rem;
    letter-spacing: 0.08em;
}

.percorso-progresso {
    margin-bottom: 8px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: 0.78rem;
}

.percorso-progresso .barra-arena-barra {
    height: 9px;
}

.percorso-nota {
    color: #bfe9ff;
    font-size: 0.7rem;
}

.lista-percorso {
    overflow: visible;
}

.albo-stagione {
    margin-bottom: 6px;
    padding: 8px 10px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    border-radius: 8px;
    background: rgba(4, 18, 45, 0.7);
    font-size: 0.78rem;
}

.albo-stagione strong {
    color: #ffe16e;
}

/* ---------- Core e negozio (js/negozio.js) ---------- */
.home-core[hidden],
.negozio-offerte[hidden] {
    display: none !important;
}

.home-core {
    position: absolute;
    top: 52px;
    right: 12px;
    z-index: 2;
    padding: 5px 10px;
    border: 1px solid rgba(120, 200, 255, 0.85);
    border-radius: 9px;
    background: rgba(11, 29, 58, 0.78);
    box-shadow: 0 0 10px rgba(80, 170, 255, 0.45);
    color: #d6f0ff;
    font-weight: 900;
    cursor: pointer;
}

/* Schermata a tutto schermo, con la cornice e lo sfondo del deck; il contenuto scorre. */
.schermata-negozio .negozio-contenuto {
    position: relative;
    z-index: 1;
    height: 100%;
    padding-bottom: 70px;
    overflow-y: auto;
    color: #fff;
}

.negozio-testata {
    position: sticky;
    top: 0;
    z-index: 2;
    margin-bottom: 8px;
    padding: 8px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 2px solid rgba(120, 200, 255, 0.8);
    border-radius: 14px;
    background: linear-gradient(90deg, rgba(10, 40, 90, 0.95), rgba(60, 30, 110, 0.95));
    box-shadow: 0 0 14px rgba(80, 170, 255, 0.45);
}

.negozio-testata h2 {
    margin: 0;
    color: #ffe16e;
    font-size: 1.2rem;
    letter-spacing: 0.06em;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.8);
}

.negozio-saldo {
    padding: 4px 10px;
    border: 1px solid rgba(120, 200, 255, 0.85);
    border-radius: 999px;
    background: rgba(4, 18, 45, 0.85);
    font-weight: 900;
}

.negozio-saldo strong {
    color: #9fd8ff;
    font-size: 1.05rem;
}

.messaggio-negozio {
    margin: 0 0 8px;
    padding: 8px 10px;
    border-radius: 10px;
    background: rgba(10, 60, 40, 0.85);
    color: #d6ffe8;
    font-size: 0.8rem;
    font-weight: 700;
    text-align: center;
}

.messaggio-negozio:empty {
    display: none;
}

.negozio-sezione {
    margin-bottom: 14px;
    padding: 10px;
    border: 1px solid rgba(156, 241, 255, 0.45);
    border-radius: 14px;
    background: rgba(4, 12, 35, 0.72);
}

.negozio-sezione-titolo {
    margin-bottom: 8px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 8px;
}

.negozio-sezione-titolo h3 {
    margin: 0;
    color: #ffe16e;
    font-size: 0.85rem;
    letter-spacing: 0.08em;
}

#negozio-rinnovo {
    color: #bfe9ff;
    font-size: 0.72rem;
    font-weight: 700;
}

.negozio-offerte,
.negozio-vendita {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

/* Doppioni da vendere: carte con immagine, quanti sono e quanto valgono. */
.doppione-negozio {
    position: relative;
    padding: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    border: 2px solid var(--colore-rarita, rgba(156, 241, 255, 0.5));
    border-radius: 10px;
    background: rgba(4, 18, 45, 0.8);
    font-size: 0.62rem;
    text-align: center;
}

.doppione-negozio.rarita-comune { --colore-rarita: #c9d6e3; }
.doppione-negozio.rarita-rara { --colore-rarita: #4aa3ff; }
.doppione-negozio.rarita-epica { --colore-rarita: #b760ff; }
.doppione-negozio.rarita-leggendaria { --colore-rarita: #ffc83d; }

.doppione-negozio img {
    width: 100%;
    aspect-ratio: 17 / 27;
    object-fit: cover;
    border-radius: 7px;
    cursor: pointer;
}

.doppione-negozio strong {
    font-size: 0.7rem;
    line-height: 1.1;
}

.doppione-quanti {
    position: absolute;
    top: -7px;
    right: -5px;
    z-index: 1;
    padding: 2px 7px;
    border: 1px solid #fff3c4;
    border-radius: 999px;
    background: #ff9f1c;
    color: #3a1d00;
    font-size: 0.75rem;
    font-weight: 900;
}

.doppione-negozio .btn-vendi-doppioni {
    width: 100%;
}

.offerta-negozio {
    position: relative;
    padding: 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    border: 2px solid var(--colore-rarita, rgba(156, 241, 255, 0.5));
    border-radius: 10px;
    background: rgba(4, 18, 45, 0.75);
    font-size: 0.68rem;
    text-align: center;
}

.offerta-negozio.rarita-comune { --colore-rarita: #c9d6e3; }
.offerta-negozio.rarita-rara { --colore-rarita: #4aa3ff; }
.offerta-negozio.rarita-epica { --colore-rarita: #b760ff; }
.offerta-negozio.rarita-leggendaria { --colore-rarita: #ffc83d; }

.offerta-negozio.comprata {
    opacity: 0.6;
}

.offerta-negozio img {
    width: 100%;
    aspect-ratio: 17 / 27;
    object-fit: cover;
    border-radius: 7px;
    cursor: pointer;
}

.offerta-negozio strong {
    font-size: 0.74rem;
    line-height: 1.1;
}

.offerta-negozio .etichetta-nuova {
    position: static;
    transform: rotate(-4deg);
}

.btn-compra-negozio {
    width: 100%;
    margin: 3px 0 0;
    padding: 6px 2px;
    border: 1px solid #fff3c4;
    border-radius: 8px;
    background: linear-gradient(90deg, #2f8cff, #8a5cff);
    color: #fff;
    font-size: 0.74rem;
    font-weight: 900;
    cursor: pointer;
}

.btn-compra-negozio:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

.nota-vendita {
    margin-bottom: 6px;
    color: #bfe9ff;
    font-size: 0.72rem;
}

.btn-vendi-doppioni {
    margin: 0;
    padding: 5px 8px;
    border: 1px solid rgba(120, 200, 255, 0.8);
    border-radius: 8px;
    background: rgba(10, 40, 80, 0.8);
    color: #d6f0ff;
    font-size: 0.68rem;
    font-weight: 900;
    white-space: nowrap;
    cursor: pointer;
}

/* ---------- Rarità stagionale (sql/temi.sql) ---------- */
:root {
    --rarita-stagionale: #3ff0d8;
}

.carta-ricevuta.rarita-stagionale { --colore-rarita: var(--rarita-stagionale); }

.carta-ricevuta.grande.rarita-stagionale {
    animation: gira-carta 0.5s ease-out, brilla-carta 1.4s ease-in-out 0.5s infinite;
}

.schermata-deck-artistica .lista-carte-deck .carta.rarita-stagionale {
    border-color: var(--rarita-stagionale);
    box-shadow: 0 0 10px rgba(63, 240, 216, 0.6);
}

/* Righe a capo nei messaggi di fine partita (pacchetto + sfida del mese). */
#pacchetto-fine-partita {
    white-space: pre-line;
}

/* ---------- Tema del mese nella scheda STAGIONE ---------- */
.tema-mese {
    margin-bottom: 8px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    border: 1px solid rgba(63, 240, 216, 0.7);
    border-radius: 10px;
    background: rgba(8, 60, 70, 0.55);
}

.tema-mese > strong {
    color: var(--rarita-stagionale);
    font-size: 0.95rem;
}

.tema-mese > span {
    color: #d8fffa;
    font-size: 0.76rem;
}

.tema-carta {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.tema-carta img {
    width: 64px;
    aspect-ratio: 17 / 27;
    object-fit: cover;
    border: 2px solid var(--rarita-stagionale);
    border-radius: 8px;
    box-shadow: 0 0 12px rgba(63, 240, 216, 0.6);
}

.tema-carta span {
    display: flex;
    flex-direction: column;
    gap: 2px;
    color: #d8fffa;
    font-size: 0.74rem;
}

.tema-carta strong {
    color: var(--rarita-stagionale);
    font-size: 0.85rem;
}