@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Montserrat:wght@600;700;800&display=swap";:root{color:#f9f7ff;font-synthesis:none;--navy:#160d27;--blue:#3d2361;--violet:#a875d8;--gold:#ffbd43;--cyan:#d6a8ff;--line:#c497eb61;background:#070522;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button{font:inherit}button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.screen{min-height:100dvh;position:relative;overflow:hidden}.welcome,.end{padding:max(28px, env(safe-area-inset-top)) 22px max(28px, env(safe-area-inset-bottom));text-align:center;background:radial-gradient(circle at 50% 34%,#75469b 0,#3e205f 31%,#1b0e2d 66%,#0d0717 100%);place-items:center;display:grid}.welcome:before,.end:before{content:"";aspect-ratio:1;border:1px solid #72aeff2e;border-radius:50%;width:min(100vw,650px);position:absolute;box-shadow:0 0 90px #c17af033,inset 0 0 90px #b169e029}.stars,.confetti{pointer-events:none;opacity:.5;background-image:radial-gradient(#fff 1px,#0000 1px);background-size:43px 43px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.welcome__content{z-index:1;flex-direction:column;align-items:center;width:min(100%,500px);display:flex;position:relative}.eyebrow{color:#b9b2ef;letter-spacing:.16em;text-transform:uppercase;margin:0 0 28px;font-size:11px;font-weight:700}.logo{aspect-ratio:1;filter:drop-shadow(0 0 28px #45d1ff47);place-items:center;width:230px;display:grid;position:relative}.logo:before,.logo:after{content:"";border-radius:50%;position:absolute}.logo:before{border:2px solid #d6a8ff;inset:8%;box-shadow:inset 0 0 25px #d09df759,0 0 16px #d09df74d}.logo:after{border:1px solid #cdc7ffbf;inset:15%}.logo__orbit{border:1px solid #9173ffcc;border-radius:50%;position:absolute;inset:7%;transform:rotate(42deg)scaleX(.36)}.logo__orbit--two{transform:rotate(-42deg)scaleX(.36)}.logo__core{z-index:1;text-shadow:0 3px 16px #050328;flex-direction:column;font-family:Montserrat,sans-serif;line-height:.9;display:flex;position:relative}.logo__core span{letter-spacing:.14em;font-size:15px}.logo__core strong{letter-spacing:.04em;color:var(--gold);font-size:43px}.logo__core small{letter-spacing:.12em;color:#c5c0f2;margin-top:12px;font-size:7px}.logo--compact{width:74px}.logo--compact .logo__core small{display:none}.welcome h1,.end h1{margin:0 0 10px;font:700 clamp(24px,7vw,38px)/1.14 Montserrat,sans-serif}.welcome__copy p,.end>p:not(.eyebrow){color:#b8b5d3;max-width:380px;margin:0 auto;font-size:15px;line-height:1.55}.primary-button,.secondary-button,.confirm-button{cursor:pointer;color:#fff;border:0;font-weight:700;transition:transform .2s,filter .2s,opacity .2s}.primary-button{background:linear-gradient(100deg,#8e56bd,#bd85e4);border-radius:13px;justify-content:center;align-items:center;gap:24px;width:min(100%,340px);min-height:58px;padding:0 22px;display:flex;box-shadow:0 12px 35px #8e56bd61}.primary-button svg{flex:none}.primary-button:hover,.confirm-button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px)}.sound-note{color:#73708d;margin:22px 0 0;font-size:10px}.sound-note span{color:var(--gold)}.game{background:radial-gradient(circle at 50% 15%,#69408e 0,#351d50 35%,#180d29 80%);min-height:100dvh}.game__glow{pointer-events:none;background:linear-gradient(90deg,#8e58b838,#0000 22% 78%,#8e58b838);position:fixed;inset:0}.game__header{height:92px;padding:max(8px, env(safe-area-inset-top)) 18px 8px;border-bottom:1px solid var(--line);z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05041d59;justify-content:space-between;align-items:center;display:flex;position:relative}.header__actions{align-items:center;gap:10px;display:flex}.game__body{z-index:1;width:min(100%,760px);padding:20px 18px max(30px, env(safe-area-inset-bottom));margin:auto;animation:.38s both question-enter;position:relative}.progress-row{color:#a8a4c8;align-items:center;gap:14px;font-size:11px;display:flex}.progress-row>span{white-space:nowrap}.progress{background:#2c285f;border-radius:3px;flex:1;height:3px;overflow:hidden}.progress i{background:linear-gradient(90deg, var(--violet), var(--cyan));height:100%;transition:width .4s;display:block}.lifelines{justify-content:center;gap:16px;margin:20px 0;display:flex}.lifeline{color:#fff;cursor:pointer;background:linear-gradient(145deg,#211b72,#0f0c43);border:1px solid #5a53ad;border-radius:50px;width:72px;min-height:72px;box-shadow:0 5px 18px #00000038}.lifeline span{color:var(--cyan);font-size:14px;font-weight:800;display:block}.lifeline small{color:#aaa6c9;font-size:10px}.lifeline--used{opacity:.3;text-decoration:line-through}.question-card{text-align:center;background:linear-gradient(120deg,#4b2a69f5,#231336f7);border:1px solid #9f6bc7;border-radius:12px;margin:22px 0 18px;padding:26px 20px 24px;position:relative;box-shadow:inset 0 0 30px #b66fe01a,0 15px 38px #0003}.question-card:before,.question-card:after{content:"";background:linear-gradient(90deg,#0000,#655db2);width:30vw;height:1px;position:absolute;top:50%}.question-card:before{right:100%}.question-card:after{left:100%;transform:rotate(180deg)}.question-card h1{margin:0;font:600 clamp(18px,5vw,25px)/1.4 Montserrat,sans-serif}.answers{gap:10px;display:grid}.answer{color:#efedf9;text-align:left;cursor:pointer;background:#2b193ee6;border:1px solid #674b7e;border-radius:9px;grid-template-columns:30px 1fr 24px;align-items:center;width:100%;min-height:58px;padding:9px 14px;transition:all .18s;display:grid;position:relative}.answer span{font-size:14px}.answer i{justify-self:end;font-style:normal}.answer--selected{border-color:var(--gold);background:linear-gradient(100deg,#5b3d0d,#32240e);box-shadow:0 0 18px #ffb73726}.answer--correct{animation:.55s ease-out both correct-answer-pulse}.answer--hidden{opacity:.22}.confirm-button{background:linear-gradient(100deg,#8e56bd,#bd85e4);border-radius:9px;width:100%;min-height:50px;margin-top:18px}.confirm-button:disabled{opacity:.25;cursor:not-allowed}.feedback{border:1px solid;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-top:17px;padding:13px 15px;display:flex}.feedback p{margin:0;font-weight:700}.feedback button{color:#fff;cursor:pointer;background:0 0;border:0;flex-shrink:0;align-items:center;gap:5px;font-weight:700;display:inline-flex}.feedback--correct{background:#11634761;border-color:#35b87e}.correct-notice{color:#79ecb6;background:#1163474d;border:1px solid #5be7a68c;border-radius:9px;align-items:center;gap:8px;min-height:50px;margin-top:18px;padding:0 16px;animation:.25s ease-out both correct-notice-in;display:flex}.correct-notice span{color:#b9d7c9;margin-left:auto;font-size:12px}@keyframes question-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes correct-answer-pulse{0%{transform:scale(1);box-shadow:0 0 #45e49a00}45%{transform:scale(1.008);box-shadow:0 0 14px #45e49a40}to{transform:scale(1);box-shadow:0 0 7px #45e49a24}}@keyframes correct-notice-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.modal__close{color:#a6a2c5;cursor:pointer;background:0 0;border:0;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:16px;right:18px}.modal__close svg{width:22px}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#010110d1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{text-align:center;background:linear-gradient(145deg,#18145d,#0a082e);border:1px solid #625ab6;border-radius:16px;width:min(100%,390px);padding:35px 25px 25px;position:relative;box-shadow:0 24px 70px #00000080}.modal__icon{color:var(--cyan);font-size:30px}.modal h2{font:700 21px/1.4 Montserrat,sans-serif}.modal--phone h2{color:#e7e4f9;margin:22px 0;font-size:17px}.chart{border-bottom:1px solid #514b91;justify-content:center;align-items:end;gap:16px;height:165px;margin:26px 0;display:flex}.chart__item{flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;width:42px;display:flex}.chart__item span{color:#bbb6dc;font-size:10px}.chart__item div{background:linear-gradient(#54d7ec,#6656de);border-radius:5px 5px 0 0;width:100%}.chart__item b{color:var(--gold)}.secondary-button{background:#282174;border:1px solid #625ab6;border-radius:8px;min-height:45px;padding:0 20px}.end{flex-direction:column;justify-content:center;display:flex}.end .logo{margin-bottom:10px}.end .eyebrow{color:var(--gold);margin:12px 0}.final-prize{color:var(--gold);flex-direction:column;margin:12px 0 18px;font-family:Montserrat,sans-serif;display:flex}.final-prize strong{text-shadow:0 0 30px #ffbd4359;font-size:clamp(46px,15vw,76px);line-height:1}.final-prize span{text-transform:uppercase;letter-spacing:.2em;font-size:12px}.gift-badge{color:#ead1ff;letter-spacing:.08em;text-transform:uppercase;background:#7a489e47;border:1px solid #d8adfa8c;border-radius:999px;align-items:center;gap:8px;margin-top:20px;padding:11px 18px;font-size:12px;font-weight:700;display:inline-flex}.gift-badge svg{color:var(--gold);flex:none}.end .primary-button{flex-shrink:0;margin-top:28px}@media (width>=700px){.game__header{padding-inline:28px}.answers{grid-template-columns:1fr 1fr}.question-card{padding:35px}.game__body{padding-top:28px}.lifelines{margin:0;position:absolute;top:10px;right:18px}.progress-row{margin-right:280px}}@media (height<=700px) and (width<=699px){.game__header{height:72px}.logo--compact{width:58px}.game__body{padding-top:12px}.lifelines{margin:12px 0}.lifeline{width:64px;min-height:50px}.question-card{margin:14px 0 12px;padding:18px 15px}.answer{min-height:49px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{color:#493653;--navy:#493653;--blue:#8664a5;--violet:#a978ca;--gold:#c88a35;--cyan:#8f6bb0;--line:#7e589d3d;background:#f8f2ff}body{background:#f8f2ff}.welcome,.end{color:#493653;background:radial-gradient(circle at 50% 22%,#fffaff 0,#f0dcff 40%,#dec0ef 72%,#cba7df 100%)}.welcome:before,.end:before{border-color:#7e589d3d;box-shadow:0 0 90px #ab79cd47,inset 0 0 90px #ffffff73}.stars,.confetti{opacity:.28;background-image:radial-gradient(#8664a5 1px,#0000 1px)}.logo{filter:drop-shadow(0 0 28px #8f6bb047)}.logo:before{border-color:#9c6dbc;box-shadow:inset 0 0 25px #b789d659,0 0 16px #a46fc34d}.logo:after{border-color:#7e589d8c}.logo__orbit{border-color:#7e589dbf}.logo__core{text-shadow:0 3px 16px #482e544d}.logo__core small{color:#755b83}.welcome__copy p,.end>p:not(.eyebrow){color:#6e5a76}.eyebrow{color:#795995}.game{color:#493653;background:radial-gradient(circle at 50% 0,#fffaff 0,#f0ddfa 36%,#e1c8ed 75%,#d5b7e5 100%)}.game__header{background:#fffaffb8;border-bottom-color:#7e589d33}.game__occasion{color:#80638b;letter-spacing:.08em;text-transform:uppercase;margin-left:auto;font-size:11px;font-weight:700}.progress-row{color:#765f81}.progress{background:#dbc5e6}.lifeline{color:#5f426d;background:linear-gradient(145deg,#fffaff,#ead8f4);border-color:#b28ac6;box-shadow:0 5px 18px #5b346f1f}.lifeline span{color:#8d5cac}.lifeline small{color:#765c80}.question-card{background:linear-gradient(120deg,#fffafff5,#edd9f6fa);border-color:#bc91d0;box-shadow:inset 0 0 30px #b66fe01a,0 15px 38px #5b346f1a}.question-card h1{color:#493653}.answer{color:#55405f;background:#fffaffd1;border-color:#c3a4d0}.answer b{color:#b2752a}.answer--selected{background:linear-gradient(100deg,#fff0cf,#f9e6c3);border-color:#c88a35}.answer--correct{background:linear-gradient(100deg,#ddf5e7,#c5e9d8);border-color:#55a77f}.answer--correct b,.answer--correct i{color:#287a55}.answer--wrong{background:#f7dce3;border-color:#c96779}.correct-notice{color:#287a55;background:#dcf7e7cc;border-color:#3391658c}.correct-notice strong{color:#205b43}.correct-notice span{color:#527967}.feedback--wrong{background:#f9dce4cc;border-color:#ca7181}.feedback button{color:#493653}.modal-backdrop{background:#472e5173}.modal{background:linear-gradient(145deg,#fffaff,#ead8f5);border-color:#c29ad2;box-shadow:0 24px 70px #5b346f3d}.modal__icon{color:#a16bbc}.modal h2,.modal--phone h2{color:#55405f}.final-prize{color:#b2752a}.gift-badge{color:#76538c;background:#fffaff73;border-color:#9a6ab673}:root{--surface:#e9def1;--surface-light:#fffaff;--surface-dark:#c9b9d2;--ink:#493653;--muted-ink:#806b89;--shadow-out:10px 10px 22px #7e648b47, -10px -10px 22px #ffffffd1;--shadow-in:inset 5px 5px 12px #7e648b33, inset -5px -5px 12px #ffffffb8}.welcome,.end,.game{background:var(--surface)}.welcome:before,.end:before{box-shadow:var(--shadow-in);border-color:#7e648b33}.stars,.confetti{opacity:.22}.game__glow{background:0 0}.game__header{background:#e9def1e0;box-shadow:0 3px 12px #7e648b1f}.game__occasion{color:var(--muted-ink)}.lifeline{background:var(--surface);box-shadow:var(--shadow-out);border-color:#0000}.lifeline:active:not(:disabled){box-shadow:var(--shadow-in)}.question-card{background:var(--surface);box-shadow:var(--shadow-out);border-color:#0000}.question-card:before,.question-card:after{background:#b99fc4}.answer{background:var(--surface);border-color:#0000;box-shadow:5px 5px 12px #7e648b2e,-5px -5px 12px #ffffffb3}.answer:not(:disabled):hover{background:#eee5f4;border-color:#0000}.answer--selected{box-shadow:var(--shadow-in);background:#f4dfb8}.answer--correct{box-shadow:var(--shadow-in);background:#ccebd9}.answer--wrong{box-shadow:var(--shadow-in);background:#f1ced8}.correct-notice{box-shadow:var(--shadow-in);background:#ccebd9}.feedback--wrong{box-shadow:var(--shadow-in);background:#f1ced8}.modal{background:var(--surface);box-shadow:var(--shadow-out);border-color:#0000}.gift-badge{background:var(--surface);box-shadow:var(--shadow-out)}.welcome__kicker{color:#8b6a98;letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 10px;font-size:10px;font-weight:800;display:flex}.welcome__kicker span{background:#b89fc4;width:24px;height:1px}.welcome__copy{margin:12px 0 18px}.welcome h1{color:#493653;letter-spacing:-.04em;text-shadow:2px 3px #ffffffb3;font-size:clamp(30px,9vw,50px)}.welcome h1 em{color:#a16bbc;font-style:normal}.welcome__copy p{max-width:340px}.welcome__seal{color:#9365a6;background:var(--surface);box-shadow:var(--shadow-in);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;margin:0 0 18px;padding:8px 14px;font-size:10px;font-weight:800;display:inline-flex}.welcome__seal svg{color:#c88a9f}.welcome__cta{border-radius:18px;min-height:62px;font-size:16px}.welcome__footnote{color:#927d99;margin-top:14px;font-size:10px}.welcome__spark{z-index:1;color:#a77abd;filter:drop-shadow(2px 3px #ffffffb3);position:absolute}.welcome__spark--one{top:22%;left:17%;transform:rotate(-16deg)}.welcome__spark--two{top:34%;right:18%;transform:rotate(18deg)}.access{background:var(--surface);place-items:center;padding:24px;display:grid}.access__glow{aspect-ratio:1;width:min(90vw,560px);box-shadow:var(--shadow-in);opacity:.65;border-radius:50%;position:absolute}.access__card{z-index:1;text-align:center;background:var(--surface);width:min(100%,430px);box-shadow:var(--shadow-out);border-radius:26px;padding:28px 25px 30px;position:relative}.access__back{color:#806b89;cursor:pointer;background:0 0;border:0;margin:0 0 18px;padding:0;font-size:12px;display:block}.access__icon{color:#a16bbc;background:var(--surface);width:58px;height:58px;box-shadow:var(--shadow-in);border-radius:50%;place-items:center;margin:0 auto 15px;display:grid}.access__card .eyebrow{margin-bottom:12px}.access__dots{justify-content:center;gap:8px;margin-bottom:22px;display:flex}.access__dots span{width:34px;height:5px;box-shadow:var(--shadow-in);background:#d2c2da;border-radius:5px}.access__dots span.active{background:#a77abd;box-shadow:2px 2px 5px #7e588f40}.access__card h1{color:#493653;margin:0 0 8px;font:700 clamp(22px,6vw,30px)/1.15 Montserrat,sans-serif}.access__hint{color:#806b89;margin:0 auto 24px;font-size:14px;line-height:1.5}.access__card form{gap:12px;display:grid}.access__card label{color:#5d4568;font-size:16px;font-weight:700}.access__card input{color:#493653;background:var(--surface);width:100%;height:60px;box-shadow:var(--shadow-in);text-align:center;border:0;border-radius:16px;outline:0;font:700 28px Montserrat,sans-serif}.access__card form .primary-button{width:100%;margin-top:8px}.access__error{color:#b55b70;margin:-2px 0 0;font-size:12px;font-weight:700}.welcome:before,.end:before,.stars,.confetti,.welcome__spark{display:none}.logo{aspect-ratio:auto;filter:none;width:auto;height:auto}.logo:before,.logo:after,.logo__orbit{display:none}.logo__core{text-shadow:none;align-items:center;line-height:1}.logo__core span{color:#80638b;letter-spacing:.24em;font-size:11px}.logo__core strong{color:#8e61a5;letter-spacing:.08em;font-size:34px}.logo__core small{color:#927d99;margin-top:8px;font-size:7px}.logo--compact{aspect-ratio:auto;width:74px;height:42px}.logo--compact .logo__core span{font-size:5px}.logo--compact .logo__core strong{font-size:15px}.welcome__kicker{margin-bottom:20px}.welcome__kicker span{display:none}.welcome h1{text-shadow:none}.welcome__seal{box-shadow:none;border:1px solid #7e648b29}:root{--surface:#ebe2ef;--surface-light:#fffaff;--surface-dark:#cbbdd2;--ink:#493653;--muted-ink:#7d6a84;--shadow-raised:7px 7px 16px #664e7133, -7px -7px 16px #ffffffc7;--shadow-soft:4px 4px 10px #664e7129, -4px -4px 10px #ffffffb3;--shadow-pressed:inset 4px 4px 9px #664e712e, inset -4px -4px 9px #ffffffad}body,.welcome,.end,.game,.access{background:var(--surface)}.primary-button,.confirm-button{background:#9566aa;box-shadow:6px 6px 14px #67487447,-5px -5px 13px #ffffffb8}.primary-button:hover,.confirm-button:hover:not(:disabled){filter:none;background:#8b5f9f}.primary-button:active,.confirm-button:active:not(:disabled){box-shadow:var(--shadow-pressed);transform:translateY(1px)}.game__header{background:#ebe2efeb;border:0;box-shadow:0 5px 14px #664e711a}.progress{background:var(--surface);box-shadow:var(--shadow-pressed)}.progress i{background:#a875bb}.lifeline{background:var(--surface);box-shadow:var(--shadow-soft);border:0}.lifeline:hover:not(:disabled){color:#714b82;transform:translateY(-1px)}.lifeline:active:not(:disabled){background:var(--surface);box-shadow:var(--shadow-pressed);transform:translateY(0)}.question-card{background:var(--surface);box-shadow:var(--shadow-raised);border:0}.question-card:before,.question-card:after{display:none}.answer{background:var(--surface);box-shadow:var(--shadow-soft);border:0}.answer:not(:disabled):hover{background:var(--surface);border:0;transform:translateY(-1px)}.answer--selected{color:#684f31;box-shadow:var(--shadow-pressed);background:#ead8b8}.answer--correct{color:#315f49;box-shadow:var(--shadow-pressed);background:#cfe7da}.answer--wrong{color:#70414c;box-shadow:var(--shadow-pressed);background:#efd3dc}.answer--hidden{box-shadow:var(--shadow-pressed)}.correct-notice{box-shadow:var(--shadow-pressed);background:#cfe7da;border:0}.feedback--wrong{box-shadow:var(--shadow-pressed);background:#efd3dc;border:0}.modal{background:var(--surface);border:0;box-shadow:12px 12px 30px #44304d3d,-8px -8px 24px #ffffffad}.welcome__seal{background:var(--surface);box-shadow:var(--shadow-pressed);border:0}.welcome__cta{box-shadow:6px 6px 14px #67487447,-5px -5px 13px #ffffffb8}.access__glow{display:none}.access__card{background:var(--surface);box-shadow:var(--shadow-raised);border:0}.access__icon,.access__dots span{background:var(--surface);box-shadow:var(--shadow-pressed)}.access__dots span.active{box-shadow:var(--shadow-soft);background:#9566aa}.access__card input{background:var(--surface);box-shadow:var(--shadow-pressed);border:0}.access__card input:focus{box-shadow:var(--shadow-pressed), 0 0 0 3px #9566aa2e}.gift-badge{background:var(--surface);box-shadow:var(--shadow-soft);border:0}.end>:not(.confetti){z-index:1;position:relative}.confetti{z-index:0;pointer-events:none;opacity:1;background:0 0;display:block;position:fixed;inset:0;overflow:hidden;-webkit-mask-image:none;mask-image:none}.confetti i{top:-18px;left:var(--x);background:var(--confetti-color);width:8px;height:14px;animation:confetti-fall var(--duration) cubic-bezier(.16, .7, .3, 1) var(--delay) both;border-radius:2px;position:absolute}.confetti i:nth-child(3n){border-radius:50%;width:7px;height:7px}.confetti i:nth-child(4n){width:11px;height:5px}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-5vh)rotate(0)}10%{opacity:1}to{opacity:.9;transform:translate3d(22px, 110vh, 0) rotate(var(--rotation))}}