*,*:before,*:after{box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background:#0a0a0f}#root{min-height:100vh;display:flex;align-items:center;justify-content:center}.app{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#0a0a0f;transition:background 1s ease}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(79,70,229,calc(.18 - var(--rage, 0) * .18)) 0%,transparent 70%),radial-gradient(ellipse 80% 60% at 50% 50%,rgba(220,38,38,calc(var(--rage, 0) * .22)) 0%,transparent 70%);pointer-events:none;z-index:0;transition:background .8s ease}.flash-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#dc26262e;z-index:100;pointer-events:none;animation:flash-out .35s ease forwards}@keyframes flash-out{0%{opacity:1}to{opacity:0}}.confetti-piece{position:fixed;top:-10%;z-index:50;pointer-events:none;animation:fall linear forwards}@keyframes fall{0%{transform:translateY(0) rotate(0);opacity:1}80%{opacity:1}to{transform:translateY(110vh) rotate(var(--rotate, 360deg));opacity:0}}.questions-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.fq{position:absolute;font-size:var(--sz, .8rem);color:rgba(255 255 255 / var(--op, .07));white-space:nowrap;-webkit-user-select:none;user-select:none;transform-origin:center center}.stage-3 .fq{color:rgba(255 120 80 / calc(var(--op, .07) * 1.3))}.stage-4 .fq{color:rgba(255 80 60 / calc(var(--op, .07) * 1.6))}.stage-5 .fq{color:rgba(180 80 255 / calc(var(--op, .07) * 1.8))}@keyframes bob{0%,to{transform:rotate(var(--rot,0deg)) translate(0)}25%{transform:rotate(var(--rot,0deg)) translate(12px,-22px)}60%{transform:rotate(var(--rot,0deg)) translate(-8px,-12px)}}@keyframes scroll-lr{0%{transform:translate(-20vw) rotate(var(--rot,0deg));opacity:0}5%{opacity:var(--op, .07)}95%{opacity:var(--op, .07)}to{transform:translate(115vw) rotate(var(--rot,0deg));opacity:0}}@keyframes scroll-rl{0%{transform:translate(115vw) rotate(var(--rot,0deg));opacity:0}5%{opacity:var(--op, .07)}95%{opacity:var(--op, .07)}to{transform:translate(-20vw) rotate(var(--rot,0deg));opacity:0}}@keyframes diag-dr{0%,to{transform:rotate(var(--rot,0deg)) translate(0)}50%{transform:rotate(var(--rot,0deg)) translate(35px,25px)}}@keyframes diag-ul{0%,to{transform:rotate(var(--rot,0deg)) translate(0)}50%{transform:rotate(var(--rot,0deg)) translate(-30px,-20px)}}@keyframes spinbob{0%{transform:rotate(0) translate(0)}50%{transform:rotate(180deg) translate(15px,-15px)}to{transform:rotate(360deg) translate(0)}}.fq-0{top:8%;left:4%;--rot:-15deg;--sz:1.05rem;--op:.18;animation:bob 14s ease-in-out -0s infinite}.fq-1{top:72%;left:62%;--rot: 5deg;--sz:1.2rem;--op:.16;animation:bob 13s ease-in-out -5s infinite}.fq-2{top:17%;left:0;--rot: 7deg;--sz:1.1rem;--op:.18;animation:scroll-lr 10s linear -2s infinite}.fq-3{top:45%;left:0;--rot: -9deg;--sz:.85rem;--op:.15;animation:scroll-rl 13s linear -4s infinite}.fq-4{top:58%;left:10%;--rot:-30deg;--sz:1.4rem;--op:.2;animation:bob 16s ease-in-out -3s infinite}.fq-5{top:70%;left:0;--rot: 14deg;--sz:.95rem;--op:.17;animation:scroll-lr 9s linear -7s infinite}.fq-6{top:28%;left:78%;--rot: 88deg;--sz:.9rem;--op:.15;animation:bob 15s ease-in-out -1s infinite}.fq-7{top:87%;left:0;--rot: -5deg;--sz:1rem;--op:.16;animation:scroll-rl 12s linear -3s infinite}.fq-8{top:22%;left:42%;--rot: 20deg;--sz:.8rem;--op:.14;animation:diag-dr 14s ease-in-out -8s infinite}.fq-9{top:90%;left:28%;--rot:-12deg;--sz:1.5rem;--op:.22;animation:bob 12s ease-in-out -2s infinite}.fq-10{top:3%;left:0;--rot: 4deg;--sz:1.2rem;--op:.17;animation:scroll-lr 16s linear -6s infinite}.fq-11{top:55%;left:0;--rot:-22deg;--sz:.95rem;--op:.18;animation:scroll-rl 14s linear -10s infinite}.fq-12{top:42%;left:72%;--rot: 48deg;--sz:.85rem;--op:.15;animation:diag-ul 15s ease-in-out -4s infinite}.fq-13{top:82%;left:0;--rot: 8deg;--sz:1.1rem;--op:.17;animation:scroll-lr 11s linear -1s infinite}.fq-14{top:38%;left:50%;--rot:-40deg;--sz:1.6rem;--op:.13;animation:spinbob 20s linear -8s infinite}.card{position:relative;z-index:1;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:3rem 2.5rem;width:min(480px,90vw);text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 80px #000000b3;transition:border-color .6s ease,box-shadow .6s ease}.stage-1 .card{border-color:#facc1526}.stage-2 .card{border-color:#fb923c33;box-shadow:0 0 80px #000000b3,0 0 30px #fb923c0d}.stage-3 .card{border-color:#f8717140;box-shadow:0 0 80px #000000b3,0 0 40px #f8717114}.stage-4 .card{border-color:#dc262659;box-shadow:0 0 80px #000000b3,0 0 50px #dc26261f}.stage-5 .card{border-color:#a855f766;box-shadow:0 0 80px #000000b3,0 0 60px #a855f726}.title{font-size:clamp(1.4rem,4vw,2rem);font-weight:700;color:#e2e8f0;margin:0 0 2rem;line-height:1.3}.title em{font-style:normal;color:#818cf8;letter-spacing:.02em}.character{position:relative;display:inline-flex;align-items:center;justify-content:center;width:110px;height:110px;border-radius:50%;margin-bottom:1.5rem}.char-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--c, #4ade80);box-shadow:0 0 12px var(--g, #16a34a),inset 0 0 12px #0000004d;animation:ring-pulse 3s ease-in-out infinite;transition:border-color .5s ease,box-shadow .5s ease}.stage-1 .char-ring{animation-duration:2.5s}.stage-2 .char-ring{animation-duration:2s}.stage-3 .char-ring{animation-duration:1.4s}.stage-4 .char-ring{animation-duration:.9s}.stage-5 .char-ring{animation-duration:.5s}@keyframes ring-pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.18);opacity:.25}}.character:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--g, #16a34a) 25%,transparent),transparent 70%);z-index:-1;animation:glow-breathe 3s ease-in-out infinite}.stage-1 .character:after{animation-duration:2.5s}.stage-2 .character:after{animation-duration:2s}.stage-3 .character:after{animation-duration:1.4s}.stage-4 .character:after{animation-duration:.9s}.stage-5 .character:after{animation-duration:.5s}@keyframes glow-breathe{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.char-emoji{font-size:3.6rem;line-height:1;display:block;position:relative;z-index:1;animation:idle 3s ease-in-out infinite;transition:font-size .3s ease}.stage-4 .char-emoji{font-size:4rem}.stage-5 .char-emoji{font-size:4.2rem}@keyframes idle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shake-s{0%,to{transform:translate(0)}20%{transform:translate(-6px) rotate(-2deg)}40%{transform:translate(6px) rotate(2deg)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes shake-m{0%,to{transform:translate(0)}15%{transform:translate(-12px) rotate(-4deg)}30%{transform:translate(12px) rotate(4deg)}50%{transform:translate(-8px) rotate(-2deg)}70%{transform:translate(8px)}85%{transform:translate(-4px)}}@keyframes shake-l{0%,to{transform:translate(0) scale(1)}10%{transform:translate(-16px) rotate(-5deg) scale(1.05)}25%{transform:translate(16px) rotate(5deg) scale(1.05)}40%{transform:translate(-12px) rotate(-3deg)}55%{transform:translate(14px) rotate(3deg)}70%{transform:translate(-8px)}85%{transform:translate(8px)}}@keyframes shake-xl{0%,to{transform:translate(0) scale(1)}8%{transform:translate(-20px) rotate(-7deg) scale(1.1)}20%{transform:translate(20px) rotate(7deg) scale(1.1)}35%{transform:translate(-16px) rotate(-4deg) scale(1.05)}50%{transform:translate(18px) rotate(5deg)}65%{transform:translate(-12px) rotate(-3deg)}80%{transform:translate(12px)}90%{transform:translate(-6px)}}.shake.shake-0,.shake.shake-1{animation:shake-s .6s ease both}.shake.shake-2{animation:shake-m .65s ease both}.shake.shake-3{animation:shake-l .7s ease both}.shake.shake-4,.shake.shake-5{animation:shake-xl .75s ease both}.char-emoji{animation:idle 3s ease-in-out infinite}.shake .char-emoji{animation:none}.attempts-badge{position:absolute;top:4px;right:4px;background:#dc2626;color:#fff;font-size:.7rem;font-weight:700;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2}.msg{font-size:1rem;font-weight:600;margin:0 0 1.25rem;min-height:1.5em;transition:color .3s}.slide-in{animation:slide-in .3s cubic-bezier(.34,1.56,.64,1) both}@keyframes slide-in{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.form{display:flex;gap:.5rem;margin-bottom:1rem}.inp{flex:1;background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#f1f5f9;font-size:1.05rem;padding:.75rem 1rem;outline:none;transition:border-color .2s,box-shadow .2s}.inp::placeholder{color:#ffffff4d}.inp:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}.inp-wrong{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc262640!important;animation:inp-flash .6s ease forwards}@keyframes inp-flash{0%,30%{border-color:#dc2626;box-shadow:0 0 0 4px #dc262659}to{border-color:#ffffff26;box-shadow:none}}.btn{background:#4f46e5;color:#fff;border:none;border-radius:12px;font-size:1.2rem;padding:.75rem 1.25rem;cursor:pointer;transition:background .2s,transform .1s}.btn:hover{background:#6366f1}.btn:active{transform:scale(.96)}.hint{font-size:.85rem;color:#fff6;margin:0;animation:slide-in .4s ease both}.win{display:flex;flex-direction:column;align-items:center;gap:1rem;animation:slide-in .5s cubic-bezier(.34,1.56,.64,1) both}.win-text{font-size:1.15rem;color:#e2e8f0;margin:0;line-height:1.6}.win-sub{font-size:.9rem;color:#fff6;margin:0}.btn-reset{font-size:.95rem;padding:.6rem 1.5rem;border-radius:10px}