:root{color-scheme:dark;--sfondo: #111110;--superficie: #1a1a19;--superficie-2: #232322;--bordo: #33332f;--testo: #ffffff;--testo-2: #c3c2b7;--testo-3: #8f8e85;--accento: #3987e5;--ok: #199e70;--ko: #e66767;--s1: #3987e5;--s2: #d95926;--s3: #199e70;--s4: #c98500;--s5: #d55181;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--sfondo);color:var(--testo);-webkit-text-size-adjust:100%}#app{max-width:640px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));min-height:100dvh}h1{font-size:1.6rem;margin:0 0 4px;letter-spacing:-.02em}h2{font-size:1.15rem;margin:24px 0 8px}p{color:var(--testo-2);line-height:1.45}small{color:var(--testo-3)}button{font:inherit;font-weight:600;color:var(--testo);background:var(--superficie-2);border:1px solid var(--bordo);border-radius:14px;padding:14px 16px;width:100%;min-height:52px;cursor:pointer;touch-action:manipulation}button:active{transform:scale(.99)}button:disabled{opacity:.45;cursor:default}button.primario{background:var(--accento);border-color:transparent}button.fantasma{background:transparent}input{font:inherit;width:100%;min-height:52px;padding:12px 14px;border-radius:14px;border:1px solid var(--bordo);background:var(--superficie);color:var(--testo)}input.codice{text-transform:uppercase;letter-spacing:.3em;text-align:center;font-size:1.5rem}.pila{display:grid;gap:12px}.riga{display:flex;gap:12px;align-items:center}.card{background:var(--superficie);border:1px solid var(--bordo);border-radius:18px;padding:16px}.codice-grande{font-size:3rem;font-weight:800;letter-spacing:.35em;text-align:center;padding:8px 0 8px .35em}.stato{position:fixed;top:8px;right:12px;font-size:.75rem;color:var(--ko)}.timer{height:8px;background:var(--superficie-2);border-radius:999px;overflow:hidden}.timer>i{display:block;height:100%;background:var(--accento);border-radius:999px;transition:width .2s linear}.timer.rosso>i{background:var(--ko)}.opzioni{display:grid;gap:10px;margin-top:16px}.opzione{text-align:left;display:flex;justify-content:space-between;gap:12px;align-items:center}.opzione.scelta{border-color:var(--accento);background:color-mix(in srgb,var(--accento) 22%,var(--superficie))}.opzione.giusta{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 25%,var(--superficie))}.opzione.sbagliata{border-color:var(--ko);background:color-mix(in srgb,var(--ko) 18%,var(--superficie))}.ordine{min-width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--accento);font-size:.9rem}.frase{font-size:1.25rem;line-height:1.4;font-style:italic}.classifica{display:grid;gap:8px;margin-top:8px}.pos{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--superficie);border:1px solid var(--bordo);border-radius:14px}.pos .num{color:var(--testo-3);width:1.4em;font-weight:700}.pos .nome{flex:1;font-weight:600}.pos .punti{font-variant-numeric:tabular-nums;font-weight:700}.pos .delta{color:var(--ok);font-size:.85rem;font-variant-numeric:tabular-nums}.pos.staccato{opacity:.5}.pos.io{border-color:var(--accento)}.pallino{width:10px;height:10px;border-radius:50%;background:var(--ok)}.pallino.giu{background:var(--testo-3)}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.tile{background:var(--superficie);border:1px solid var(--bordo);border-radius:16px;padding:14px}.tile .n{font-size:1.8rem;font-weight:800;font-variant-numeric:tabular-nums}.tile .k{color:var(--testo-3);font-size:.8rem}.gr{background:var(--superficie);border:1px solid var(--bordo);border-radius:16px;padding:12px;margin-top:12px}.gr canvas{width:100%!important}.rev{border-left:3px solid var(--bordo);padding-left:12px;margin:14px 0}.rev .q{font-weight:600}.rev .a{color:var(--ok)}table.dati{width:100%;border-collapse:collapse;font-size:.9rem}table.dati th,table.dati td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--bordo)}table.dati td.n{text-align:right;font-variant-numeric:tabular-nums}