:root{--colore-testo:#1a1a1a;--colore-sfondo:#f4f4f6;--colore-bordo:#ddd;--colore-accento:#4c3fd6;--colore-pericolo:#d63b3b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--colore-testo:#f0f0f0;--colore-sfondo:#17171c;--colore-bordo:#33333a}}*{box-sizing:border-box}body{color:var(--colore-testo);background:var(--colore-sfondo);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.schermata-login{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;padding:1rem;display:flex}.schermata-login form{gap:.5rem;display:flex}.schermata-login input{border:1px solid var(--colore-bordo);border-radius:8px;padding:.6rem .8rem;font-size:1rem}.intestazione{border-bottom:1px solid var(--colore-bordo);background:var(--colore-sfondo);z-index:10;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex;position:sticky;top:0}.intestazione h1{flex-shrink:0;margin:0;font-size:1.2rem}.intestazione nav{flex:1;gap:.5rem;display:flex}.intestazione nav button{border:1px solid var(--colore-bordo);background:0 0;border-radius:8px;padding:.4rem .8rem}.intestazione nav button.attivo{background:var(--colore-accento);color:#fff;border-color:var(--colore-accento)}.esci{border:1px solid var(--colore-bordo);background:0 0;border-radius:8px;padding:.4rem .8rem}main{padding:1rem}.pagina{max-width:900px;margin:0 auto}.barra-ricerca{gap:.5rem;margin-bottom:1rem;display:flex}.barra-ricerca input{border:1px solid var(--colore-bordo);border-radius:8px;flex:1;padding:.6rem .8rem;font-size:1rem}.pannello-filtri{background:#80808014;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin-bottom:.75rem;padding:.75rem 1rem;display:flex}.pannello-filtri label{align-items:center;gap:.4rem;font-size:.9rem;display:flex}.pannello-filtri input,.pannello-filtri select{padding:.3rem .4rem}.filtro-colori{align-items:center;gap:.4rem;font-size:.9rem;display:flex}.filtro-colore-checkbox{cursor:pointer;border-radius:6px;align-items:center;gap:.15rem;padding:.2rem;display:flex}.filtro-colore-checkbox:has(input:checked){background:#4c3fd640}button{cursor:pointer;font-size:.95rem}.messaggio-errore{color:var(--colore-pericolo)}.valore-totale{margin-bottom:1rem;font-weight:600}.griglia-carte{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;display:grid}.carta-card{text-align:center;background:#80808014;border-radius:10px;flex-direction:column;gap:.3rem;padding:.5rem;display:flex}.carta-card.selezionabile{cursor:pointer}.carta-card img{border-radius:6px;width:100%}.carta-placeholder{aspect-ratio:5/7;background:#80808026;border-radius:6px;justify-content:center;align-items:center;padding:.5rem;font-size:.8rem;display:flex}.carta-titolo{font-size:.85rem;font-weight:600}.carta-sottotitolo,.carta-extra{opacity:.8;font-size:.75rem}.sovrapposizione{z-index:100;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.pannello{background:var(--colore-sfondo);border-radius:12px;flex-direction:column;gap:.75rem;width:100%;max-width:320px;max-height:90vh;padding:1.5rem;display:flex;overflow-y:auto}.pannello-largo{max-width:700px}.pannello label{justify-content:space-between;align-items:center;display:flex}.pannello input,.pannello select{padding:.3rem .5rem}.pannello-azioni{gap:.5rem;margin-top:.5rem;display:flex}.pannello-azioni button{border:1px solid var(--colore-bordo);background:0 0;border-radius:8px;flex:1;padding:.5rem}.pannello-azioni button.pericolo{color:var(--colore-pericolo);border-color:var(--colore-pericolo)}.area-testo-import{border:1px solid var(--colore-bordo);resize:vertical;border-radius:8px;width:100%;padding:.5rem;font-family:ui-monospace,Courier New,monospace;font-size:.85rem}.messaggio-stato-import{white-space:pre-line;font-size:.85rem}.barra-gestione-collezioni{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.barra-gestione-collezioni select{border:1px solid var(--colore-bordo);border-radius:8px;padding:.4rem .5rem}.barra-import-export{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.input-nascosto{display:none}.mirino{background:#000;border-radius:12px;max-width:480px;margin:0 auto .75rem;position:relative;overflow:hidden}.mirino video{width:100%;display:block}.mirino-guida{aspect-ratio:63/88;pointer-events:none;border:2px dashed #ffffffd9;border-radius:8px;width:62%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}