:root{--fondo:#f4f6fa;--carta:#fff;--carta2:#f7f9fc;--inchiostro:#14213d;--grigio:#4a5878;--linea:#c9d2df;--f1:#dce6f2;--f2:#a9c1e0;--f3:#446da6;--f4:#1f3a68;--rosso:#b3261e;--raggio:12px}*{box-sizing:border-box}html,body{margin:0}body{background:var(--fondo);color:var(--inchiostro);-webkit-text-size-adjust:100%;font-family:IBM Plex Sans,system-ui,sans-serif;font-size:15px;line-height:1.45}h1,h2,h3,.sora{font-family:Sora,IBM Plex Sans,sans-serif}h1,h2,h3{margin:0;line-height:1.15}button,input{font:inherit;color:inherit}button{border:1.5px solid var(--inchiostro);background:var(--carta);cursor:pointer;border-radius:10px;min-height:44px;padding:10px 18px;font-weight:600}button.primario{background:var(--f4);border-color:var(--f4);color:#fff}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid var(--f3);outline-offset:2px}input{border:1.5px solid var(--linea);background:var(--carta);border-radius:10px;width:100%;min-height:44px;padding:10px 12px}label{margin-bottom:6px;font-size:14px;font-weight:600;display:block}.ingresso{flex-direction:column;gap:24px;max-width:440px;margin:0 auto;padding:48px 16px;display:flex}.marchio{align-items:center;gap:12px;display:flex}.marchio h1{font-size:36px}.logo{flex:none;width:44px;height:44px}.sotto{color:var(--grigio);margin:4px 0 0}.scheda{background:var(--carta);border:1px solid var(--linea);border-radius:var(--raggio);flex-direction:column;gap:14px;padding:20px;display:flex}.riga{flex-wrap:wrap;gap:10px;display:flex}.riga>*{flex:140px}.oppure{text-align:center;color:var(--grigio);font-size:14px}.codice-grande{letter-spacing:.18em;font-family:Sora,sans-serif;font-size:34px}.elenco{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.elenco li{align-items:center;gap:10px;display:flex}.pallino{color:#fff;border-radius:13px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:inline-flex}.nota{color:var(--grigio);font-size:13px}.testata{justify-content:space-between;align-items:center;gap:12px;max-width:1440px;margin:0 auto;padding:12px 16px;display:flex}.testata .marchio h1{font-size:22px}.testata .logo{width:32px;height:32px}.gioco{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:20px;max-width:1440px;margin:0 auto;padding:0 16px 32px;display:grid}.pannello{flex-direction:column;gap:14px;display:flex}@media (width<=960px){.gioco{grid-template-columns:minmax(0,1fr)}.pannello{order:-1}}.turno{color:var(--grigio);font-size:14px}.turno b{color:var(--inchiostro)}.carta{background:var(--carta);border:1px solid var(--linea);border-radius:var(--raggio);flex-direction:column;gap:10px;padding:16px;display:flex}.carta .tipo{letter-spacing:.1em;text-transform:uppercase;color:var(--grigio);font-size:12px;font-weight:600}.carta h2{font-size:21px}.dadi{align-items:center;gap:8px;display:flex}.dado{background:var(--f4);color:#fff;border-radius:9px;justify-content:center;align-items:center;width:40px;height:40px;font-family:Sora,sans-serif;font-size:20px;font-weight:700;display:inline-flex}.esito{font-size:14px}.azioni{flex-direction:column;gap:10px;display:flex}.azioni .riga button{flex:140px}.attesa{color:var(--grigio);font-size:14px}.giocatori{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.giocatori li{background:var(--carta);border:1px solid var(--linea);border-radius:10px;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.giocatori li.di-turno{border-color:var(--f4);box-shadow:0 0 0 1.5px var(--f4)}.giocatori li.fuori{opacity:.5}.giocatori .nome{font-weight:600}.giocatori .det{color:var(--grigio);font-size:12px}.giocatori .soldi{font-family:Sora,sans-serif;font-weight:600}.spento{color:var(--rosso);font-size:11px;font-weight:600}.registro{background:var(--carta);border:1px solid var(--linea);border-radius:var(--raggio);max-height:260px;padding:12px 14px;font-size:13px;overflow:auto}.registro p{margin:0 0 6px}.registro h3{margin-bottom:8px;font-size:14px}.contenitore{aspect-ratio:1;width:100%;max-width:calc(100vh - 76px);margin:0 auto;position:relative;overflow:hidden}@media (width<=960px){.contenitore{max-width:100%}}.tabellone{transform-origin:0 0;background:var(--linea);border-radius:14px;grid-template-rows:130px repeat(10,84px) 130px;grid-template-columns:130px repeat(10,84px) 130px;gap:2px;width:1122px;height:1122px;display:grid;position:absolute;top:0;left:0;overflow:hidden}.cas{background:var(--carta);display:flex;position:relative;overflow:hidden}.cas.alt{background:var(--carta2)}.cas .banda{flex:0 0 22px;justify-content:center;align-items:center;font-family:Sora,sans-serif;font-size:11px;font-weight:700;display:flex}.cas .corpo{text-align:center;flex-direction:column;flex:auto;justify-content:space-between;align-items:center;min-width:0;padding:7px 4px;display:flex}.cas .cod{letter-spacing:.08em;color:var(--grigio);font-size:9px;font-weight:600}.cas .nm{-webkit-hyphens:manual;hyphens:manual;font-family:Sora,sans-serif;font-size:10.5px;font-weight:600;line-height:1.2}.cas .pr{color:var(--grigio);font-size:9.5px}.cas .prop{color:#fff;border-radius:11px;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.cas .aperta{pointer-events:none;position:absolute;inset:0}.cas.evidenza{outline-offset:-4px;z-index:2;outline:4px solid #f2a541}.cas .cucitura{background:var(--inchiostro);position:absolute}.lato0{flex-direction:column-reverse}.lato1{flex-direction:row}.lato2{flex-direction:column}.lato3{flex-direction:row-reverse}.angolo{background:var(--carta);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px;display:flex}.angolo .tit{font-family:Sora,sans-serif;font-size:13px;font-weight:700;line-height:1.15}.angolo .sot{color:var(--grigio);font-size:10px}.angolo svg{width:36px;height:36px}.centro{background:var(--fondo);text-align:center;flex-direction:column;grid-area:2/2/12/12;justify-content:center;align-items:center;gap:22px;padding:60px;display:flex}.centro .titolo{font-family:Sora,sans-serif;font-size:64px;font-weight:700;line-height:1}.centro .giro{color:var(--grigio);font-size:22px}.centro .cartacentro{background:var(--carta);border:2px solid var(--inchiostro);border-radius:18px;flex-direction:column;align-items:center;gap:14px;min-width:460px;max-width:640px;padding:26px 34px;display:flex}.centro .cartacentro .tipo{letter-spacing:.12em;text-transform:uppercase;color:var(--grigio);font-size:16px;font-weight:600}.centro .cartacentro h2{font-size:34px}.centro .cartacentro .esito{font-size:20px}.centro .dado{border-radius:14px;width:64px;height:64px;font-size:32px}.centro .casse{color:var(--grigio);gap:18px;font-size:18px;display:flex}#avviso{background:var(--inchiostro);color:#fff;opacity:0;pointer-events:none;z-index:50;border-radius:12px;max-width:calc(100% - 32px);padding:12px 18px;font-weight:500;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(20px)}#avviso.visibile{opacity:1;transform:translate(-50%)translateY(0)}.classifica{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.classifica li{background:var(--carta);border:1px solid var(--linea);border-radius:10px;justify-content:space-between;gap:10px;padding:10px 12px;display:flex}.classifica li:first-child{border-color:var(--f4);box-shadow:0 0 0 1.5px var(--f4);font-weight:700}