:root{--notte: #0f1311;--tavolo: #1a201d;--tavolo-alto: #26302b;--barra: #121715;--bordo: #2c3530;--gesso: #eef2ef;--testo-tenue: #9aa7a0;--posto: #6e7b74;--menta: #3ddc97;--menta-tenue: #163326;--su-menta: #0f1311;--oro: #e8b04b;--oro-tenue: #2a2416;--oro-chiaro: #f2d58c;--errore: #ffb4a8;--errore-tenue: #3a1d19;--font-display: "Archivo", "Arial Black", system-ui, sans-serif;--font-sans: "Inter", system-ui, sans-serif;--spazio-1: 4px;--spazio-2: 8px;--spazio-3: 12px;--spazio-4: 16px;--spazio-5: 20px;--spazio-6: 32px;--raggio-carta: 6px;--raggio-campo: 12px;--raggio-card: 16px;--raggio-pieno: 9999px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--notte);color:var(--gesso);font-family:var(--font-sans);font-size:15px;line-height:22px;-webkit-font-smoothing:antialiased}a{color:var(--menta)}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--menta);outline-offset:2px}.shell{max-width:480px;min-height:100%;margin:0 auto;display:flex;flex-direction:column}.schermata{flex:1;display:flex;flex-direction:column;gap:14px;padding:calc(env(safe-area-inset-top) + 32px) var(--spazio-5) 104px}.titolo-1{margin:0;font-family:var(--font-display);font-weight:800;font-size:28px;line-height:34px}.titolo-2{margin:0;font-family:var(--font-display);font-weight:700;font-size:16px}.tenue{color:var(--testo-tenue)}.didascalia{font-size:12px;line-height:16px;color:var(--testo-tenue)}.riga{display:flex;align-items:center;justify-content:space-between;gap:var(--spazio-3)}.card{background:var(--tavolo);border:1px solid var(--bordo);border-radius:var(--raggio-card);padding:14px var(--spazio-4);display:flex;flex-direction:column;gap:10px}.badge{font-size:12px;font-weight:600;color:var(--menta);background:var(--menta-tenue);padding:4px 10px;border-radius:var(--raggio-pieno);white-space:nowrap}.avviso{background:var(--menta-tenue);border-radius:var(--raggio-campo);padding:10px 14px;display:flex;gap:10px;align-items:center;font-size:14px;line-height:20px;color:#d7f5e6}.icona-tonda{width:44px;height:44px;border-radius:22px;border:1px solid var(--bordo);background:var(--tavolo);color:var(--gesso);display:inline-flex;align-items:center;justify-content:center}.avatar{width:38px;height:38px;border-radius:var(--raggio-pieno);background:var(--tavolo-alto);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;flex-shrink:0}.giocatore{display:flex;align-items:center;gap:var(--spazio-3);background:var(--tavolo);border-radius:var(--raggio-campo);padding:10px var(--spazio-3)}.giocatore .nome{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.rating{font-family:var(--font-display);font-weight:800;color:var(--menta)}.bottone-primario{height:56px;border-radius:14px;border:none;background:var(--menta);color:var(--su-menta);font-family:var(--font-display);font-weight:700;font-size:17px}.chip{height:36px;padding:0 14px;border-radius:18px;border:1px solid var(--bordo);background:transparent;font-size:13px}.chip[aria-pressed=true]{border-color:var(--menta);background:var(--menta-tenue);color:var(--menta)}.scala{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--spazio-2)}.scala button{height:44px;border-radius:var(--raggio-campo);border:1px solid var(--bordo);background:var(--tavolo);font-weight:600;font-size:16px}.scala button.attivo{border-color:var(--menta);background:var(--menta);color:var(--su-menta);font-weight:700}.fortuna{display:flex;align-items:center;gap:var(--spazio-3);background:var(--oro-tenue);border:1px solid #5a4a22;border-radius:var(--raggio-campo);padding:var(--spazio-3) 14px;font-size:14px;color:var(--oro-chiaro)}.fortuna input{width:20px;height:20px;accent-color:var(--oro)}.schermata.passo{gap:var(--spazio-5);min-height:100dvh;padding-bottom:calc(env(safe-area-inset-bottom) + 32px)}.passo .testo{margin:0;color:var(--testo-tenue)}.spinta{flex:1}.campo{display:flex;flex-direction:column;gap:var(--spazio-2);font-size:13px;font-weight:600;color:#b9c4be}.campo input,.campo select,.prefisso{height:52px;border-radius:var(--raggio-campo);border:1px solid var(--bordo);background:var(--tavolo);color:var(--gesso);font:400 16px var(--font-sans);padding:0 14px;width:100%;min-width:0}.campo input:focus,.campo select:focus{border-color:var(--menta);outline:none}.campo input[aria-invalid=true]{border-color:var(--errore)}.campo .aiuto{font-weight:400;font-size:12px;color:var(--testo-tenue)}.prefisso{width:72px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:500}.spunta{display:flex;gap:var(--spazio-3);align-items:flex-start;font-size:14px;line-height:20px;color:#b9c4be}.spunta input{width:22px;height:22px;margin:0;accent-color:var(--menta);flex-shrink:0}.errore{margin:0;background:var(--errore-tenue);color:var(--errore);border-radius:var(--raggio-campo);padding:10px 14px;font-size:14px;line-height:20px}.bottone-primario{display:flex;align-items:center;justify-content:center;text-decoration:none}.bottone-primario:disabled{opacity:.5;cursor:default}.bottone-secondario{height:56px;border-radius:14px;border:1px solid var(--bordo);background:transparent;color:var(--gesso);text-decoration:none;font-weight:600;font-size:16px;display:flex;align-items:center;justify-content:center}.link-testo{background:none;border:0;padding:0;color:var(--menta);font-weight:600;text-decoration:underline}.link-testo:disabled{color:var(--testo-tenue);text-decoration:none;cursor:default}.cifre{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--spazio-2)}.cifre input{height:60px;min-width:0;border-radius:var(--raggio-campo);border:1px solid var(--bordo);background:var(--tavolo);color:var(--gesso);font:800 26px var(--font-display);text-align:center;padding:0}.cifre input.piena,.cifre input:focus{border:2px solid var(--menta);outline:none}.scelta{min-height:72px;border-radius:14px;padding:14px var(--spazio-4);display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;border:1px solid var(--bordo);background:var(--tavolo)}.scelta[aria-pressed=true]{border:2px solid var(--menta);background:var(--menta-tenue)}.scelta strong{font:700 17px var(--font-display)}.scelta span{font-size:13px;color:var(--testo-tenue)}.punto{display:flex;gap:var(--spazio-3);align-items:flex-start;color:#d7ded9}.punto .spunta-tonda{width:28px;height:28px;border-radius:14px;background:var(--menta-tenue);color:var(--menta);flex-shrink:0;display:flex;align-items:center;justify-content:center}.foto-profilo{width:88px;height:88px;border-radius:44px;border:2px dashed var(--menta);background:var(--tavolo);color:var(--menta);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;padding:0}.foto-profilo img{width:100%;height:100%;object-fit:cover}.etichetta-prova{align-self:center;font-size:12px;font-weight:600;color:var(--oro-chiaro);background:var(--oro-tenue);border-radius:var(--raggio-pieno);padding:4px 12px}.segmentato{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;background:var(--tavolo);border-radius:var(--raggio-campo);padding:4px}.segmentato button{height:40px;border-radius:9px;border:none;background:transparent;color:#b9c4be;font-weight:600;font-size:14px}.segmentato button[aria-pressed=true]{background:var(--menta);color:var(--su-menta)}.segmentato button:disabled{opacity:.35;cursor:default}.mirino{height:250px;border-radius:18px;background:#070908;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.mirino img{width:100%;height:100%;object-fit:cover;opacity:.85}.mirino .cornice{position:absolute;top:28px;right:36px;bottom:28px;left:36px;border:3px solid var(--menta);border-radius:14px;pointer-events:none}.mirino .cornice.tratteggiata{border-style:dashed;border-color:var(--bordo)}.mirino .stato{position:absolute;top:12px;left:50%;transform:translate(-50%);font-size:12px;font-weight:600;padding:4px 10px;border-radius:10px;white-space:nowrap;background:var(--menta);color:var(--su-menta)}.mirino .stato.da-controllare{background:var(--tavolo-alto);color:var(--gesso)}.mirino .scatta{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;background:none;border:none;color:var(--gesso);font-weight:600;padding:24px}.mirino .scatta span.tondo{width:64px;height:64px;border-radius:32px;background:var(--menta);color:var(--su-menta);display:flex;align-items:center;justify-content:center}.mirino .lettura{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f1311bf;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-weight:600}.avanzamento{width:160px;height:6px;border-radius:3px;background:var(--tavolo-alto);overflow:hidden}.avanzamento span{display:block;height:100%;background:var(--menta);transition:width .2s}.campo-numero{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--testo-tenue)}.campo-numero input,.card select{height:46px;border-radius:var(--raggio-campo);border:1px solid var(--bordo);background:var(--notte);color:var(--gesso);padding:0 14px;width:100%;min-width:0}.campo-numero input{font:800 20px var(--font-display)}.card select{font:400 15px var(--font-sans)}.campo-numero input:focus,.card select:focus{border-color:var(--menta);outline:none}.carta{width:38px;height:52px;border-radius:var(--raggio-carta);background:#f4f1ea;color:var(--notte);font:700 16px var(--font-sans);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:none;padding:0}.carta.rossa{color:#b42318}.carta.vuota{background:transparent;border:1.5px dashed var(--posto);color:var(--testo-tenue);font-weight:400}.carta.attiva{outline:2px solid var(--menta);outline-offset:2px}.carta.sul-board{width:100%;height:56px}.carte{display:flex;gap:6px}.board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.scheda-fortuna{background:var(--oro-tenue);border:1px solid #5a4a22;border-radius:var(--raggio-card);padding:14px var(--spazio-4);display:flex;flex-direction:column;gap:6px}.scheda-fortuna strong{font:800 22px var(--font-display);color:var(--oro-chiaro)}.scheda-fortuna span{font-size:13px;line-height:19px;color:#d9c795}.scheda-neutra{background:var(--tavolo);border-color:var(--bordo)}.scheda-neutra strong{color:var(--gesso)}.scheda-neutra span{color:var(--testo-tenue)}.stato-spot{font-size:11px;font-weight:600;color:#b9c4be;background:var(--tavolo-alto);padding:3px 8px;border-radius:8px;white-space:nowrap}.stato-spot.confermato{color:var(--menta);background:var(--menta-tenue)}.stato-spot.contestato{color:var(--errore);background:var(--errore-tenue)}.aggiungi{height:48px;border-radius:var(--raggio-campo);border:1px dashed var(--menta);color:var(--menta);text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:600}.chip-scelta{height:38px;padding:0 14px;border-radius:19px;border:1px solid var(--bordo);background:transparent;font-size:14px}.chip-scelta[aria-pressed=true]{border-color:var(--menta);background:var(--menta-tenue);color:var(--menta);font-weight:600}.barra-conferme{flex:1;height:6px;border-radius:3px;background:var(--tavolo-alto);overflow:hidden}.barra-conferme span{display:block;height:100%;background:var(--menta)}dialog.foglio{margin:auto auto 0;width:100%;max-width:480px;border:none;border-radius:20px 20px 0 0;background:var(--tavolo);color:var(--gesso);padding:var(--spazio-5) var(--spazio-5) calc(env(safe-area-inset-bottom) + 20px)}dialog.foglio::backdrop{background:#0009}.ranghi{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.ranghi button,.semi button{height:46px;border-radius:10px;border:1px solid var(--bordo);background:var(--notte);font:700 17px var(--font-sans)}.semi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.semi button{height:52px;font-size:24px}.semi button.rosso{color:#ff8a7a}.ranghi button[aria-pressed=true],.semi button[aria-pressed=true]{border-color:var(--menta);background:var(--menta-tenue)}.ranghi button:disabled,.semi button:disabled{opacity:.3;cursor:default}.barra{position:fixed;left:0;right:0;bottom:0;max-width:480px;margin:0 auto;border-top:1px solid var(--bordo);background:var(--barra);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;padding:var(--spazio-2) var(--spazio-1) calc(env(safe-area-inset-bottom) + 12px)}.barra a{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:4px;min-height:44px;text-decoration:none;font-size:11px;font-weight:600;color:var(--testo-tenue)}.barra a.active{color:var(--menta)}.barra .contatore{position:absolute;top:0;right:calc(50% - 22px);min-width:18px;height:18px;border-radius:9px;background:var(--menta);color:var(--su-menta);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.barra .checkin{margin-top:-30px;padding-top:0}.barra .checkin span.tondo{width:60px;height:60px;border-radius:30px;background:var(--menta);color:var(--su-menta);display:flex;align-items:center;justify-content:center;border:6px solid var(--notte)}.cerca{position:relative;display:flex;align-items:center;color:var(--testo-tenue)}.cerca svg{position:absolute;left:14px;pointer-events:none}.cerca input{width:100%;height:46px;box-sizing:border-box;border-radius:var(--raggio-campo);border:1px solid var(--bordo);background:var(--tavolo);color:var(--gesso);font:400 15px var(--font-sans);padding:0 14px 0 42px}.campo textarea{border-radius:var(--raggio-campo);border:1px solid var(--bordo);background:var(--tavolo);color:var(--gesso);font:400 15px/22px var(--font-sans);padding:12px 14px;resize:vertical}.campo-libero{flex:1;min-width:0;height:44px;box-sizing:border-box;border-radius:var(--raggio-campo);border:1px solid var(--bordo);background:var(--tavolo);color:var(--gesso);font:400 15px var(--font-sans);padding:0 14px}.cerca input:focus,.campo textarea:focus,.campo-libero:focus{border-color:var(--menta);outline:none}details.spiegazione summary{font-size:12px;color:var(--menta);cursor:pointer;list-style:none}details.spiegazione summary::-webkit-details-marker{display:none}details.spiegazione ul{margin:6px 0 4px;padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:13px;line-height:18px;color:#b9c4be}details.gruppo-profilo{background:var(--tavolo);border-radius:var(--raggio-campo);padding:12px 14px}details.gruppo-profilo summary{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:14px;cursor:pointer;list-style:none;min-height:24px}details.gruppo-profilo summary::-webkit-details-marker{display:none}.cursore{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:28px;background:transparent;margin:0;touch-action:pan-y}.cursore::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:var(--tavolo-alto)}.cursore::-moz-range-track{height:6px;border-radius:3px;background:var(--tavolo-alto)}.cursore::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:12px;margin-top:-9px;background:var(--menta);border:3px solid var(--notte)}.cursore::-moz-range-thumb{width:18px;height:18px;border-radius:12px;background:var(--menta);border:3px solid var(--notte)}.cursore.intatto::-webkit-slider-thumb{background:var(--posto)}.cursore.intatto::-moz-range-thumb{background:var(--posto)}.cursore:focus-visible{outline:2px solid var(--menta);outline-offset:2px;border-radius:4px}
