@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=Inter:wght@300;400;500;600&display=swap";:root{--bg: #0d0810;--bg-2: #130c1a;--bg-3: #1a1025;--velvet: #6d28d9;--gold: #f59e0b;--gold-dim: rgba(245, 158, 11, .15);--text: #f3f0ff;--text-dim: #8b7aa0;--green: #34d399;--red: #f87171;--border: rgba(109, 40, 217, .2);--font-d: "Cormorant Garamond", Georgia, serif;--font-b: "Inter", system-ui, sans-serif;--radius: 12px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-b);overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse 100% 60% at 50% 0%,rgba(109,40,217,.12),transparent),var(--bg)}.header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid var(--border);background:var(--bg-2)}.header-logo{font-family:var(--font-d);font-size:1.6rem;color:var(--gold);font-style:italic}.header-tagline{font-size:.7rem;color:var(--text-dim);letter-spacing:.2em;text-transform:uppercase}.header-back{font-size:.8rem;color:var(--text-dim);text-decoration:none;padding:.5rem 1rem;border:1px solid var(--border);border-radius:8px;transition:all .2s}.header-back:hover{color:var(--gold);border-color:var(--gold)}.round-bar{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 2rem;background:var(--bg-2);border-bottom:1px solid var(--border)}.round-dot{width:10px;height:10px;border-radius:50%;background:var(--bg-3);border:1px solid var(--border);transition:all .4s}.round-dot.done{background:var(--gold);border-color:var(--gold)}.round-dot.current{background:transparent;border:2px solid var(--gold);box-shadow:0 0 8px #f59e0b80}.round-label{font-size:.75rem;color:var(--text-dim);letter-spacing:.1em;margin:0 .5rem;font-family:var(--font-d)}.score-chip{font-size:.8rem;font-weight:600;color:var(--gold);background:var(--gold-dim);border:1px solid rgba(245,158,11,.3);padding:.25rem .85rem;border-radius:100px}.game{flex:1;display:flex;gap:2rem;padding:2rem;max-width:1100px;margin:0 auto;width:100%;align-items:flex-start}.audio-panel{flex:1;display:flex;flex-direction:column;gap:1.25rem}.player-card{background:var(--bg-2);border:1px solid var(--border);border-radius:20px;padding:2.5rem;text-align:center;box-shadow:0 0 60px #6d28d91a;background-image:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(109,40,217,.1),transparent)}.mystery-icon{font-size:4rem;margin-bottom:1.5rem;-webkit-user-select:none;user-select:none}.player-title{font-family:var(--font-d);font-size:1.3rem;color:var(--text);margin-bottom:.5rem;font-style:italic}.player-subtitle{font-size:.8rem;color:var(--text-dim);margin-bottom:2rem;letter-spacing:.05em}.audio-controls{display:flex;flex-direction:column;align-items:center;gap:1rem}.play-btn{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--velvet),#7c3aed);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all .3s;box-shadow:0 0 20px #6d28d980}.play-btn:hover{transform:scale(1.08);box-shadow:0 0 35px #6d28d9cc}.play-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.play-status{font-size:.8rem;color:var(--text-dim);letter-spacing:.1em}.audio-progress{width:100%;height:4px;background:var(--bg-3);border-radius:2px;overflow:hidden;max-width:320px}.audio-progress-fill{height:100%;background:linear-gradient(90deg,var(--velvet),var(--gold));border-radius:2px;transition:width .3s}.play-count{font-size:.7rem;color:var(--text-dim);letter-spacing:.1em}.reveal-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.reveal-icon{font-size:1.5rem}.reveal-title{font-family:var(--font-d);font-size:1.4rem;color:var(--gold);font-style:italic}.reveal-detail{font-size:.85rem;color:var(--text-dim);line-height:1.6}.reveal-fact{margin-top:1rem;padding:.85rem 1rem;background:#6d28d91a;border-left:3px solid var(--velvet);border-radius:0 8px 8px 0;font-size:.82rem;color:var(--text-dim);line-height:1.5;font-style:italic}.reveal-fact strong{color:var(--text);font-style:normal}.reveal-pts{display:inline-block;margin-top:.75rem;font-size:.85rem;font-weight:600;background:var(--gold-dim);border:1px solid rgba(245,158,11,.3);color:var(--gold);padding:.3rem .85rem;border-radius:100px}.answer-panel{width:360px;flex-shrink:0;display:flex;flex-direction:column;gap:1.25rem}.panel{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.panel-title{font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;font-family:var(--font-d);letter-spacing:.2em}.options{display:flex;flex-direction:column;gap:.5rem}.option-btn{width:100%;padding:.9rem 1.25rem;text-align:left;background:var(--bg-3);border:1px solid var(--border);border-radius:10px;color:var(--text);font-family:var(--font-b);font-size:.9rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.75rem}.option-btn:hover:not(:disabled){border-color:var(--velvet);background:#6d28d91a;transform:translate(4px)}.option-btn.correct{background:#34d3991a;border-color:var(--green);color:var(--green)}.option-btn.wrong{background:#f871711a;border-color:var(--red);color:var(--red)}.option-btn:disabled{cursor:not-allowed}.option-letter{width:26px;height:26px;background:#ffffff0f;border-radius:6px;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.era-display{text-align:center;padding:1rem}.era-label{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.25rem}.era-name{font-family:var(--font-d);font-size:1.3rem;color:var(--text);font-style:italic}.era-year{font-size:.75rem;color:var(--text-dim)}.btn-next{width:100%;padding:1rem;background:transparent;border:1px solid var(--gold);border-radius:var(--radius);color:var(--gold);font-family:var(--font-b);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-next:hover{background:var(--gold-dim)}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--velvet);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.game-over{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.result-card{background:var(--bg-2);border:1px solid var(--border);border-radius:20px;padding:3rem;max-width:550px;width:100%;text-align:center;box-shadow:0 0 60px #0009,0 0 30px #6d28d91a;animation:slideUp .5s cubic-bezier(.16,1,.3,1)}.result-title{font-family:var(--font-d);font-size:2.5rem;color:var(--gold);margin-bottom:.5rem;font-style:italic}.result-subtitle{color:var(--text-dim);font-size:.9rem;margin-bottom:2rem}.result-score{font-family:var(--font-d);font-size:5rem;color:var(--text);line-height:1;margin-bottom:.5rem}.result-max{font-size:.9rem;color:var(--text-dim);margin-bottom:2rem}.result-rounds{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem;text-align:left}.result-round{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--bg-3);border-radius:10px;border-left:3px solid var(--border)}.result-round.correct{border-left-color:var(--green)}.result-round.wrong{border-left-color:var(--red)}.result-round-icon{font-size:1.1rem}.result-round-info{flex:1;font-size:.8rem}.result-round-title{color:var(--text);margin-bottom:.2rem;font-weight:500}.result-round-years{color:var(--text-dim);font-style:italic}.result-round-pts{font-weight:700;font-size:.85rem}.result-round-pts.correct{color:var(--green)}.result-round-pts.wrong{color:var(--red)}.btn-play-again{width:100%;padding:1rem;background:linear-gradient(135deg,var(--velvet),#7c3aed);border:none;border-radius:var(--radius);color:#fff;font-family:var(--font-b);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:.05em}.btn-play-again:hover{transform:translateY(-3px);box-shadow:0 10px 30px #6d28d980}@media(max-width:900px){.game{flex-direction:column-reverse;padding:1rem}.answer-panel{width:100%}}