:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121218;--surface:#1a1b22;--surface-2:#1f2028;--text:#9ca3af;--text-h:#f3f4f6;--border:#2e303a;--accent:#c084fc;--accent-h:#d8b4fe;--accent-bg:#c084fc24;--accent-border:#c084fc66;--accent-fill:#9333ea;--accent-fill-h:#7c3aed;--success:#4ade80;--success-bg:#4ade801f;--success-border:#4ade8066;--success-fill:#16a34a;--danger:#fb7185;--danger-bg:#fb71851f;--danger-border:#fb718566;--danger-fill:#e11d48;--radius-lg:22px;--radius-md:14px;--radius-sm:10px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 12px 28px -12px #00000080, 0 2px 8px -2px #0000004d;--shadow-lg:0 32px 64px -24px #0009;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:18px/1.5 var(--sans);letter-spacing:.1px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=640px){:root{font-size:16px}}@media (prefers-contrast:more){:root{--border:color-mix(in srgb, var(--text-h) 40%, transparent)}}*{box-sizing:border-box}body{background:radial-gradient(900px 480px at 50% -12%, var(--accent-bg), transparent 65%), var(--bg);min-height:100svh;margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2{font-family:var(--sans);margin:0}p{margin:0}button{appearance:none;-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:60ms!important;animation:none!important}}.app{flex-direction:column;flex:1;width:100%;max-width:520px;margin:0 auto;padding:24px 20px 48px;display:flex}.app-header{justify-content:space-between;align-items:center;padding:8px 4px 20px;display:flex}.brand{letter-spacing:-.5px;background:linear-gradient(135deg, var(--text-h), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:700}.score-pill{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);font-variant-numeric:tabular-nums;color:var(--text-h);transition:transform .2s var(--ease-spring);border-radius:999px;align-items:baseline;gap:3px;padding:7px 14px;font-weight:700;display:inline-flex}.score-sep,.score-total{color:var(--text);font-weight:500}.state-card{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-md);flex-direction:column;align-items:center;gap:14px;margin:auto;padding:48px 28px;display:flex}.state-card--error{border-color:var(--danger-border)}.state-card--error p{color:var(--danger);font-weight:500}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.quiz-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:cardIn .38s var(--ease-out);padding:28px 24px 24px}@keyframes cardIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.question{letter-spacing:-.2px;color:var(--text-h);margin:0 0 20px;font-size:21px;font-weight:600;line-height:1.35}.mode{text-transform:uppercase;letter-spacing:.2px;vertical-align:middle;border-radius:999px;align-items:center;gap:2px;padding:2px 10px 2px 6px;font-size:.85em;font-weight:700;display:inline-flex}.mode svg{width:15px;height:15px}.mode--alta{color:var(--success);background:var(--success-bg)}.mode--bassa{color:var(--danger);background:var(--danger-bg)}.options{flex-direction:column;gap:10px;display:flex}.player-option{border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);width:100%;color:var(--text-h);font:inherit;text-align:left;cursor:pointer;transition:transform .14s var(--ease-out), border-color .16s var(--ease-out), background-color .16s var(--ease-out), box-shadow .16s var(--ease-out), opacity .2s var(--ease-out);align-items:center;gap:12px;padding:14px 16px;display:flex;position:relative}.player-option--idle:hover{border-color:var(--accent-border);background:var(--accent-bg)}.player-option--idle:active{transition-duration:80ms;transform:scale(.98)}.player-option:disabled{cursor:default}.player-option--correct{border-color:var(--success-border);background:var(--success-bg);box-shadow:0 0 0 3px color-mix(in srgb, var(--success) 14%, transparent);animation:pop .42s var(--ease-spring)}.player-option--wrong{border-color:var(--danger-border);background:var(--danger-bg);animation:shake .38s var(--ease-out)}.player-option--revealed{opacity:.5;filter:saturate(.7)}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.role-badge{width:30px;height:30px;color:var(--accent);background:var(--accent-bg);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.role-badge--P{color:#b45309;background:#b4530924}.role-badge--D{color:#0f766e;background:#0f766e24}.role-badge--C{color:#1d4ed8;background:#1d4ed824}.role-badge--A{color:#be123c;background:#be123c24}.player-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.player-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.player-team{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.player-quot{color:var(--accent);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:14px;font-weight:700}.status-icon{width:22px;height:22px;animation:statusIn .28s var(--ease-spring) both;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;animation-delay:60ms;display:inline-flex}.status-icon svg{width:14px;height:14px}.status-icon--correct{color:#fff;background:var(--success-fill)}.status-icon--wrong{color:#fff;background:var(--danger-fill)}@keyframes statusIn{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.feedback{opacity:0;min-height:22px;transition:opacity .22s var(--ease-out), transform .22s var(--ease-out);margin:16px 2px 0;font-size:15px;font-weight:600;transform:translateY(4px)}.feedback.is-visible{opacity:1;transform:translateY(0)}.feedback.is-correct{color:var(--success)}.feedback.is-wrong{color:var(--danger)}.next-button{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent-fill), var(--accent-fill-h));color:#fff;width:100%;font:inherit;cursor:pointer;box-shadow:0 8px 20px -8px color-mix(in srgb, var(--accent-fill) 60%, transparent);opacity:0;pointer-events:none;transition:opacity .26s var(--ease-out), transform .26s var(--ease-out), box-shadow .16s var(--ease-out);border:none;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:13px 20px;font-weight:700;display:flex;transform:translateY(6px)}.next-button svg{width:18px;height:18px;transition:transform .2s var(--ease-out)}.next-button.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.next-button:hover svg{transform:translate(3px)}.next-button:active{transition-duration:80ms;transform:scale(.97)}