@import"https://fonts.googleapis.com/css2?family=Titillium+Web:wght@600;700;900&family=Epilogue:wght@400;500;600;700;800&display=swap";:root{--primary: #00D4FF;--secondary: #22FF8F;--accent: #FF3D7F;--bg-dark: #0A0F1E;--card-bg: rgba(255, 255, 255, .04);--font-game: "Titillium Web", sans-serif;--font-body: "Epilogue", 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:radial-gradient(circle at 12% 18%,rgba(0,212,255,.18),transparent 28%),radial-gradient(circle at 88% 14%,rgba(0,136,255,.2),transparent 24%),radial-gradient(circle at 78% 82%,rgba(255,61,127,.12),transparent 22%),radial-gradient(circle at 24% 78%,rgba(34,255,143,.1),transparent 24%),linear-gradient(180deg,#050b18,#081426 38%,#091933)}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,#ffffff0a,#fff0 18%,#0000001f),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 96px),repeating-linear-gradient(180deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 96px);opacity:.7;animation:ambientGlow 16s ease-in-out infinite alternate}@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:100%;height:100dvh;display:flex;flex-direction:column;font-family:var(--font-body);color:#fff;overflow:hidden}.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-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:fixed;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)}.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:#17325a}.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--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, #ffffff 0%, #dce9ff 100%);--operator-inset: rgba(111, 145, 198, .32)}.answer-card--other{--operator-fill: linear-gradient(180deg, #7d92ff 0%, #65bfff 100%);--operator-inset: rgba(53, 98, 185, .48)}.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)}.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}@media (min-width: 768px){.answer-card{border-radius:14px}.answer-card--operator{border-radius:20px}}.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)}.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}:root{--bg-primary: #0a0f1e;--bg-secondary: #060c18;--bg-overlay: #0d1528;--bg-surface: rgba(255, 255, 255, .04);--bg-surface-hover: rgba(255, 255, 255, .08);--cyan: #00d4ff;--cyan-glow: rgba(0, 212, 255, .35);--cyan-dim: rgba(0, 212, 255, .15);--green: #22ff8f;--green-glow: rgba(34, 255, 143, .4);--green-dim: rgba(34, 255, 143, .12);--pink: #ff3d7f;--pink-glow: rgba(255, 61, 127, .4);--pink-dim: rgba(255, 61, 127, .12);--amber: #ffb300;--amber-glow: rgba(255, 179, 0, .35);--amber-dim: rgba(255, 179, 0, .12);--text: #f0f4ff;--muted: rgba(240, 244, 255, .45);--text-primary: #f0f4ff;--text-muted: rgba(240, 244, 255, .45);--text-cyan: #00d4ff;--text-on-cyan-btn: #000000;--text-on-pink-btn: #ffffff;--border: rgba(255, 255, 255, .08);--border-active-cyan: rgba(0, 212, 255, .5);--border-active-pink: rgba(255, 61, 127, .5);--border-cyan-overlay: rgba(0, 212, 255, .2);--border-subtle: rgba(255, 255, 255, .12);--grad-cta-primary: linear-gradient(135deg, #00d4ff, #22ff8f);--grad-cta-blue: linear-gradient(135deg, #00d4ff, #0088ff);--grad-cta-worst: linear-gradient(135deg, #ff3d7f, #ffb300);--grad-title-splash: linear-gradient(135deg, #ffffff 0%, #00d4ff 50%, #22ff8f 100%);--grad-title-thanks: linear-gradient(135deg, #22ff8f, #00d4ff);--grad-title-reg: linear-gradient(135deg, #ffffff, #00d4ff);--grad-card-best: linear-gradient(160deg, rgba(0, 212, 255, .12), rgba(34, 255, 143, .06));--grad-card-worst: linear-gradient(160deg, rgba(255, 61, 127, .1), rgba(255, 179, 0, .05));--font-display: "Titillium Web", sans-serif;--font-game: "Titillium Web", sans-serif;--font-body: "Epilogue", sans-serif;--font-ui: "Sora", sans-serif;--primary: var(--cyan);--secondary: var(--green);--accent: var(--pink);--bg-dark: var(--bg-primary);--card-bg: var(--bg-surface)}html,body{background:var(--bg-primary);color:var(--text-primary)}body:before{background:radial-gradient(400px 400px at calc(0% - 100px) calc(0% - 80px),rgba(0,212,255,.22),transparent 62%),radial-gradient(250px 250px at 50% 50%,rgba(34,255,143,.16),transparent 62%),radial-gradient(300px 300px at calc(100% + 60px) calc(100% + 60px),rgba(255,61,127,.18),transparent 60%),linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);background-image:radial-gradient(400px 400px at calc(0% - 100px) calc(0% - 80px),rgba(0,212,255,.22),transparent 62%),radial-gradient(250px 250px at 50% 50%,rgba(34,255,143,.16),transparent 62%),radial-gradient(300px 300px at calc(100% + 60px) calc(100% + 60px),rgba(255,61,127,.18),transparent 60%),linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}body:after,.game-wrapper:after{background:radial-gradient(circle at 15% 18%,rgba(0,212,255,.12),transparent 28%),radial-gradient(circle at 82% 84%,rgba(255,61,127,.1),transparent 26%),radial-gradient(circle at 50% 52%,rgba(34,255,143,.08),transparent 22%),linear-gradient(180deg,#ffffff05,#fff0 22%,#0a0f1e57);opacity:1}.cloud{opacity:.16;filter:grayscale(1) brightness(1.15) drop-shadow(0 0 20px rgba(0,212,255,.12))}.game-container,.result-screen,.reg-screen,.ty-screen,.quiz-screen,.start-screen,.loading-screen{color:var(--text-primary);font-family:var(--font-body)}.game-container.has-bg-panel{background:#060c18db;border:1px solid var(--border-cyan-overlay);box-shadow:0 24px 70px #000000b8}.start-brand-link:focus-visible{outline:2px solid var(--border-active-cyan)}.start-brand-logo{filter:drop-shadow(0 0 16px rgba(0,212,255,.16))}.start-game-logo{filter:drop-shadow(0 0 26px rgba(0,212,255,.2))}.start-speech-bubble{background:linear-gradient(180deg,#0d1528eb,#060c18eb);border:1px solid var(--border-cyan-overlay);box-shadow:0 0 24px #00d4ff1f,inset 0 1px #ffffff0a}.start-punchline,.loading-meta,.loading-note,.ty-body,.reg-subtitle,.ty-subtext,.result-progress-caption,.result-cta-note,.consent-label,.submit-error,.form-error,.question-text,.answer-text{font-family:var(--font-body)}.start-punchline{color:var(--text-primary);text-shadow:none}.loading-meta,.loading-note{color:var(--text-primary);-webkit-text-fill-color:var(--text-primary);text-shadow:none}.loading-track,.progress-track{background:#ffffff12;border:1px solid var(--border-subtle);box-shadow:inset 0 0 0 1px #ffffff05,0 0 18px #00000047}.loading-fill,.progress-fill{background:var(--grad-cta-primary);box-shadow:0 0 12px var(--cyan-glow),inset 0 0 12px #ffffff14}.loading-fill:after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.32) 50%,transparent 100%)}.quiz-overlay{background:radial-gradient(circle at 50% 24%,rgba(0,212,255,.08),transparent 34%),linear-gradient(180deg,#0a0f1e14,#0a0f1e42)}.quiz-counter,.reg-title,.ty-headline,.result-postline,.result-headline-percent-inner,.loading-headline-line,.loading-headline-line--accent,.loading-headline-line--main,.btn-start-text,.btn-cta-text{font-family:var(--font-display)}.quiz-counter,.reg-title,.ty-headline{font-weight:800;letter-spacing:.08em;text-transform:uppercase}.quiz-counter{color:var(--cyan);-webkit-text-fill-color:var(--cyan);background:#00d4ff26;border:1px solid rgba(0,212,255,.3);border-radius:999px;padding:.5rem .9rem;width:auto;text-shadow:0 0 18px rgba(0,212,255,.22)}.quiz-timer{color:var(--amber);background:none;-webkit-background-clip:border-box;-webkit-text-fill-color:var(--amber);background-clip:border-box;text-shadow:0 0 14px var(--amber-glow)}.quiz-timer.urgent{color:var(--pink);-webkit-text-fill-color:var(--pink);text-shadow:0 0 16px var(--pink-glow);filter:none}.quiz-panel,.reg-panel{background:linear-gradient(180deg,#0d1528f0,#060c18f0);border:1px solid var(--border-cyan-overlay);box-shadow:0 0 32px #00000057,inset 0 0 0 1px #ffffff05,inset 0 0 24px #00d4ff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.question-text{color:var(--text-primary);-webkit-text-fill-color:var(--text-primary);text-shadow:none}.answer-card{background:var(--bg-surface);border:1.5px solid var(--border);color:var(--text-primary);box-shadow:0 0 #0000,inset 0 0 0 1px #ffffff05;text-shadow:none}.answer-card:hover:not(:disabled){background:var(--bg-surface-hover);border-color:#00d4ff3d;box-shadow:0 0 18px #00d4ff14,inset 0 0 18px #00d4ff0a}.answer-card.selected,.answer-card.auto-selected{background:#00d4ff14;border:1.5px solid var(--border-active-cyan);color:var(--text-primary);box-shadow:0 0 24px var(--cyan-glow),inset 0 0 20px #00d4ff0f}.answer-card.multi-selected{background:#22ff8f14;border:1.5px solid rgba(34,255,143,.5);color:var(--text-primary);box-shadow:0 0 24px var(--green-glow),inset 0 0 20px #22ff8f0f}.btn-start,.btn-next,.btn-result,.btn-submit,.btn-instagram{min-height:var(--btn-cta-h);border-radius:var(--btn-cta-radius);border:1px solid rgba(255,255,255,.08);overflow:hidden;box-shadow:0 0 22px #00d4ff29,inset 0 1px #ffffff2e}.btn-start{background:var(--grad-cta-blue)}.btn-next,.btn-result,.btn-submit,.btn-instagram{background:var(--grad-cta-primary)}.btn-start:before,.btn-next:before,.btn-result:before,.btn-submit:before,.btn-instagram:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 42%);pointer-events:none}.btn-start-bg,.btn-cta-bg{opacity:0}.btn-start-text,.btn-cta-text{color:var(--text-on-cyan-btn);-webkit-text-fill-color:var(--text-on-cyan-btn);font-size:clamp(.95rem,4vw,1.22rem);letter-spacing:.08em}.btn-submit:disabled{filter:saturate(.3) brightness(.7);opacity:.66}.reg-title{background:var(--grad-title-reg);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:none;text-shadow:none}.reg-subtitle,.ty-subtext{color:var(--text-muted);-webkit-text-fill-color:var(--text-muted);background:none;text-shadow:none}.form-input{background:#ffffff08;border:1.5px solid var(--border);color:var(--text-primary);font-family:var(--font-body)}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--border-active-cyan);box-shadow:0 0 20px #00d4ff26;background:#00d4ff0d;color:var(--text-primary)}.form-input.error,.submit-error,.form-error{color:var(--pink)}.consent-checkbox{border-color:var(--border);background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff05}.consent-checkbox:checked{background:var(--grad-cta-primary);border-color:#22ff8f94;box-shadow:0 0 18px #00d4ff2e}.consent-checkbox:checked:after{color:var(--text-on-cyan-btn)}.consent-checkbox:focus-visible{outline:2px solid var(--border-active-cyan)}.consent-label{color:var(--text-primary);-webkit-text-fill-color:var(--text-primary)}.consent-label a{color:var(--text-cyan);-webkit-text-fill-color:var(--text-cyan)}.ty-headline{background:var(--grad-title-thanks);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:none;text-shadow:none}.ty-body{color:var(--text-primary)}.confetti-canvas{filter:drop-shadow(0 0 8px rgba(0,212,255,.12))}.result-flash{background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.92) 0%,rgba(34,255,143,.24) 22%,rgba(0,212,255,.18) 45%,transparent 70%)}.result-preline{font-family:var(--font-body);color:var(--text-muted);-webkit-text-fill-color:var(--text-muted);letter-spacing:.2em}.result-headline-percent-inner{background:var(--grad-cta-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 24px rgba(0,212,255,.22))}.result-postline{font-family:var(--font-display);background:var(--grad-title-splash);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:none}.result-progress-caption{color:var(--text-primary);text-shadow:none}.result-cta-note{color:var(--text-muted);text-shadow:none}.quiz-draft-shell{position:relative;z-index:2;width:min(100%,560px);display:flex;flex-direction:column;gap:16px}.quiz-top--draft{width:100%;max-width:none;position:relative;top:auto;display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:14px;align-items:stretch}.quiz-top-copy,.quiz-tracker-panel{border:1px solid var(--border-cyan-overlay);border-radius:24px;background:linear-gradient(180deg,#0d1528f0,#060c18f0);box-shadow:0 0 28px #0000004d,inset 0 0 0 1px #ffffff05,inset 0 0 18px #00d4ff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.quiz-top-copy{display:flex;flex-direction:column;gap:10px;padding:16px 18px 14px}.quiz-kicker{font-family:var(--font-display);font-size:.76rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 16px rgba(0,212,255,.18)}.quiz-top-copy .question-text{font-size:clamp(1rem,3.5vw,1.42rem);font-weight:700;text-align:left;line-height:1.14}.quiz-helper{font-size:.74rem;font-weight:600;letter-spacing:.03em;color:var(--text-muted)}.quiz-top-copy .progress-track{width:100%;margin-top:auto}.quiz-tracker-panel{display:flex;flex-direction:column;gap:10px;padding:14px 12px 12px}.quiz-tracker-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.selection-slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.selection-slot{min-height:56px;border-radius:18px;border:1px dashed rgba(255,255,255,.14);background:#ffffff08;padding:9px 10px;display:grid;grid-template-columns:22px 10px 1fr;align-items:center;gap:8px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.selection-slot.is-filled{border-style:solid;border-color:var(--slot-flavor);box-shadow:0 0 16px var(--slot-glow),inset 0 0 16px #ffffff05}.selection-slot-index{width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0f;color:var(--text-muted);font-size:.64rem;font-weight:700}.selection-slot-dot{width:10px;height:10px;border-radius:999px;background:var(--slot-flavor);box-shadow:0 0 8px var(--slot-glow)}.selection-slot-label,.selection-slot-empty{justify-self:end;font-family:var(--font-display);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.selection-slot-label{color:var(--text-primary)}.selection-slot-empty{color:var(--text-muted)}.quiz-panel--draft{width:100%;max-width:none;padding:14px 12px 12px;gap:0}.drink-card-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;width:100%}.drink-card.span-3{grid-column:span 3}.drink-card.span-4{grid-column:span 4}.drink-card.span-6{grid-column:span 6}.drink-card.span-12{grid-column:span 12}.drink-card{position:relative;min-height:174px;padding:10px 8px 12px;border-radius:24px;background:linear-gradient(180deg,#ffffff0e,#ffffff06);border:1px solid rgba(255,255,255,.08);overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.drink-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.14),transparent 32%),radial-gradient(circle at 50% 12%,rgba(255,255,255,.06),transparent 34%);opacity:.9;pointer-events:none}.drink-card:hover:not(:disabled){transform:translateY(-4px);border-color:#ffffff2e;box-shadow:0 0 0 1px #ffffff05,0 18px 30px #0000003d,0 0 24px #00d4ff1f}.drink-card.selected,.drink-card.auto-selected{transform:translateY(-4px) scale(1.01);border-color:var(--drink-flavor);background:linear-gradient(180deg,#ffffff17,#ffffff08);box-shadow:0 0 0 1px #ffffff08,0 18px 32px #00000042,0 0 30px var(--drink-glow),inset 0 0 24px #ffffff05}.drink-card.selected .drink-card-pick,.drink-card.auto-selected .drink-card-pick{color:var(--green)}.drink-card-inner{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.drink-card-media{position:relative;width:100%;min-height:96px;display:flex;align-items:center;justify-content:center}.drink-card-aura{position:absolute;width:70px;height:90px;border-radius:999px;background:radial-gradient(circle,var(--drink-glow) 0%,transparent 68%);filter:blur(18px);opacity:.82}.drink-can{position:relative;width:min(100%,66px);height:96px;display:flex;align-items:center;justify-content:center}.drink-can-rim{position:absolute;left:7px;right:7px;height:8px;border-radius:999px;background:linear-gradient(180deg,#ffffffd9,#ffffff2e);box-shadow:inset 0 -1px 3px #0003;z-index:2}.drink-can-rim--top{top:4px}.drink-can-rim--bottom{bottom:4px}.drink-can-body{position:absolute;top:8px;right:0;bottom:8px;left:0;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,var(--drink-primary) 0%,var(--drink-secondary) 100%);border:1px solid rgba(255,255,255,.42);box-shadow:inset 8px 0 14px #fff6,inset -10px 0 18px #00000029,0 10px 18px #0000003d}.drink-can-sheen{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,rgba(255,255,255,.62) 0%,rgba(255,255,255,.14) 18%,transparent 42%),linear-gradient(180deg,rgba(255,255,255,.12),transparent 40%)}.drink-can-brand{position:absolute;top:14px;left:8px;font-family:var(--font-display);font-size:.5rem;font-weight:800;letter-spacing:.16em;color:#08101cb8;writing-mode:vertical-rl;transform:rotate(180deg)}.drink-can-flavor-dot{position:absolute;top:16px;left:50%;width:14px;height:14px;border-radius:999px;transform:translate(-50%);background:var(--drink-flavor);box-shadow:0 0 8px var(--drink-glow)}.drink-can-badge{position:absolute;top:12px;right:8px;min-width:18px;padding:3px 4px;border-radius:999px;background:#08101cb8;color:#fff;font-family:var(--font-display);font-size:.42rem;font-weight:700;letter-spacing:.14em;text-align:center}.drink-can-wave{position:absolute;left:50%;width:94px;height:94px;border-radius:44%;background:#ffffff29;transform:translate(-50%)}.drink-can-wave--one{bottom:-42px;opacity:.32}.drink-can-wave--two{bottom:-54px;opacity:.18}.drink-card-copy{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.drink-card-name{display:block;font-family:var(--font-display);font-size:clamp(.58rem,2.15vw,.84rem);font-weight:700;line-height:1.04;letter-spacing:.03em;text-align:center;text-transform:uppercase;color:var(--text-primary)}.drink-card-tag{display:inline-flex;align-items:center;justify-content:center;min-height:20px;padding:4px 8px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--text-muted);font-size:.56rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.drink-card-pick{margin-top:auto;font-size:.5rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}@media (min-width: 768px){.quiz-draft-shell{width:min(100%,620px);gap:18px}.quiz-top--draft{grid-template-columns:minmax(0,1fr) 228px;gap:16px}.quiz-top-copy,.quiz-tracker-panel{border-radius:28px}.quiz-top-copy{padding:18px 20px 16px}.quiz-top-copy .question-text{font-size:clamp(1.1rem,2vw,1.58rem)}.quiz-panel--draft{padding:16px}.drink-card-grid{gap:10px}.drink-card{min-height:198px;padding:12px 10px 14px}.drink-card-media{min-height:112px}.drink-can{width:min(100%,72px);height:104px}.drink-card-name{font-size:clamp(.68rem,1.2vw,.9rem)}.drink-card-tag{font-size:.6rem}}@media (max-width: 767px){.quiz-screen-inner{padding:14px 10px 18px}.quiz-draft-shell{gap:12px}.quiz-top--draft{grid-template-columns:minmax(0,1fr) 142px;gap:10px}.quiz-top-copy,.quiz-tracker-panel,.quiz-panel--draft{border-radius:20px}.quiz-top-copy{padding:14px 14px 12px}.quiz-top-copy .question-text{font-size:clamp(.94rem,4vw,1.1rem)}.selection-slot{min-height:46px;padding:7px 8px}.selection-slot-grid{gap:7px}.quiz-panel--draft{padding:10px}.drink-card-grid{gap:7px}.drink-card{min-height:162px;border-radius:18px;padding:8px 6px 10px}.drink-card-media{min-height:86px}.drink-card-aura{width:56px;height:72px}.drink-can{width:min(100%,58px);height:84px}.drink-can-body{border-radius:15px}.drink-card-name{font-size:clamp(.52rem,2.4vw,.68rem)}.drink-card-tag{min-height:18px;padding:3px 6px;font-size:.5rem}.drink-card-pick{font-size:.44rem}}.quiz-draft-shell{width:min(100%,920px);gap:14px}.quiz-stage-header{width:100%;position:relative;min-height:72px;padding-top:4px}.quiz-heading-block{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:72px;gap:0;text-align:center}.quiz-stage-heading{max-width:580px;font-family:var(--font-display);font-size:clamp(1.06rem,3.45vw,2.2rem);font-weight:800;line-height:1;letter-spacing:.05em;white-space:nowrap;text-transform:uppercase;color:#ffd27a;text-shadow:0 4px 0 rgba(5,25,66,.95),0 0 24px rgba(255,179,0,.22),0 0 52px rgba(255,179,0,.08)}.quiz-slots-panel{position:absolute;top:0;right:0;display:flex;align-items:flex-start}.selection-slot-grid{display:flex;gap:10px}.selection-slot{position:relative;width:52px;height:52px;min-height:52px;border-radius:14px;border:1px solid rgba(255,255,255,.24);background:linear-gradient(180deg,#fffffff5,#e7ecf3eb);display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden;box-shadow:0 10px 18px #08122a29,inset 0 1px #ffffffeb}.selection-slot.is-filled{border-color:#ffffff8a;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.55),transparent 40%),linear-gradient(180deg,rgba(255,255,255,.94) 0%,var(--slot-flavor) 100%);box-shadow:0 0 22px var(--slot-glow),0 10px 20px #08122a2e,inset 0 0 14px #ffffff3d}.selection-slot-index{position:absolute;left:6px;bottom:5px;width:auto;height:auto;border-radius:0;background:none;color:#08101c73;font-family:var(--font-body);font-size:.48rem;font-weight:700}.selection-slot-badge,.selection-slot-empty{font-family:var(--font-display);font-size:.88rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.selection-slot-badge{color:#08101cdb}.selection-slot-empty{color:#08101c59}.quiz-slots-meta{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-height:20px}.quiz-slots-meta .quiz-helper{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#f0f4ffb8}.quiz-stage-body{position:relative;width:min(100%,820px);margin:0 auto;padding:18px 18px 14px}.quiz-stage-frame{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:32px;border:1px solid rgba(0,212,255,.22);background:linear-gradient(180deg,#00d4ff14,#ffffff05),radial-gradient(circle at 20% 0%,rgba(0,212,255,.14),transparent 34%),radial-gradient(circle at 100% 100%,rgba(255,61,127,.08),transparent 34%),#0d15288f;box-shadow:0 0 0 1px #ffffff05,inset 0 0 60px #0000001f,0 0 44px #00d4ff14;pointer-events:none}.quiz-screen--worst .quiz-stage-frame{border-color:#ff3d7f3d;background:linear-gradient(180deg,#ff3d7f14,#ffffff05),radial-gradient(circle at 20% 0%,rgba(255,61,127,.14),transparent 34%),radial-gradient(circle at 100% 100%,rgba(255,179,0,.1),transparent 34%),#0d15288f;box-shadow:0 0 0 1px #ffffff05,inset 0 0 60px #0000001f,0 0 44px #ff3d7f1f}.drink-card-grid{position:relative;z-index:1;gap:10px}.drink-card{min-height:148px;border-radius:18px;padding:8px 6px 10px;background:linear-gradient(180deg,#ffffffd1,#e2ecf7b3);border:1px solid rgba(255,255,255,.74);box-shadow:0 14px 28px #08122a2e,inset 0 1px #ffffffe0}.drink-card:before{background:linear-gradient(180deg,rgba(255,255,255,.36),transparent 26%),radial-gradient(circle at 50% 14%,rgba(255,255,255,.3),transparent 34%)}.drink-card:hover:not(:disabled){transform:translateY(-6px) scale(1.01);box-shadow:0 18px 34px #08122a38,0 0 24px #00d4ff24,inset 0 1px #ffffffe6}.drink-card.selected,.drink-card.auto-selected{border-color:#00d4ff8a;background:linear-gradient(180deg,#00d4ff14,#ffffffd1 18%,#dfedfacc);box-shadow:0 20px 38px #08122a3d,0 0 28px #00d4ff59,0 0 40px var(--drink-glow),inset 0 0 18px #00d4ff14,inset 0 1px #ffffffeb}.quiz-screen--worst .drink-card.selected,.quiz-screen--worst .drink-card.auto-selected{border-color:#ff3d7f8a;background:linear-gradient(180deg,#ff3d7f14,#ffffffd1 18%,#f7e4edd1);box-shadow:0 20px 38px #08122a3d,0 0 28px #ff3d7f66,0 0 40px var(--drink-glow),inset 0 0 18px #ff3d7f14,inset 0 1px #ffffffeb}.drink-card-inner{gap:6px;justify-content:space-between}.drink-card-name{font-size:clamp(.58rem,1.3vw,.78rem);line-height:1.08;letter-spacing:.055em;color:#08101ceb}.drink-card-copy{gap:0;min-height:32px;justify-content:center}.drink-card-media{min-height:88px}.drink-card-aura{width:62px;height:82px;filter:blur(16px)}.drink-can{width:min(100%,60px);height:88px}@media (min-width: 768px){.quiz-stage-body{padding:18px 18px 14px}.drink-card-grid{gap:10px}.drink-card{min-height:148px}}@media (max-width: 767px){.quiz-draft-shell{width:100%;gap:12px}.quiz-stage-header{min-height:44px;padding-top:0}.quiz-heading-block{min-height:44px}.quiz-stage-heading{max-width:calc(100% - 116px);font-size:clamp(.66rem,2.75vw,.96rem);letter-spacing:.04em}.quiz-slots-panel{top:0}.selection-slot-grid{gap:6px}.selection-slot{width:32px;height:32px;min-height:32px;border-radius:9px}.selection-slot-index{left:4px;bottom:3px;font-size:.34rem}.selection-slot-badge,.selection-slot-empty{font-size:.5rem}.quiz-stage-body{width:100%;padding:12px 10px 10px}.quiz-stage-frame{border-radius:22px}.drink-card-grid{gap:8px}.drink-card{min-height:120px;border-radius:14px;padding:6px 4px 8px}.drink-card-inner{gap:4px}.drink-card-name{font-size:clamp(.42rem,1.9vw,.6rem);letter-spacing:.05em}.drink-card-copy{min-height:24px}.drink-card-media{min-height:70px}.drink-card-aura{width:48px;height:64px;filter:blur(14px)}.drink-can{width:min(100%,48px);height:72px}.drink-can-rim{left:5px;right:5px;height:7px}.drink-can-body{border-radius:14px}.drink-can-brand{top:12px;left:7px;font-size:.42rem}.drink-can-flavor-dot{top:14px;width:10px;height:10px}.drink-can-badge{top:10px;right:6px;min-width:16px;font-size:.34rem}}@media (min-width: 900px){.game-container.is-quiz{max-width:100%;width:100%;height:100dvh}}.quiz-screen-inner{padding:clamp(16px,2vw,28px)}.quiz-draft-shell{width:min(1120px,100%);gap:clamp(16px,2vw,26px)}.quiz-stage-header{display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:start;gap:clamp(12px,1.8vw,26px);min-height:auto;padding-top:0}.quiz-brand-lockup{display:flex;align-items:center;justify-content:flex-start;min-height:72px}.quiz-brand-logo{width:clamp(112px,12vw,176px);filter:drop-shadow(0 0 14px rgba(0,212,255,.22)) drop-shadow(0 12px 28px rgba(0,0,0,.22))}.quiz-heading-block{min-height:auto;gap:10px;align-items:flex-start;text-align:left}.quiz-stage-heading{max-width:700px;font-size:clamp(1.9rem,3.6vw,3.85rem);line-height:.92;letter-spacing:.035em;white-space:normal;color:#eef8ff;text-shadow:0 4px 0 rgba(1,19,48,.95),0 0 24px rgba(0,212,255,.2),0 0 48px rgba(0,136,255,.14)}.quiz-stage-question{display:inline-flex;align-items:center;min-height:42px;padding:10px 18px;border-radius:999px;border:1px solid rgba(0,212,255,.34);background:linear-gradient(180deg,#00d4ff1f,#ffffff05);color:#8feaff;font-family:var(--font-body);font-size:clamp(.9rem,1.2vw,1.08rem);font-weight:700;letter-spacing:.01em;box-shadow:0 0 0 1px #ffffff08,0 0 20px #00d4ff1f,inset 0 0 18px #00d4ff14}.quiz-stage-question.is-worst{border-color:#ff3d7f57;background:linear-gradient(180deg,#ff3d7f1f,#ffffff05);color:#ff90bc;box-shadow:0 0 0 1px #ffffff08,0 0 20px #ff3d7f24,inset 0 0 18px #ff3d7f14}.quiz-slots-panel{position:static;display:flex;flex-direction:column;align-items:flex-end;gap:10px;padding:8px 0 0}.quiz-slots-title{font-family:var(--font-display);font-size:.9rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#8feaff;text-shadow:0 0 18px rgba(0,212,255,.2)}.selection-slot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.selection-slot{display:flex;align-items:center;justify-content:flex-start;width:74px;height:104px;min-height:104px;padding:10px 8px;border-radius:20px;border:1px dashed rgba(0,212,255,.3);background:linear-gradient(180deg,#061224cc,#080e1eb3);box-shadow:inset 0 0 0 1px #ffffff05,inset 0 0 26px #00d4ff0d;flex-direction:column;gap:8px}.selection-slot.is-filled{border-style:solid;border-color:#00d4ff7a;background:linear-gradient(180deg,#00d4ff24,#071325d1);box-shadow:0 0 24px var(--slot-glow),inset 0 0 24px #00d4ff14}.selection-slot-label{font-family:var(--font-display);font-size:.88rem;font-weight:900;letter-spacing:.08em;color:#d7f7ff}.selection-slot-thumb{width:100%;height:58px;object-fit:cover;border-radius:12px;box-shadow:0 10px 18px #00000042,0 0 20px #00d4ff1f}.selection-slot-empty{font-family:var(--font-body);font-size:.64rem;font-weight:700;letter-spacing:.14em;color:#f0f4ff61}.quiz-stage-body{width:100%;padding:clamp(14px,1.6vw,24px)}.quiz-stage-frame{border-radius:36px;border:1px solid rgba(0,212,255,.26);background:linear-gradient(180deg,#00d4ff0d,#ffffff05),radial-gradient(circle at 0% 0%,rgba(0,212,255,.16),transparent 28%),radial-gradient(circle at 100% 100%,rgba(0,136,255,.14),transparent 32%),#080e1cb8;box-shadow:0 0 0 1px #ffffff05,0 24px 44px #00000038,inset 0 0 60px #00000024,0 0 36px #00d4ff14}.quiz-screen--worst .quiz-stage-frame{border-color:#ff3d7f42;background:linear-gradient(180deg,#ff3d7f0d,#ffffff05),radial-gradient(circle at 0% 0%,rgba(255,61,127,.16),transparent 28%),radial-gradient(circle at 100% 100%,rgba(255,179,0,.14),transparent 32%),#080e1cb8;box-shadow:0 0 0 1px #ffffff05,0 24px 44px #00000038,inset 0 0 60px #00000024,0 0 36px #ff3d7f14}.drink-card-grid{gap:clamp(10px,1.4vw,18px)}.drink-card{min-height:clamp(166px,24vh,262px);padding:10px;border-radius:26px;border:1px solid rgba(0,212,255,.18);background:linear-gradient(180deg,#091426e6,#070e1cdb);box-shadow:0 18px 34px #00000038,inset 0 0 24px #ffffff05}.drink-card:before{background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 18%),radial-gradient(circle at 50% 0%,rgba(0,212,255,.08),transparent 34%)}.drink-card:hover:not(:disabled){transform:translateY(-8px);border-color:#00d4ff57;box-shadow:0 24px 42px #0000003d,0 0 28px #00d4ff1f,inset 0 0 24px #00d4ff0a}.drink-card.selected,.drink-card.auto-selected{border-color:#00d4ffad;background:linear-gradient(180deg,#00d4ff29,#070e1ce0);box-shadow:0 24px 42px #0000003d,0 0 30px #00d4ff47,0 0 54px var(--drink-glow),inset 0 0 28px #00d4ff14}.quiz-screen--worst .drink-card.selected,.quiz-screen--worst .drink-card.auto-selected{border-color:#ff3d7fa8;background:linear-gradient(180deg,#ff3d7f29,#070e1ce0);box-shadow:0 24px 42px #0000003d,0 0 30px #ff3d7f3d,0 0 54px var(--drink-glow),inset 0 0 28px #ff3d7f14}.drink-card-inner{position:relative;z-index:1;height:100%;gap:12px;justify-content:flex-start}.drink-card-name{display:block;min-height:42px;font-size:clamp(.84rem,1.16vw,1.04rem);line-height:.98;letter-spacing:.03em;color:#edf7ff;text-align:center;text-wrap:balance}.drink-card-visual{position:relative;flex:1;width:100%;min-height:0;display:flex;align-items:stretch;justify-content:center}.drink-card-aura{width:84%;height:84%;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,var(--drink-image-glow) 0%,transparent 68%);filter:blur(30px);opacity:1}.drink-card-image-shell{position:relative;width:100%;height:100%;min-height:138px;padding:8px;border-radius:20px;background:linear-gradient(180deg,#ffffff14,#ffffff05);box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 0 28px #ffffff0a}.drink-card-image{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:16px;transform:scale(1.01);box-shadow:0 16px 26px #0000002e,0 0 24px #ffffff0d}@media (max-width: 899px){.game-container.is-quiz{max-width:100%;width:100%;height:100dvh}.quiz-screen-inner{padding:12px 10px 16px}.quiz-stage-header{grid-template-columns:minmax(0,1fr) max-content;gap:12px}.quiz-brand-lockup{grid-column:1 / span 2;min-height:auto}.quiz-brand-logo{width:108px}.quiz-heading-block{gap:8px}.quiz-stage-heading{font-size:clamp(1.34rem,6vw,2.28rem);max-width:none}.quiz-stage-question{min-height:34px;padding:8px 12px;font-size:.84rem}.quiz-slots-title{font-size:.7rem}.selection-slot-grid{gap:7px}.selection-slot{width:52px;height:76px;min-height:76px;padding:8px 6px;border-radius:16px}.selection-slot-label{font-size:.66rem}.selection-slot-thumb{height:42px;border-radius:10px}.selection-slot-empty{font-size:.46rem}.quiz-stage-body{padding:10px}.quiz-stage-frame{border-radius:24px}.drink-card-grid{gap:8px}.drink-card{min-height:132px;padding:6px;border-radius:18px}.drink-card-name{min-height:28px;font-size:clamp(.52rem,2.2vw,.74rem)}.drink-card-inner{gap:6px}.drink-card-image-shell{min-height:88px;padding:5px;border-radius:14px}.drink-card-image{border-radius:12px}}.drink-card-image-shell{background:transparent;box-shadow:none}.drink-card-image{background:transparent;object-fit:contain;object-position:center;box-shadow:none;filter:drop-shadow(0 18px 28px rgba(0,8,24,.55));transform:none}.selection-slot-thumb{object-fit:contain;background:transparent}.cta-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;width:min(100%,340px);min-height:54px;padding:0 26px;border:none;border-radius:999px;cursor:pointer;font-family:var(--font-display);font-weight:900;font-size:clamp(.95rem,3.2vw,1.1rem);letter-spacing:.12em;text-transform:uppercase;color:#04122a;overflow:hidden;isolation:isolate;transition:transform .16s cubic-bezier(.25,.8,.3,1),box-shadow .22s ease,filter .16s ease}.cta-pill--primary{background:linear-gradient(180deg,#ffffff38,#fff0 48%),linear-gradient(120deg,#5cf3d7,#00d4ff 48%,#4fa8ff);box-shadow:0 2px #ffffff73 inset,0 -4px 14px #00448c59 inset,0 14px 32px -6px #00a2ff8c,0 0 0 1px #ffffff38}.cta-pill:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:999px;background:linear-gradient(180deg,#ffffff42,#fff0 44%);pointer-events:none;z-index:0}.cta-pill-glint{position:absolute;top:0;left:-40%;width:40%;height:100%;pointer-events:none;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,0) 35%,rgba(255,255,255,.55) 50%,rgba(255,255,255,0) 65%,transparent 100%);transform:skew(-18deg);animation:ctaGlint 3.6s ease-in-out infinite;z-index:1}@keyframes ctaGlint{0%{left:-40%;opacity:0}18%{opacity:1}60%{left:120%;opacity:0}to{left:120%;opacity:0}}.cta-pill-label{position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px;color:#04122a;-webkit-text-fill-color:#04122a;white-space:nowrap}.cta-pill-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px}.cta-pill-arrow{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:#04122aeb;color:#7cf3ff;box-shadow:0 4px 10px #00143059,inset 0 0 0 1px #7cf3ff59;transition:transform .22s cubic-bezier(.25,.8,.3,1)}.cta-pill:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 2px #ffffff8c inset,0 -4px 14px #00448c59 inset,0 18px 40px -6px #00a2ff99,0 0 0 1px #ffffff4d}.cta-pill:hover:not(:disabled) .cta-pill-arrow{transform:translate(3px)}.cta-pill:active:not(:disabled){transform:translateY(1px) scale(.99);filter:brightness(.94)}.cta-pill:disabled{cursor:not-allowed;filter:grayscale(.55) brightness(.82);opacity:.7}.cta-pill:focus-visible{outline:2px solid #7cf3ff;outline-offset:3px}.result-screen{position:relative;width:100%;height:100%;overflow:hidden;animation:fadeIn .5s ease}.result-screen .result-screen-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:clamp(14px,2dvh,24px);padding:clamp(18px,3dvh,40px) clamp(14px,3vw,36px) clamp(22px,3.2dvh,40px);width:100%;height:100%;text-align:center}.result-screen .result-flash,.result-screen .result-hero,.result-screen .result-preline,.result-screen .result-headline,.result-screen .result-headline-percent,.result-v2-title{display:inline;font-size:clamp(1.2rem,3vw,2.4rem);margin:0}.result-v2-caption{display:inline;font-size:clamp(.9rem,2vw,1.1rem);margin-left:12px;opacity:.9}.result-v2-eyebrow{display:none}.result-screen .result-postline,.result-screen .result-progress-caption,.result-screen .result-bottom,.result-screen .result-cta-note,.result-screen .result-center-flag{display:none!important}.result-v2-header{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:520px;animation:fadeInUp .45s ease .05s both}.result-v2-brand{width:clamp(88px,18vw,124px);margin-bottom:4px}.result-v2-brand img{width:100%;height:auto;filter:drop-shadow(0 6px 18px rgba(0,212,255,.25))}.result-v2-eyebrow{font-family:Outfit,Titillium Web,sans-serif;font-size:clamp(.68rem,2.2vw,.82rem);font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:#7cf3ff;margin:0;line-height:1}.result-v2-eyebrow:before,.result-v2-eyebrow:after{content:"";display:inline-block;width:22px;height:1px;background:linear-gradient(90deg,transparent,#7cf3ff,transparent);vertical-align:middle;margin:0 12px 3px}.result-v2-title{font-family:var(--font-display);font-size:clamp(1.5rem,5.8vw,2.35rem);font-weight:800;letter-spacing:.01em;line-height:1.1;margin:0;background:linear-gradient(180deg,#fff,#b8ecff 62%,#7cd4ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:0;text-stroke:0;text-shadow:none;filter:drop-shadow(0 4px 18px rgba(0,150,220,.35));text-transform:none}.result-v2-caption{font-family:var(--font-body);font-size:clamp(.8rem,2.3vw,.96rem);font-weight:500;color:#d6edffc7;margin:2px 0 0;max-width:36ch;line-height:1.45}.result-v2-stage{position:relative;width:100%;max-width:560px;flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:0;animation:fadeInUp .55s ease .12s both}.result-v2-stage-glow{position:absolute;top:8%;right:6%;bottom:8%;left:6%;background:radial-gradient(ellipse at 62% 50%,rgba(0,212,255,.35),transparent 62%),radial-gradient(ellipse at 32% 72%,rgba(34,255,143,.22),transparent 64%),radial-gradient(ellipse at 72% 20%,rgba(124,243,255,.18),transparent 60%);filter:blur(18px);pointer-events:none;z-index:0;animation:resultAuroraDrift 9s ease-in-out infinite alternate}@keyframes resultAuroraDrift{0%{transform:translate3d(-3%,0,0) scale(1);opacity:.9}to{transform:translate3d(3%,-1%,0) scale(1.04);opacity:1}}.result-v2-stage-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);align-items:center;gap:clamp(10px,2.6vw,22px);width:100%;height:100%;padding:clamp(6px,1.4dvh,14px) 0}.result-v2-runnerups{display:flex;flex-direction:column;gap:clamp(10px,1.8dvh,18px);align-items:stretch;justify-content:center}.result-v2-hero{display:flex;align-items:center;justify-content:center;height:100%}.result-bottle{position:relative;margin:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;--bottle-flavor: #00d4ff;--bottle-accent: #7cf3ff}.result-bottle-halo{position:absolute;left:50%;top:50%;width:120%;height:120%;transform:translate(-50%,-50%);pointer-events:none;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--bottle-flavor) 55%,transparent) 0%,color-mix(in srgb,var(--bottle-flavor) 22%,transparent) 36%,transparent 68%);filter:blur(14px);z-index:0;animation:bottleHaloPulse 4.2s ease-in-out infinite}@keyframes bottleHaloPulse{0%,to{opacity:.85;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}.result-bottle-plate{position:absolute;left:50%;bottom:16%;width:78%;height:14px;transform:translate(-50%);pointer-events:none;background:radial-gradient(ellipse at center,#00000080,#0000 68%);filter:blur(4px);z-index:0}.result-bottle-rank{position:absolute;font-family:var(--font-display);font-weight:900;letter-spacing:.04em;z-index:2;background:linear-gradient(180deg,#ffffff 0%,var(--bottle-accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 10px rgba(0,20,55,.6))}.result-bottle-image{position:relative;z-index:1;max-width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 14px 26px rgba(0,12,40,.55)) drop-shadow(0 0 26px color-mix(in srgb,var(--bottle-flavor) 45%,transparent))}.result-bottle-caption{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.result-bottle-name{font-family:var(--font-display);font-weight:800;color:#f2fbff;line-height:1.15;letter-spacing:.01em;text-shadow:0 2px 8px rgba(0,14,40,.6)}.result-bottle-tag{font-family:Outfit,sans-serif;font-size:.62rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--bottle-accent);padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--bottle-flavor) 18%,rgba(0,12,30,.6));border:1px solid color-mix(in srgb,var(--bottle-accent) 45%,transparent)}.result-bottle--hero{justify-content:flex-end;width:100%;height:100%;padding-top:14px}.result-bottle--hero .result-bottle-image{width:100%;max-width:clamp(160px,42vw,260px);max-height:clamp(220px,52dvh,360px);animation:heroBottleRise .9s cubic-bezier(.2,.9,.28,1) .12s both,heroBottleFloat 5.8s ease-in-out 1s infinite}@keyframes heroBottleRise{0%{transform:translateY(28px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes heroBottleFloat{0%,to{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-10px) rotate(.5deg)}}.result-bottle--hero .result-bottle-rank{top:-2px;right:-4px;font-size:clamp(1.6rem,5.6vw,2.2rem);line-height:1}.result-bottle--hero .result-bottle-halo{width:140%;height:140%}.result-bottle--hero .result-bottle-name{font-size:clamp(1.02rem,3.4vw,1.28rem);margin-top:8px}.result-bottle--runnerup{flex-direction:row;align-items:center;gap:8px;padding:10px 10px 10px 8px;border-radius:18px;background:linear-gradient(180deg,#0c16308c,#060c1c73);border:1px solid rgba(124,243,255,.18);box-shadow:0 8px 22px #00081c73,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:left;animation:runnerupRise .6s cubic-bezier(.22,.9,.3,1) both}.result-bottle--runnerup:nth-child(1){animation-delay:.2s}.result-bottle--runnerup:nth-child(2){animation-delay:.32s}@keyframes runnerupRise{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}.result-bottle--runnerup .result-bottle-halo{width:74%;height:160%;left:22%;opacity:.75;filter:blur(10px)}.result-bottle--runnerup .result-bottle-plate{display:none}.result-bottle--runnerup .result-bottle-image{width:clamp(56px,16vw,76px);height:clamp(82px,22vw,116px);object-fit:contain;flex-shrink:0}.result-bottle--runnerup .result-bottle-rank{position:static;font-size:clamp(.72rem,2.2vw,.92rem);letter-spacing:.2em;padding:3px 8px;border-radius:999px;background:linear-gradient(180deg,#7cf3ff38,#00d4ff1a);border:1px solid rgba(124,243,255,.35);-webkit-text-fill-color:initial;background-clip:border-box;-webkit-background-clip:border-box;color:#cdf6ff;filter:none;margin-bottom:4px;align-self:flex-start}.result-bottle--runnerup .result-bottle-caption{align-items:flex-start;text-align:left;gap:4px;min-width:0;flex:1}.result-bottle--runnerup .result-bottle-name{font-size:clamp(.76rem,2.4vw,.92rem);line-height:1.2}.result-bottle--runnerup .result-bottle-tag{font-size:.52rem;padding:1px 7px}.result-v2-footer{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;animation:fadeInUp .5s ease .3s both;flex-shrink:0}.result-v2-raffle{font-family:var(--font-body);font-size:clamp(.82rem,2.4vw,.96rem);color:#d6edffc2;line-height:1.4;max-width:32ch;margin:0}body.has-result-aurora:before{background:radial-gradient(420px 420px at 50% 32%,rgba(0,212,255,.26),transparent 62%),radial-gradient(320px 320px at 18% 78%,rgba(34,255,143,.22),transparent 60%),radial-gradient(320px 320px at 82% 82%,rgba(124,243,255,.18),transparent 60%),linear-gradient(180deg,#050b18,#081426 40%,#061124)}@media (max-width: 460px){.result-v2-stage-grid{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:14px}.result-v2-runnerups{order:2;flex-direction:row;justify-content:center;gap:10px}.result-v2-hero{order:1}.result-bottle--runnerup{flex:1 1 0;min-width:0;flex-direction:column;align-items:center;text-align:center;padding:10px 8px}.result-bottle--runnerup .result-bottle-caption{align-items:center;text-align:center}.result-bottle--runnerup .result-bottle-rank{align-self:center}.result-bottle--runnerup .result-bottle-image{width:62px;height:96px}}.reg-screen-content{gap:clamp(10px,1.8dvh,22px)}.reg-top{gap:4px}.reg-eyebrow,.ty-eyebrow{display:inline-block;font-family:Outfit,Titillium Web,sans-serif;font-size:clamp(.66rem,2.1vw,.78rem);font-weight:700;letter-spacing:.36em;text-transform:uppercase;color:#7cf3ff;margin:0 0 4px;padding:4px 12px;border-radius:999px;background:linear-gradient(180deg,#7cf3ff29,#00d4ff14);border:1px solid rgba(124,243,255,.28);box-shadow:0 6px 14px #00183059;animation:fadeInUp .4s ease .02s both}.reg-screen .reg-title,.ty-screen .ty-headline,.result-v2-title{font-family:var(--font-display);font-weight:800;font-size:clamp(1.5rem,6vw,2.35rem);line-height:1.08;letter-spacing:.005em;text-transform:none;color:#fff;background:linear-gradient(180deg,#fff,#b8ecff 62%,#7cd4ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:0 transparent!important;text-stroke:0 transparent;paint-order:fill;text-shadow:none;filter:drop-shadow(0 4px 18px rgba(0,150,220,.3));margin:0;animation:fadeInUp .4s ease .08s both}.reg-screen .reg-subtitle{font-family:var(--font-body);font-weight:500;font-size:clamp(.82rem,2.4vw,.98rem);letter-spacing:.005em;color:#d6edffc7;-webkit-text-fill-color:rgba(214,237,255,.78);background:none;-webkit-background-clip:border-box;background-clip:border-box;text-shadow:none;filter:none;margin:0;animation:fadeInUp .4s ease .14s both}.ty-screen .confetti-canvas{display:none!important}.ty-screen{background:radial-gradient(520px 280px at 50% 0%,rgba(0,212,255,.18),transparent 64%),linear-gradient(180deg,#060d1f,#081a34 48%,#031222)}.ty-screen-inner{padding:clamp(22px,4dvh,44px) clamp(16px,4vw,40px) clamp(28px,4.5dvh,52px);gap:clamp(14px,3dvh,28px)}.ty-screen .ty-brand-corner{position:static;display:flex;justify-content:center;margin-bottom:4px}.ty-screen .ty-brand-corner .start-brand-logo{width:clamp(92px,20vw,140px);height:auto;filter:drop-shadow(0 6px 22px rgba(0,212,255,.28))}.ty-screen--v2 .loading-top{position:static!important;padding:0!important}.ty-screen--v2 .start-brand{position:absolute;top:clamp(15px,3dvh,40px);left:clamp(15px,3vw,40px);margin:0;z-index:50}.ty-screen--v2 .loading-hero{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;height:100%!important}.ty-v2-header{position:absolute!important;top:36%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:30!important;width:100%;text-align:center;pointer-events:none}.ty-v2-headline{font-family:var(--font-display);font-weight:950;font-size:clamp(2.2rem,8vw,4.4rem)!important;line-height:.95;color:#fff;margin:12px 0;background:linear-gradient(180deg,#fff,#b8ecff 62%,#7cd4ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px rgba(0,0,0,.8)) drop-shadow(0 4px 12px rgba(0,212,255,.4));animation:fadeInUp .8s cubic-bezier(.2,.8,.2,1) both}.ty-v2-body{font-family:var(--font-body);font-size:clamp(1rem,2.5vw,1.25rem);color:#ffffffe6;max-width:40ch;margin:0 auto;line-height:1.3;text-shadow:0 4px 12px rgba(0,0,0,.5)}.ty-screen--v2 .loading-stage{flex:none!important;height:min(440px,45dvh)!important;transform:scale(1.15) translateY(4%)!important;opacity:1!important;filter:none!important;margin:0!important}.ty-v2-bottom{position:absolute!important;top:66%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:40!important;width:100%;display:flex;justify-content:center;animation:fadeInUp .8s cubic-bezier(.2,.8,.2,1) .3s both}.ty-v2-bottom .cta-pill{box-shadow:0 0 40px #00d4ff4d}@media (prefers-reduced-motion: reduce){.ty-wave,.ty-waves:after,.result-v2-stage-glow,.result-bottle-halo,.result-bottle--hero .result-bottle-image{animation:none!important}}.quiz-screen.quiz-screen{background:radial-gradient(520px 420px at 50% -20%,rgba(0,212,255,.18),transparent 62%),radial-gradient(400px 320px at 10% 110%,rgba(34,255,143,.12),transparent 62%),radial-gradient(360px 320px at 90% 100%,rgba(124,243,255,.1),transparent 62%),linear-gradient(180deg,#050b18,#07142a 48%,#040c1f)}.quiz-screen .quiz-screen-inner{padding:clamp(16px,2.2dvh,32px) clamp(14px,2.2vw,30px) clamp(20px,3dvh,36px)}.quiz-screen .quiz-draft-shell{width:min(1180px,100%);gap:clamp(14px,2dvh,26px)}.quiz-screen .quiz-stage-header{display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:clamp(12px,2vw,28px);padding:4px 0 0;min-height:auto}.quiz-screen .quiz-brand-lockup{display:flex;align-items:center;min-height:auto;padding:6px 0}.quiz-screen .quiz-brand-logo{width:clamp(96px,10vw,148px);height:auto;filter:drop-shadow(0 8px 20px rgba(0,212,255,.28))}.quiz-screen .quiz-heading-block{gap:10px;align-items:flex-start;text-align:left;min-width:0}.quiz-screen .quiz-stage-heading{font-family:var(--font-display);font-weight:800;font-size:clamp(1.1rem,2.4vw,2rem);line-height:1.08;letter-spacing:.008em;text-transform:uppercase;max-width:480px;margin:0;color:#fff;background:linear-gradient(180deg,#fff,#cdefff 60%,#7cd4ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:0 transparent!important;text-stroke:0 transparent;text-shadow:none;filter:drop-shadow(0 4px 18px rgba(0,150,220,.22));text-wrap:balance}.quiz-screen .quiz-stage-question{display:inline-flex;align-items:center;gap:10px;padding:9px 18px 9px 16px;border-radius:999px;font-family:var(--font-body);font-weight:600;font-size:clamp(.86rem,1.15vw,1rem);letter-spacing:.005em;color:#dcf6ff;background:linear-gradient(180deg,#7cf3ff2e,#00d4ff0f);border:1px solid rgba(124,243,255,.32);box-shadow:0 8px 20px #00183059,inset 0 1px #ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:none}.quiz-screen .quiz-stage-question:before{content:"";width:6px;height:6px;border-radius:999px;background:#7cf3ff;box-shadow:0 0 10px #7cf3ffe6;flex-shrink:0}.quiz-screen .quiz-stage-question.is-worst{color:#ffc3d5;background:linear-gradient(180deg,#ff3d7f2e,#ff3d7f0f);border-color:#ff3d7f57}.quiz-screen .quiz-stage-question.is-worst:before{background:#ff85aa;box-shadow:0 0 10px #ff85aae6}.quiz-screen .quiz-slots-panel{align-items:flex-end;gap:10px;padding:0}.quiz-screen .quiz-slots-title{font-family:Outfit,Titillium Web,sans-serif;font-size:.72rem;font-weight:800;letter-spacing:.32em;color:#7cf3ff;text-shadow:none}.quiz-screen .quiz-stage-header .quiz-top-picks{flex-direction:row;align-items:stretch;justify-content:flex-end;gap:5px;padding:0;margin:0;width:clamp(100px,14vw,150px);height:auto!important;opacity:1!important;pointer-events:none;transition:none}.quiz-screen .quiz-stage-header .quiz-top-picks.is-active{margin-bottom:0;height:auto!important}.quiz-screen .quiz-stage-header .quiz-top-pick-slot{flex:1 1 0;min-width:0;height:clamp(56px,8dvh,82px);align-items:flex-end}.quiz-screen .quiz-stage-header .quiz-top-pick-rank{font-size:.52rem;padding:1px 6px;letter-spacing:.14em}.quiz-screen .quiz-stage-header .quiz-top-pick-image{width:auto;height:100%;object-position:center bottom}.quiz-screen .selection-slot-grid{grid-template-columns:repeat(3,1fr);gap:8px}.quiz-screen .selection-slot{width:68px;height:90px;min-height:90px;padding:8px 6px;border-radius:16px;border:1px dashed rgba(124,243,255,.28);background:linear-gradient(180deg,#08142aa6,#040c1a8c);box-shadow:inset 0 1px #ffffff0a,0 6px 14px #000a1a66;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-direction:column;gap:6px;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.quiz-screen .selection-slot.is-filled{border-style:solid;border-color:color-mix(in srgb,var(--slot-flavor, #7cf3ff) 60%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--slot-flavor, #7cf3ff) 18%,transparent),#040c1ab8);box-shadow:0 10px 26px var(--slot-glow, rgba(0, 212, 255, .25)),inset 0 1px #ffffff14;transform:translateY(-1px);animation:slotFill .42s cubic-bezier(.25,.8,.3,1) both}@keyframes slotFill{0%{transform:translateY(6px) scale(.96);opacity:.6}60%{transform:translateY(-3px) scale(1.02);opacity:1}to{transform:translateY(-1px) scale(1);opacity:1}}.quiz-screen .selection-slot-label{font-family:Outfit,sans-serif;font-size:.66rem;font-weight:800;letter-spacing:.18em;color:#d6edffc7;text-shadow:none}.quiz-screen .selection-slot.is-filled .selection-slot-label{color:#fff}.quiz-screen .selection-slot-thumb{width:100%;height:46px;object-fit:contain;background:transparent;box-shadow:none;filter:drop-shadow(0 4px 10px rgba(0,8,24,.55))}.quiz-screen .selection-slot-empty{font-family:Outfit,sans-serif;font-size:.52rem;font-weight:800;letter-spacing:.22em;color:#d6edff57}.quiz-screen .quiz-stage-body{width:100%;padding:clamp(14px,2vw,26px);position:relative}.quiz-screen .quiz-stage-frame{border-radius:28px;border:1px solid rgba(124,243,255,.14);background:linear-gradient(180deg,#081226b3,#040c1a8c),radial-gradient(600px 260px at 50% 0%,rgba(124,243,255,.08),transparent 64%);box-shadow:0 18px 44px #00081c73,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quiz-screen--worst .quiz-stage-frame{border-color:#ff85aa38;background:linear-gradient(180deg,#280c1cb3,#1406108c),radial-gradient(600px 260px at 50% 0%,rgba(255,133,170,.1),transparent 64%)}.quiz-screen .drink-card-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(10px,1.4vw,16px)}.quiz-screen .drink-card{position:relative;min-height:clamp(170px,26vh,260px);padding:14px 12px 12px;border-radius:22px;border:1px solid rgba(124,243,255,.16);background:linear-gradient(180deg,#0c18309e,#040a168c);box-shadow:0 14px 34px #00081c66,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;isolation:isolate;transition:transform .24s cubic-bezier(.25,.8,.3,1),border-color .24s ease,box-shadow .24s ease,background .24s ease}.quiz-screen .drink-card:before{content:"";position:absolute;left:50%;top:58%;width:110%;height:80%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,color-mix(in srgb,var(--drink-flavor, #00d4ff) 40%,transparent) 0%,color-mix(in srgb,var(--drink-flavor, #00d4ff) 12%,transparent) 40%,transparent 70%);filter:blur(18px);opacity:.55;z-index:0;pointer-events:none;transition:opacity .24s ease,transform .24s ease}.quiz-screen .drink-card:hover:not(:disabled){transform:translateY(-4px);border-color:color-mix(in srgb,var(--drink-flavor, #7cf3ff) 55%,transparent);box-shadow:0 22px 44px #00081c80,0 0 30px color-mix(in srgb,var(--drink-flavor, #7cf3ff) 26%,transparent),inset 0 1px #ffffff14}.quiz-screen .drink-card:hover:not(:disabled):before{opacity:.85;transform:translate(-50%,-52%) scale(1.04)}.quiz-screen .drink-card.selected,.quiz-screen .drink-card.auto-selected{border-color:color-mix(in srgb,var(--drink-flavor, #7cf3ff) 75%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--drink-flavor, #7cf3ff) 22%,transparent),#040a16cc);box-shadow:0 22px 44px #00081c8c,0 0 40px color-mix(in srgb,var(--drink-flavor, #7cf3ff) 42%,transparent),inset 0 0 40px color-mix(in srgb,var(--drink-flavor, #7cf3ff) 14%,transparent),inset 0 1px #ffffff1a;transform:translateY(-4px) scale(1.01)}.quiz-screen .drink-card.selected:before,.quiz-screen .drink-card.auto-selected:before{opacity:1}.quiz-screen--worst .drink-card:hover:not(:disabled),.quiz-screen--worst .drink-card.selected,.quiz-screen--worst .drink-card.auto-selected{--drink-flavor: #ff85aa}.quiz-screen .drink-card-inner{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:100%;gap:10px}.quiz-screen .drink-card-name{display:block;width:100%;font-family:Outfit,Titillium Web,sans-serif;font-weight:800;font-size:clamp(.72rem,1vw,.9rem);line-height:1.18;letter-spacing:.14em;color:#f0fbff;-webkit-text-fill-color:#f0fbff;text-align:center;text-transform:uppercase;text-wrap:balance;min-height:2.4em;text-shadow:0 2px 8px rgba(0,14,40,.45)}.quiz-screen .drink-card-visual{position:relative;flex:1 1 auto;width:100%;min-height:0;display:flex;align-items:center;justify-content:center}.quiz-screen .drink-card-aura{position:absolute;left:50%;top:55%;width:82%;height:82%;transform:translate(-50%,-50%);background:radial-gradient(circle,color-mix(in srgb,var(--drink-flavor, #00d4ff) 40%,transparent) 0%,transparent 66%);filter:blur(22px);opacity:.85;pointer-events:none}.quiz-screen .drink-card-image-shell{position:relative;z-index:1;width:100%;height:100%;min-height:0;padding:0;border-radius:0;background:transparent;box-shadow:none;display:flex;align-items:flex-end;justify-content:center}.quiz-screen .drink-card-image{width:auto;height:100%;max-width:92%;max-height:100%;object-fit:contain;object-position:center bottom;border-radius:0;background:transparent;transform:none;box-shadow:none;filter:drop-shadow(0 18px 24px rgba(0,8,24,.55)) drop-shadow(0 0 18px color-mix(in srgb,var(--drink-flavor, #00d4ff) 30%,transparent));transition:transform .26s cubic-bezier(.25,.8,.3,1),filter .26s ease}.quiz-screen .drink-card:hover:not(:disabled) .drink-card-image{transform:translateY(-4px) scale(1.03);filter:drop-shadow(0 22px 28px rgba(0,8,24,.6)) drop-shadow(0 0 24px color-mix(in srgb,var(--drink-flavor, #00d4ff) 55%,transparent))}.quiz-screen .drink-card.selected .drink-card-image,.quiz-screen .drink-card.auto-selected .drink-card-image{transform:translateY(-6px) scale(1.04);filter:drop-shadow(0 24px 30px rgba(0,8,24,.65)) drop-shadow(0 0 28px color-mix(in srgb,var(--drink-flavor, #00d4ff) 70%,transparent))}@keyframes cardFloatIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.quiz-screen .drink-card.answer-enter{animation:cardFloatIn .46s cubic-bezier(.25,.8,.3,1) both}@media (max-width: 899px){.quiz-screen .quiz-stage-header{grid-template-columns:max-content minmax(0,1fr) max-content;grid-template-areas:"brand  head  slots";align-items:center;row-gap:8px}.quiz-screen .quiz-brand-lockup{grid-area:brand}.quiz-screen .quiz-slots-panel{grid-area:slots;align-items:flex-end}.quiz-screen .quiz-stage-header .quiz-top-picks{grid-area:slots}.quiz-screen .quiz-heading-block{grid-area:head;gap:6px}.quiz-screen .quiz-brand-logo{width:clamp(88px,24vw,120px)}.quiz-screen .quiz-stage-heading{font-size:clamp(.78rem,3.2vw,1.15rem);max-width:none}.quiz-screen .quiz-stage-question{font-size:.82rem;padding:7px 14px 7px 12px}.quiz-screen .selection-slot{width:54px;height:76px;min-height:76px;border-radius:14px;padding:6px 4px}.quiz-screen .selection-slot-label{font-size:.6rem}.quiz-screen .selection-slot-thumb{height:40px}.quiz-screen .selection-slot-empty{font-size:.44rem}.quiz-screen .quiz-slots-title{font-size:.62rem;letter-spacing:.28em}.quiz-screen .quiz-stage-body{padding:12px}.quiz-screen .drink-card-grid{gap:8px}.quiz-screen .drink-card{min-height:140px;padding:10px 8px;border-radius:18px}.quiz-screen .drink-card-name{min-height:2.2em;font-size:clamp(.58rem,2.2vw,.74rem);letter-spacing:.1em}}.cta-pill.cta-pill--primary{background:linear-gradient(180deg,#ffffff4d,#fff0 46%),linear-gradient(120deg,#34ffc8,#00d4ff 38%,#2fa8ff 68%,#06f 105%);box-shadow:0 2px #ffffff80 inset,0 -5px 14px #00327873 inset,0 18px 44px -8px #00c8ffa6,0 6px 22px -6px #0066ff59,0 0 0 1px #ffffff47;color:#04122a;filter:saturate(1.08)}.cta-pill-glint{background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.25) 30%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.25) 70%,transparent 100%);width:46%;animation:ctaGlint 3.1s ease-in-out infinite}.cta-pill-arrow{background:#04122af2;color:#7cf3ff;box-shadow:0 4px 12px #00143073,inset 0 0 0 1px #7cf3ff8c}.cta-pill:hover:not(:disabled){box-shadow:0 2px #fff9 inset,0 -5px 14px #00327873 inset,0 22px 52px -8px #00c8ffbf,0 8px 28px -6px #0066ff73,0 0 0 1px #ffffff61}.quiz-screen .quiz-stage-body{padding:0;background:transparent!important}.quiz-screen .quiz-stage-frame{display:none!important}.quiz-screen .quiz-draft-shell{gap:clamp(10px,1.6dvh,22px)}.quiz-screen .quiz-stage-header{padding:2px 4px 0;gap:clamp(10px,1.6vw,22px)}.quiz-screen .drink-card-grid{display:flex;flex-wrap:nowrap;align-items:flex-end;justify-content:center;gap:0;padding:clamp(6px,1dvh,18px) clamp(4px,1vw,16px) clamp(10px,1.6dvh,20px);perspective:1200px;width:100%}.quiz-screen .drink-card.span-3,.quiz-screen .drink-card.span-4,.quiz-screen .drink-card.span-6,.quiz-screen .drink-card.span-12{grid-column:auto}.quiz-screen .drink-card{position:relative;flex:0 1 auto;width:clamp(98px,14vw,180px);min-height:0;padding:0;margin:0;border:none;background:transparent;box-shadow:none;border-radius:20px;cursor:pointer;overflow:visible;isolation:isolate;transition:transform .32s cubic-bezier(.22,.9,.28,1),filter .26s ease}.quiz-screen .drink-card:before{display:none}.quiz-screen .drink-card:hover:not(:disabled),.quiz-screen .drink-card.selected,.quiz-screen .drink-card.auto-selected{background:transparent;border:none;box-shadow:none}.quiz-screen .drink-card-inner{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;padding:4px 0 2px}@media (min-width: 900px){.quiz-screen .drink-card+.drink-card{margin-left:clamp(-44px,-3.4vw,-28px)}.quiz-screen .drink-card:nth-child(odd){transform:rotate(-4deg) translateY(6px)}.quiz-screen .drink-card:nth-child(2n){transform:rotate(4deg) translateY(-4px)}.quiz-screen .drink-card:hover:not(:disabled),.quiz-screen .drink-card.selected,.quiz-screen .drink-card.auto-selected{z-index:5;transform:rotate(0) translateY(-16px) scale(1.08)}}.quiz-screen .drink-card-visual{position:relative;width:100%;aspect-ratio:.62 / 1;display:flex;align-items:flex-end;justify-content:center;overflow:visible}.quiz-screen .drink-card-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:900;font-size:clamp(1.3rem,2.4vw,2.6rem);line-height:.88;letter-spacing:.005em;text-transform:uppercase;text-align:center;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--drink-flavor, #7cf3ff) 35%,transparent);text-stroke:1px color-mix(in srgb,var(--drink-flavor, #7cf3ff) 35%,transparent);opacity:.55;pointer-events:none;z-index:0;padding:6% 4%;transform:translateY(-4%);text-wrap:balance;transition:opacity .26s ease,-webkit-text-stroke-color .26s ease}.quiz-screen .drink-card:hover:not(:disabled) .drink-card-backdrop,.quiz-screen .drink-card.selected .drink-card-backdrop,.quiz-screen .drink-card.auto-selected .drink-card-backdrop{opacity:.85;-webkit-text-stroke-color:color-mix(in srgb,var(--drink-flavor, #7cf3ff) 70%,transparent)}.quiz-screen .drink-card-aura{position:absolute;left:50%;bottom:6%;width:150%;height:60%;transform:translate(-50%);background:radial-gradient(ellipse at center,color-mix(in srgb,var(--drink-flavor, #00d4ff) 55%,transparent) 0%,color-mix(in srgb,var(--drink-flavor, #00d4ff) 18%,transparent) 40%,transparent 70%);filter:blur(22px);opacity:.75;z-index:0;pointer-events:none;transition:opacity .26s ease,width .26s ease}.quiz-screen .drink-card:hover:not(:disabled) .drink-card-aura,.quiz-screen .drink-card.selected .drink-card-aura,.quiz-screen .drink-card.auto-selected .drink-card-aura{opacity:1;width:170%}.quiz-screen .drink-card-visual:after{content:"";position:absolute;left:50%;bottom:0;width:72%;height:14px;transform:translate(-50%);background:radial-gradient(ellipse at center,#0000008c,#0000 65%);filter:blur(3px);z-index:0;pointer-events:none}.quiz-screen .drink-card-image{position:relative;z-index:1;width:auto;height:100%;max-height:100%;max-width:120%;object-fit:contain;object-position:center bottom;background:transparent;border-radius:0;box-shadow:none;transform:none;filter:drop-shadow(0 22px 22px rgba(0,8,24,.55)) drop-shadow(0 0 16px color-mix(in srgb,var(--drink-flavor, #00d4ff) 32%,transparent));transition:transform .32s cubic-bezier(.22,.9,.28,1),filter .32s ease}.quiz-screen .drink-card:hover:not(:disabled) .drink-card-image{filter:drop-shadow(0 28px 28px rgba(0,8,24,.7)) drop-shadow(0 0 28px color-mix(in srgb,var(--drink-flavor, #00d4ff) 65%,transparent))}.quiz-screen .drink-card.selected .drink-card-image,.quiz-screen .drink-card.auto-selected .drink-card-image{transform:translateY(-8px) scale(1.02);filter:drop-shadow(0 30px 32px rgba(0,8,24,.75)) drop-shadow(0 0 36px color-mix(in srgb,var(--drink-flavor, #00d4ff) 90%,transparent))}.quiz-screen .drink-card.selected:after,.quiz-screen .drink-card.auto-selected:after{content:"";position:absolute;left:-10%;top:10%;width:60%;height:60%;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,0) 40%,rgba(255,255,255,.28) 50%,rgba(255,255,255,0) 60%,transparent 100%);transform:skew(-18deg);pointer-events:none;z-index:2;animation:drinkShine 1.2s ease-out .1s 1 forwards;mix-blend-mode:overlay}@keyframes drinkShine{0%{left:-40%;opacity:0}40%{opacity:1}to{left:120%;opacity:0}}.quiz-screen .drink-card-label{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;width:100%;min-width:0;padding:0 4px;transform-origin:top center}.quiz-screen .drink-card-name{display:block;width:100%;min-height:0;font-family:Outfit,Titillium Web,sans-serif;font-weight:800;font-size:clamp(.66rem,.92vw,.86rem);line-height:1.12;letter-spacing:.1em;color:#f0fbff;-webkit-text-fill-color:#f0fbff;text-align:center;text-transform:uppercase;text-wrap:balance;text-shadow:0 2px 6px rgba(0,14,40,.55)}.quiz-screen .drink-card-tag{display:inline-block;font-family:Outfit,sans-serif;font-weight:800;font-size:.54rem;letter-spacing:.22em;text-transform:uppercase;color:color-mix(in srgb,var(--drink-flavor, #7cf3ff) 70%,#ffffff);padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--drink-flavor, #7cf3ff) 18%,rgba(4,12,26,.6));border:1px solid color-mix(in srgb,var(--drink-flavor, #7cf3ff) 45%,transparent)}.quiz-screen .drink-card{--drink-flavor: var(--drink-flavor, #00d4ff)}@media (max-width: 899px){.quiz-screen .quiz-stage-header{grid-template-columns:max-content minmax(0,1fr);grid-template-areas:"brand slots" "head  head";row-gap:10px;padding:0}.quiz-screen .quiz-brand-lockup{grid-area:brand}.quiz-screen .quiz-slots-panel{grid-area:slots}.quiz-screen .quiz-heading-block{grid-area:head}.quiz-screen .drink-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 4px;padding:4px 2px 12px}.quiz-screen .drink-card{width:auto;transform:none!important;margin:0!important}.quiz-screen .drink-card:hover:not(:disabled),.quiz-screen .drink-card.selected,.quiz-screen .drink-card.auto-selected{transform:translateY(-4px)!important}.quiz-screen .drink-card-visual{aspect-ratio:.7 / 1}.quiz-screen .drink-card-name{font-size:.52rem;letter-spacing:.06em}.quiz-screen .drink-card-tag{font-size:.42rem;padding:1px 6px}.quiz-screen .drink-card-backdrop{font-size:clamp(.9rem,4vw,1.3rem);opacity:.4}}@media (max-width: 420px){.quiz-screen .quiz-screen-inner{padding:10px 8px 14px}.quiz-screen .quiz-stage-heading{font-size:clamp(1rem,5vw,1.5rem)}.quiz-screen .drink-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 2px}.quiz-screen .drink-card-visual{aspect-ratio:.68 / 1}.quiz-screen .selection-slot{width:46px;height:64px;min-height:64px;border-radius:12px;padding:5px 3px;gap:4px}.quiz-screen .selection-slot-label{font-size:.54rem;letter-spacing:.12em}.quiz-screen .selection-slot-thumb{height:32px}.quiz-screen .selection-slot-empty{font-size:.4rem}.quiz-screen .quiz-slots-title{font-size:.56rem;letter-spacing:.24em}}.result-screen .result-v2-stage-grid{display:none}.result-v2-podium{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,1fr);align-items:end;justify-items:center;gap:clamp(6px,1.6vw,22px);width:100%;height:100%;padding:clamp(8px,1.4dvh,18px) clamp(4px,1vw,14px) 0}.result-v2-slot{position:relative;display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%}.result-v2-slot--first{align-items:flex-end;order:2}.result-v2-slot--second{order:1;transform:translateY(6%) rotate(7deg)}.result-v2-slot--third{order:3;transform:translateY(6%) rotate(-7deg)}.result-v2-slot .result-bottle--runnerup{flex-direction:column;align-items:center;gap:8px;padding:0;background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;width:100%;text-align:center;animation:fadeInUp .5s cubic-bezier(.22,.9,.28,1) .18s both}.result-v2-slot .result-bottle--runnerup .result-bottle-caption{align-items:center;text-align:center;gap:4px}.result-v2-slot .result-bottle--runnerup .result-bottle-image{width:auto;height:clamp(130px,26dvh,210px);max-width:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 22px rgba(0,8,24,.55)) drop-shadow(0 0 20px color-mix(in srgb,var(--bottle-flavor, #7cf3ff) 40%,transparent));animation:heroBottleRise .8s cubic-bezier(.2,.9,.28,1) .2s both}.result-v2-slot .result-bottle--runnerup .result-bottle-rank{position:absolute;top:-14px;left:50%;transform:translate(-50%);font-family:var(--font-display);font-weight:900;font-size:clamp(.92rem,2.6vw,1.15rem);letter-spacing:.16em;padding:4px 12px;border-radius:999px;background:linear-gradient(180deg,#7cf3ff47,#00d4ff24);border:1px solid rgba(124,243,255,.5);color:#cdf6ff;-webkit-text-fill-color:#cdf6ff;background-clip:border-box;-webkit-background-clip:border-box;filter:none;box-shadow:0 6px 14px #00143073;align-self:auto;margin-bottom:0;z-index:3}.result-v2-slot .result-bottle--runnerup .result-bottle-name{font-size:clamp(.78rem,2vw,.98rem)}.result-v2-slot--first .result-bottle--hero{width:100%;padding-top:22px}.result-v2-slot--first .result-bottle--hero .result-bottle-image{width:auto;height:clamp(180px,40dvh,320px);max-width:100%}.result-v2-slot--first .result-bottle--hero .result-bottle-rank{top:-6px;right:auto;left:50%;transform:translate(-50%);font-size:clamp(1.8rem,6vw,2.6rem);letter-spacing:.06em;z-index:3}.result-v2-slot--first .result-bottle--hero .result-bottle-name{font-size:clamp(1.1rem,3.6vw,1.45rem)}.result-bottle-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:900;font-size:clamp(2.6rem,9vw,6rem);line-height:.85;letter-spacing:-.01em;text-transform:uppercase;text-align:center;color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--bottle-flavor, #7cf3ff) 45%,transparent);text-stroke:1.5px color-mix(in srgb,var(--bottle-flavor, #7cf3ff) 45%,transparent);opacity:.85;pointer-events:none;z-index:0;text-wrap:balance;padding:0 4%;animation:backdropFadeIn .8s ease .3s both}@keyframes backdropFadeIn{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:.85;transform:translateY(0) scale(1)}}.result-v2-slot--first .result-bottle-image,.result-v2-slot--first .result-bottle-halo,.result-v2-slot--first .result-bottle-plate,.result-v2-slot--first .result-bottle-caption,.result-v2-slot--first .result-bottle-rank{position:relative;z-index:1}.result-v2-slot--first .result-bottle-caption,.result-v2-slot--first .result-bottle-rank{z-index:3}.result-v2-slot--first .result-bottle-halo{width:140%;height:60%;top:auto;bottom:16%;left:50%;transform:translate(-50%);filter:blur(28px)}@media (max-width: 520px){.result-v2-podium{grid-template-columns:1fr 1.4fr 1fr;gap:4px;padding:4px 0 0}.result-v2-slot .result-bottle--runnerup .result-bottle-image{height:clamp(104px,22dvh,150px)}.result-v2-slot--first .result-bottle--hero .result-bottle-image{height:clamp(150px,32dvh,220px)}.result-bottle-backdrop{font-size:clamp(1.8rem,10vw,3.2rem);-webkit-text-stroke-width:1px}.result-v2-slot .result-bottle--runnerup .result-bottle-rank{font-size:.76rem;padding:3px 9px}}.quiz-screen{--theme-tint: #00d4ff;--theme-tint-2: #2fa8ff;--theme-tint-3: #7cf3ff;--theme-deep: #0a1b3a;--theme-soft: rgba(0, 212, 255, .18);--theme-edge: rgba(124, 243, 255, .42);--theme-glow: rgba(0, 212, 255, .55);transition:background .6s ease,color .6s ease}.quiz-screen--worst{--theme-tint: #ff4d5a;--theme-tint-2: #ff2b6b;--theme-tint-3: #ffb0b8;--theme-deep: #2a0712;--theme-soft: rgba(255, 77, 90, .22);--theme-edge: rgba(255, 143, 163, .48);--theme-glow: rgba(255, 77, 90, .6)}.quiz-screen .quiz-slots-panel{display:none!important}.quiz-screen .quiz-stage-header{display:grid!important;grid-template-columns:auto 1fr auto!important;grid-template-areas:"brand heading spacer"!important;align-items:center!important;gap:clamp(8px,1.6vw,22px);padding:4px 10px 0;row-gap:6px}.quiz-screen .quiz-brand-lockup{grid-area:brand}.quiz-screen .quiz-heading-block{grid-area:heading;align-items:center;justify-items:center;text-align:center;gap:6px}.quiz-screen .quiz-stage-heading{text-align:center;width:100%;margin:0 auto;-webkit-text-stroke:0 transparent!important;text-stroke:0 transparent!important;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--theme-tint-3) 90%,#ffffff));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 10px color-mix(in srgb,var(--theme-glow) 55%,transparent));transition:filter .6s ease}.quiz-screen .quiz-stage-question,.quiz-screen .quiz-stage-question.is-worst{display:block!important;width:100%;margin:0 auto;padding:0!important;text-align:center!important;background:transparent!important;border:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;font-family:Outfit,Titillium Web,sans-serif;font-weight:700;font-size:clamp(.82rem,1.9vw,1.08rem);letter-spacing:.02em;line-height:1.25;color:color-mix(in srgb,var(--theme-tint-3) 85%,#ffffff);text-shadow:0 1px 10px color-mix(in srgb,var(--theme-glow) 60%,transparent);transition:color .6s ease,text-shadow .6s ease}.quiz-screen .quiz-stage-question:before,.quiz-screen .quiz-stage-question.is-worst:before{display:none!important}.quiz-screen .drink-card-grid{align-items:flex-end;overflow:visible;padding:clamp(8px,1.2dvh,22px) clamp(16px,2.5vw,32px) clamp(12px,1.6dvh,22px)}@media (min-width: 900px){.quiz-screen .drink-card+.drink-card{margin-left:clamp(-22px,-1.5vw,-10px)}.quiz-screen .drink-card:nth-child(odd),.quiz-screen .drink-card:nth-child(2n){transform:translateY(0) rotate(0)}.quiz-screen .drink-card:hover:not(:disabled){z-index:6;transform:translateY(-18px) scale(1.06)}}.quiz-screen .drink-card-label{position:relative;z-index:4;padding:8px 2px 0;gap:6px}.quiz-screen .drink-card-name{width:110%;max-width:130%;margin-inline:-5%;font-size:clamp(.66rem,.92vw,.84rem);white-space:nowrap;overflow:visible;text-overflow:clip;text-shadow:0 2px 10px rgba(0,10,30,.8),0 0 2px rgba(0,10,30,.7)}.quiz-screen .drink-card-tag{background:linear-gradient(180deg,#ffb44647,#e1780a38);border:1px solid rgba(255,200,110,.62);color:#ffd28a;-webkit-text-fill-color:#ffd28a;font-family:Outfit,sans-serif;font-weight:900;font-size:.56rem;letter-spacing:.28em;padding:3px 10px 3px 11px;border-radius:999px;box-shadow:0 2px 8px #c85f004d,inset 0 1px #ffffff38;text-shadow:0 1px 2px rgba(80,30,0,.55)}.quiz-top-picks{position:relative;z-index:3;display:flex;align-items:stretch;justify-content:center;gap:clamp(10px,2vw,28px);padding:0 10px;margin:0 auto;width:min(100%,640px);height:0;opacity:0;pointer-events:none;transition:height .42s cubic-bezier(.22,.9,.28,1),opacity .32s ease}.quiz-top-picks.is-active{height:clamp(110px,14dvh,170px);opacity:1;margin-bottom:clamp(4px,1dvh,12px)}.quiz-top-pick-slot{flex:1 1 0;min-width:0;display:flex;align-items:flex-end;justify-content:center}.quiz-top-pick-anchor{position:relative;width:100%;height:100%;max-width:120px;display:flex;align-items:flex-end;justify-content:center;aspect-ratio:.62 / 1}.quiz-top-pick-rank{position:absolute;top:-2px;left:50%;transform:translate(-50%);font-family:Outfit,sans-serif;font-weight:900;font-size:.66rem;letter-spacing:.22em;padding:2px 9px;border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--theme-tint-3) 45%,transparent),color-mix(in srgb,var(--theme-tint-2) 24%,transparent));color:color-mix(in srgb,var(--theme-tint-3) 90%,#ffffff);border:1px solid color-mix(in srgb,var(--theme-tint-3) 65%,transparent);box-shadow:0 4px 10px #00123066;z-index:2}.quiz-top-pick-image{position:relative;width:auto;height:100%;max-height:100%;max-width:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 14px 18px rgba(0,8,24,.7)) drop-shadow(0 0 20px color-mix(in srgb,var(--theme-tint) 42%,transparent));animation:topPickLand .52s cubic-bezier(.2,1.1,.3,1) both;z-index:1}.quiz-top-pick-slot.is-awaiting .quiz-top-pick-anchor:before{content:"";position:absolute;top:8%;right:14%;bottom:4%;left:14%;border-radius:14px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--theme-tint) 28%,transparent) 0%,transparent 70%);filter:blur(10px);opacity:.7}@keyframes topPickLand{0%{transform:translateY(-8px) scale(.92);filter:drop-shadow(0 22px 26px rgba(0,8,24,.8)) drop-shadow(0 0 28px color-mix(in srgb,var(--theme-tint) 70%,transparent))}to{transform:translateY(0) scale(1)}}.quiz-flying-bottle{display:flex;align-items:flex-end;justify-content:center;will-change:left,top,width,height,transform,opacity;filter:drop-shadow(0 0 30px color-mix(in srgb,var(--drink-flavor, #00d4ff) 65%,transparent))}.quiz-flying-bottle-image{width:auto;height:100%;max-height:100%;max-width:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 20px 26px rgba(0,8,24,.75)) drop-shadow(0 0 30px color-mix(in srgb,var(--drink-flavor, #00d4ff) 70%,transparent))}.quiz-screen .drink-card{transition:transform .32s cubic-bezier(.22,.9,.28,1),filter .26s ease}.quiz-aurora{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0;mix-blend-mode:screen;opacity:.9}.quiz-aurora-orb{position:absolute;display:block;border-radius:50%;filter:blur(80px);opacity:.55;will-change:transform;transition:background .7s ease}.quiz-aurora-orb--a{width:58vw;height:58vw;top:-18vw;left:-20vw;background:radial-gradient(circle,color-mix(in srgb,var(--theme-tint) 80%,transparent) 0%,transparent 70%);animation:auroraDriftA 22s ease-in-out infinite alternate}.quiz-aurora-orb--b{width:48vw;height:48vw;top:20vh;right:-14vw;background:radial-gradient(circle,color-mix(in srgb,var(--theme-tint-2) 72%,transparent) 0%,transparent 68%);animation:auroraDriftB 28s ease-in-out infinite alternate;opacity:.48}.quiz-aurora-orb--c{width:70vw;height:38vw;bottom:-20vw;left:10vw;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--theme-tint-3) 55%,transparent) 0%,transparent 65%);animation:auroraDriftC 34s ease-in-out infinite alternate;opacity:.4}.quiz-screen--worst .quiz-aurora-orb--a,.quiz-screen--worst .quiz-aurora-orb--b,.quiz-screen--worst .quiz-aurora-orb--c{animation-duration:12s,14s,16s;opacity:.65}.quiz-aurora-grain{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:3px 3px;opacity:.12;mix-blend-mode:overlay}@keyframes auroraDriftA{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(8vw,6vh,0) scale(1.08)}to{transform:translate3d(-4vw,10vh,0) scale(.95)}}@keyframes auroraDriftB{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(-6vw,8vh,0) scale(1.12)}to{transform:translate3d(3vw,-5vh,0) scale(.92)}}@keyframes auroraDriftC{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(5vw,-6vh,0) scale(1.1)}to{transform:translate3d(-6vw,4vh,0) scale(.95)}}.quiz-screen--worst:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 50% 120%,rgba(255,35,60,.22) 0%,rgba(255,35,60,.08) 45%,transparent 70%);animation:worstPulse 3.2s ease-in-out infinite alternate}@keyframes worstPulse{0%{opacity:.65}to{opacity:1}}.quiz-screen--worst .drink-card-backdrop{-webkit-text-stroke-color:color-mix(in srgb,var(--theme-tint) 55%,transparent)!important}.quiz-screen--worst .drink-card-image{filter:drop-shadow(0 22px 22px rgba(40,0,5,.6)) drop-shadow(0 0 20px color-mix(in srgb,var(--theme-tint) 55%,transparent)) drop-shadow(0 0 10px color-mix(in srgb,var(--drink-flavor, #ff5864) 45%,transparent))}.quiz-screen--worst .drink-card-aura{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--theme-tint) 70%,transparent) 0%,color-mix(in srgb,var(--theme-tint) 22%,transparent) 40%,transparent 70%)}.quiz-screen .quiz-brand-logo{filter:drop-shadow(0 2px 8px color-mix(in srgb,var(--theme-glow) 55%,transparent));transition:filter .6s ease}@media (max-width: 899px){.quiz-screen .quiz-stage-header{grid-template-columns:max-content minmax(0,1fr)!important;grid-template-areas:"brand heading" "heading heading"!important;row-gap:6px}.quiz-screen .drink-card-grid{padding:4px 8px 12px}.quiz-screen .drink-card-name{white-space:normal;width:100%;margin-inline:0;font-size:.52rem;letter-spacing:.06em;line-height:1.15}}@media (max-width: 420px){.quiz-screen .quiz-stage-heading{font-size:clamp(.92rem,4.6vw,1.4rem)}.quiz-screen .quiz-stage-question{font-size:clamp(.78rem,3.6vw,.98rem)}.quiz-aurora-orb{filter:blur(54px)}}.start-screen,.result-screen{--theme-tint: #00d4ff;--theme-tint-2: #2fa8ff;--theme-tint-3: #7cf3ff;--theme-glow: rgba(0, 212, 255, .55)}.quiz-screen,.quiz-screen .quiz-screen-inner,.quiz-screen .quiz-draft-shell,.quiz-screen .quiz-stage-body{background:transparent!important;background-image:none!important;border:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.quiz-screen .quiz-screen-inner{padding:0!important;align-items:stretch;position:relative}.quiz-screen .quiz-draft-shell{width:100%;max-width:min(1180px,100%);margin:0 auto;padding:clamp(10px,1.5dvh,18px) clamp(12px,2vw,28px) clamp(14px,2dvh,24px);gap:clamp(12px,2dvh,22px)}.quiz-screen .quiz-stage-body{padding:0!important;width:100%}.quiz-screen .quiz-brand-lockup{position:absolute;top:clamp(10px,1.6dvh,18px);left:clamp(10px,2vw,22px);z-index:5;padding:0;min-height:0}.quiz-screen .quiz-brand-logo{width:clamp(72px,8vw,112px)!important;height:auto;filter:drop-shadow(0 4px 10px color-mix(in srgb,var(--theme-glow) 55%,transparent))}.quiz-screen .quiz-stage-header{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center;width:100%;min-height:0!important;padding:clamp(14px,2dvh,22px) clamp(90px,14vw,140px) 0!important;gap:6px!important;background:transparent!important}.quiz-screen .quiz-heading-block{width:100%;align-items:center!important;justify-items:center!important;text-align:center!important;gap:8px!important;max-width:720px;margin:0 auto}.quiz-screen .quiz-stage-heading{width:100%;text-align:center!important;max-width:none!important;font-size:clamp(.96rem,2.4vw,1.9rem)}.quiz-screen .quiz-stage-question,.quiz-screen .quiz-stage-question.is-worst{display:block!important;width:100%!important;max-width:none!important;text-align:center!important;background:transparent!important;border:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:0!important}.quiz-screen .quiz-stage-question:before,.quiz-screen .quiz-stage-question.is-worst:before{display:none!important;content:none!important}@media (max-width: 899px){.quiz-screen .quiz-brand-logo{width:clamp(56px,14vw,82px)!important}.quiz-screen .quiz-stage-header{padding:clamp(10px,1.8dvh,16px) clamp(70px,22vw,96px) 0!important;grid-template-columns:none!important;grid-template-areas:none!important}.quiz-screen .quiz-stage-heading{font-size:clamp(.82rem,4vw,1.2rem);letter-spacing:.005em}.quiz-screen .quiz-stage-question{font-size:clamp(.7rem,3.2vw,.88rem)}}@media (max-width: 420px){.quiz-screen .quiz-brand-lockup{top:8px;left:10px}.quiz-screen .quiz-brand-logo{width:58px!important}.quiz-screen .quiz-stage-header{padding:8px 70px 0!important}}.quiz-screen .quiz-stage-header{position:relative;padding:clamp(10px,1.5dvh,18px) clamp(142px,18vw,210px) 0 clamp(92px,11vw,128px)!important;gap:3px!important}.quiz-screen .quiz-heading-block{max-width:860px;gap:4px!important}.quiz-screen .quiz-stage-header .quiz-top-picks{position:absolute;top:clamp(8px,1.4dvh,16px);right:clamp(10px,2vw,22px);z-index:6;display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-end;gap:clamp(4px,.6vw,8px);width:clamp(120px,15vw,180px);min-height:clamp(64px,8.5dvh,92px);margin:0;padding:8px 10px;height:auto!important;opacity:0!important;pointer-events:none;border-radius:16px;background:linear-gradient(180deg,#0c335ad6,#0a1f44e0);border:1px solid rgba(101,227,255,.18);box-shadow:inset 0 1px #ffffff14,0 12px 28px #0410285c;transform:translateY(-4px);transition:opacity .22s ease,transform .28s cubic-bezier(.22,.9,.28,1)}.quiz-screen .quiz-stage-header .quiz-top-picks.is-active{opacity:1!important;transform:translateY(0);margin-bottom:0}.quiz-screen .quiz-stage-header .quiz-top-pick-slot{flex:1 1 0;min-width:0;height:clamp(48px,6.6dvh,74px);align-items:flex-end;justify-content:center}.quiz-screen .quiz-stage-header .quiz-top-pick-anchor{width:100%;height:100%;max-width:none;aspect-ratio:auto;align-items:flex-end;justify-content:center}.quiz-screen .quiz-stage-header .quiz-top-pick-rank{display:none}.quiz-screen .quiz-stage-header .quiz-top-pick-image{width:auto;height:100%;max-height:100%;object-fit:contain;object-position:center bottom}@media (max-width: 899px){.quiz-screen .quiz-stage-header{padding:clamp(10px,1.8dvh,16px) clamp(112px,27vw,146px) 0 clamp(66px,18vw,90px)!important;gap:2px!important}.quiz-screen .quiz-heading-block{max-width:none}.quiz-screen .quiz-stage-header .quiz-top-picks{top:clamp(6px,1.4dvh,12px);right:clamp(8px,2vw,14px);width:clamp(92px,24vw,124px);min-height:clamp(50px,6.2dvh,66px);padding:6px 7px;border-radius:12px}.quiz-screen .quiz-stage-header .quiz-top-pick-slot{height:clamp(38px,5.2dvh,54px)}}@media (max-width: 420px){.quiz-screen .quiz-stage-header{padding:8px 104px 0 66px!important}.quiz-screen .quiz-stage-header .quiz-top-picks{top:6px;right:8px;width:94px;min-height:48px;padding:5px 6px}.quiz-screen .quiz-stage-header .quiz-top-pick-slot{height:36px}}.quiz-screen .quiz-screen-inner,.quiz-screen .quiz-draft-shell{min-height:100%}.quiz-screen .quiz-stage-body{flex:1 1 auto;min-height:0;display:flex;align-items:flex-start;justify-content:center}.quiz-screen .drink-card-grid{width:100%}.quiz-screen{--theme-tint: #00d4ff;--theme-tint-2: #2fa8ff;--theme-tint-3: #7cf3ff;--theme-glow: rgba(0, 212, 255, .55);transition:color .82s cubic-bezier(.22,.9,.28,1)}.quiz-screen--worst{--theme-tint: #ff5a67;--theme-tint-2: #ff2f68;--theme-tint-3: #ffc0c8;--theme-glow: rgba(255, 77, 90, .62)}.quiz-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 50% 118%,rgba(255,48,84,.24) 0%,rgba(255,48,84,.1) 42%,transparent 72%);opacity:0;transition:opacity .82s cubic-bezier(.22,.9,.28,1)}.quiz-screen--worst:before{opacity:1}.quiz-aurora-orb{transition:background .82s cubic-bezier(.22,.9,.28,1),opacity .82s cubic-bezier(.22,.9,.28,1),filter .82s cubic-bezier(.22,.9,.28,1)}.quiz-screen--worst .quiz-aurora{opacity:1;mix-blend-mode:screen}.quiz-screen--worst .quiz-aurora-orb--a{opacity:.7;animation-duration:16s}.quiz-screen--worst .quiz-aurora-orb--b{opacity:.62;animation-duration:18s}.quiz-screen--worst .quiz-aurora-orb--c{opacity:.55;animation-duration:20s}.quiz-screen--worst .drink-card-backdrop{-webkit-text-stroke-color:color-mix(in srgb,var(--drink-flavor, #7cf3ff) 38%,transparent)!important}.quiz-screen .quiz-stage-header .quiz-top-picks{background:linear-gradient(180deg,color-mix(in srgb,var(--theme-tint) 22%,rgba(12,51,90,.84)),color-mix(in srgb,var(--theme-tint-2) 16%,rgba(10,31,68,.88)));border-color:color-mix(in srgb,var(--theme-tint-3) 22%,transparent);box-shadow:inset 0 1px #ffffff14,0 12px 28px #0410285c,0 0 22px color-mix(in srgb,var(--theme-glow) 26%,transparent);transition:background .82s cubic-bezier(.22,.9,.28,1),border-color .82s cubic-bezier(.22,.9,.28,1),box-shadow .82s cubic-bezier(.22,.9,.28,1),opacity .22s ease,transform .28s cubic-bezier(.22,.9,.28,1)}.quiz-screen--worst .drink-card-image{filter:drop-shadow(0 22px 22px rgba(36,4,12,.64)) drop-shadow(0 0 20px color-mix(in srgb,var(--theme-tint) 52%,transparent)) drop-shadow(0 0 10px color-mix(in srgb,var(--theme-tint-2) 34%,transparent))}.quiz-screen .drink-card-image{transition:transform .32s cubic-bezier(.22,.9,.28,1),filter .82s cubic-bezier(.22,.9,.28,1)}.quiz-screen .drink-card-aura{transition:background .82s cubic-bezier(.22,.9,.28,1),opacity .26s ease,width .26s ease,filter .82s cubic-bezier(.22,.9,.28,1)}.quiz-screen--worst .drink-card-aura{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--theme-tint) 54%,transparent) 0%,color-mix(in srgb,var(--theme-tint-2) 18%,transparent) 42%,transparent 72%)}.quiz-screen .quiz-stage-header{gap:2px!important}.quiz-screen .quiz-heading-block{gap:3px!important}.quiz-screen .quiz-stage-kicker{display:inline-flex;align-items:center;justify-content:center;align-self:center;min-height:18px;padding:2px 9px;border-radius:999px;font-family:Outfit,Titillium Web,sans-serif;font-size:.52rem;font-weight:900;line-height:1;letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb,var(--theme-tint-3) 84%,#ffffff);background:linear-gradient(180deg,color-mix(in srgb,var(--theme-tint) 16%,rgba(8,34,66,.88)),color-mix(in srgb,var(--theme-tint-2) 10%,rgba(7,30,58,.92)));border:1px solid color-mix(in srgb,var(--theme-tint-3) 24%,transparent);box-shadow:inset 0 1px #ffffff0f,0 0 16px color-mix(in srgb,var(--theme-glow) 12%,transparent);transition:color .82s cubic-bezier(.22,.9,.28,1),background .82s cubic-bezier(.22,.9,.28,1),border-color .82s cubic-bezier(.22,.9,.28,1),box-shadow .82s cubic-bezier(.22,.9,.28,1),transform .82s cubic-bezier(.22,.9,.28,1)}.quiz-screen .quiz-stage-kicker.is-worst{color:color-mix(in srgb,var(--theme-tint-3) 92%,#ffffff);background:linear-gradient(180deg,color-mix(in srgb,var(--theme-tint) 22%,rgba(56,10,22,.92)),color-mix(in srgb,var(--theme-tint-2) 18%,rgba(42,8,18,.96)));border-color:color-mix(in srgb,var(--theme-tint-3) 34%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--theme-tint) 14%,transparent),0 0 18px color-mix(in srgb,var(--theme-glow) 30%,transparent);animation:worstRoundPulse 1.6s ease-in-out infinite}.quiz-screen .quiz-stage-heading{display:flex;flex-direction:column;align-items:center;gap:.04em;max-width:760px;font-size:clamp(1.12rem,2.4vw,1.9rem);font-weight:900;letter-spacing:.045em;line-height:.94;text-transform:uppercase;text-wrap:balance;filter:drop-shadow(0 4px 12px color-mix(in srgb,var(--theme-glow) 40%,transparent));transition:filter .82s cubic-bezier(.22,.9,.28,1)}.quiz-screen .quiz-stage-heading-line{display:block;white-space:nowrap}.quiz-screen .quiz-stage-question{font-size:clamp(.82rem,1.45vw,.96rem);line-height:1.18}.quiz-screen .quiz-stage-question.is-worst{color:color-mix(in srgb,var(--theme-tint-3) 92%,#ffffff);text-shadow:0 0 16px color-mix(in srgb,var(--theme-glow) 32%,transparent)}.quiz-screen .quiz-stage-question.is-worst:after{content:"";display:block;width:min(112px,34%);height:2px;margin:8px auto 0;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--theme-tint-3) 0%,transparent),color-mix(in srgb,var(--theme-tint-3) 96%,transparent),color-mix(in srgb,var(--theme-tint-3) 0%,transparent));box-shadow:0 0 14px color-mix(in srgb,var(--theme-glow) 34%,transparent);transition:background .82s cubic-bezier(.22,.9,.28,1),box-shadow .82s cubic-bezier(.22,.9,.28,1)}.quiz-screen .drink-card-grid{justify-content:center;gap:clamp(10px,1.15vw,18px);padding:clamp(8px,1.1dvh,16px) clamp(8px,1.2vw,20px) clamp(8px,1.2dvh,14px)}.quiz-screen .drink-card{min-width:0;width:clamp(92px,11.8vw,138px);padding:0!important;border:none!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;overflow:visible!important}.quiz-screen .drink-card-inner{gap:3px}.quiz-screen .drink-card-visual{aspect-ratio:.56 / 1;animation:bottleIdleFloat 5.2s ease-in-out infinite;will-change:transform}.quiz-screen .drink-card+.drink-card{margin-left:0!important}.quiz-screen .drink-card:hover:not(:disabled){transform:translateY(-14px) scale(1.04)}.quiz-screen .drink-card-aura{bottom:2%;width:92%;height:28%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--drink-flavor, #00d4ff) 28%,transparent) 0%,color-mix(in srgb,var(--drink-flavor, #00d4ff) 10%,transparent) 44%,transparent 72%);filter:blur(16px);opacity:.62}.quiz-screen .drink-card:hover:not(:disabled) .drink-card-aura,.quiz-screen .drink-card.selected .drink-card-aura,.quiz-screen .drink-card.auto-selected .drink-card-aura{width:104%;opacity:.86}.quiz-screen .drink-card-image{max-width:100%}.quiz-screen .drink-card:nth-child(2n) .drink-card-visual{animation-duration:6.1s;animation-delay:-1.3s}.quiz-screen .drink-card:nth-child(3n) .drink-card-visual{animation-duration:5.7s;animation-delay:-2.1s}.quiz-screen .drink-card:nth-child(4n) .drink-card-visual{animation-duration:6.6s;animation-delay:-.8s}.quiz-screen .drink-card-label{gap:2px;padding-top:4px}.quiz-screen .drink-card-name{width:100%;max-width:100%;margin-inline:0;font-size:clamp(.58rem,.72vw,.73rem);line-height:1.06;letter-spacing:.07em;white-space:normal}.quiz-screen .drink-card-tag{display:block;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none;font-size:.5rem;font-weight:800;letter-spacing:.12em;color:#ffd68ae6;-webkit-text-fill-color:rgba(255,214,138,.9);text-shadow:none}@keyframes worstRoundPulse{0%{transform:translateY(0);box-shadow:0 0 0 1px color-mix(in srgb,var(--theme-tint) 10%,transparent),0 0 10px color-mix(in srgb,var(--theme-glow) 16%,transparent)}50%{transform:translateY(-1px);box-shadow:0 0 0 1px color-mix(in srgb,var(--theme-tint) 18%,transparent),0 0 18px color-mix(in srgb,var(--theme-glow) 30%,transparent)}to{transform:translateY(0);box-shadow:0 0 0 1px color-mix(in srgb,var(--theme-tint) 10%,transparent),0 0 10px color-mix(in srgb,var(--theme-glow) 16%,transparent)}}@keyframes bottleIdleFloat{0%{transform:translateZ(0) rotate(-1.1deg)}25%{transform:translate3d(0,-7px,0) rotate(.7deg)}50%{transform:translate3d(0,-11px,0) rotate(1.2deg)}75%{transform:translate3d(0,-6px,0) rotate(-.5deg)}to{transform:translateZ(0) rotate(-1.1deg)}}@media (max-width: 899px){.quiz-screen .quiz-stage-kicker{font-size:.46rem;padding:2px 8px;letter-spacing:.16em}.quiz-screen .quiz-stage-heading{max-width:540px;font-size:clamp(.92rem,3vw,1.28rem);line-height:.96}.quiz-screen .quiz-stage-heading-line{white-space:normal}.quiz-screen .quiz-stage-question{font-size:clamp(.72rem,2.65vw,.84rem)}.quiz-screen .drink-card-grid{gap:6px 4px;padding:4px 0 10px}.quiz-screen .drink-card{width:auto}.quiz-screen .drink-card-visual{aspect-ratio:.62 / 1}.quiz-screen .drink-card-name{font-size:.5rem;letter-spacing:.05em}.quiz-screen .drink-card-tag{font-size:.4rem;letter-spacing:.09em}}.quiz-screen{--round-shift: 1.32s}.quiz-screen:before{background:radial-gradient(circle at 14% 18%,rgba(170,24,76,.36) 0%,transparent 34%),radial-gradient(circle at 54% 36%,rgba(255,92,120,.22) 0%,transparent 28%),radial-gradient(circle at 84% 82%,rgba(136,18,64,.46) 0%,transparent 32%),linear-gradient(180deg,#460e2029,#28081438);opacity:0;transform:scale(1.06);transition:opacity var(--round-shift) cubic-bezier(.22,.9,.28,1),transform var(--round-shift) cubic-bezier(.22,.9,.28,1)}.quiz-screen--worst:before{opacity:1;transform:scale(1)}.quiz-screen .quiz-overlay{background:radial-gradient(circle at 10% 24%,rgba(210,44,97,.34) 0%,transparent 28%),radial-gradient(circle at 58% 26%,rgba(255,104,132,.22) 0%,transparent 24%),radial-gradient(circle at 88% 78%,rgba(178,26,82,.34) 0%,transparent 30%),linear-gradient(180deg,#4c102224,#300a181a);opacity:0;transition:opacity var(--round-shift) cubic-bezier(.22,.9,.28,1)}.quiz-screen--worst .quiz-overlay{opacity:.92}.quiz-aurora-orb{transition:background var(--round-shift) cubic-bezier(.22,.9,.28,1),opacity var(--round-shift) cubic-bezier(.22,.9,.28,1),filter var(--round-shift) cubic-bezier(.22,.9,.28,1)}.quiz-screen .quiz-brand-logo,.quiz-screen .quiz-stage-heading{transition:filter var(--round-shift) cubic-bezier(.22,.9,.28,1)}.quiz-screen .quiz-stage-question{transition:color var(--round-shift) cubic-bezier(.22,.9,.28,1),text-shadow var(--round-shift) cubic-bezier(.22,.9,.28,1)}.quiz-screen .quiz-stage-kicker{transition:color var(--round-shift) cubic-bezier(.22,.9,.28,1),background var(--round-shift) cubic-bezier(.22,.9,.28,1),border-color var(--round-shift) cubic-bezier(.22,.9,.28,1),box-shadow var(--round-shift) cubic-bezier(.22,.9,.28,1),transform var(--round-shift) cubic-bezier(.22,.9,.28,1)}.quiz-screen .drink-card-image{transition:transform .32s cubic-bezier(.22,.9,.28,1),filter var(--round-shift) cubic-bezier(.22,.9,.28,1)}.quiz-screen .drink-card-aura{transition:background var(--round-shift) cubic-bezier(.22,.9,.28,1),opacity .26s ease,width .26s ease,filter var(--round-shift) cubic-bezier(.22,.9,.28,1)}.quiz-screen .quiz-stage-header{padding-right:clamp(176px,22vw,252px)!important}.quiz-screen .quiz-stage-header .quiz-top-picks{top:clamp(4px,1dvh,12px);right:clamp(10px,2vw,24px);width:auto;min-height:clamp(104px,11.5dvh,132px);padding:0;gap:clamp(10px,.9vw,14px);background:transparent!important;border:none!important;box-shadow:none!important;transition:opacity .22s ease,transform .28s cubic-bezier(.22,.9,.28,1)}.quiz-screen .quiz-stage-header .quiz-top-pick-slot{flex:0 0 clamp(58px,5.2vw,74px);height:clamp(104px,11.5dvh,132px);position:relative}.quiz-screen .quiz-stage-header .quiz-top-pick-anchor{width:100%;height:100%;max-width:none;padding-bottom:16px;position:relative}.quiz-screen .quiz-stage-header .quiz-top-pick-anchor:before{content:"";position:absolute;top:12px;right:0;bottom:10px;left:0;border-radius:24px;border:1px solid color-mix(in srgb,var(--theme-tint-3) 32%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--theme-tint) 18%,transparent),color-mix(in srgb,var(--theme-tint-2) 10%,transparent));box-shadow:inset 0 1px #ffffff14,0 0 18px color-mix(in srgb,var(--theme-glow) 24%,transparent);opacity:.78;transition:border-color var(--round-shift) cubic-bezier(.22,.9,.28,1),background var(--round-shift) cubic-bezier(.22,.9,.28,1),box-shadow var(--round-shift) cubic-bezier(.22,.9,.28,1),opacity .28s ease}.quiz-screen .quiz-stage-header .quiz-top-pick-slot.is-filled .quiz-top-pick-anchor:before{opacity:.92}.quiz-screen .quiz-stage-header .quiz-top-pick-slot.is-awaiting .quiz-top-pick-anchor:before{opacity:1;box-shadow:inset 0 1px #ffffff1a,0 0 26px color-mix(in srgb,var(--theme-glow) 36%,transparent)}.quiz-screen .quiz-stage-header .quiz-top-pick-rank{display:inline-flex!important;align-items:center;justify-content:center;top:0;left:50%;min-width:22px;height:18px;padding:0 6px;transform:translate(-50%);font-size:.48rem;letter-spacing:.08em;background:linear-gradient(180deg,color-mix(in srgb,var(--theme-tint) 24%,rgba(10,31,68,.9)),color-mix(in srgb,var(--theme-tint-2) 16%,rgba(8,22,48,.92)));border:1px solid color-mix(in srgb,var(--theme-tint-3) 28%,transparent);box-shadow:0 4px 10px color-mix(in srgb,var(--theme-glow) 22%,transparent)}.quiz-screen .quiz-stage-header .quiz-top-pick-image{height:calc(100% - 14px);max-height:calc(100% - 14px);transform:translateY(2px) scale(1.05);filter:drop-shadow(0 14px 18px rgba(0,8,24,.7)) drop-shadow(0 0 24px color-mix(in srgb,var(--theme-glow) 42%,transparent));transition:opacity .22s ease,filter var(--round-shift) cubic-bezier(.22,.9,.28,1),transform .24s cubic-bezier(.22,.9,.28,1)}@media (max-width: 899px){.quiz-screen .quiz-stage-header{padding-right:clamp(124px,31vw,170px)!important}.quiz-screen .quiz-stage-header .quiz-top-picks{min-height:clamp(78px,8.4dvh,96px);gap:6px}.quiz-screen .quiz-stage-header .quiz-top-pick-slot{flex-basis:clamp(42px,10vw,56px);height:clamp(78px,8.6dvh,96px)}.quiz-screen .quiz-stage-header .quiz-top-pick-anchor{padding-bottom:12px}.quiz-screen .quiz-stage-header .quiz-top-pick-anchor:before{top:10px;right:0;bottom:8px;left:0;border-radius:18px}.quiz-screen .quiz-stage-header .quiz-top-pick-rank{min-width:18px;height:16px;font-size:.42rem;padding:0 5px}.quiz-screen .quiz-stage-header .quiz-top-pick-image{height:calc(100% - 12px);max-height:calc(100% - 12px)}}.loading-screen{position:relative;isolation:isolate;background:linear-gradient(180deg,#071021,#0b1732 55%,#08142c)}.loading-screen:before{content:"";position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;z-index:0;pointer-events:none;background:linear-gradient(180deg,#040a1875,#040a18d1),url(/assets/bg.jpg) center 42% / cover no-repeat;opacity:.24;filter:blur(4px) saturate(.82);transform:scale(1.06)}.loading-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 46%,rgba(0,212,255,.18),transparent 24%),radial-gradient(circle at 24% 68%,rgba(255,61,127,.12),transparent 26%),radial-gradient(circle at 78% 22%,rgba(124,243,255,.12),transparent 22%),linear-gradient(180deg,#060e1e29,#060e1e6b)}.loading-screen .loading-screen-inner{position:relative;z-index:1;min-height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(18px,3.4dvh,36px);padding:clamp(18px,3dvh,38px) clamp(16px,3vw,34px) clamp(22px,4dvh,42px)}.loading-hero{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:clamp(18px,3dvh,36px)}.loading-screen .loading-top{min-height:clamp(56px,8dvh,76px);align-items:flex-start;justify-content:flex-start}.loading-stage{position:relative;width:min(100%,720px);min-height:clamp(260px,48dvh,460px);margin:0 auto;display:flex;align-items:center;justify-content:center;overflow:visible}.loading-stage:before{content:"ONSE";position:absolute;inset:auto 0 17%;z-index:0;text-align:center;font-family:var(--font-display);font-size:clamp(4.5rem,18vw,10rem);font-weight:900;line-height:.82;letter-spacing:.04em;color:#b7e9ff14;text-shadow:0 0 30px rgba(0,212,255,.12)}.loading-stage:after{content:"";position:absolute;left:50%;bottom:14%;z-index:0;width:clamp(220px,40vw,360px);height:clamp(72px,10vw,118px);transform:translate(-50%);background:radial-gradient(ellipse at center,rgba(0,212,255,.34) 0%,rgba(0,212,255,.1) 35%,transparent 72%);filter:blur(18px);animation:loadingPoolBreath 4.4s ease-in-out infinite}.loading-stage-orb{position:absolute;border-radius:999px;filter:blur(14px);opacity:.72;animation:loadingOrbShift 6.8s ease-in-out infinite alternate}.loading-stage-orb--left{top:30%;left:max(0px,12%);width:clamp(100px,22vw,180px);height:clamp(140px,28vw,220px);background:radial-gradient(circle at 50% 50%,rgba(255,61,127,.42),transparent 72%);animation-delay:-.8s}.loading-stage-orb--right{top:12%;right:max(0px,8%);width:clamp(140px,26vw,220px);height:clamp(180px,30vw,280px);background:radial-gradient(circle at 50% 50%,rgba(0,212,255,.46),transparent 72%)}.loading-carousel{position:relative;width:min(100%,820px);height:clamp(250px,42dvh,380px);margin:0 auto;overflow:visible;--loading-carousel-far-x: 460px;--loading-carousel-near-x: 310px;--loading-carousel-mid-x: 155px;--loading-carousel-back-y: 35px;--loading-carousel-side-y: 12px;--loading-carousel-upper-y: -8px;--loading-carousel-front-y: -28px}.loading-carousel-core{position:absolute;top:18%;right:18%;bottom:12%;left:18%;z-index:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(124,243,255,.18) 0%,rgba(0,212,255,.12) 32%,rgba(0,212,255,.02) 58%,transparent 74%);filter:blur(18px);animation:loadingCorePulse 5.8s ease-in-out infinite}.loading-carousel-item{position:absolute;top:50%;left:50%;width:clamp(68px,8vw,104px);margin:0;transform-origin:center center;animation:loadingBottleCarousel 16s linear infinite;animation-delay:var(--loading-bottle-delay, 0s);will-change:transform,opacity;pointer-events:none}.loading-carousel-item-shadow{position:absolute;left:50%;bottom:-10px;z-index:0;width:78%;height:16px;transform:translate(-50%);border-radius:999px;background:radial-gradient(ellipse at center,rgba(0,5,18,.64) 0%,rgba(0,5,18,.12) 68%,transparent 100%);filter:blur(7px);opacity:.56}.loading-carousel-item-aura{position:absolute;left:50%;top:32%;z-index:1;width:130%;height:48%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--loading-bottle-accent, #7cf3ff) 42%,transparent) 0%,color-mix(in srgb,var(--loading-bottle-flavor, #00d4ff) 18%,transparent) 42%,transparent 72%);filter:blur(14px);opacity:.9}.loading-carousel-image{position:relative;z-index:2;display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 22px 24px rgba(0,8,24,.56)) drop-shadow(0 0 22px color-mix(in srgb,var(--loading-bottle-flavor, #00d4ff) 34%,transparent));animation:loadingBottleBob 4.8s ease-in-out infinite;animation-delay:var(--loading-bottle-delay, 0s)}.loading-bottle-stack{position:relative;width:min(100%,280px);display:flex;align-items:flex-end;justify-content:center;perspective:900px;transform-style:preserve-3d;animation:loadingBottleFloat 5.4s cubic-bezier(.34,.08,.22,.98) infinite}.loading-bottle-shadow{position:absolute;left:50%;bottom:7%;z-index:0;width:50%;height:22px;transform:translate(-50%);border-radius:999px;background:radial-gradient(ellipse at center,rgba(0,4,16,.72) 0%,rgba(0,4,16,.08) 72%,transparent 100%);filter:blur(8px);animation:loadingShadowPulse 5.4s cubic-bezier(.34,.08,.22,.98) infinite}.loading-bottle-aura{position:absolute;left:50%;top:16%;z-index:1;width:90%;height:64%;transform:translate(-50%) translateZ(-20px);border-radius:50%;background:radial-gradient(ellipse at center,rgba(124,243,255,.44) 0%,rgba(124,243,255,.18) 36%,rgba(0,212,255,.06) 58%,transparent 76%);filter:blur(18px);animation:loadingAuraPulse 4.6s ease-in-out infinite}.loading-bottle-image{position:relative;z-index:2;width:auto;height:clamp(200px,38dvh,360px);max-width:100%;object-fit:contain;transform:translateZ(54px) rotateX(6deg);filter:drop-shadow(0 28px 24px rgba(0,8,24,.54)) drop-shadow(0 0 32px rgba(78,216,255,.34))}.loading-bottom{position:relative;z-index:2;width:min(100%,480px);align-self:center;gap:12px}.loading-meta,.loading-track,.loading-note{width:100%}.loading-meta{font-size:clamp(.72rem,1.7vw,.82rem);letter-spacing:.18em}.loading-track{height:14px}.loading-note{max-width:42ch}@keyframes loadingBottleFloat{0%,to{transform:translateZ(0) rotate(-1deg)}50%{transform:translate3d(0,-16px,0) rotate(1deg)}}@keyframes loadingShadowPulse{0%,to{transform:translate(-50%) scale(1);opacity:.42}50%{transform:translate(-50%) scale(.86);opacity:.28}}@keyframes loadingAuraPulse{0%,to{transform:translate(-50%) translateZ(-20px) scale(.96);opacity:.72}50%{transform:translate(-50%) translateZ(-20px) scale(1.04);opacity:1}}@keyframes loadingOrbShift{0%{transform:translate3d(-6px,0,0) scale(.98)}to{transform:translate3d(10px,-12px,0) scale(1.04)}}@keyframes loadingPoolBreath{0%,to{opacity:.7;transform:translate(-50%) scaleX(.94)}50%{opacity:1;transform:translate(-50%) scaleX(1.04)}}@keyframes loadingCorePulse{0%,to{opacity:.72;transform:scale(.96)}50%{opacity:1;transform:scale(1.03)}}@keyframes loadingBottleBob{0%,to{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-4px) rotate(.2deg)}}@keyframes loadingBottleCarousel{0%{transform:translate(-50%,-50%) translate3d(calc(-1.2 * var(--loading-carousel-far-x)),var(--loading-carousel-back-y),0) scale(.5);opacity:0;z-index:1}20%{transform:translate(-50%,-50%) translate3d(calc(-1 * var(--loading-carousel-near-x)),var(--loading-carousel-side-y),0) scale(.75);opacity:.4;z-index:3}50%{transform:translate(-50%,-50%) translate3d(0,var(--loading-carousel-front-y),20px) scale(1.15);opacity:1;z-index:10}80%{transform:translate(-50%,-50%) translate3d(var(--loading-carousel-near-x),var(--loading-carousel-side-y),0) scale(.75);opacity:.4;z-index:3}to{transform:translate(-50%,-50%) translate3d(calc(1.2 * var(--loading-carousel-far-x)),var(--loading-carousel-back-y),0) scale(.5);opacity:0;z-index:1}}.result-screen{position:relative;isolation:isolate;background:radial-gradient(circle at 50% 18%,rgba(34,112,255,.18),transparent 26%),linear-gradient(180deg,#071021,#0a1630 58%,#08142c)}.result-screen:before{content:"";position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 48%,rgba(0,212,255,.22),transparent 24%),radial-gradient(circle at 22% 68%,rgba(255,61,127,.1),transparent 26%),radial-gradient(circle at 78% 26%,rgba(124,243,255,.12),transparent 22%);filter:blur(18px);opacity:.96}.result-screen .result-screen-content{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:clamp(4px,1dvh,12px);padding:clamp(6px,1.2dvh,16px) clamp(16px,3vw,40px) clamp(22px,5dvh,60px);transform:none!important}.result-screen .quiz-overlay{background:linear-gradient(180deg,#040a182e,#040a1852);z-index:0}.result-v2-header{position:relative;width:100%;max-width:1300px;margin:0 auto;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 20px}.result-v2-brand{position:absolute;left:clamp(10px,2vw,30px);top:50%;transform:translateY(-50%);width:clamp(80px,14vw,110px);margin:0;z-index:10}.result-v2-header-group{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;text-align:center}.result-v2-title{display:block;font-family:var(--font-display);font-weight:900;font-size:clamp(1rem,3.1vw,2.4rem);margin:0;color:#fff;text-transform:uppercase;white-space:nowrap}.result-v2-caption{display:block;font-family:Outfit,sans-serif;font-size:clamp(.7rem,1.8vw,.95rem);font-weight:500;color:#7cf3ff;margin:0;opacity:.95;text-wrap:balance;max-width:50ch}.result-v2-eyebrow{display:none!important}.result-v2-caption{max-width:40ch}.result-v2-stage{width:100%;max-width:none;min-height:clamp(280px,45dvh,550px);flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;position:relative}.result-v2-stage-glow{top:10%;right:12%;bottom:12%;left:12%;filter:blur(28px)}.result-v2-podium{width:min(100%,1100px);height:auto;margin:0 auto;grid-template-columns:minmax(0,1fr) minmax(0,1.28fr) minmax(0,1fr);align-items:end;gap:clamp(12px,5vw,64px);padding:clamp(8px,2dvh,20px) clamp(12px,4vw,54px) clamp(16px,3dvh,32px)}.result-v2-slot{overflow:visible}.result-v2-slot--second,.result-v2-slot--third{transform:translateY(6%)}.result-v2-slot .result-bottle--runnerup{width:min(100%,250px);min-height:100%;justify-content:center}.result-v2-slot--first .result-bottle--hero{width:min(100%,340px);padding-bottom:0;min-height:100%;justify-content:center}.result-bottle{gap:clamp(2px,.5dvh,6px);overflow:visible}.result-bottle-halo{width:160%;height:58%;top:auto;bottom:18%;transform:translate(-50%);filter:blur(34px);opacity:.9;z-index:0}.result-bottle-plate{width:56%;height:20px;bottom:12%;filter:blur(10px);opacity:.82}.result-bottle-rank{position:absolute;top:clamp(8px,6%,26px);left:50%;z-index:0;padding:0;border:none;background:none;box-shadow:none;transform:translate(-50%);font-family:var(--font-display);font-weight:900;line-height:.78;letter-spacing:-.08em;pointer-events:none;mix-blend-mode:normal;filter:none;opacity:.18}.result-bottle-rank--1{background:linear-gradient(180deg,#ffea00,#ff9d00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:.22}.result-bottle-rank--2{background:linear-gradient(180deg,#e0e0e0,#90a4ae);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.result-bottle-rank--3{background:linear-gradient(180deg,#ffab91,#8d6e63);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.result-v2-slot .result-bottle--runnerup .result-bottle-rank{font-size:clamp(2rem,6vw,3.8rem);top:clamp(8px,10%,40px);left:45%}.result-v2-slot--first .result-bottle--hero .result-bottle-rank{font-size:clamp(3rem,9vw,5.8rem);top:clamp(-10px,3.5%,8px);left:42%}.result-v2-slot .result-bottle--runnerup .result-bottle-image{position:relative;z-index:2;height:clamp(100px,18dvh,160px);filter:drop-shadow(0 18px 18px rgba(0,8,24,.55)) drop-shadow(0 0 16px color-mix(in srgb,var(--bottle-flavor, #7cf3ff) 38%,transparent));animation:resultBottleHover 5.8s ease-in-out infinite}.result-v2-slot--first .result-bottle--hero .result-bottle-image{position:relative;z-index:2;height:clamp(150px,28dvh,310px);filter:drop-shadow(0 28px 28px rgba(0,8,24,.65)) drop-shadow(0 0 30px color-mix(in srgb,var(--bottle-flavor, #7cf3ff) 55%,transparent));animation:resultBottleHover 5.8s ease-in-out infinite}.result-v2-slot--second .result-bottle--runnerup .result-bottle-image{animation-delay:-.8s}.result-v2-slot--third .result-bottle--runnerup .result-bottle-image{animation-delay:-1.6s}.result-bottle-caption{position:relative;z-index:3;margin-top:clamp(4px,1dvh,12px)}.result-v2-slot .result-bottle--runnerup .result-bottle-caption{gap:4px;margin-top:clamp(6px,1.4dvh,14px)}.result-v2-slot .result-bottle--runnerup .result-bottle-name{font-size:clamp(.84rem,1.7vw,1.02rem)}.result-v2-slot--first .result-bottle--hero .result-bottle-name{font-size:clamp(1.02rem,2.5vw,1.34rem)}.result-v2-slot--first .result-bottle-caption{display:none}.result-bottle-backdrop{font-size:clamp(3rem,9vw,7rem);opacity:.46;padding:0 10%}.result-v2-footer{width:100%;max-width:none;margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:12px}.result-v2-raffle{max-width:45ch;margin-top:32px;font-size:.78rem;color:#ffffffbf;font-family:Outfit,sans-serif;font-weight:500;text-align:center;letter-spacing:.02em}.result-v2-cta{width:min(100%,320px);min-height:48px;font-size:.9rem}@keyframes resultBottleHover{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-12px,0)}}@media (max-width: 720px){.loading-stage{min-height:clamp(230px,40dvh,340px)}.loading-carousel{height:clamp(220px,34dvh,300px);--loading-carousel-far-x: 350px;--loading-carousel-near-x: 230px;--loading-carousel-mid-x: 115px;--loading-carousel-back-y: 25px;--loading-carousel-side-y: 8px;--loading-carousel-upper-y: -4px;--loading-carousel-front-y: -18px}.loading-carousel-item{width:clamp(54px,10vw,78px)}.result-screen .result-screen-content{padding:clamp(14px,4vw,20px) 14px clamp(18px,4dvh,26px);gap:12px}.result-v2-stage{min-height:clamp(240px,38dvh,400px);display:flex;flex-direction:column;justify-content:center}.result-v2-podium{gap:clamp(6px,4vw,22px);padding:clamp(6px,2dvh,12px) 6px clamp(12px,3.5dvh,24px);height:auto}.result-v2-slot--second,.result-v2-slot--third{transform:translateY(6%)}.result-v2-slot .result-bottle--runnerup .result-bottle-image{height:clamp(112px,19dvh,156px)}.result-v2-slot--first .result-bottle--hero .result-bottle-image{height:clamp(160px,24dvh,218px)}.result-v2-slot .result-bottle--runnerup .result-bottle-rank{font-size:clamp(3.3rem,10vw,5.4rem)}.result-v2-slot--first .result-bottle--hero .result-bottle-rank{font-size:clamp(4.4rem,14vw,7rem)}}@media (max-width: 520px){.loading-screen .loading-screen-inner{padding-inline:12px}.loading-stage{min-height:clamp(210px,34dvh,300px)}.loading-stage:before{bottom:20%;font-size:clamp(3.5rem,18vw,6rem)}.loading-carousel{height:clamp(200px,30dvh,250px);--loading-carousel-far-x: 280px;--loading-carousel-near-x: 180px;--loading-carousel-mid-x: 90px;--loading-carousel-back-y: 20px;--loading-carousel-side-y: 6px;--loading-carousel-upper-y: -2px;--loading-carousel-front-y: -14px}.loading-carousel-item{width:clamp(46px,10vw,64px)}.loading-meta{letter-spacing:.12em}.result-v2-header{flex-direction:column;gap:8px}.result-v2-brand{position:relative;top:auto;left:auto;transform:none;margin-bottom:6px;width:clamp(80px,18vw,110px)}.result-v2-title{font-size:clamp(1.6rem,7.5vw,2.4rem)!important}.result-v2-caption{font-size:clamp(.9rem,4.2vw,1.1rem)!important}.result-v2-stage{min-height:clamp(210px,30dvh,320px)}.result-v2-podium{grid-template-columns:1fr 1.25fr 1fr}.result-v2-slot--second,.result-v2-slot--third{transform:translateY(7%)}.result-v2-slot .result-bottle--runnerup .result-bottle-name{font-size:.78rem}.result-v2-slot--first .result-bottle--hero .result-bottle-name{font-size:.96rem}.result-v2-raffle{font-size:.8rem}.result-v2-cta{width:100%;min-height:72px;font-size:1.15rem;border-radius:40px}}@media (prefers-reduced-motion: reduce){.loading-carousel-core,.loading-carousel-item,.loading-carousel-image,.loading-stage:after,.loading-stage-orb{animation:none!important}.loading-carousel-item{opacity:.8}}.reg-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 55% 44% at 8% 18%,rgba(255,61,127,.34) 0%,transparent 65%),radial-gradient(ellipse 42% 38% at 52% 88%,rgba(120,30,255,.22) 0%,transparent 60%);animation:regOrbA 9s ease-in-out infinite alternate}.reg-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 58% 50% at 90% 10%,rgba(0,212,255,.38) 0%,transparent 60%),radial-gradient(ellipse 38% 32% at 22% 72%,rgba(0,180,255,.16) 0%,transparent 55%);animation:regOrbB 13s ease-in-out infinite alternate-reverse}@keyframes regOrbA{0%{opacity:.72;transform:scale(1) translate(0)}50%{opacity:1}to{opacity:.82;transform:scale(1.08) translate(2%,3%)}}@keyframes regOrbB{0%{opacity:.68;transform:scale(1) translate(0)}50%{opacity:1}to{opacity:.8;transform:scale(1.07) translate(-2%,2%)}}.reg-screen-content{gap:clamp(24px,4.5dvh,52px)!important;justify-content:center!important}.reg-panel{width:100%;max-width:540px;background:#02081847!important;backdrop-filter:blur(24px) saturate(180%)!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:clamp(16px,3vw,24px)!important;padding:clamp(20px,4dvh,40px)!important;box-shadow:0 24px 60px #00000080,inset 0 0 0 1px #ffffff0d!important}.reg-form-wrapper{gap:24px!important}.reg-screen .form-input{background:#040e28d1!important;border:1.5px solid rgba(99,174,255,.4)!important;box-shadow:0 2px 12px #00000073,inset 0 1px #ffffff0a!important}.reg-screen .form-input:focus{border-color:#63aeffbf!important;box-shadow:0 0 0 2px #63aeff38,0 2px 16px #00000080!important}.reg-screen .consent-row{padding-top:6px}@media (prefers-reduced-motion: reduce){.reg-screen:before,.reg-screen:after{animation:none!important}}.result-screen .result-bottle-backdrop{display:none!important}.result-screen .result-v2-slot--first .result-bottle-caption{display:flex!important}.result-screen .result-v2-header{margin-top:clamp(10px,4dvh,80px)!important}.result-screen .result-v2-stage{margin-top:clamp(8px,3dvh,50px)!important}@media (min-width: 768px){.result-screen .result-v2-header{margin-top:clamp(30px,7dvh,80px)!important}.result-screen .result-v2-stage{margin-top:clamp(16px,4dvh,50px)!important}}.result-screen .result-v2-slot--second,.result-screen .result-v2-slot--third{transform:translateY(18%)!important}.result-screen .result-v2-slot--first .result-bottle--hero{padding-top:0!important;padding-bottom:0!important}.result-screen .result-v2-podium{width:min(100%,650px)!important;gap:clamp(0px,1vw,10px)!important}.result-screen .result-v2-slot .result-bottle--runnerup .result-bottle-image{height:clamp(150px,27dvh,240px)!important}.result-screen .result-v2-slot--second .result-bottle--runnerup .result-bottle-image{rotate:-15deg}.result-screen .result-v2-slot--third .result-bottle--runnerup .result-bottle-image{rotate:15deg}.result-screen .result-v2-slot--first .result-bottle--hero .result-bottle-image{height:clamp(260px,50dvh,420px)!important}.result-screen .result-v2-slot .result-bottle-rank,.result-screen .result-v2-slot .result-bottle--runnerup .result-bottle-rank,.result-screen .result-v2-slot--first .result-bottle--hero .result-bottle-rank{position:absolute!important;top:-5%!important;left:-15%!important;transform:none!important;font-size:clamp(6.5rem,16vw,12.5rem)!important;font-family:var(--font-game)!important;font-weight:900!important;letter-spacing:-.04em!important;line-height:.8!important;background:linear-gradient(135deg,#fff,#ffffffb3 35%,#ffffff1a)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;-webkit-text-stroke:1px rgba(255,255,255,.4)!important;filter:drop-shadow(0 8px 16px rgba(255,255,255,.15))!important;opacity:.45!important;padding:0!important;border:none!important;border-radius:0!important;box-shadow:none!important;text-shadow:none!important;mix-blend-mode:normal!important;z-index:0!important;pointer-events:none!important}.result-screen .result-v2-slot--first .result-bottle--hero .result-bottle-rank{top:-2%!important;left:2%!important;font-size:clamp(8rem,20vw,15rem)!important;opacity:.55!important}.result-screen .result-v2-slot .result-bottle-image{position:relative!important;z-index:2!important}.result-screen .result-v2-slot .result-bottle-caption{position:relative!important;z-index:3!important;margin-top:-10px!important}.result-screen .result-v2-slot--first .result-bottle-caption{margin-top:-4px!important}.quiz-screen .quiz-stage-header .quiz-top-picks{background:transparent!important;border:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:0!important}.quiz-screen .quiz-stage-header .quiz-top-pick-anchor:before{display:none!important}.quiz-screen .quiz-stage-header .quiz-top-pick-rank{position:absolute!important;bottom:0!important;top:auto!important;left:44%!important;transform:translate(-50%)!important;font-size:clamp(2.4rem,4.2vw,3.8rem)!important;font-family:var(--font-game)!important;font-weight:800!important;letter-spacing:-.02em!important;color:#ffffff21!important;-webkit-text-stroke:1.5px rgba(255,255,255,.22)!important;text-stroke:1.5px rgba(255,255,255,.22)!important;background:none!important;border:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important;min-width:0!important;height:auto!important;line-height:1!important;z-index:0!important;pointer-events:none!important;display:block!important}.quiz-screen .quiz-stage-header .quiz-top-pick-image{position:relative;z-index:1}@media (max-width: 767px){.quiz-screen .quiz-stage-header .quiz-top-pick-rank{font-size:clamp(1.6rem,7vw,2.4rem)!important}}@media (max-width: 1024px){html,body,#root,.game-wrapper,.game-container{overflow:hidden!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:0!important;touch-action:none!important;background:#050b18!important;border:none!important;border-radius:0!important;box-shadow:none!important}.quiz-screen,.quiz-screen-inner,.registration-screen{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:transparent!important;border:none!important;overflow:hidden!important}.quiz-screen .quiz-brand-lockup{position:absolute!important;top:2vh!important;left:50%!important;transform:translate(-50%)!important;opacity:.06!important;z-index:0!important;width:auto!important;height:auto!important}.quiz-screen .quiz-stage-header{display:block!important;padding:clamp(8px,2vh,18px) 15px 0 15px!important;text-align:center!important;z-index:10!important;min-height:auto!important;background:transparent!important}.quiz-screen .quiz-stage-kicker{display:none!important}.quiz-screen .quiz-stage-heading-line{white-space:normal!important;display:inline!important;font-size:clamp(.9rem,4.5vw,1.15rem)!important;line-height:1.1!important;color:#fff!important}.quiz-screen .quiz-stage-question{font-size:clamp(.62rem,3.5vw,.82rem)!important;margin-top:3px!important;opacity:.8!important}.quiz-screen .drink-card-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px 8px!important;padding:6px 18px!important;flex:1!important;align-content:flex-start!important;overflow:visible!important;margin-top:6px!important;opacity:1!important}.quiz-screen .drink-card:nth-child(odd):last-child{grid-column:1 / 3!important;justify-self:center!important;width:48%!important}.quiz-screen .drink-card{min-height:clamp(105px,14vh,140px)!important;height:clamp(105px,14vh,140px)!important;padding:0!important;border-radius:12px!important;background:#ffffff08!important;border:1px solid rgba(255,255,255,.05)!important;position:relative!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:center!important;overflow:visible!important;opacity:1!important;visibility:visible!important}.quiz-screen .drink-card-visual{height:85%!important;width:100%!important;position:relative!important;display:flex!important;justify-content:center!important;align-items:flex-end!important;overflow:visible!important}.quiz-screen .drink-card-image{height:158%!important;width:auto!important;max-height:none!important;object-fit:contain!important;object-position:center bottom!important;transform-origin:center bottom!important;pointer-events:none!important;filter:none!important;opacity:1!important}.quiz-screen .drink-card-name{position:relative!important;z-index:10!important;width:90%!important;padding:2px 0 8px!important;text-align:center!important;font-size:clamp(.5rem,2.3vw,.65rem)!important;background:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#ffffffd9!important}.quiz-screen .drink-card-subname{position:absolute!important;top:-5px!important;left:50%!important;transform:translate(-50%)!important;font-size:.42rem!important;color:#fa0!important;background:#0009!important;padding:2px 6px!important;border-radius:4px!important;z-index:20!important}.quiz-screen .quiz-stage-header .quiz-top-picks{position:fixed!important;top:auto!important;bottom:24px!important;left:40px!important;right:40px!important;height:50px!important;background:#0a1428f2!important;backdrop-filter:blur(25px)!important;-webkit-backdrop-filter:blur(25px)!important;border-radius:100px!important;border:1px solid rgba(255,255,255,.12)!important;z-index:100!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:15px!important;transform:translateY(180%)!important;transition:transform .4s cubic-bezier(.175,.885,.32,1.2)!important}.quiz-screen .quiz-stage-header .quiz-top-picks.is-active{transform:translateY(0)!important}.quiz-screen .quiz-stage-header .quiz-top-pick-slot{flex:0 0 42px!important;height:50px!important;position:relative!important;overflow:visible!important}.quiz-screen .quiz-stage-header .quiz-top-pick-anchor{position:absolute!important;bottom:5px!important;left:50%!important;transform:translate(-50%)!important;width:50px!important;height:80px!important;display:flex!important;justify-content:center!important;align-items:flex-end!important}.quiz-screen .quiz-stage-header .quiz-top-pick-image{height:75px!important;width:auto!important}}@media (max-width: 520px){.quiz-screen .drink-card-grid{gap:5px!important}.quiz-screen .answer-card.drink-card{padding:7px 5px 5px!important}.quiz-screen .drink-card-visual{aspect-ratio:.56 / 1!important;height:auto!important}.quiz-screen .drink-card-label{min-height:2rem!important;gap:1px!important;padding-top:3px!important;justify-content:flex-start!important;align-items:center!important}.quiz-screen .drink-card-tag{font-size:.38rem!important;padding:1px 5px!important;min-height:11px!important;letter-spacing:.04em!important;opacity:.72!important}.quiz-screen .drink-card-name{font-size:.56rem!important;line-height:1.1!important}.quiz-screen .quiz-stage-header .quiz-top-picks{position:fixed!important;bottom:max(env(safe-area-inset-bottom,16px),16px)!important;left:20px!important;right:20px!important;top:auto!important;width:auto!important;height:auto!important;min-height:72px!important;overflow:visible!important;padding:8px 20px 10px!important;display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:flex-end!important;gap:18px!important;background:#060c1ceb!important;backdrop-filter:blur(20px) saturate(1.4)!important;-webkit-backdrop-filter:blur(20px) saturate(1.4)!important;border:1px solid rgba(0,212,255,.14)!important;border-radius:22px!important;box-shadow:0 8px 32px #0009,0 0 0 1px #ffffff0a,0 0 28px #00d4ff0f!important;opacity:1!important;transform:translateY(140%)!important;transition:transform .5s cubic-bezier(.175,.885,.32,1.2)!important;z-index:200!important}.quiz-screen .quiz-stage-header .quiz-top-picks.is-active{transform:translateY(0)!important}.quiz-screen .quiz-stage-header .quiz-top-pick-slot{flex:0 0 auto!important;width:clamp(54px,17vw,72px)!important;height:clamp(72px,15dvh,92px)!important;display:flex!important;align-items:flex-end!important;justify-content:center!important}.quiz-screen .quiz-stage-header .quiz-top-pick-anchor{position:relative!important;bottom:auto!important;left:auto!important;transform:none!important;width:100%!important;height:100%!important}.quiz-screen .quiz-stage-header .quiz-top-pick-anchor:before{display:block!important;top:4px!important;right:0!important;bottom:2px!important;left:0!important;border-radius:16px!important;background:#ffffff06!important;border:1px solid rgba(255,255,255,.07)!important;box-shadow:none!important;opacity:1!important}.quiz-screen .quiz-stage-header .quiz-top-pick-slot.is-filled .quiz-top-pick-anchor:before{background:#00d4ff0d!important;border-color:#00d4ff33!important;box-shadow:0 0 16px #00d4ff26,inset 0 1px #ffffff0f!important}.quiz-screen .quiz-stage-header .quiz-top-pick-rank{font-size:clamp(1.6rem,7vw,2.2rem)!important;bottom:0!important;top:auto!important}.quiz-screen .quiz-stage-header .quiz-top-pick-image{height:82%!important;width:auto!important;max-height:82%!important}.quiz-screen .quiz-stage-body{padding-bottom:clamp(100px,20dvh,120px)!important}}