*{box-sizing:border-box}body,html,#root{margin:0;padding:0;min-height:100vh;font-family:system-ui,-apple-system,sans-serif;background:#0a0e1a;color:#e6e8ec}.app{min-height:100vh;padding:1.5rem 1.25rem;max-width:480px;margin:0 auto;display:flex;flex-direction:column}.app.center{align-items:center;justify-content:center;text-align:center;gap:1rem}.hero{margin-top:3rem;margin-bottom:3rem;text-align:center}.hero h1{font-size:3.5rem;margin:0 0 .5rem;letter-spacing:-.03em}.hero p{margin:0;color:#a0a4b0}.join-form{display:flex;flex-direction:column;gap:1rem}.join-form input{padding:1rem 1.25rem;background:#1a1f2e;border:2px solid #2a2f3a;color:#fff;font-size:1.5rem;font-weight:600;border-radius:12px;text-align:center;letter-spacing:.1em}.join-form input:focus{outline:none;border-color:#5b8cff}.join-form button,.primary{padding:1rem 1.25rem;background:#5b8cff;color:#fff;border:none;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer}.join-form button:disabled{opacity:.5;cursor:not-allowed}.game-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;margin-bottom:1.5rem;color:#a0a4b0;font-size:.95rem}.timer{background:#1a1f2e;padding:.25rem .75rem;border-radius:6px;font-weight:600;color:#5b8cff}.question{font-size:1.5rem;font-weight:600;margin:0 0 1.25rem;text-align:center}.question-image{display:block;width:100%;max-height:220px;object-fit:contain;border-radius:12px;margin:0 auto 1.5rem;background:#0d1320}.question-video{display:block;width:100%;max-height:240px;border-radius:12px;margin:0 auto 1.5rem;background:#000}.question-audio{display:block;width:100%;margin:0 auto 1.5rem}@keyframes slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-anim{animation:slide-in .35s cubic-bezier(.16,1,.3,1) both}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.answer-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem 1rem;color:#fff;border:none;border-radius:16px;cursor:pointer;font-size:1rem;text-align:center;min-height:100px;transition:transform .15s,opacity .25s;position:relative;overflow:hidden;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.25);box-shadow:0 4px #00000040,0 6px 14px #00000059}.answer-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #00000040,0 3px 8px #00000059}.answer-btn:disabled{cursor:not-allowed}.answer-btn.dimmed{opacity:.35}.answer-btn.selected{outline:4px solid white;outline-offset:-4px}.answer-btn-a{background:#e21b3c}.answer-btn-b{background:#1368ce}.answer-btn-c{background:#d89e00}.answer-btn-d{background:#26890c}.answer-btn-e{background:#864cbf}.answer-btn-f{background:#f8814a}.answer-btn .letter{display:inline-block;width:36px;height:36px;line-height:36px;background:#fff3;border-radius:50%;font-weight:800;font-size:1.1rem}.answer-btn .text{font-size:.95rem}.status{text-align:center;color:#a0a4b0;font-size:.95rem}.result{font-size:3.5rem;font-weight:700;text-align:center}.result.correct{color:#3aa05a}.result.wrong{color:#d04545}.points{font-size:2.5rem;font-weight:600;color:#5b8cff}.score-line{font-size:1.25rem;color:#a0a4b0}.spinner{width:32px;height:32px;border:3px solid #2a2f3a;border-top-color:#5b8cff;border-radius:50%;animation:spin .8s linear infinite;margin:1rem auto}@keyframes spin{to{transform:rotate(360deg)}}