:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4;font-weight:400;background-color:#f6f7fb;color:#0b1026}body{margin:0;min-height:100vh;background-color:inherit}#root{min-height:100vh}.app-shell{display:flex;flex-direction:column;min-height:100vh;align-items:center;padding:clamp(.75rem,2vw,1.5rem)}.app-header{padding:1.25rem 1rem;text-align:center;background:#f1e9ff;color:#6b4fb4;box-shadow:0 2px 8px #0000001f;width:min(420px,100%);border-radius:18px}.app-header h1{margin:0;font-size:clamp(1.75rem,1.6rem + .8vw,2.25rem);letter-spacing:.02em}.app-content{flex:1;padding:clamp(1rem,2vw,2rem);display:flex;flex-direction:column;justify-content:center;align-items:center;width:min(420px,100%)}.config-form{width:min(420px,100%);display:grid;gap:1rem;background:#fff;padding:clamp(1.25rem,2vw,1.75rem);border-radius:18px;box-shadow:0 12px 32px #0b10261f}.quiz-screen{width:100%;display:grid;gap:1.25rem;background:#fff;padding:clamp(1.25rem,2vw,1.75rem);border-radius:20px;box-shadow:0 12px 36px #0b102624}.form-field{display:flex;flex-direction:column;gap:.5rem}.player-input-row{display:flex;align-items:center;gap:.75rem}.player-input-row input[type=text]{flex:1}.inline-checkbox{margin:0}.form-field label{font-size:.95rem;font-weight:600;color:#1f2a4a}select,input[type=text]{font:inherit;padding:.75rem;border-radius:12px;border:1px solid #d4daee;background-color:#f8f9ff;transition:border .12s ease,box-shadow .12s ease;max-height:12rem}select:focus,input[type=text]:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e233;overflow-y:auto}input[type=text]:disabled{background-color:#e7eaf5;color:#7a819b}.player-field{border:1px dashed #d4daee;border-radius:16px;padding:1rem;display:grid;gap:.75rem;background:#f9fbff}.player-field legend{font-weight:600;padding:0 .4rem;color:#1f2a4a}.checkbox{display:flex;align-items:center;gap:.5rem;font-size:.95rem}.checkbox input[type=checkbox]{width:1rem;height:1rem;accent-color:#4a90e2}.primary{width:100%;padding:.85rem 1rem;border:none;border-radius:14px;background:linear-gradient(120deg,#ff5a5f,#fc8f5a);color:#fff;font-size:1.05rem;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 24px #ff5a5f59}.primary:disabled{opacity:.55;cursor:not-allowed}.secondary{padding:.75rem 1rem;border-radius:12px;border:none;background:#1f2a4a;color:#fff;font-weight:600;cursor:pointer;transition:transform .12s ease,opacity .12s ease}.secondary:hover{transform:translateY(-1px)}.secondary:disabled{opacity:.65;cursor:not-allowed}.quiz-placeholder{width:min(540px,100%);background:#fff;padding:clamp(1.5rem,2vw,2rem);border-radius:20px;box-shadow:0 12px 32px #0b10261f;display:grid;gap:1rem;text-align:center}.quiz-placeholder button{padding:.75rem 1rem;border:none;border-radius:12px;background-color:#4a90e2;color:#fff;font-size:1rem;font-weight:600;cursor:pointer}.quiz-placeholder button:hover{background-color:#3a74bb}.player-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.player-card{display:flex;align-items:center;gap:.75rem;padding:.85rem;border-radius:16px;color:#1f2a4a;background:#fff;border:3px solid transparent;transition:transform .16s ease,border .16s ease}.player-card.red{background:#ffe5e3}.player-card.red.active{border-color:#ff5a5f;transform:translateY(-1px)}.player-card.blue{background:#e0ecff}.player-card.blue.active{border-color:#4a90e2;transform:translateY(-1px)}.player-avatar{font-size:2rem}.player-info{display:flex;flex-direction:column;gap:.3rem}.player-name{font-weight:700;font-size:1.05rem}.player-score{font-size:clamp(1.4rem,1.2rem + 1vw,1.9rem);font-weight:700}.quiz-progress{display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#39435c}.quiz-progress-meta{display:flex;align-items:center;gap:.5rem;color:#4a4f62}.quiz-timer{font-weight:700;color:#c2551c}.quiz-finished-hint{color:#1f2a4a}.quiz-card{background:#f9fbff;border-radius:18px;padding:clamp(1rem,2vw,1.4rem);display:grid;gap:1rem;box-shadow:inset 0 0 0 1px #1f2a4a0d}.quiz-card h2{margin:0;font-size:1.2rem;color:#0b1026}.quiz-options{display:grid;gap:.75rem}.quiz-option{border:none;border-radius:14px;padding:.85rem 1rem;font:inherit;text-align:left;font-weight:600;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border .12s ease}.quiz-option.neutral{background:#f4f6fa;color:#1f2a4a;box-shadow:0 3px 12px #1f2a4a1f;border:2px solid #d7dce7}.quiz-option.neutral:hover{transform:translateY(-1px);box-shadow:0 10px 24px #1f2a4a24;border-color:#c3c9d8}.quiz-option.correct{background:#daf5e6;color:#1f4d17}.quiz-option.incorrect{background:#ffd8e0;color:#7a1f34}.quiz-option.dimmed{background:#eef1f9;color:#7a819b}.quiz-summary{background:#fdf6e8;border-radius:18px;padding:clamp(1rem,2vw,1.4rem);display:grid;gap:.75rem;box-shadow:inset 0 0 0 1px #b98c2a26}.quiz-summary h3{margin:0;font-size:1.25rem;color:#b57a1f}.quiz-summary p{margin:0;color:#7a5a16;font-weight:500}.quiz-timeout{margin:0;font-weight:600;color:#c2551c}.quiz-remaining{margin:0;color:#6b7190;text-align:center;font-weight:500}.results-panel{background:#f4f6fb;border-radius:18px;padding:clamp(1rem,2vw,1.25rem);display:grid;gap:.5rem}.results-panel h3{margin:0;color:#1f2a4a}.results-panel ol{margin:0;padding-left:1.1rem;display:grid;gap:.45rem;color:#39435c;font-size:.95rem}.results-panel li{line-height:1.4}.results-empty{margin:0;color:#6b7190}.quiz-empty{margin:0;color:#39435c;text-align:center}.cta-row{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}@media(max-width:480px){.config-form{gap:.85rem;padding:1.1rem}.player-field{padding:.85rem}.quiz-screen{padding:1.1rem;gap:1rem}.player-row{gap:.6rem}.player-card{padding:.7rem}}