@keyframes halo-breathe{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.95;transform:scale(1.05)}}@keyframes lights-blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes pointer-wiggle{0%,to{transform:translate(-50%) rotate(0)}20%{transform:translate(-50%) rotate(-16deg)}45%{transform:translate(-50%) rotate(12deg)}70%{transform:translate(-50%) rotate(-6deg)}85%{transform:translate(-50%) rotate(3deg)}}@keyframes hub-pop{0%{transform:translate(-50%,-50%) scale(1)}40%{transform:translate(-50%,-50%) scale(1.25)}70%{transform:translate(-50%,-50%) scale(.94)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes btn-pulse{0%,to{box-shadow:0 10px 28px #7a742373,0 0 #a7e82b8c}70%{box-shadow:0 10px 28px #7a742373,0 0 0 16px #a7e82b00}}@keyframes reveal-up{0%{opacity:0;transform:translateY(28px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes badge-bounce{0%{transform:scale(.3) rotate(-12deg);opacity:0}55%{transform:scale(1.15) rotate(4deg);opacity:1}75%{transform:scale(.95) rotate(-2deg)}to{transform:scale(1) rotate(0)}}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0) scale(1);opacity:1}to{transform:translateY(120vh) rotate(720deg) scale(.3);opacity:0}}.wheel-section{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:28px 16px calc(36px + env(safe-area-inset-bottom,0px));background:radial-gradient(ellipse 90% 55% at 50% 38%,rgba(167,232,43,.16) 0%,transparent 70%),var(--fundo);overflow:hidden}.roulette-heading{text-align:center;margin-bottom:clamp(18px,4vh,32px)}.roulette-kicker{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--verde-escuro);background:#a7e82b38;border:1px solid rgba(122,116,35,.18);padding:6px 14px;border-radius:999px;margin-bottom:12px}.roulette-heading h1{font-size:clamp(1.5rem,5vw,2rem);margin:0 0 6px;color:var(--preto)}.roulette-heading p{margin:0;color:var(--texto);font-size:.95rem}.wheel-stage{position:relative;width:min(360px,88vw,52dvh);height:min(360px,88vw,52dvh)}.wheel-halo{position:absolute;inset:-9%;border-radius:50%;background:radial-gradient(circle,rgba(167,232,43,.4) 30%,rgba(167,232,43,.12) 62%,transparent 72%);filter:blur(14px);animation:halo-breathe 2.8s ease-in-out infinite;pointer-events:none}.wheel-stage.spinning .wheel-halo{animation-duration:1.1s}.wheel-rotor{position:absolute;inset:0;will-change:transform}.wheel-svg{width:100%;height:100%;display:block;filter:drop-shadow(0 14px 30px rgba(26,26,26,.35))}.wheel-light{fill:#fdfdf6;opacity:.95}.wheel-light.alt{fill:#d8f59a}.wheel-stage.spinning .wheel-light{animation:lights-blink .5s steps(1) infinite}.wheel-stage.spinning .wheel-light.alt{animation-delay:.25s}.wheel-pointer{position:absolute;top:-4.5%;left:50%;transform:translate(-50%);width:13%;z-index:10;transform-origin:50% 20%;filter:drop-shadow(0 4px 6px rgba(0,0,0,.4))}.wheel-pointer.wiggle{animation:pointer-wiggle .7s ease}.wheel-hub{position:absolute;top:50%;left:50%;width:19%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(150deg,#fff,#e9eadf);border:3px solid #fff;box-shadow:0 4px 14px #0000004d,inset 0 -3px 8px #7a74232e;z-index:5;display:flex;align-items:center;justify-content:center}.wheel-hub-mark{width:34%;aspect-ratio:1;border-radius:26%;background:var(--lima);box-shadow:0 1px 4px #7a742366}.wheel-hub.pop{animation:hub-pop .6s cubic-bezier(.34,1.56,.64,1)}.btn-spin{margin-top:clamp(24px,5vh,40px);padding:17px 48px;font-size:1.15rem;font-family:inherit;font-weight:800;letter-spacing:.02em;color:var(--preto);background:linear-gradient(150deg,#b9f04b,var(--lima) 45%,#8fd41f);border:none;border-radius:999px;cursor:pointer;box-shadow:0 10px 28px #7a742373;animation:btn-pulse 1.8s ease-out infinite;transition:transform .12s,filter .15s}.btn-spin:hover:not(:disabled){transform:scale(1.05);filter:brightness(1.04)}.btn-spin:active:not(:disabled){transform:scale(.97)}.btn-spin.spun,.btn-spin:disabled{animation:none;opacity:.55;cursor:default;box-shadow:0 6px 18px #7a742340}.winner-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px calc(30px + env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) calc(30px + env(safe-area-inset-left,0px));background:#1a1a1ac7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:overlay-in .3s ease both;overflow-y:auto}.winner-card{position:relative;width:100%;max-width:330px;margin:auto 0;background:#fff;border-radius:26px;padding:44px 30px 32px;text-align:center;box-shadow:0 32px 80px #00000080;animation:reveal-up .5s cubic-bezier(.34,1.56,.64,1) both;overflow:hidden}.winner-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--verde),var(--lima),var(--verde))}.winner-badge{width:76px;height:76px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:2.2rem;border-radius:50%;background:radial-gradient(circle at 35% 30%,#a7e82b73,#a7e82b26);border:2px solid rgba(167,232,43,.5);animation:badge-bounce .7s cubic-bezier(.34,1.56,.64,1) .15s both}.winner-eyebrow{font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--lima-escuro);margin-bottom:8px}.winner-prize{font-size:clamp(1.35rem,5.5vw,1.6rem);font-weight:800;color:var(--verde);margin:0 0 10px;line-height:1.25;overflow-wrap:break-word}.winner-note{font-size:.85rem;color:var(--texto);margin:0 0 26px;line-height:1.5}.btn-continue{width:100%;padding:16px;background:var(--verde);color:#fff;border:none;border-radius:999px;font-family:inherit;font-weight:800;font-size:1.05rem;cursor:pointer;box-shadow:0 6px 20px #7a742366;transition:transform .1s,background .15s}.btn-continue:hover{background:var(--verde-escuro);transform:scale(1.02)}.btn-continue:active{transform:scale(.98)}.confetti-wrapper{position:fixed;inset:0;pointer-events:none;z-index:99;overflow:hidden}.confetti-piece{position:absolute;top:-20px;width:10px;height:10px;animation:confetti-fall var(--dur, 3s) var(--delay, 0s) ease-in forwards;border-radius:var(--radius, 2px)}@media(max-width:380px){.winner-card{padding:36px 22px 26px}.btn-spin{padding:15px 40px;font-size:1.05rem}}@media(prefers-reduced-motion:reduce){.wheel-halo,.btn-spin,.wheel-light{animation:none!important}}.checkbox-option{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:10px;border:1.5px solid var(--borda);border-radius:var(--radius-sm);cursor:pointer;font-size:.95rem;color:var(--preto);transition:all .2s ease}.checkbox-option:hover{border-color:var(--lima);background:#a7e82b0d}.checkbox-option input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--lima)}.opcao-livre-input{width:100%;margin-top:8px;padding:10px 14px;border:1.5px solid var(--borda);border-radius:var(--radius-sm);font-family:Manrope,sans-serif;font-size:.9rem;color:var(--preto);transition:all .2s ease}.opcao-livre-input:focus{outline:none;border-color:var(--lima);box-shadow:0 0 0 3px #a7e82b1a}.text-response{margin:20px 0}.text-input{width:100%;padding:14px 16px;border:1.5px solid var(--borda);border-radius:var(--radius-sm);font-family:Manrope,sans-serif;font-size:.95rem;color:var(--preto);resize:vertical;transition:all .2s ease}.text-input:focus{outline:none;border-color:var(--lima);box-shadow:0 0 0 3px #a7e82b1a}.audio-response{display:flex;flex-direction:column;gap:16px;padding:20px;background:#a7e82b0d;border-radius:var(--radius-sm);border:1.5px solid var(--borda)}.audio-help-text{font-size:.82rem;color:var(--texto);text-align:center;font-style:italic}.audio-recorder{display:flex;flex-direction:column;gap:12px;align-items:center}.btn-recorder{padding:12px 24px;border:none;border-radius:var(--radius-sm);background:var(--lima);color:var(--verde);font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.btn-recorder:hover{background:var(--lima-escuro);transform:scale(1.02)}.recording-status{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}.recording-indicator{display:flex;align-items:center;gap:10px;font-size:.95rem;color:var(--texto);font-weight:600}.pulse{width:10px;height:10px;background:#c0392b;border-radius:50%;animation:pulse-blink 1s infinite}@keyframes pulse-blink{0%,to{opacity:1}50%{opacity:.3}}.btn-stop{padding:12px 24px;border:none;border-radius:var(--radius-sm);background:#c0392b;color:#fff;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s ease}.btn-stop:hover{background:#a03225;transform:scale(1.02)}.recording-saved{font-size:.9rem;color:#27ae60;font-weight:600;display:flex;align-items:center;gap:6px}.quiz-nav{display:flex;align-items:center;justify-content:space-between;margin-top:28px;gap:12px;flex-wrap:wrap}.quiz-nav-left,.quiz-nav-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn-text{background:transparent;border:none;color:#9a9a9a;font-weight:700;font-size:.85rem;cursor:pointer;padding:6px 4px}.btn-text:hover:not(:disabled){color:var(--verde)}.btn-text:disabled{opacity:.5;cursor:not-allowed}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn{padding:12px 24px;border-radius:var(--radius-sm);border:none;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--lima);color:var(--verde)}.btn-primary:hover:not(:disabled){background:var(--lima-escuro);transform:scale(1.02)}.btn-ghost{background:transparent;color:var(--texto);border:1px solid var(--borda)}.btn-ghost:hover{border-color:var(--verde);color:var(--verde)}@media(max-width:600px){.quiz-nav{flex-direction:column;gap:12px}.btn-recorder,.btn-stop,.btn{width:100%}.text-input{font-size:16px}}.ou-divisor{display:flex;align-items:center;gap:12px;margin:18px 0 14px;color:#9a9a9a;font-size:.78rem;font-weight:700}.ou-divisor:before,.ou-divisor:after{content:"";flex:1;height:1px;background:var(--borda)}.btn-carregando{display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-spinner{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:spinner-gira .7s linear infinite;flex:none}.quiz-finalizando{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;font-size:.85rem;font-weight:700;color:var(--verde)}@keyframes spinner-gira{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.btn-spinner{animation-duration:2s}}
