@import"https://fonts.googleapis.com/css2?family=Bowlby+One+SC&family=Outfit:wght@400;600;700;800;900&display=swap";:root{--primary: #2563EB;--secondary: #F59E0B;--accent: #34D399;--bg-dark: #060B18;--card-bg: rgba(6, 11, 24, .92);--font-game: "Outfit", "Bowlby One SC", sans-serif;--font-body: "Outfit", sans-serif;--pill: 42px;--card-r: 14px;--btn-h: 41px;--content-rail: 476px;--form-rail: 398px;--answer-h: clamp(39px, 7.3vw, 48px);--btn-cta-h: clamp(44px, 7.65vw, 51px);--btn-cta-h-desktop: 51px;--btn-cta-radius: 26px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-dark);-webkit-font-smoothing:antialiased}body{position:relative;isolation:isolate}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}body:before{z-index:0;background-color:var(--bg-dark);background-image:url(/assets/bg.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}body:after{z-index:1;background:transparent}#root{position:relative;z-index:2;width:100%;height:100%;overflow:hidden}button{font-family:var(--font-body);border:none;outline:none;background:none;cursor:pointer}img{display:block;max-width:100%}a{color:var(--secondary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.game-wrapper{width:100%;height:100dvh;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.game-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;display:none;background:#0d274fcc}.game-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:linear-gradient(180deg,#ffffff1a,#ffffff08 24%,#07173f2e),radial-gradient(90% 65% at 14% 18%,rgba(255,214,97,.11),transparent 58%),radial-gradient(84% 62% at 82% 16%,rgba(118,214,255,.1),transparent 56%),radial-gradient(92% 74% at 52% 84%,rgba(39,98,255,.12),transparent 60%);opacity:.92;animation:ambientGlow 16s ease-in-out infinite alternate}.clouds-layer{position:fixed;top:0;left:0;right:0;height:60%;pointer-events:none;z-index:1;overflow:hidden}.cloud{position:absolute;pointer-events:none;will-change:transform,opacity}.cloud-1{top:2%;width:clamp(130px,28vw,240px);animation:cloudDrift 30s linear infinite;--c-opacity: .82}.cloud-2{top:16%;width:clamp(100px,22vw,190px);animation:cloudDriftReverse 38s linear infinite;animation-delay:-16s;--c-opacity: .62}.cloud-3{top:32%;width:clamp(150px,34vw,280px);animation:cloudDrift 46s linear infinite;animation-delay:-8s;--c-opacity: .5}.cloud-4{top:6%;width:clamp(110px,26vw,210px);animation:cloudDriftReverse 54s linear infinite;animation-delay:-28s;--c-opacity: .4}@keyframes cloudDrift{0%{transform:translate(-110%);opacity:0}8%{opacity:var(--c-opacity, .7)}88%{opacity:var(--c-opacity, .7)}to{transform:translate(110vw);opacity:0}}@keyframes cloudDriftReverse{0%{transform:translate(110vw);opacity:0}8%{opacity:var(--c-opacity, .6)}88%{opacity:var(--c-opacity, .6)}to{transform:translate(-110%);opacity:0}}.fire-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;overflow:hidden}.fire-particle{position:absolute;bottom:-20px;border-radius:999px;opacity:var(--particle-opacity, .7);background:linear-gradient(180deg,#fffffff5,#7ee7ffeb 42%,#2f61ff2e);box-shadow:0 0 10px #7ee7ff57,0 0 18px #247bff2e;transform:rotate(var(--particle-rotate, 0deg));animation:floatShard linear infinite;will-change:transform,opacity}@keyframes floatShard{0%{transform:translateZ(0) rotate(var(--particle-rotate, 0deg)) scaleY(.92);opacity:0}14%{opacity:var(--particle-opacity, .7)}60%{opacity:calc(var(--particle-opacity, .7) * .72)}to{transform:translate3d(calc(var(--particle-drift, 18px) * .4),-100dvh,0) rotate(calc(var(--particle-rotate, 0deg) + 14deg)) scale(.8,.18);opacity:0}}@keyframes ambientGlow{0%{transform:scale(1) translateZ(0);opacity:.84}to{transform:scale(1.03) translate3d(0,-.5%,0);opacity:.96}}.game-container{position:relative;z-index:3;width:100%;max-width:430px;height:100dvh;display:flex;flex-direction:column;font-family:var(--font-body);color:#fff}@media (min-width: 768px){.game-container{max-width:500px}}@media (min-width: 1024px){.game-container{max-width:576px;height:min(880px,92dvh);overflow:hidden}.game-container.has-bg-panel{background:#040918e6;border-radius:20px;border:1px solid rgba(37,99,235,.2);box-shadow:0 20px 60px #000000d9}}.game-container.is-start,.game-container.is-loading{max-width:100%;width:100%;height:100dvh;background:none;border-radius:0;border:none;box-shadow:none}.game-wrapper:has(.is-start):before,.game-wrapper:has(.is-loading):before,.game-wrapper:has(.is-thankyou):before{display:none}.game-wrapper:has(.is-start):after,.game-wrapper:has(.is-loading):after{display:none}.viewport-fit-frame{position:relative;width:100%;height:100%;overflow:hidden}.viewport-fit-content{width:100%;height:100%;transform-origin:top center;opacity:0;backface-visibility:hidden;will-change:transform,opacity}.viewport-fit-content.is-ready{opacity:1}.start-screen{position:relative;width:100%;height:100%;overflow:hidden;animation:fadeIn .4s ease}.start-screen-inner{display:flex;flex-direction:column;justify-content:space-between;padding:17px 8px}.start-character{position:absolute;right:-18px;bottom:0;width:156px;height:auto;pointer-events:none;z-index:1;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5));transform:none}.start-top{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.start-brand{position:absolute;top:clamp(4px,1.4dvh,14px);left:clamp(8px,2.3vw,20px);z-index:4;margin:0;line-height:0}.start-brand-link{display:inline-block;line-height:0}.start-brand-link:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:4px;border-radius:6px}.ty-brand-corner{z-index:4;top:calc(clamp(4px,1.4dvh,14px) - 7px);left:calc(clamp(8px,2.3vw,20px) - 6px)}.start-brand-logo{width:clamp(96px,19vw,140px);height:auto;display:block;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.start-screen .start-brand-logo,.ty-screen .start-brand-logo{width:clamp(78px,15vw,118px)}.start-game-logo{width:100%;max-width:245px;filter:drop-shadow(0 8px 17px #0a1a4a)}.start-game-logo img{width:100%;height:auto;object-fit:contain}.start-headline{width:100%;font-family:var(--font-body);font-weight:800;font-size:clamp(.92rem,4.1vw,1.33rem);text-align:center;line-height:1.2;background:linear-gradient(to bottom,#e8f0fe,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 -1px 8px #2563eb)}.loading-top{gap:2px}.loading-headline-stack{width:min(100%,520px);display:flex;flex-direction:column;align-items:center;margin-top:2px;text-align:center}.loading-headline-line{display:inline-block;width:fit-content;max-width:100%;font-family:Outfit,sans-serif;font-size:clamp(.92rem,4.5vw,1.68rem);font-weight:900;line-height:.98;letter-spacing:-.03em;text-transform:uppercase;color:#fff;padding-inline:.04em;filter:none;text-shadow:none}.loading-headline-line+.loading-headline-line{margin-top:.02em}.loading-headline-line--accent{font-size:clamp(.94rem,4.1vw,1.5rem);letter-spacing:-.02em;background:linear-gradient(180deg,#ffefe8,#ffc31a 196.69%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-shadow:none}.loading-headline-line--main{font-size:clamp(.96rem,4.85vw,1.82rem);letter-spacing:-.04em;background:none;-webkit-background-clip:border-box;-webkit-text-fill-color:#fffdf4;background-clip:border-box;color:#fffdf4;text-shadow:none}.start-bottom{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;padding-bottom:10px}.start-speech-bubble{position:relative;width:min(100%,289px);padding:12px 15px 13px;border-radius:24px;background:linear-gradient(180deg,#fff,#f2f8ff);border:none;box-shadow:0 8px 24px #08163724,inset 0 1px #fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.start-punchline{text-align:center;font-size:clamp(.65rem,2.13vw,.82rem);color:#17325a;font-weight:800;line-height:1.42;text-shadow:none;padding:0}.loading-screen-inner{gap:18px}.loading-bottom{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.loading-meta{width:min(100%,328px);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.74rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#dbeafef0;text-shadow:0 1px 6px rgba(0,0,0,.8)}.loading-track{position:relative;width:min(100%,328px);height:16px;border-radius:999px;overflow:hidden;background:linear-gradient(180deg,#040918f0,#091434f0);box-shadow:inset 0 0 0 1px #3b82f65c,0 8px 22px #00000057}.loading-fill{position:relative;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1d4ed8,#f59e0b 42%,#93c5fd 74%,#eff6ff);box-shadow:inset 0 0 12px #ffffff47,0 0 18px #3b82f66b;transition:width .22s ease}.loading-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.52) 50%,transparent 100%);transform:translate(-100%);animation:loadingSweep 1.4s ease-in-out infinite}.loading-note{width:min(100%,344px);text-align:center;font-size:clamp(.62rem,2.2vw,.82rem);line-height:1.45;font-weight:800;color:#fff6e6e6;text-shadow:0 1px 6px rgba(0,0,0,.76)}@keyframes loadingSweep{0%{transform:translate(-100%)}to{transform:translate(180%)}}.start-flag,.quiz-flag{position:absolute;bottom:-10px;width:clamp(119px,23.8vw,187px);height:auto;pointer-events:none;z-index:1;filter:drop-shadow(0 4px 10px rgba(0,0,0,.45))}.start-flag--right,.quiz-flag--right{right:0;transform-origin:bottom center;animation:flagWaveRight 4s ease-in-out infinite}.start-flag--left,.quiz-flag--left{left:0;transform-origin:bottom center;animation:flagWaveLeft 4.4s ease-in-out infinite;animation-delay:-1.3s}@keyframes flagWaveRight{0%{transform:rotate(-1deg) skew(.5deg) translateY(0)}25%{transform:rotate(.8deg) skew(-1.5deg) translateY(-3px)}50%{transform:rotate(-.6deg) skew(1.8deg) translateY(-1.5px)}75%{transform:rotate(1deg) skew(-1deg) translateY(-4px)}to{transform:rotate(-1deg) skew(.5deg) translateY(0)}}@keyframes flagWaveLeft{0%{transform:scaleX(-1) rotate(-1deg) skew(.5deg) translateY(0)}25%{transform:scaleX(-1) rotate(.8deg) skew(-1.5deg) translateY(-2.5px)}50%{transform:scaleX(-1) rotate(-.6deg) skew(1.8deg) translateY(-1px)}75%{transform:scaleX(-1) rotate(1deg) skew(-1deg) translateY(-3.5px)}to{transform:scaleX(-1) rotate(-1deg) skew(.5deg) translateY(0)}}@media (min-width: 768px){.start-screen-inner{padding:32px 36px}.start-character{right:50px;bottom:0;width:194px;transform:none}.start-game-logo{max-width:326px}.start-headline{font-size:clamp(1.22rem,2.38vw,2.04rem)}.loading-headline-stack{width:min(100%,544px)}.loading-headline-line{font-size:clamp(.94rem,1.96vw,1.7rem)}.loading-headline-line--accent{font-size:clamp(.88rem,1.74vw,1.48rem)}.loading-headline-line--main{font-size:clamp(.97rem,2.06vw,1.77rem)}.start-punchline{font-size:clamp(.71rem,1.14vw,.85rem)}.start-speech-bubble{width:min(100%,357px);padding:14px 19px 15px}.loading-meta{width:min(100%,360px);font-size:.8rem}.loading-track{width:min(100%,360px);height:18px}.loading-note{width:min(100%,368px);font-size:clamp(.74rem,1.4vw,.92rem)}}.game-container.is-quiz,.game-container.is-thankyou,.game-container.is-result,.game-container.is-registration{max-width:100%;width:100%;height:100dvh;background:none;border-radius:0;border:none;box-shadow:none}.game-wrapper:has(.is-quiz):before,.game-wrapper:has(.is-result):before,.game-wrapper:has(.is-registration):before{background:#0d274fcc;display:block}.quiz-screen{position:relative;width:100%;height:100%;overflow:hidden}.quiz-brand-corner{position:absolute;top:calc(16px + clamp(4px,1.4dvh,14px));left:calc(10px + clamp(8px,2.3vw,20px));z-index:11;pointer-events:auto}.quiz-screen-inner{display:flex;flex-direction:column;align-items:center;padding:16px 10px 19px;gap:11px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.quiz-screen-inner::-webkit-scrollbar{display:none}.quiz-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.quiz-character{position:absolute;right:-18px;bottom:0;width:156px;height:auto;pointer-events:none;z-index:1;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}.quiz-top{position:sticky;top:0;z-index:10;width:100%;max-width:620px;display:grid;grid-template-areas:"brand timer" "center center";grid-template-columns:1fr auto;gap:8px 0;flex-shrink:0}.quiz-brand{grid-area:brand;align-self:center;font-weight:800;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffffe6;text-shadow:0 1px 4px rgba(0,0,0,.8)}.quiz-timer{grid-area:timer;align-self:center;font-family:var(--font-body);font-weight:700;font-size:clamp(.93rem,3.82vw,1.19rem);background:linear-gradient(to right,#4dacff,#19a3ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.quiz-timer.urgent{background:linear-gradient(to bottom,#f99,#f22);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 6px rgba(255,50,50,.8))}.quiz-top-center{grid-area:center;display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.quiz-counter{font-family:Outfit,sans-serif;font-weight:900;font-size:clamp(1.02rem,4.25vw,1.53rem);text-align:center;text-transform:uppercase;color:gold;-webkit-text-fill-color:#FFD700;background:none;-webkit-text-stroke:0;text-shadow:0 2px 10px rgba(0,18,56,.55);line-height:1;width:100%;margin:0 auto}.progress-track{height:14px;width:75%;background:#00358059;border:2px solid rgba(255,255,255,.35);border-radius:40px;box-shadow:inset 0 2px 4px #00000040;position:relative;overflow:hidden;flex-shrink:0}.progress-fill{height:100%;position:absolute;top:0;left:0;bottom:0;background:linear-gradient(to right,#ffc107,#ff8c00,#ffc107);box-shadow:0 0 10px #ffc10780;border-radius:40px;transition:width .5s cubic-bezier(.4,0,.2,1)}.quiz-panel{position:relative;z-index:2;width:100%;max-width:var(--content-rail);background:linear-gradient(180deg,#caedfff2,#fffffff2);border:none;border-radius:19px;box-shadow:0 7px 27px #0006,inset 0 11px 9px #ffffffd9;padding:20px 12px 12px;display:flex;flex-direction:column;gap:18px;flex-shrink:0}.question-text{font-family:Outfit,sans-serif;font-size:clamp(.85rem,3.4vw,1.23rem);font-weight:700;color:#000f4b;-webkit-text-fill-color:#000F4B;text-align:center;line-height:1.3;flex-shrink:0}.answers-list{display:flex;flex-direction:column;gap:8px;width:100%}.answers-list.two-col{display:grid;grid-template-columns:1fr 1fr;gap:7px}.answer-card.span-full{grid-column:1 / -1}.answer-card{width:100%;min-height:48px;padding:10px 15px;background:linear-gradient(180deg,#60a4f7,#264db8);border:none;border-radius:16px;box-shadow:inset 0 7px 3px #cdeaffa6;color:#edeae6;font-family:Outfit,sans-serif;font-size:clamp(.7rem,2.55vw,.89rem);font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;line-height:1.3;cursor:pointer;transition:filter .14s ease,transform .1s ease;overflow:hidden}.answer-card.two-col-item{min-height:44px;font-size:clamp(.66rem,2.2vw,.81rem)}.answer-card.multi{background:linear-gradient(180deg,#60a4f7,#264db8);border:none}.answer-card:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}.answer-card.selected,.answer-card.auto-selected{background:linear-gradient(180deg,#a8d4ff,#3d6fd8);box-shadow:inset 0 8px 4px #cdeaff80,0 0 16px #60ccff73;transform:scale(1.01);filter:brightness(1.08)}.answer-card.multi-selected{background:linear-gradient(180deg,#7ec0ff,#264db8);box-shadow:inset 0 8px 4px #cdeaff80,0 0 12px #7ec0ff59}.answer-card:disabled{cursor:default}.answer-text{flex:1}.next-btn-wrapper{position:sticky;bottom:16px;z-index:10;width:100%;max-width:var(--content-rail);flex-shrink:0;animation:fadeInUp .22s ease}.btn-start,.btn-next,.btn-result,.btn-submit,.btn-instagram{position:relative;background:none;border:none;box-shadow:none;padding:0;width:min(100%,300px);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s ease,filter .12s ease}.btn-start-bg,.btn-cta-bg{width:100%;height:auto;display:block;pointer-events:none}.btn-start-text,.btn-cta-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Outfit,sans-serif;font-weight:900;font-size:clamp(1.1rem,5vw,1.4rem);color:#002340;-webkit-text-fill-color:#002340;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.btn-start:hover,.btn-next:hover,.btn-result:hover,.btn-submit:hover:not(:disabled),.btn-instagram:hover{filter:brightness(1.08)}.btn-start:active,.btn-next:active,.btn-result:active,.btn-submit:active:not(:disabled),.btn-instagram:active{transform:scale(.96);filter:brightness(.92)}.btn-submit:disabled{cursor:not-allowed;filter:grayscale(.8) brightness(.85);opacity:.7}@keyframes questionSlideIn{0%{transform:translate(28px);opacity:0}to{transform:translate(0);opacity:1}}.question-enter{animation:questionSlideIn .28s cubic-bezier(.25,.46,.45,.94)}@keyframes answerPopIn{0%{transform:scale(.9) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.answer-enter{animation:answerPopIn .28s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0}@media (min-width: 768px){.ty-brand-corner{top:calc(clamp(4px,1.4dvh,14px) + 8px);left:calc(clamp(8px,2.3vw,20px) + 22px)}.quiz-brand-corner{top:calc(32px + clamp(4px,1.4dvh,14px));left:calc(36px + clamp(8px,2.3vw,20px))}.quiz-screen-inner{padding:32px 36px 25px;gap:17px;justify-content:flex-start}.quiz-top{max-width:820px;display:flex;flex-direction:row;align-items:center;gap:20px}.quiz-brand{flex:0 0 auto;white-space:nowrap;align-self:center;font-size:.7rem}.quiz-top-center{flex:1;min-width:0}.quiz-counter{font-size:clamp(.95rem,2.04vw,1.36rem)}.quiz-timer{font-size:clamp(.88rem,1.7vw,1.22rem);flex:0 0 auto;align-self:center}.quiz-panel,.next-btn-wrapper{max-width:425px}.quiz-panel{padding:16px 14px;gap:11px}.progress-track{height:18px;border-width:2px}.quiz-character{right:42px;width:165px}.answer-card{min-height:51px;font-size:clamp(.75rem,1.28vw,.85rem);border-radius:16px}.answer-card.two-col-item{min-height:46px;font-size:clamp(.7rem,1.11vw,.81rem)}.ty-character{right:30px;width:190px}.ty-body{max-width:357px}.ty-subtext{max-width:323px}}.result-screen{position:relative;width:100%;height:100%;overflow:hidden;animation:fadeIn .4s ease}.result-screen-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(10px,2.3dvh,44px) clamp(10px,2.6vw,45px) clamp(14px,3.2dvh,34px);gap:clamp(10px,1.8dvh,22px)}.result-top{position:relative;z-index:2;width:min(100%,var(--content-rail));display:flex;flex-direction:column;align-items:center;gap:clamp(2px,.45dvh,6px);flex-shrink:0}.result-intro{font-family:Outfit,sans-serif;font-size:clamp(.7rem,2.55vw,1.02rem);font-weight:700;color:#ffffffe6;text-shadow:0 2px 8px rgba(0,0,0,.7);text-align:center;animation:fadeInUp .3s ease .05s both;line-height:1.05;letter-spacing:.06em;text-transform:uppercase}.result-name{font-family:var(--font-game);font-size:clamp(1.78rem,6.8vw,3.74rem);font-weight:400;text-transform:uppercase;background:linear-gradient(to right,#ffeee8,#abe4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 10px rgba(0,0,0,.5));text-align:center;line-height:1.05;animation:fadeInUp .3s ease .1s both}.result-category{font-family:Outfit,sans-serif;font-size:clamp(.68rem,2.5vw,1.34rem);font-weight:700;background:linear-gradient(to right,#ffeee8,#ffc219);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;animation:fadeInUp .3s ease .15s both}.result-flag-container{display:flex;align-items:center;justify-content:center;width:min(100%,238px);margin:0 auto;animation:fadeInUp .4s ease .2s both;filter:drop-shadow(0 10px 24px rgba(0,0,0,.45))}.result-flag{width:100%;height:auto;border-radius:14px;border:3px solid rgba(255,255,255,.4);display:block}.result-percent-display{display:flex;flex-direction:column;align-items:center;gap:2px;animation:fadeInUp .4s ease .35s both}.result-percent-number{display:block;font-family:Outfit,sans-serif;font-weight:900;font-size:clamp(3.4rem,15.3vw,5.95rem);color:gold;-webkit-text-fill-color:#FFD700;-webkit-text-stroke:2px #002340;text-shadow:0 6px 0 #002340,0 3px 0 rgba(0,35,64,.5);line-height:1}.result-percent-label{display:block;font-family:Outfit,sans-serif;font-weight:900;font-size:clamp(.85rem,4.25vw,1.36rem);color:#fff;-webkit-text-fill-color:#ffffff;-webkit-text-stroke:1px #002340;text-shadow:0 3px 0 #002340;letter-spacing:.14em;text-transform:uppercase}.result-percent-desc{font-family:Outfit,sans-serif;font-weight:700;font-size:clamp(.7rem,2.38vw,.89rem);color:#ffffffeb;text-align:center;text-shadow:0 2px 6px rgba(0,0,0,.7);margin-top:4px}.result-content{position:relative;z-index:2;width:min(100%,var(--content-rail));display:flex;flex-direction:column;align-items:stretch;gap:clamp(10px,1.5dvh,18px);flex-shrink:0}.result-jakolause{font-family:Outfit,sans-serif;font-size:clamp(.7rem,2.25vw,1rem);font-weight:700;color:#40bcff;-webkit-text-fill-color:#40bcff;text-align:center;line-height:1.24;background:none;border:none;border-radius:0;padding:0;font-style:normal;animation:fadeInUp .3s ease .2s both}.result-image-card{width:100%;aspect-ratio:538 / 331;min-height:188px;max-height:250px;display:flex;align-items:flex-end;justify-content:center;padding:14px 12px 0;background:linear-gradient(180deg,#ffffffeb,#dcf0ffe0);border:none;border-radius:22px;box-shadow:0 8px 28px #00000052;position:relative;overflow:hidden;flex-shrink:0;animation:fadeInUp .3s ease .26s both}.result-image{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block}.result-description{font-family:Outfit,sans-serif;font-size:clamp(.65rem,2.13vw,1.06rem);font-weight:700;background:linear-gradient(to right,#ffeee8,#90b3ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:justify;line-height:1.34;animation:fadeInUp .3s ease .32s both}.btn-result{z-index:2;flex-shrink:0;margin-top:auto;animation:fadeInUp .3s ease .38s both}.reg-screen{position:relative;width:100%;height:100%;overflow:hidden;animation:fadeIn .35s ease}.reg-screen-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(20px,3.5dvh,44px) clamp(12px,3vw,36px) clamp(16px,3.2dvh,34px);gap:clamp(10px,1.6dvh,18px)}.reg-character{position:absolute;right:-18px;bottom:0;width:156px;height:auto;pointer-events:none;z-index:1;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5));display:block;transform:none}.reg-top{display:flex;flex-direction:column;align-items:center;gap:clamp(2px,.7dvh,7px);width:min(100%,var(--content-rail));flex-shrink:0;position:relative;z-index:2}.reg-title{font-family:var(--font-game);font-size:clamp(1.36rem,7.65vw,2.04rem);font-weight:400;text-transform:uppercase;background:linear-gradient(to right,#ffeee8,#abe4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 10px rgba(0,0,0,.5));text-align:center;line-height:1.05;animation:fadeInUp .3s ease .05s both}.reg-title-line{display:block}.reg-subtitle{font-family:Outfit,sans-serif;font-size:clamp(.66rem,2.21vw,.89rem);font-weight:700;background:linear-gradient(to right,#4dacff,#19a3ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 -1px 7.1px #1e3a8a);text-align:center;line-height:1.35;animation:fadeInUp .3s ease .1s both}.reg-form-wrapper{width:min(100%,var(--form-rail));display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.6dvh,18px);position:relative;z-index:2;animation:fadeInUp .3s ease .15s both}.reg-panel{width:100%;background:linear-gradient(180deg,#caedfff2,#fffffff2);border:none;border-radius:19px;box-shadow:0 7px 27px #0006,inset 0 11px 9px #ffffffd9;padding:18px 14px 14px;display:flex;flex-direction:column;gap:10px}.reg-form{display:flex;flex-direction:column;gap:6px}.form-field{display:flex;flex-direction:column;gap:2px}.form-input{width:100%;height:clamp(38px,6.4vw,44px);padding:0 14px;background:#001035e6;border:1.5px solid rgba(99,174,255,.35);border-radius:14px;color:#dbeafe;font-family:Outfit,sans-serif;font-size:clamp(.78rem,2.3vw,.95rem);font-weight:700;outline:none;transition:border-color .18s ease,box-shadow .18s ease,color .18s ease}.form-input::placeholder{color:#568eb4;opacity:1}.form-input:focus{border-color:#63aeff;box-shadow:0 0 0 2px #63aeff4d;color:#e8f0fe}.form-input.error{border-color:#f44}.form-error{min-height:.72rem;font-size:clamp(.54rem,1.55vw,.64rem);color:#ff7070;font-weight:700;line-height:1.05;padding-left:4px;opacity:0;transition:opacity .16s ease}.form-error.has-error{opacity:1}.consent-row{display:flex;align-items:center;justify-content:center;gap:10px;padding:4px 2px 0;flex-shrink:0}.consent-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:22px;height:22px;border-radius:7px;border:2px solid rgba(99,155,255,.9);background:linear-gradient(180deg,#06090f,#060b18);box-shadow:inset 0 2px 5px #0000008c,0 0 0 1px #00000047;cursor:pointer;position:relative;flex-shrink:0;margin-top:-3px}.consent-checkbox:checked{background:linear-gradient(180deg,#60a5fa,#3b82f6);border-color:#bfdbfe;box-shadow:0 0 14px #3b82f67a,inset 0 1px 4px #ffffff59}.consent-checkbox:checked:after{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#e8f0fe;font-size:15px;font-weight:900;line-height:1}.consent-checkbox:focus-visible{outline:2px solid rgba(59,130,246,.65);outline-offset:2px}.consent-label{font-family:Outfit,sans-serif;font-size:clamp(.66rem,1.95vw,.82rem);color:#17325a;font-weight:700;line-height:1.35;cursor:pointer;text-align:center;background:none;-webkit-background-clip:border-box;-webkit-text-fill-color:#17325a;background-clip:border-box;filter:none}.consent-label a{color:#60a5fa;-webkit-text-fill-color:#60a5fa;font-weight:800;text-decoration-thickness:2px;text-underline-offset:.12em}.submit-error{font-size:clamp(.7rem,2.2vw,.86rem);color:#ff7070;text-align:center;font-weight:700;padding:2px 0;flex-shrink:0}.btn-submit{flex-shrink:0;animation:fadeInUp .3s ease .2s both;width:min(100%,340px);margin-top:8px}.btn-submit .btn-cta-text{font-size:clamp(.95rem,3.2vw,1.28rem);letter-spacing:.02em;white-space:nowrap}@media (min-width: 768px){.btn-submit{width:min(100%,340px)}}@media (min-width: 768px){.result-screen-content{padding:38px 45px 24px;gap:18px}.reg-screen-content{padding:30px 40px 28px;gap:16px}.reg-top{width:min(100%,680px)}.reg-character{right:50px;width:194px}.result-image-card{height:300px;border-radius:22px;box-shadow:0 10px 36px #0000008c}.reg-title{width:fit-content;margin-inline:auto;font-size:clamp(1.26rem,2.55vw,1.77rem);max-width:none}.reg-title-line{white-space:nowrap}.reg-subtitle{font-size:clamp(.75rem,1.19vw,.92rem);max-width:442px}.reg-panel{border-radius:22px;padding:18px 18px 16px;gap:12px;box-shadow:0 10px 40px #00000059}.reg-form{gap:8px}.form-input{height:54px;border-width:3px;border-radius:14px;font-size:1rem;padding:0 16px}.consent-row{gap:16px}.consent-checkbox{width:30px;height:30px;border-radius:10px}.consent-checkbox:checked:after{font-size:17px}.consent-label{font-size:.98rem}}@media (max-width: 767px){.quiz-brand-corner{display:none}.start-screen-inner,.loading-screen-inner{padding-bottom:calc(26px + env(safe-area-inset-bottom,0px))}.start-bottom,.loading-bottom{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.start-screen .start-brand-logo,.ty-screen .start-brand-logo{width:clamp(34px,9.4vw,48px)}.btn-start-text{font-size:clamp(.88rem,4.2vw,1.02rem);letter-spacing:.06em}.result-top,.result-content{width:min(100%,var(--content-rail))}.reg-form-wrapper{width:min(100%,var(--form-rail))}.reg-panel{width:100%}.reg-character{right:-18px;width:156px}}.ty-screen{position:relative;width:100%;height:100%;overflow:hidden}.ty-screen-inner{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:24px 14px 32px;text-align:center}.ty-character{position:absolute;right:-10px;bottom:-4px;width:clamp(172px,36vw,230px);height:auto;pointer-events:none;z-index:1;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5));transform:none}.confetti-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.ty-top{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;flex-shrink:0}.ty-brand{font-family:var(--font-body);font-weight:800;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffffeb;text-shadow:0 1px 4px rgba(0,0,0,.8);animation:fadeInUp .3s ease .05s both}.ty-headline{margin:0;animation:fadeInUp .3s ease .12s both}.ty-headline-line{display:block}.ty-body{margin:0;line-height:1.5;max-width:340px;animation:fadeInUp .35s ease .28s both}.ty-bottom{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;flex-shrink:0}.ty-subtext{margin:0;text-align:center;line-height:1.45;max-width:300px;animation:fadeInUp .35s ease .38s both}.btn-instagram{animation:fadeInUp .45s ease .48s both;width:min(100%,340px)}.btn-instagram .btn-cta-text{font-size:clamp(.88rem,2.9vw,1.08rem);letter-spacing:.02em;gap:6px;white-space:nowrap}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{transform:scale(.5);opacity:0}55%{transform:scale(1.07);opacity:1}78%{transform:scale(.97)}to{transform:scale(1)}}@keyframes characterFloat{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(0,-10px,0) rotate(-1deg)}}@keyframes logoFloat{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-6px,0) scale(1.018)}}:root{--primary: #1a47ff;--primary-strong: #003f96;--primary-deep: #081637;--primary-ink: #1a3861;--accent: #64afff;--accent-bright: #abe4ff;--accent-cyan: #2fe7ff;--accent-soft: #7ee7ff;--secondary: #ffc31a;--bg-dark: #0d274f;--card-bg: rgba(255, 255, 255, .92);--panel-top: rgba(255, 255, 255, .94);--panel-bottom: rgba(161, 231, 255, .9);--panel-stroke: rgba(64, 139, 255, .58);--display-fill: #ffffff;--display-stroke: 1.6px;--display-stroke-color: #3568d8;--display-shadow-color: rgba(18, 51, 120, .34);--btn-cta-radius: 36px}body:before{background-color:var(--bg-dark);background-image:linear-gradient(180deg,#ffffff1a,#ffffff05),url(/assets/bg.jpg)}body:after{z-index:1;background:radial-gradient(circle at top center,rgba(153,226,255,.2),transparent 36%),radial-gradient(circle at left bottom,rgba(26,71,255,.16),transparent 34%),linear-gradient(180deg,#08163724,#08163757)}.game-wrapper:before,.game-wrapper:has(.is-quiz):before,.game-wrapper:has(.is-result):before,.game-wrapper:has(.is-registration):before{background:#0d274fcc}.fire-particle{background:var(--accent-soft);box-shadow:0 0 10px #2fe7ffe0,0 0 20px #1a47ff80}.start-character,.quiz-character,.reg-character,.ty-character{filter:drop-shadow(0 18px 28px rgba(8,22,55,.44))}.start-character,.quiz-character,.reg-character,.ty-character{animation:characterFloat 4.8s ease-in-out infinite;will-change:transform}.start-character,.ty-character{animation-delay:-.4s}.quiz-character{animation-delay:-1.1s}.reg-character{animation-delay:-1.8s}.start-brand,.quiz-brand,.ty-brand{font-family:var(--font-game);font-weight:400;font-size:clamp(.72rem,1.95vw,.92rem);letter-spacing:.03em;text-transform:uppercase;color:#fffffffa;text-shadow:0 2px 0 rgba(18,51,120,.24)}.start-game-logo{filter:drop-shadow(0 12px 20px rgba(6,24,88,.28))}.start-game-logo img{animation:logoFloat 4.4s ease-in-out infinite;transform-origin:center;will-change:transform}@media (prefers-reduced-motion: reduce){.start-character,.quiz-character,.reg-character,.ty-character,.start-game-logo img{animation:none!important}}.start-headline,.quiz-counter,.result-name,.reg-title,.ty-headline{font-family:var(--font-game);font-weight:400;text-transform:uppercase;letter-spacing:.02em;line-height:1.06;color:var(--display-fill);background:none;-webkit-background-clip:border-box;-webkit-text-fill-color:var(--display-fill);background-clip:border-box;-webkit-text-stroke:var(--display-stroke) var(--display-stroke-color);paint-order:stroke fill;filter:none;text-shadow:0 3px 0 var(--display-shadow-color)}.start-headline{font-size:clamp(1.07rem,5.1vw,2.38rem)}.quiz-counter{width:auto;min-width:0;font-size:clamp(1.05rem,4.65vw,2.17rem)}.result-name,.reg-title,.ty-headline{filter:none}.loading-note{color:#fffffffa;font-weight:800;text-shadow:0 2px 8px rgba(8,22,55,.26)}.start-speech-bubble .start-punchline{color:#17325a;-webkit-text-fill-color:#17325a;text-shadow:none}.quiz-timer,.result-intro,.reg-subtitle,.ty-subtext{color:#4eacff;background:none;-webkit-background-clip:border-box;-webkit-text-fill-color:#4eacff;background-clip:border-box;text-shadow:none}.loading-meta{color:#fffffffa;-webkit-text-fill-color:rgba(255,255,255,.98);font-weight:800;letter-spacing:.05em;text-transform:uppercase;text-shadow:0 2px 10px rgba(8,22,55,.28)}.quiz-timer.urgent{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#ff8f8f;-webkit-text-fill-color:#ff8f8f;filter:none;text-shadow:0 0 6px rgba(255,95,95,.22)}.loading-track,.progress-track{background:var(--primary-deep);box-shadow:inset 0 4px 10px #00000040,0 10px 22px #08163724}.loading-fill,.progress-fill{background:linear-gradient(90deg,#9ef49a,#4fcf6a 30%,#2aa350,#4fcf6a 80%,#9ef49a);box-shadow:inset 0 -1px 15px 10px #78e68c8c,0 0 18px #64dc826b}.loading-fill:after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.58) 50%,transparent 100%)}.quiz-panel,.reg-panel{background:linear-gradient(180deg,var(--panel-top) 0%,var(--panel-bottom) 100%);border:2px solid var(--panel-stroke);box-shadow:inset 0 4px 4px #013f96c7,inset 0 -7px 6px #5188ff6b,0 18px 36px #0816372e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.question-text{font-size:clamp(1rem,3.7vw,1.45rem);color:var(--primary-ink);-webkit-text-fill-color:var(--primary-ink)}.answer-card{background:linear-gradient(180deg,#1a47ff 1%,#2e60ff 44%,#64afff);border:2px solid rgba(28,74,211,.82);box-shadow:inset 0 -4px 8px 3px #01139bc2,0 10px 20px #0816372e;text-shadow:0 2px 6px rgba(8,22,55,.38)}.answer-card:hover:not(:disabled){filter:brightness(1.06)}.answer-card.selected,.answer-card.auto-selected{background:linear-gradient(180deg,#3e69ff,#5a89ff 46%,#8ce7ff);border-color:#bbeffffa;box-shadow:0 0 0 2px #ffffff2e,inset 0 -4px 9px 3px #0b2dcbb8,0 0 18px #4ce1ff66}.answer-card.multi-selected{background:linear-gradient(180deg,#9ef49a,#4fcf6a,#2aa350);border-color:#d9ffd6fa;color:#0f2a1a;text-shadow:0 2px 5px rgba(255,255,255,.25);box-shadow:0 0 0 2px #ffffff38,inset 0 -4px 9px 3px #22824699,0 0 18px #78e68c73}.next-btn-wrapper{width:min(100%,300px);margin-inline:auto;display:flex;justify-content:center}.result-intro,.reg-subtitle,.ty-subtext{filter:none}.ty-body{text-align:center;margin-inline:auto}.answer-card{border-radius:44px;background:linear-gradient(180deg,#1a47ff .96%,#64afff 196.69%);border:none;box-shadow:inset 0 -4.375px 8.2px 3px #01139b,0 12px 22px #08163729}.answer-card--operator{min-height:clamp(68px,10.4vw,82px);padding:14px 22px;border-radius:44px;background:var(--operator-fill);box-shadow:inset 0 -4.375px 8.2px 3px var(--operator-inset, rgba(1, 19, 155, .42)),0 14px 24px #0816372e}.answer-card--operator .answer-text{flex:none;width:100%;color:inherit;font-size:clamp(1rem,3.1vw,1.48rem);font-weight:800;letter-spacing:.01em;text-transform:uppercase}.answer-card--operator.answer-card--moi .answer-text{color:#fff}.answer-card--operator.selected,.answer-card--operator.auto-selected{background:linear-gradient(180deg,#2f5cff,#7ed1ff);box-shadow:0 0 0 2px #ffffff2e,0 16px 28px #08163733,0 0 22px #7aceff42;filter:none}.answer-card--moi{--operator-fill: linear-gradient(180deg, #ffffff 0%, #dce9ff 100%);--operator-inset: rgba(111, 145, 198, .32)}.result-name{font-size:clamp(1.96rem,6.4vw,3.45rem);max-width:12ch;margin-inline:auto}.result-category{background:none;-webkit-background-clip:border-box;-webkit-text-fill-color:#72c4ff;background-clip:border-box;color:#72c4ff;text-shadow:none;font-size:clamp(.94rem,2.8vw,1.16rem);line-height:1.28}.result-image-card{min-height:220px;max-height:260px;align-items:center;justify-content:center;padding:14px;background:#fff;border:4px solid rgba(35,73,136,.92);box-shadow:0 0 0 2px #78b5ff47,0 18px 30px #08163729}.result-image{border-radius:20px;width:100%;height:100%;object-fit:contain;object-position:center;background:#fff;filter:none}.result-description{background:none;-webkit-background-clip:border-box;-webkit-text-fill-color:#dcecff;background-clip:border-box;color:#dcecff;text-align:center;line-height:1.32}.result-traits{justify-content:center;gap:10px;animation:fadeInUp .35s ease .42s both}.result-trait{background:#ffc50e1f;border:2px solid rgba(255,197,14,.3);color:#fff5c9;box-shadow:inset 0 1px #ffffff1a}.form-input{background:#001035e0;border:2px solid rgba(21,41,76,.92);box-shadow:inset 0 1px #ffffff14,0 8px 18px #08163714}.form-input::placeholder{color:#578fb5}.form-input:focus{border-color:#64afff;box-shadow:0 0 0 2px #64afff40,0 10px 22px #0816371a}.form-input:not(:placeholder-shown){background:#001035e6;color:#e8f0fe}.form-input:-webkit-autofill,.form-input:-webkit-autofill:hover,.form-input:-webkit-autofill:active{-webkit-text-fill-color:#e8f0fe;caret-color:#e8f0fe;border:2px solid rgba(21,41,76,.92);box-shadow:0 0 0 1000px #001035eb inset,inset 0 1px #ffffff14,0 8px 18px #08163714;transition:background-color 9999s ease-in-out 0s}.form-input:-webkit-autofill:focus{-webkit-text-fill-color:#e8f0fe;caret-color:#e8f0fe;border:2px solid #64afff;box-shadow:0 0 0 1000px #001035eb inset,0 0 0 2px #64afff40,0 10px 22px #0816371a}.consent-checkbox{width:24px;height:24px;border-radius:8px;border:2px solid rgba(54,111,255,.75);background:#203155f0;box-shadow:inset 0 2px 4px #00000047}.consent-checkbox:checked{background:linear-gradient(180deg,#9ef49a,#68cd7a);border-color:#d7ffd2;box-shadow:0 0 12px #98ef9152,inset 0 1px 2px #ffffff47}.consent-checkbox:checked:after{color:#15294c}.consent-label{background:none;-webkit-background-clip:border-box;-webkit-text-fill-color:#366fff;color:#366fff;filter:none}.consent-label a{color:#15294c;-webkit-text-fill-color:#15294c}.submit-error,.form-error.has-error{color:#d83f54}@media (min-width: 768px){:root{--display-stroke: 2.3px}.quiz-counter{font-size:clamp(1.6rem,3vw,2.7rem)}.answer-card{border-radius:37px}.result-jakolause{font-size:clamp(.82rem,1.55vw,1.2rem)}}body:before{background-color:var(--bg-dark);background-image:linear-gradient(180deg,#ffffff1a,#ffffff05),url(/assets/bg.jpg)}body:after{z-index:1;background:radial-gradient(circle at top center,rgba(171,228,255,.2),transparent 36%),radial-gradient(circle at left bottom,rgba(26,71,255,.14),transparent 34%),linear-gradient(180deg,#0816372e,#08163757)}.operator-mark{display:inline-flex;align-items:center;justify-content:center;min-width:88px;padding:8px 16px;border-radius:999px;font-size:clamp(.82rem,2.7vw,1rem);font-weight:800;letter-spacing:.04em;text-transform:uppercase;border:2px solid rgba(255,255,255,.22)}.operator-mark--dna{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.operator-mark--elisa{color:#fff;background:linear-gradient(135deg,#f97316,#ea580c)}.operator-mark--telia{color:#fff;background:linear-gradient(135deg,#5b5ce2,#3f3fb4)}.operator-mark--moi{color:#12284f;background:linear-gradient(135deg,#fff,#dbeafe)}.operator-mark--other{color:#fff;background:linear-gradient(135deg,#ffffff42,#ffffff1a)}.result-image-card{min-height:248px;max-height:none}.result-card-shell{width:100%;height:100%;padding:18px 18px 16px;display:flex;flex-direction:column;justify-content:space-between;gap:14px}.result-card-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.result-card-brand-logo{width:min(170px,54%);height:auto;object-fit:contain}.result-card-chip{padding:7px 12px;border-radius:999px;background:#1a47ff1a;border:2px solid rgba(26,71,255,.18);color:#1a3861;font-size:.72rem;font-weight:800;letter-spacing:.08em}.result-card-core{display:flex;align-items:center;gap:16px}.result-card-emblem{width:clamp(74px,18vw,100px);aspect-ratio:1;display:inline-flex;align-items:center;justify-content:center;border-radius:22px;background:linear-gradient(180deg,#79e3ff,#63cfff 44%,#4f82ff);border:3px solid rgba(0,63,150,.72);box-shadow:inset 0 -6px 8px #01139b47,0 12px 20px #08163724;color:#fff;font-family:var(--font-game);font-size:clamp(1.5rem,6vw,2.4rem);font-weight:400;line-height:1}.result-card-copy{display:flex;flex-direction:column;gap:5px}.result-card-label{color:#4eacff;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.result-card-name{color:#1a3861;font-family:var(--font-game);font-size:clamp(1.1rem,4vw,1.75rem);font-weight:400;line-height:1.05;text-transform:uppercase}.result-traits{display:flex;flex-wrap:wrap;gap:8px}.result-trait{padding:8px 12px;border-radius:999px;background:#ffc50e1f;border:2px solid rgba(255,197,14,.3);color:#fff5c9;font-size:.76rem;font-weight:700;box-shadow:inset 0 1px #ffffff1a}.result-cta-note{font-family:Outfit,sans-serif;font-size:clamp(.82rem,2.5vw,1rem);font-weight:700;color:#ffffffd9;text-shadow:0 2px 6px rgba(0,0,0,.6);text-align:center;animation:fadeInUp .35s ease .5s both}@media (min-width: 768px){.result-image-card{min-height:260px}.result-card-shell{padding:22px 24px 20px}.result-card-name{font-size:clamp(1.3rem,2.2vw,2rem)}}.start-headline,.quiz-counter,.result-name,.reg-title,.ty-headline,.loading-title{font-weight:900;letter-spacing:.015em}.question-text,.answer-card,.answer-text,.start-punchline,.result-category,.result-description,.reg-subtitle,.ty-body,.loading-note,.loading-meta{font-weight:800}.quiz-top-center,.quiz-counter,.question-text,.answers-list{text-align:center}.quiz-top-center{align-items:center;justify-content:center;margin-inline:auto}.progress-track,.loading-track{height:14px;background:#081637d1;border:none;border-radius:999px;box-shadow:inset 0 2px 5px #0000008c,0 1px #ffffff1a;overflow:hidden}.progress-fill,.loading-fill{background:linear-gradient(180deg,#b5f5a8,#4fcf6a 55%,#1f8a42);border-radius:999px;box-shadow:inset 0 3px 4px #ffffffd9,inset 0 -2px 4px #145a2873,0 0 12px #64dc8280}@media (min-width: 768px){.progress-track,.loading-track{height:16px}}.quiz-panel{background:linear-gradient(180deg,#caedffed,#ffffffed);border:none;box-shadow:inset 0 13px 11px #fffffff2,0 18px 36px #08163747;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.question-text{color:#000f4b;-webkit-text-fill-color:#000F4B;text-shadow:none;line-height:1.25}.answer-card{border-radius:14px;border:none;background:linear-gradient(180deg,#60a4f7,#264db8);color:#edeae6;box-shadow:inset 0 7px 4px #aeddffb3,0 8px 16px #08163738;text-shadow:0 1px 2px rgba(8,22,55,.38);justify-content:center;text-align:center}.answer-card.selected,.answer-card.auto-selected{background:linear-gradient(180deg,#8cc1ff,#3d6fd8);border:none;box-shadow:inset 0 7px 4px #cdeaffd9,0 0 0 2px #ffffff38,0 10px 20px #08163747}.answer-card.multi-selected{background:linear-gradient(180deg,#b5f5a8,#4fcf6a,#1f8a42);border:none;color:#0f2a1a;text-shadow:0 1px 2px rgba(255,255,255,.35);box-shadow:inset 0 7px 4px #dcffd2d9,0 0 0 2px #ffffff47,0 10px 20px #145a2847,0 0 18px #78e68c73}.answer-card--operator{border-radius:18px;border:none;background:var(--operator-fill);box-shadow:inset 0 -4.375px 8.2px 3px var(--operator-inset, rgba(1, 19, 155, .42)),0 14px 24px #0816372e}.answer-card--dna{--operator-fill: linear-gradient(180deg, #ff4e4a 0%, #ef2f2d 100%);--operator-inset: rgba(172, 34, 32, .58)}.answer-card--elisa{--operator-fill: linear-gradient(180deg, #ff7819 0%, #ff5d05 100%);--operator-inset: rgba(179, 71, 8, .54)}.answer-card--telia{--operator-fill: linear-gradient(180deg, #6764e8 0%, #4d45ca 100%);--operator-inset: rgba(53, 46, 143, .56)}.answer-card--moi{--operator-fill: linear-gradient(180deg, #29b861 0%, #1a8a44 100%);--operator-inset: rgba(10, 70, 30, .46)}.answer-card--other{--operator-fill: linear-gradient(180deg, #7d92ff 0%, #65bfff 100%);--operator-inset: rgba(53, 98, 185, .48)}@media (min-width: 768px){.answer-card{border-radius:14px}.answer-card--operator{border-radius:20px}}.quiz-content-scale{width:100%;display:flex;flex-direction:column;align-items:center;transform:scale(.85);transform-origin:top center}.quiz-content-scale .quiz-panel{margin-top:14px}.quiz-content-scale .next-btn-wrapper{position:relative;bottom:auto;margin-top:14px}.result-screen-content{justify-content:space-between;padding:clamp(24px,4dvh,56px) clamp(14px,3vw,36px) clamp(20px,3.2dvh,38px);gap:clamp(14px,2dvh,26px)}.result-hero{position:relative;z-index:2;width:min(100%,var(--content-rail));display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.6dvh,20px);flex:1 1 auto;justify-content:flex-start;margin-top:clamp(10px,2.5dvh,30px)}.result-hero>.result-headline{margin-top:auto}.result-hero>.result-progress-caption{margin-bottom:auto}.result-progress-caption{position:relative;z-index:1;font-family:Outfit,sans-serif;font-weight:800;font-size:clamp(.82rem,2.5vw,1.05rem);letter-spacing:.04em;color:#fff;text-align:center;text-shadow:0 2px 8px rgba(0,14,55,.75);margin:0;padding:0 8px;animation:fadeInUp .3s ease .26s both}.result-intro{font-family:Outfit,sans-serif;font-size:clamp(.78rem,2.8vw,1.1rem);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#cdeaffe6;text-align:center;text-shadow:0 2px 6px rgba(0,14,55,.6);animation:fadeInUp .3s ease .05s both}.result-headline{display:flex;flex-direction:column;align-items:center;text-align:center;animation:fadeInUp .3s ease .12s both}.result-progress-track{position:relative;width:min(100%,420px);height:clamp(22px,4vw,30px);background:#0014468c;border:2px solid rgba(255,255,255,.35);border-radius:999px;box-shadow:inset 0 3px 6px #0000008c,0 4px 14px #000e3759;overflow:hidden;animation:fadeInUp .3s ease .2s both}.result-progress-fill{height:100%;background:linear-gradient(180deg,#8cc7ff,#2374ec,#0a3aa8);border-radius:999px;box-shadow:inset 0 2px 4px #fff9,inset 0 -2px 4px #00145066,0 0 12px #4ca8ff8c;transition:width 60ms linear}.result-progress-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-size:clamp(.78rem,2.4vw,1rem);font-weight:900;color:#fff;text-shadow:0 1px 2px rgba(0,14,55,.85);letter-spacing:.04em}.result-label{font-family:Outfit,sans-serif;font-size:clamp(.88rem,3vw,1.22rem);font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(0,14,55,.55);text-align:center;line-height:1.25;animation:fadeInUp .3s ease .28s both}.result-bottom{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.6dvh,18px);flex-shrink:0;animation:fadeInUp .3s ease .36s both}.result-cta-note{font-family:Outfit,sans-serif;font-size:clamp(.82rem,2.7vw,1.08rem);font-weight:700;color:#bde0ff;text-align:center;text-shadow:0 2px 6px rgba(0,14,55,.5);max-width:420px;line-height:1.3}.btn-result{width:min(100%,340px)}.btn-result .btn-cta-text{font-size:clamp(.95rem,3.2vw,1.28rem);letter-spacing:.02em;white-space:nowrap}.screen-flag{position:absolute;bottom:-10px;width:clamp(110px,22vw,180px);height:auto;pointer-events:none;z-index:3;filter:drop-shadow(0 6px 14px rgba(0,0,0,.45))}.screen-flag--right{right:-6px;transform-origin:bottom center;animation:flagWaveRight 4s ease-in-out infinite}.screen-flag--left{left:-6px;transform-origin:bottom center;animation:flagWaveLeft 4.4s ease-in-out infinite;animation-delay:-1.3s}@media (min-width: 768px){.screen-flag{width:clamp(140px,16vw,210px)}.screen-flag--right{right:10px}.screen-flag--left{left:10px}}.result-hero{position:relative}.result-center-flag{position:absolute;top:53%;left:50%;width:min(92%,460px);height:auto;transform:translate(-50%,-48%);z-index:0;pointer-events:none;animation:resultFlagPop .6s cubic-bezier(.22,1.2,.36,1) .1s both,resultFlagFloat 5s ease-in-out .7s infinite}.result-center-flag--base{filter:opacity(.15)}.result-center-flag--fill{opacity:1;filter:drop-shadow(0 18px 34px rgba(0,20,70,.55)) saturate(1.15);transition:clip-path .15s linear}@keyframes resultFlagPop{0%{opacity:0;transform:translate(-50%,-48%) scale(.65)}60%{opacity:1;transform:translate(-50%,-48%) scale(1.05)}to{opacity:1;transform:translate(-50%,-48%) scale(1)}}@keyframes resultFlagFloat{0%,to{transform:translate(-50%,-48%) rotate(-1.5deg)}50%{transform:translate(-50%,-50%) rotate(1.5deg)}}.result-hero>.result-intro,.result-hero>.result-headline,.result-hero>.result-progress-track,.result-hero>.result-label{position:relative;z-index:1}.result-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.95) 0%,rgba(255,240,180,.7) 22%,rgba(120,180,255,.25) 45%,transparent 70%);opacity:0;animation:cameraFlash .95s ease-out .1s 1 both;mix-blend-mode:screen}@keyframes cameraFlash{0%{opacity:0}14%{opacity:1}55%{opacity:.25}to{opacity:0}}@media (prefers-reduced-motion: reduce){.result-center-flag,.result-headline-percent:after,.result-flash{animation:none}}.reg-panel{background:linear-gradient(180deg,#caedffed,#ffffffed);border:none;border-radius:22px;box-shadow:inset 0 13px 11px #fffffff2,0 18px 36px #08163747;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:16px 14px 14px}.reg-form{gap:4px}.form-input{height:clamp(34px,5.2vw,40px);border-radius:12px;border:2px solid rgba(21,41,76,.85);font-size:clamp(.75rem,2.1vw,.9rem);padding:0 12px}@media (min-width: 768px){.form-input{height:44px;border-width:2px;border-radius:12px;font-size:.95rem;padding:0 14px}.reg-panel{padding:18px 18px 14px;gap:10px}.reg-form{gap:6px}}.reg-title{font-size:clamp(1.1rem,5.8vw,1.85rem);line-height:1.06}@media (max-width: 767px){.reg-title-line{display:inline}}.result-preline{font-family:Outfit,sans-serif;font-size:clamp(.8rem,2.6vw,1.05rem);font-weight:800;color:#fff;-webkit-text-fill-color:#ffffff;text-shadow:none;filter:none;background:none;-webkit-background-clip:border-box;background-clip:border-box;text-transform:uppercase;letter-spacing:.14em;text-align:center;line-height:1.1;white-space:nowrap;animation:fadeInUp .3s ease .05s both}.result-intro{display:none}.result-headline{gap:0;margin:0;filter:none;text-shadow:none}.result-headline-percent{position:relative;display:inline-block;font-size:clamp(4.6rem,22vw,8.2rem);line-height:1;margin:clamp(2px,.8dvh,10px) 0}.result-headline-percent-inner{display:inline-block;font-family:var(--font-game);font-weight:900;letter-spacing:-.01em;color:#ffc952;background:linear-gradient(180deg,#ffe599,#ffc952 48%,#ff9a2e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 6px 14px rgba(0,18,56,.45));text-shadow:none;text-align:center}@supports not ((-webkit-background-clip: text) or (background-clip: text)){.result-headline-percent-inner{background:none;-webkit-text-fill-color:#FFC952;filter:none;text-shadow:0 4px 12px rgba(0,18,56,.5)}}.result-postline{position:relative;z-index:1;display:block;font-family:Outfit,sans-serif;font-weight:900;font-size:clamp(1.9rem,9vw,3.5rem);line-height:1;letter-spacing:.02em;text-transform:uppercase;text-align:center;color:#fff;background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:#ffffff;-webkit-text-stroke:0;filter:drop-shadow(0 6px 14px rgba(0,18,56,.5));text-shadow:none;width:100%;margin:0 auto;animation:fadeInUp .3s ease .18s both}.result-progress-row{width:min(100%,440px);display:flex;align-items:center;justify-content:center;margin-top:clamp(6px,1dvh,14px);animation:fadeInUp .3s ease .26s both}.result-progress-row .result-progress-track{width:100%;height:clamp(26px,5vw,34px);margin:0}.result-progress-row .result-progress-label{font-family:Outfit,sans-serif;font-size:clamp(.72rem,2.2vw,.92rem);font-weight:800;letter-spacing:.03em;color:#fff;text-shadow:0 1px 2px rgba(0,14,55,.9);white-space:nowrap;padding:0 14px}.result-label{display:none}