@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Cinzel+Decorative:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--gold:#c9a84c;--gold-light:#e8d08c;--gold-dark:#7a6030;--bg:#06050f;--bg-mid:#0d0b1f;--text:#e8d8c0;--text-dim:#9a8870;--blue:#6ab0ff;--purple:#c0a0ff}*{box-sizing:border-box;margin:0;padding:0}body{background:#06050f;background:var(--bg);color:#e8d8c0;color:var(--text);font-family:Cinzel,serif}.app,body{min-height:100vh}.app{align-items:center;background:radial-gradient(ellipse at 50% 0,#c9a84c1f 0,#0000 55%),radial-gradient(ellipse at 50% 100%,#140f3299 0,#0000 55%),linear-gradient(180deg,#06050f,#0d0b1f 50%,#06050f);display:flex;justify-content:center;padding:2rem 1rem}.game-container{max-width:460px;text-align:center;width:100%}.title{color:#e8d08c;color:var(--gold-light);font-family:Cinzel Decorative,serif;font-size:clamp(1.2rem,5vw,1.7rem);letter-spacing:.08em;margin-bottom:.25rem;text-shadow:0 0 25px #c9a84c99,0 0 50px #c9a84c40}.subtitle{color:#9a8870;color:var(--text-dim);font-size:.65rem;letter-spacing:.35em;margin-bottom:1.2rem;text-transform:uppercase}.divider{align-items:center;display:flex;gap:.8rem;margin:.6rem 0 1.2rem}.divider-line{background:linear-gradient(90deg,#0000,#7a6030,#0000);background:linear-gradient(90deg,#0000,var(--gold-dark),#0000);flex:1 1;height:1px}.divider-symbol{color:#c9a84c;color:var(--gold);font-size:.9rem;line-height:1}.avatar-wrapper{height:170px;margin:0 auto 1.2rem;position:relative;width:170px}.avatar-svg{border-radius:50%;filter:drop-shadow(0 0 12px rgba(201,168,76,.25));height:100%;transition:filter .4s ease;width:100%}.avatar-wrapper.speaking .avatar-svg{animation:speakPulse .9s ease-in-out infinite alternate;filter:drop-shadow(0 0 30px rgba(201,168,76,.9)) drop-shadow(0 0 60px rgba(201,168,76,.4))}.avatar-wrapper.listening .avatar-svg{filter:drop-shadow(0 0 18px rgba(106,176,255,.6))}.avatar-wrapper.thinking .avatar-svg{animation:thinkPulse 2s ease-in-out infinite alternate;filter:drop-shadow(0 0 20px rgba(192,160,255,.6))}@keyframes speakPulse{0%{transform:scale(1)}to{transform:scale(1.035)}}@keyframes thinkPulse{0%{filter:drop-shadow(0 0 12px rgba(192,160,255,.3))}to{filter:drop-shadow(0 0 28px rgba(192,160,255,.8))}}.ring{border:1px solid #c9a84c59;border-radius:50%;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.avatar-wrapper.speaking .ring-1{animation:ripple 1.8s ease-out infinite;height:190px;width:190px}.avatar-wrapper.speaking .ring-2{animation:ripple 1.8s ease-out .6s infinite;height:215px;width:215px}.avatar-wrapper.speaking .ring-3{animation:ripple 1.8s ease-out 1.2s infinite;height:240px;width:240px}@keyframes ripple{0%{opacity:.7;transform:translate(-50%,-50%) scale(.88)}to{opacity:0;transform:translate(-50%,-50%) scale(1.15)}}.status-badge{background:#c9a84c08;border:1px solid #c9a84c40;color:#9a8870;color:var(--text-dim);display:inline-block;font-size:.62rem;letter-spacing:.25em;margin-bottom:1.2rem;padding:.35rem 1.1rem;text-transform:uppercase;transition:all .3s}.status-badge.speaking{background:#c9a84c14;border-color:#c9a84c;border-color:var(--gold);color:#e8d08c;color:var(--gold-light)}.status-badge.listening{background:#6ab0ff0d;border-color:#6ab0ff;border-color:var(--blue);color:#b0d8ff}.status-badge.thinking{background:#c0a0ff0d;border-color:#c0a0ff;border-color:var(--purple);color:#d8c0ff}.panel{background:rgba(201,168,76,.025);border:1px solid #c9a84c33;margin-bottom:1.2rem;padding:1.4rem;position:relative}.panel:before{left:8px;top:5px}.panel:after,.panel:before{color:#7a6030;color:var(--gold-dark);content:"⬡";font-size:.6rem;position:absolute}.panel:after{bottom:5px;right:8px}.description{color:#9a8870;color:var(--text-dim);font-size:.78rem;letter-spacing:.04em;line-height:1.9;margin-bottom:1.3rem}.btn-primary{background:linear-gradient(135deg,#c9a84c2e,#c9a84c14);border:1px solid #c9a84c;border:1px solid var(--gold);color:#e8d08c;color:var(--gold-light);cursor:pointer;font-family:Cinzel Decorative,serif;font-size:.9rem;letter-spacing:.2em;padding:.95rem 2rem;transition:all .3s;width:100%}.btn-primary:hover{background:linear-gradient(135deg,#c9a84c47,#c9a84c24);box-shadow:0 0 30px #c9a84c40,inset 0 0 20px #c9a84c0d}.btn-secondary{background:#0000;border:1px solid #c9a84c40;color:#9a8870;color:var(--text-dim);cursor:pointer;font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.2em;padding:.55rem 1.4rem;transition:all .2s}.btn-secondary:hover{border-color:#c9a84c;border-color:var(--gold);color:#e8d08c;color:var(--gold-light)}.difficulty-row{display:flex;gap:.6rem;justify-content:center;margin-bottom:1.2rem}.btn-difficulty{background:#ffffff0a;border:1px solid #0000;border-radius:4px;color:#9a8870;color:var(--text-dim);cursor:pointer;font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.18em;padding:.45rem 1.1rem;text-transform:uppercase;transition:all .2s}.btn-difficulty:hover{border-color:#c9a84c66;color:#e8d8c0;color:var(--text)}.btn-difficulty.easy.selected{background:#50a0502e;border-color:#4a9a4a;color:#90e090}.btn-difficulty.medium.selected{background:#c9a84c2e;border-color:#c9a84c;border-color:var(--gold);color:#e8d08c;color:var(--gold-light)}.btn-difficulty.hard.selected{background:#b43c3c2e;border-color:#c04040;color:#f09090}.transcript-box{background:#c9a84c0f;border:1px solid #c9a84c40;border-radius:8px;margin-bottom:1rem;min-height:3.5rem;padding:.8rem 1rem;text-align:left}.intro-actions{margin-top:.4rem}.intro-actions .btn-primary{margin-bottom:.7rem}.leave-intro{display:block;margin-top:.5rem}.quiz-actions{margin-top:.2rem}.transcript-text{color:#e8d8c0;color:var(--text);font-family:Cinzel,serif;font-size:.85rem;line-height:1.6}.mic-hint{color:#9a8870;color:var(--text-dim);font-size:.62rem;letter-spacing:.2em;margin-bottom:.7rem;text-transform:uppercase}.mic-hint.active{color:#6ab0ff;color:var(--blue)}.input-row{display:flex;gap:.5rem;margin-bottom:.9rem}.text-input{background:#ffffff08;border:1px solid #c9a84c40;color:#e8d8c0;color:var(--text);flex:1 1;font-family:Cinzel,serif;font-size:.8rem;letter-spacing:.04em;outline:none;padding:.65rem .9rem}.text-input::placeholder{color:#e8d08c40}.text-input:focus{background:#c9a84c0d;border-color:#c9a84c;border-color:var(--gold)}.btn-send{background:#c9a84c1f;border:1px solid #7a6030;border:1px solid var(--gold-dark);color:#e8d08c;color:var(--gold-light);cursor:pointer;font-family:Cinzel,serif;font-size:.75rem;letter-spacing:.1em;padding:.65rem 1rem;transition:all .2s;white-space:nowrap}.btn-send:hover:not(:disabled){background:#c9a84c38;border-color:#c9a84c;border-color:var(--gold)}.btn-send:disabled{cursor:not-allowed;opacity:.35}.btn-speak{background:linear-gradient(135deg,#6ab0ff1f,#6ab0ff0f);border:1px solid #6ab0ff66;color:#b0d8ff;cursor:pointer;font-family:Cinzel,serif;font-size:.85rem;letter-spacing:.15em;margin-bottom:.9rem;padding:1.1rem 2rem;text-transform:uppercase;transition:all .3s;width:100%}.btn-speak:hover:not(:disabled){background:linear-gradient(135deg,#6ab0ff38,#6ab0ff1f);border-color:#6ab0ff;border-color:var(--blue);box-shadow:0 0 20px #6ab0ff33}.btn-speak.recording{animation:recordPulse 1.2s ease-in-out infinite alternate;background:linear-gradient(135deg,#c8505033,#c850501a);border-color:#e07070;color:#ffb0b0}.btn-speak:disabled{background:linear-gradient(135deg,#c9a84c0f,#c9a84c08);border-color:#c9a84c33;color:#9a8870;color:var(--text-dim);cursor:not-allowed;opacity:.55}@keyframes recordPulse{0%{box-shadow:0 0 8px #c850504d}to{box-shadow:0 0 22px #c85050b3}}.spinner{animation:spin .8s linear infinite;border:2px solid #c9a84c33;border-radius:50%;border-top:2px solid var(--gold);display:inline-block;height:18px;margin-right:.5rem;vertical-align:middle;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.connecting-text{color:#9a8870;color:var(--text-dim);font-size:.78rem;letter-spacing:.15em}.error-text{color:#e07060;font-size:.75rem;letter-spacing:.05em;line-height:1.6;margin-bottom:1rem}.btn-skip{background:#0000;border:1px solid #c9a84c33;color:#9a8870;color:var(--text-dim);cursor:pointer;display:block;font-family:Cinzel,serif;font-size:.6rem;letter-spacing:.2em;margin:0 auto .6rem;padding:.25rem .9rem;text-transform:uppercase;transition:all .2s}.btn-skip:hover{border-color:#c9a84c;border-color:var(--gold);color:#e8d08c;color:var(--gold-light)}.scoreboard{align-items:center;background:#c9a84c0d;border:1px solid #c9a84c40;display:flex;gap:.6rem;justify-content:center;margin-bottom:.8rem;padding:.4rem 1rem}.score-label{color:#9a8870;color:var(--text-dim);font-size:.55rem;letter-spacing:.3em;text-transform:uppercase}.score-value{color:#e8d08c;color:var(--gold-light);font-family:Cinzel Decorative,serif;font-size:1rem;text-shadow:0 0 12px #c9a84c80}.share-panel{margin-top:.5rem;text-align:center}.share-title{font-size:.85rem;letter-spacing:.2em;margin-bottom:.4rem}.share-score-display,.share-title{color:#e8d08c;color:var(--gold-light);font-family:Cinzel Decorative,serif}.share-score-display{font-size:2rem;margin-bottom:.3rem;text-shadow:0 0 20px #c9a84c99}.share-subtitle{color:#9a8870;color:var(--text-dim);font-size:.6rem;letter-spacing:.25em;margin-bottom:.8rem;text-transform:uppercase}.share-row{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.btn-share{border:1px solid;cursor:pointer;font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.1em;padding:.5rem .9rem;transition:all .2s}.btn-share.whatsapp{background:#25d3661f;border-color:#25d36680;color:#7ddd9e}.btn-share.whatsapp:hover{background:#25d36638}.btn-share.twitter{background:#1da1f21f;border-color:#1da1f280;color:#80c8ff}.btn-share.twitter:hover{background:#1da1f238}.btn-share.native{background:#c9a84c1f;border-color:#c9a84c66;color:#e8d08c;color:var(--gold-light)}.btn-share.native:hover{background:#c9a84c38}.btn-share.copy{background:#ffffff0d;border-color:#fff3;color:#9a8870;color:var(--text-dim)}.btn-share.copy:hover{border-color:#c9a84c;border-color:var(--gold);color:#e8d08c;color:var(--gold-light)}.stars{color:#7a6030;color:var(--gold-dark);font-size:.55rem;letter-spacing:.6rem;margin-top:1.5rem}
/*# sourceMappingURL=main.069bbdf0.css.map*/