:root{--amarelo: #FFCC00;--azul: #0066B3;--vermelho: #E30613;--preto: #1a1a1a;--branco: #fff;--cinza: #f4f4f4}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:system-ui,-apple-system,sans-serif;background:var(--amarelo);color:var(--preto);min-height:100vh;-webkit-tap-highlight-color:transparent}#app{max-width:480px;margin:0 auto;min-height:100vh;padding:1.5rem;display:flex;flex-direction:column}h1{font-size:1.75rem;line-height:1.2;margin-bottom:.5rem}h2{font-size:1.25rem;line-height:1.3;margin-bottom:1rem}p{line-height:1.5}button{font:inherit;cursor:pointer;border:none;background:var(--vermelho);color:var(--branco);padding:1rem 1.5rem;font-size:1.1rem;font-weight:700;border-radius:999px;width:100%;margin-top:auto;transition:transform .1s}button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:not-allowed}.stars{display:flex;justify-content:center;gap:.5rem;margin:2rem 0}.star{width:3rem;height:3rem;border:3px solid var(--preto);border-radius:50%;background:var(--branco);display:grid;place-items:center;font-size:1.5rem;font-weight:800;cursor:pointer;transition:all .15s}.star.selected{background:var(--vermelho);color:var(--branco);transform:scale(1.1)}.character{width:280px;height:280px;margin:.5rem auto 1rem;border:4px solid var(--preto);border-radius:1.5rem;overflow:hidden;background:var(--branco);box-shadow:0 6px 0 var(--preto)}.character img{width:100%;height:100%;object-fit:cover;display:block}.character.emoji{display:grid;place-items:center;font-size:5rem;border-radius:50%;width:200px;height:200px}textarea{width:100%;margin:1rem 0;padding:.85rem;border:3px solid var(--preto);border-radius:1rem;font:inherit;resize:none;background:var(--branco)}.codigo-box{background:var(--branco);border:4px solid var(--preto);border-radius:1.25rem;padding:1.5rem;margin:1.5rem 0;text-align:center;box-shadow:0 6px 0 var(--preto)}.codigo-label{font-size:.85rem;letter-spacing:.15em;color:var(--vermelho);font-weight:800}.codigo-valor{font-size:2.5rem;font-weight:900;letter-spacing:.1em;margin:.25rem 0}.codigo-mesa{font-size:.9rem;font-weight:600;opacity:.7}h1{font-weight:900}h2{font-weight:700;opacity:.85}body.cinema-mode{background:#000;overflow:hidden}body.cinema-mode #app{max-width:none;padding:0;margin:0}.cinema{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 40%,#2a0d00,#0a0000 60%,#000);overflow:hidden;color:#fff;font-family:Anton,Impact,sans-serif}.scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 3px);z-index:100;mix-blend-mode:overlay}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.8) 100%);z-index:90}.skip{position:absolute;top:1rem;right:1rem;background:transparent;color:#ffffff73;border:1px solid rgba(255,255,255,.2);font-size:.7rem;font-family:Anton,sans-serif;letter-spacing:.2em;padding:.4rem .8rem;width:auto;margin:0;z-index:200;border-radius:999px;cursor:pointer}.skip:active{transform:scale(.95)}.frame{position:absolute;inset:0;display:grid;place-items:center;opacity:0;visibility:hidden;text-align:center;padding:2rem 1.5rem;z-index:10}.frame.active{opacity:1;visibility:visible}.frame.fade-in{animation:fadeIn .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dots{font-size:6rem;letter-spacing:.3em;color:var(--vermelho);filter:drop-shadow(0 0 24px rgba(227,6,19,.7));display:flex;gap:.3em}.dots span{animation:dotPulse 1.2s ease-in-out infinite}.dots span:nth-child(1){animation-delay:0s}.dots span:nth-child(2){animation-delay:.25s}.dots span:nth-child(3){animation-delay:.5s}@keyframes dotPulse{0%,to{opacity:.2;transform:translateY(0)}50%{opacity:1;transform:translateY(-8px)}}.glitch-wrap{position:relative}.glitch{font-size:clamp(4rem,16vw,7rem);font-weight:900;letter-spacing:.05em;color:var(--amarelo);text-shadow:-2px 0 var(--vermelho),2px 0 var(--azul),0 0 30px rgba(255,204,0,.5);white-space:nowrap}.frame.active .glitch{animation:slamIn .4s cubic-bezier(.16,1,.3,1) both,glitch .18s .4s steps(2) infinite}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-3px,1px) skew(-2deg)}40%{transform:translate(3px,-1px)}60%{transform:translate(-1px,2px) skew(1deg)}80%{transform:translate(2px,-2px)}}@keyframes slamIn{0%{transform:scale(2.5);opacity:0}to{transform:scale(1);opacity:1}}.sub-glitch{margin-top:1rem;font-size:.9rem;letter-spacing:.4em;color:#fff9;font-family:Anton,sans-serif;overflow:hidden;white-space:nowrap;border-right:2px solid var(--amarelo);width:0}.frame.active .sub-glitch{animation:typewriter 1.1s .5s steps(16) both}@keyframes typewriter{0%{width:0}to{width:17ch}}.mesa-frame{flex-direction:column}.mesa-frame .label-top{font-size:.85rem;letter-spacing:.5em;color:#ffffff8c;margin-bottom:.5rem;text-transform:uppercase}.mesa-num{font-family:Anton,sans-serif;font-size:clamp(8rem,30vw,14rem);font-weight:900;color:var(--amarelo);line-height:.85;text-shadow:0 0 40px rgba(255,204,0,.6),0 0 80px rgba(255,204,0,.3)}.frame.active .mesa-num{animation:numPop .6s cubic-bezier(.16,1,.3,1) both}@keyframes numPop{0%{transform:scale(.2) rotate(-15deg);opacity:0}60%{transform:scale(1.15) rotate(3deg)}to{transform:scale(1) rotate(0);opacity:1}}.label-bottom{font-size:.85rem;letter-spacing:.5em;color:var(--vermelho);margin-top:.5rem;text-transform:uppercase;font-weight:900;animation:labelFlash 1s ease-in-out infinite}@keyframes labelFlash{0%,to{opacity:1}50%{opacity:.4}}.act-final{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:5vh;gap:1.25rem}.patrao-entry{width:min(75vw,320px);aspect-ratio:1;border-radius:1.5rem;overflow:hidden;border:4px solid var(--amarelo);box-shadow:0 0 60px #ffcc0080,0 0 120px #e306134d,0 12px #000000b3;background:var(--branco);position:relative}.frame.active .patrao-entry{animation:patraoSlam .7s cubic-bezier(.16,1,.3,1) both}.patrao-entry:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.15));pointer-events:none}.patrao-entry img{width:100%;height:100%;object-fit:cover;display:block}@keyframes patraoSlam{0%{transform:translateY(110vh) rotate(-8deg) scale(1.3);opacity:0}70%{transform:translateY(-15px) rotate(2deg) scale(1.02)}to{transform:translateY(0) rotate(0) scale(1);opacity:1}}.bubble{background:var(--branco);color:var(--preto);border:3px solid #000;border-radius:1.25rem;padding:.85rem 1.25rem;font-family:system-ui,sans-serif;font-weight:800;font-size:1.15rem;position:relative;max-width:320px;box-shadow:0 6px #00000080;margin-top:.5rem;opacity:0}.frame.active .bubble{animation:bubbleIn .4s .6s both ease-out}.bubble:before{content:"";position:absolute;top:-14px;left:50%;transform:translate(-50%);width:0;height:0;border:10px solid transparent;border-bottom-color:#000}.bubble:after{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:0;height:0;border:8px solid transparent;border-bottom-color:var(--branco)}@keyframes bubbleIn{0%{opacity:0;transform:translateY(15px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}.proposta{font-family:system-ui,sans-serif;font-size:1.15rem;line-height:1.45;max-width:320px;color:#fffffff2;font-weight:600;opacity:0;padding:0 .5rem}.frame.active .proposta{animation:fadeIn .6s 1.6s both}.proposta strong{color:var(--amarelo);font-weight:900}.cta-neon{background:var(--vermelho);color:var(--branco);border:3px solid var(--amarelo);padding:1.1rem 2.5rem;font-family:Anton,sans-serif;font-size:1.75rem;letter-spacing:.1em;border-radius:999px;width:auto;margin:.5rem 0 0;box-shadow:0 0 30px #ffcc0080,0 0 60px #e3061366,0 8px #5a0007;opacity:0;cursor:pointer;text-shadow:0 2px 4px rgba(0,0,0,.4)}.frame.active .cta-neon{animation:ctaIn .5s 2.4s both,ctaPulse 1.8s 2.9s ease-in-out infinite}@keyframes ctaIn{0%{opacity:0;transform:translateY(20px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ctaPulse{0%,to{transform:scale(1);box-shadow:0 0 30px #ffcc0080,0 0 60px #e3061366,0 8px #5a0007}50%{transform:scale(1.04);box-shadow:0 0 50px #ffcc00e6,0 0 80px #e3061399,0 8px #5a0007}}.cta-neon:active{transform:translateY(4px) scale(.97);box-shadow:0 0 20px #fc06,0 4px #5a0007}.hint{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);color:#fff6;font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;font-family:Anton,sans-serif;opacity:0}.frame.active .hint{animation:fadeIn .5s 3.2s forwards}@media (prefers-reduced-motion: reduce){.glitch,.cta-neon,.label-bottom,.dots span{animation-duration:.01s!important;animation-iteration-count:1!important}}.cinema-screen{min-height:100vh;background:radial-gradient(ellipse at 50% 30%,#2a0d00,#0a0000 60%,#000);color:#fff;padding:2rem 1.25rem 2.5rem;display:flex;flex-direction:column;align-items:center;position:relative;overflow-x:hidden}.cinema-screen .scanlines,.cinema-screen .vignette{position:fixed}.ato-counter{font-family:Anton,sans-serif;font-size:.7rem;letter-spacing:.5em;color:var(--vermelho);text-transform:uppercase;margin-bottom:.25rem;animation:fadeIn .4s both;z-index:10}.ato-titulo{font-family:Anton,sans-serif;font-size:2rem;letter-spacing:.04em;color:var(--amarelo);text-transform:uppercase;text-shadow:0 0 24px rgba(255,204,0,.5);margin-bottom:1.25rem;animation:titIn .5s .1s cubic-bezier(.16,1,.3,1) both;text-align:center;z-index:10}@keyframes titIn{0%{opacity:0;transform:translateY(-15px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.patrao-small{width:160px;height:160px;border-radius:1.25rem;overflow:hidden;border:3px solid var(--amarelo);box-shadow:0 0 30px #fc06;background:var(--branco);position:relative;z-index:5;animation:patraoFadeIn .5s .2s both}@keyframes patraoFadeIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.patrao-small img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s}.patrao-small.reacting{animation:reactPop .5s cubic-bezier(.16,1,.3,1)}.patrao-small.reacting.feliz{box-shadow:0 0 40px #ffcc00e6,0 0 80px #fc06;border-color:var(--amarelo)}.patrao-small.reacting.triste{box-shadow:0 0 40px #e30613b3,0 0 80px #e306134d;border-color:var(--vermelho)}.patrao-small.reacting.neutro{box-shadow:0 0 30px #fff6;border-color:#ffffff80}@keyframes reactPop{0%{transform:scale(1)}35%{transform:scale(1.15) rotate(-4deg)}70%{transform:scale(.97) rotate(2deg)}to{transform:scale(1) rotate(0)}}.pergunta{font-family:system-ui,sans-serif;font-size:1.35rem;font-weight:800;line-height:1.3;text-align:center;color:#fff;max-width:340px;margin:1.25rem 0 1rem;animation:fadeIn .5s .3s both;z-index:10}.stars-neon{display:flex;gap:.6rem;margin:.5rem 0 .75rem;z-index:10;animation:fadeIn .5s .4s both}.star-neon{width:3rem;height:3rem;border:2px solid rgba(255,255,255,.3);background:#ffffff0d;color:#ffffff80;font-family:Anton,sans-serif;font-size:1.3rem;font-weight:900;border-radius:50%;cursor:pointer;margin:0;padding:0;display:grid;place-items:center;transition:transform .15s,background .2s,border-color .2s,color .2s,box-shadow .2s}.star-neon:active{transform:scale(.88)}.star-neon.selected{background:var(--amarelo);border-color:var(--amarelo);color:#000;box-shadow:0 0 24px #ffcc00b3;transform:scale(1.05)}.star-neon.dim{background:#ffffff0d;border-color:#ffffff26;color:#ffffff4d}.reacao{font-family:Anton,sans-serif;font-size:1.6rem;letter-spacing:.06em;color:var(--amarelo);min-height:2.2rem;opacity:0;text-transform:uppercase;text-shadow:0 0 18px rgba(255,204,0,.7);margin-top:.5rem;text-align:center;z-index:10}.reacao.show{animation:reacaoIn .5s cubic-bezier(.16,1,.3,1) forwards}.reacao.triste{color:var(--vermelho);text-shadow:0 0 18px rgba(227,6,19,.7)}.reacao.neutro{color:#ffffffd9;text-shadow:0 0 12px rgba(255,255,255,.4)}@keyframes reacaoIn{0%{opacity:0;transform:translateY(15px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}.cta-late{margin:1.25rem 0 0;opacity:.25;pointer-events:none;font-size:1.4rem;padding:1rem 2.5rem;transform:scale(.95);transition:opacity .3s,transform .3s;background:var(--vermelho);color:var(--branco);border:3px solid rgba(255,204,0,.3);border-radius:999px;font-family:Anton,sans-serif;letter-spacing:.1em;cursor:not-allowed;width:auto;z-index:10}.cta-late.ready{opacity:1;pointer-events:auto;cursor:pointer;border-color:var(--amarelo);box-shadow:0 0 30px #ffcc0080,0 8px #5a0007;transform:scale(1)}.cta-pulse{animation:ctaPulse 1.8s ease-in-out infinite}.cta-late.ready:active{transform:translateY(4px) scale(.97);box-shadow:0 0 20px #fc06,0 4px #5a0007}.cinema-screen textarea{background:#ffffff14;border:2px solid rgba(255,204,0,.4);color:#fff;border-radius:1rem;padding:.85rem;width:100%;max-width:380px;margin:1rem 0;resize:none;font:inherit;z-index:10}.cinema-screen textarea::placeholder{color:#ffffff73}.cinema-screen .codigo-box{background:linear-gradient(180deg,#1a0d00,#000);border:4px solid var(--amarelo);box-shadow:0 0 50px #ffcc0080,0 0 100px #e306134d;color:#fff;border-radius:1.25rem;padding:1.5rem;margin:1.5rem 0;text-align:center;z-index:10;animation:codigoIn .6s cubic-bezier(.16,1,.3,1);max-width:380px;width:100%}@keyframes codigoIn{0%{opacity:0;transform:scale(.7) rotate(-3deg)}to{opacity:1;transform:scale(1) rotate(0)}}.cinema-screen .codigo-label{font-family:Anton,sans-serif;font-size:.85rem;letter-spacing:.3em;color:var(--amarelo)}.cinema-screen .codigo-valor{font-family:Anton,sans-serif;font-size:3rem;font-weight:900;letter-spacing:.15em;color:#fff;text-shadow:0 0 20px rgba(255,204,0,.7);margin:.25rem 0}.cinema-screen .codigo-mesa{font-size:.85rem;color:#fff9;letter-spacing:.1em}.cinema-screen h1{font-family:Anton,sans-serif;text-transform:uppercase;letter-spacing:.02em;text-align:center;z-index:10}.cinema-screen p{text-align:center;z-index:10;max-width:380px;color:#ffffffd9}.confetti{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}.confetti span{position:absolute;width:10px;height:14px;top:-20px;animation:confettiFall linear forwards}@keyframes confettiFall{to{transform:translateY(110vh) rotate(720deg)}}.cta-neon.visible{opacity:1;pointer-events:auto;animation:ctaPulse 1.8s ease-in-out infinite;z-index:10}.cta-neon:disabled{opacity:.5;animation:none;cursor:wait}.wheel-wrap{--ww: min(82vw, 340px);container-type:size;width:var(--ww);height:var(--ww);position:relative;margin:.5rem auto 1.25rem;z-index:10;animation:patraoFadeIn .6s both}.wheel{width:100%;height:100%;border-radius:50%;border:6px solid var(--amarelo);box-shadow:0 0 40px #ffcc008c,0 0 90px #e3061359,inset 0 0 30px #00000073;position:relative;will-change:transform}.wheel-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;pointer-events:none}.wheel-label span{margin-top:10%;font-family:Anton,sans-serif;font-size:clamp(.5rem,2.4vw,.72rem);letter-spacing:.06em;writing-mode:vertical-rl;text-orientation:mixed;text-shadow:0 1px 3px rgba(0,0,0,.55)}.wheel-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34%;height:34%;border-radius:50%;background:var(--branco);border:5px solid var(--preto);box-shadow:0 0 24px #0009;display:grid;place-items:center;overflow:hidden;z-index:3}.wheel-hub img{width:88%;height:88%;object-fit:contain}.wheel-pointer{position:absolute;top:-18px;left:50%;transform:translate(-50%);width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:30px solid var(--vermelho);filter:drop-shadow(0 0 10px rgba(227,6,19,.8));z-index:4}.roleta-dica{text-align:center;color:#ffffffd9;font-size:1.05rem;font-weight:600;max-width:320px;margin:0 auto 1rem;z-index:10}.roleta-dica strong{color:var(--amarelo)}.premio-box{background:linear-gradient(180deg,#1a0d00,#000);border:4px solid var(--amarelo);box-shadow:0 0 50px #ffcc008c,0 0 100px #e306134d;border-radius:1.25rem;padding:1.5rem 1.25rem;margin:1.25rem 0;text-align:center;max-width:380px;width:100%;z-index:10;animation:codigoIn .6s cubic-bezier(.16,1,.3,1)}.premio-label{font-family:Anton,sans-serif;font-size:.85rem;letter-spacing:.35em;color:var(--vermelho)}.premio-nome{font-family:Anton,sans-serif;font-size:clamp(2rem,9vw,2.9rem);color:var(--amarelo);text-shadow:0 0 26px rgba(255,204,0,.75);margin:.35rem 0 .25rem;line-height:1.05}.premio-sub{font-size:.85rem;color:#fff9;letter-spacing:.06em}.passos{display:flex;flex-direction:column;gap:.6rem;max-width:360px;width:100%;margin:0 auto .5rem;z-index:10}.passo{display:flex;align-items:center;gap:.75rem;background:#ffffff0f;border:1px solid rgba(255,204,0,.25);border-radius:.9rem;padding:.7rem .9rem;font-size:.95rem;font-weight:600;color:#ffffffeb;text-align:left}.passo strong{color:var(--amarelo)}.passo-n{flex:none;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--vermelho);color:var(--branco);font-family:Anton,sans-serif;display:grid;place-items:center;font-size:1rem;box-shadow:0 0 14px #e30613b3}.foto-intro{text-align:center;color:#ffffffd9;font-size:1rem;max-width:340px;margin:.5rem auto 1.25rem;z-index:10}.foto-btns{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:380px;z-index:10}.btn-ghost{background:transparent;color:#fff9;border:1px solid rgba(255,255,255,.25);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;padding:.6rem 1.4rem;border-radius:999px;width:auto;margin:0;font-family:Anton,sans-serif}.btn-ghost:active{transform:scale(.95)}#foto-stage{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1.25rem;z-index:10}.preview-wrap{width:min(64vw,260px);aspect-ratio:9 / 16;border-radius:1rem;overflow:hidden;border:4px solid var(--amarelo);box-shadow:0 0 40px #ffcc0080;animation:patraoFadeIn .5s both}.preview-wrap img{width:100%;height:100%;object-fit:cover;display:block}.email-zone{display:flex;flex-direction:column;align-items:center;gap:.6rem;margin-top:1.5rem;max-width:380px;width:100%;z-index:10}.email-zone label{font-size:.85rem;color:#fff9;text-align:center}.email-zone input{width:100%;background:#ffffff14;border:2px solid rgba(255,204,0,.4);color:#fff;border-radius:.9rem;padding:.85rem 1rem;font:inherit;text-align:center}.email-zone input::placeholder{color:#ffffff59}.email-ok{min-height:1.2rem;font-size:.85rem;font-weight:700}