:root{--panno: #1d6b4a;--panno-scuro: #145037;--fondo: #f4f1ea;--testo: #1b1b1b;--testo-tenue: #5c5c5c;--riquadro: #ffffff;--bordo: #d9d4c7;--oro: #c9a227;--vinta: #1a7f37;--persa: #b3261e;--ombra: 0 2px 10px rgba(0, 0, 0, .18);--raggio: 10px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root:not([data-tema=chiaro]){--panno: #15543a;--panno-scuro: #0d3927;--fondo: #14161a;--testo: #ececec;--testo-tenue: #a0a0a0;--riquadro: #1d2026;--bordo: #2e333c;--ombra: 0 2px 12px rgba(0, 0, 0, .5)}}:root[data-tema=scuro]{--panno: #15543a;--panno-scuro: #0d3927;--fondo: #14161a;--testo: #ececec;--testo-tenue: #a0a0a0;--riquadro: #1d2026;--bordo: #2e333c}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--testo);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{max-width:1180px;margin:0 auto;padding:16px;display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"barra barra" "nota nota" "tavolo pannelli" "fine pannelli";gap:16px;align-items:start}.barra{grid-area:barra;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.barra h1{margin:0;font-size:24px;letter-spacing:.5px}.controlli{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.controlli label{display:flex;flex-direction:column;font-size:11px;color:var(--testo-tenue);text-transform:uppercase;letter-spacing:.4px}.controlli select{margin-top:2px;padding:5px 8px;border-radius:7px;border:1px solid var(--bordo);background:var(--riquadro);color:var(--testo);font-size:14px}.controlli .interruttore{flex-direction:row;align-items:center;gap:6px;text-transform:none;font-size:13px}button{padding:8px 14px;border-radius:8px;border:1px solid var(--bordo);background:var(--riquadro);color:var(--testo);font-size:14px;cursor:pointer}button:hover{border-color:var(--oro)}button.primario{background:var(--panno);border-color:var(--panno-scuro);color:#fff}.nota-livello{grid-area:nota;margin:-6px 0 0;color:var(--testo-tenue);font-size:13px}.tavolo{grid-area:tavolo;background:radial-gradient(circle at 50% 35%,var(--panno),var(--panno-scuro));border-radius:16px;padding:18px;box-shadow:var(--ombra);display:grid;gap:14px;min-height:560px;align-content:space-between}.lato{display:flex;flex-direction:column;align-items:center;gap:8px}.etichetta{color:#e8f3ec;font-size:13px;letter-spacing:.4px}.etichetta strong{display:inline-block;min-width:34px;margin-left:6px;padding:2px 8px;border-radius:20px;background:#00000047;font-size:15px;text-align:center}.mano{display:flex;gap:8px}.centro{display:grid;grid-template-columns:172px minmax(0,1fr);align-items:center;gap:18px}.tallone{display:grid;place-items:center;width:172px}.briscola-scoperta{position:relative}.briscola-scoperta .conteggio{position:absolute;right:-8px;top:-8px;background:#0000008c;color:#fff;border-radius:20px;padding:2px 8px;font-size:12px}.tallone-vuoto{display:flex;flex-direction:column;color:#dceae1;font-size:13px;text-align:center}.tallone-vuoto span{color:#a9c8b8;font-size:11px}.piatto{display:flex;gap:16px;justify-content:center}:root{--proporzione-carta: 51 / 90;--carta-piena: 89px;--larghezza-carta: var(--carta-piena)}@keyframes calata{0%{opacity:0;transform:translateY(-18px) scale(1.06)}to{opacity:1;transform:none}}.slot>.carta{animation:calata .22s ease-out}.slot{width:var(--larghezza-carta);aspect-ratio:var(--proporzione-carta);border-radius:var(--raggio);border:1px dashed rgba(255,255,255,.18)}.messaggio{grid-column:1 / -1;margin:0;text-align:center;color:#eaf5ee;font-size:15px;min-height:22px}.messaggio.attesa-ai{color:var(--oro)}.errore{grid-column:1 / -1;margin:0;text-align:center;color:#ffb4ab}.carta{width:var(--larghezza-carta);aspect-ratio:var(--proporzione-carta);padding:0;border:none;border-radius:var(--raggio);background:transparent;position:relative;display:block;box-shadow:0 2px 6px #00000059;transition:transform .14s ease,box-shadow .14s ease}.carta img{width:100%;height:100%;object-fit:cover;border-radius:var(--raggio);display:block}.carta.giocabile{cursor:pointer}.carta.giocabile:hover,.carta.giocabile:focus-visible{transform:translateY(-14px);box-shadow:0 10px 18px #00000073;outline:none}.carta.evidenziata{box-shadow:0 0 0 3px var(--oro),0 4px 14px #00000080}.punti-carta{position:absolute;bottom:4px;right:4px;background:#0009;color:#fff;border-radius:10px;padding:0 6px;font-size:11px}.carta-mancante{display:grid;place-items:center;width:100%;height:100%;background:#fff;color:#333;border-radius:var(--raggio);font-size:11px;text-align:center;padding:4px}.fine{grid-area:fine;background:var(--riquadro);border:1px solid var(--bordo);border-radius:var(--raggio);padding:14px 16px;box-shadow:var(--ombra)}.fine h2{margin:0 0 10px;font-size:19px}.azioni{display:flex;flex-wrap:wrap;gap:8px}.seed code,.impegno code{font-size:12px;word-break:break-all;color:var(--testo-tenue)}.esito-verifica{margin:8px 0 0;color:var(--vinta);font-weight:600}.pannelli{grid-area:pannelli;display:grid;gap:12px}.riquadro,.memoria{background:var(--riquadro);border:1px solid var(--bordo);border-radius:var(--raggio);padding:12px 14px;box-shadow:var(--ombra)}.riquadro h3,.memoria h3{margin:0 0 8px;font-size:14px;text-transform:uppercase;letter-spacing:.6px;color:var(--testo-tenue)}.riquadro p{margin:0 0 8px}.nota{color:var(--testo-tenue);font-size:12.5px}.memoria table{width:100%;border-collapse:collapse;font-size:11px}.memoria th{font-weight:600;color:var(--testo-tenue);text-align:left;padding:2px 3px;white-space:nowrap}.memoria tr.seme-briscola th{color:var(--oro)}.tag-briscola{display:block;font-size:9px;text-transform:uppercase}.cella{display:inline-block;min-width:17px;text-align:center;padding:2px 0;border-radius:4px;border:1px solid var(--bordo);color:var(--testo-tenue)}.cella.giocata{background:var(--bordo);color:var(--testo-tenue);text-decoration:line-through;opacity:.65}.cella.mia{background:var(--panno);border-color:var(--panno-scuro);color:#fff}.cella.scoperta{background:var(--oro);border-color:var(--oro);color:#1b1b1b}.cella.ignota{background:transparent;color:var(--testo);font-weight:600}.legenda{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:4px;font-size:11px;color:var(--testo-tenue)}.legenda li{display:flex;align-items:center;gap:6px}.legenda .cella{width:17px;height:15px}@media(max-width:900px){.app{grid-template-columns:minmax(0,1fr);grid-template-areas:"barra" "nota" "tavolo" "fine" "pannelli"}.centro{grid-template-columns:136px minmax(0,1fr);gap:10px}.tallone{width:136px}:root{--carta-piena: 69px}.tavolo{min-height:0;padding:12px}}@media(max-width:420px){:root{--carta-piena: 58px}.mano{gap:5px}}@media(prefers-reduced-motion:reduce){.carta{transition:none}.slot>.carta{animation:none}}.etichetta strong.coperto{color:#9db9ab;letter-spacing:1px}button.pericolo{background:var(--persa);border-color:var(--persa);color:#fff}button.pericolo:hover{border-color:var(--testo)}.scelta-gioco{display:flex;gap:8px;justify-content:center;padding:12px 16px 0}.centro-spazzino{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:start;gap:16px}.tallone-spazzino{display:grid;place-items:center}.piatto-spazzino{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;min-height:calc(var(--larghezza-carta) / (51 / 90))}.azioni-presa,.azioni-scambio{align-items:center;justify-content:center;color:#eaf5ee}.azioni-presa .nota,.azioni-scambio .nota{color:#cfe3d7}.nota-prese{color:#cfe3d7;font-size:12px}.spazzino .tavolo{align-content:start;gap:16px}.tabellone{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.tabellone ul{list-style:none;margin:0 0 6px;padding:0;font-size:13px}.tabellone h3{margin:0 0 6px;font-size:14px;text-transform:uppercase;letter-spacing:.6px;color:var(--testo-tenue)}.lato-riga{display:flex;align-items:flex-start;gap:22px;flex-wrap:wrap;justify-content:center}.spazzino .tavolo{position:relative}.spazzino .mucchio{position:absolute;right:12px;display:grid;justify-items:center;gap:4px;--larghezza-carta: calc(var(--carta-piena) * .5)}.spazzino .mucchio.alto{top:12px}.spazzino .mucchio.basso{bottom:12px}.mucchio-girato{width:calc(var(--larghezza-carta) * 90 / 51);height:var(--larghezza-carta);display:grid;place-items:center}.mucchio-girato .carta{transform:rotate(90deg)}.segni-carte{display:flex;flex-wrap:wrap;justify-content:center;padding-left:14px;max-width:calc(var(--carta-piena) * 1.9);row-gap:3px}.gruppo-segno{display:flex;margin-left:6px}.gruppo-segno:first-child{margin-left:0}.segno{position:relative;display:block;width:calc(var(--carta-piena) * .46);aspect-ratio:var(--proporzione-carta);margin-left:-14px;border-radius:4px;overflow:hidden;background:#fff;box-shadow:0 1px 5px #00000080;border:1px solid rgba(255,255,255,.5)}.segno img{width:100%;height:100%;object-fit:cover;display:block}.segno-sigla-grande{display:grid;place-items:center;width:100%;height:100%;font-size:11px;color:#1b1b1b}.mossa-computer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;color:#eaf5ee;background:#00000040;border-radius:var(--raggio);padding:10px}.spazzino .tavolo{gap:10px}.spazzino .messaggio{min-height:0}.azioni-scambio{--larghezza-carta: calc(var(--carta-piena) * .65);gap:8px}.azioni-presa{gap:8px}.spazzino .lato .mano{min-height:calc(var(--larghezza-carta) * 90 / 51)}.fatto-speciale{background:var(--oro);color:#1b1b1b;border-radius:20px;padding:2px 10px;font-size:13px;white-space:nowrap}.riepilogo{font-size:13px}.riepilogo p{margin:0 0 5px}.riepilogo p:last-child{margin-bottom:0}.riepilogo-voce{color:#a9c8b8}.avviso-rifatta{margin:0;text-align:center;color:#1b1b1b;background:var(--oro);border-radius:var(--raggio);padding:6px 12px;font-size:13.5px}.avviso-aggiornamento{margin:10px auto 0;max-width:900px;text-align:center;color:var(--testo-tenue);font-size:13px}