html,body,#root{width:100%;height:100%;margin:0}*{box-sizing:border-box}body{display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#1f2652,#0d112b 58%,#080a15)}:root{--font-display: "Trebuchet MS", "Verdana", sans-serif;--font-ui: "Gill Sans", "Segoe UI", sans-serif;--gold-100: #fff3bb;--gold-300: #ffd36c;--gold-500: #f5af2a}.app-shell{width:min(100vw,56.25vh);height:min(100vh,177.77778vw);display:grid;place-items:center}.show-frame{position:relative;width:100%;height:100%;overflow:hidden;border:8px solid #0d6884;border-radius:10px;box-shadow:0 20px 56px #0009,inset 0 0 44px #0000005c;background:linear-gradient(180deg,#31a0c4,#2390b2 50%,#1f84a5 61%,#783017 74%,#4f180a);font-family:var(--font-ui)}.show-frame:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 30%,#93efff3d,#93efff00 44%),radial-gradient(circle at 50% 72%,#ffb86133,#ffb86100 36%),radial-gradient(circle at 50% 99%,#ff8b422e,#ff8b4200 50%)}.show-frame--lead{border-color:#1b7ba7;background:linear-gradient(135deg,#216eb5,#11b59d)}.show-frame--lead:before{display:none}.particle-network{position:absolute;inset:0;z-index:1;width:100%;height:100%;opacity:.56;mix-blend-mode:screen;pointer-events:none}.show-frame--lead .particle-network{opacity:.44}.status-bar{position:absolute;top:5%;left:9%;width:82%;z-index:16;border-radius:999px;padding:.66rem 1.14rem;background:linear-gradient(90deg,#ede6ffc7,#cfb5ffad);color:#1f1e35;font-size:clamp(.78rem,2.2vw,1.38rem);letter-spacing:.04em;text-shadow:0 1px 0 rgba(255,255,255,.55)}.stage-canvas{position:absolute;inset:0;z-index:6}.stage-canvas canvas{display:block;width:100%!important;height:100%!important}.lead-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.2rem;padding:6% 5%;z-index:12}.lead-screen:after{content:"";position:absolute;right:-8%;bottom:-10%;width:44%;height:46%;background:radial-gradient(circle at 10% 26%,rgba(255,255,255,.45) 0 1.5px,transparent 2px),radial-gradient(circle at 34% 52%,rgba(255,255,255,.4) 0 1.5px,transparent 2px),radial-gradient(circle at 71% 25%,rgba(255,255,255,.4) 0 1.5px,transparent 2px),radial-gradient(circle at 64% 74%,rgba(255,255,255,.35) 0 1.5px,transparent 2px);opacity:.5;pointer-events:none}.lead-card-wrap{position:relative;width:min(92%,980px);height:min(72%,1400px);border-radius:32px;background:#f2f2f2;box-shadow:0 16px 32px #0003,inset 0 0 0 1px #ffffff73;overflow:hidden}.lead-iframe{width:100%;height:100%;border:none;background:#f2f2f2}.lead-start-cta{border:none;border-radius:12px;padding:.92rem 2.3rem;color:#f8fcff;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-display);font-size:clamp(.74rem,1.9vw,1.05rem);background:linear-gradient(180deg,#041f5f,#00114a);box-shadow:0 10px 18px #00000047;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease}.lead-start-cta:hover{transform:translateY(-2px);box-shadow:0 13px 20px #0000004d}.quiz-overlay{position:absolute;inset:0;z-index:26;display:grid;place-items:center;padding:6%;background:#020c2680}.quiz-modal{position:relative;width:min(90%,980px);border-radius:24px;padding:1.6rem 1.5rem 1.45rem;background:linear-gradient(180deg,#39b7dc,#2aa5cb);box-shadow:0 18px 34px #00000059,inset 0 1px #fff6;color:#ecf8ff}.quiz-headline{margin:0 0 .55rem;font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;font-size:clamp(.7rem,1.8vw,1rem)}.quiz-question{margin:0 0 1rem;text-align:center;font-family:var(--font-display);font-size:clamp(.95rem,2.3vw,1.5rem);line-height:1.35}.quiz-options{display:grid;gap:.52rem}.quiz-option{border:2px solid transparent;border-radius:8px;padding:.74rem .86rem;background:#021e5d;color:#f5f8ff;font-family:var(--font-display);font-size:clamp(.74rem,1.95vw,1.04rem);text-align:center;cursor:pointer;transition:background .12s ease,border-color .12s ease,opacity .12s ease}.quiz-option:hover:not(:disabled){border-color:#7bd7ffcc}.quiz-option:disabled{cursor:default}.quiz-option--correct{border-color:#74ff96;background:#0f9f38}.quiz-option--wrong{border-color:#ff8894;background:#99051c}.quiz-option--muted{opacity:.68}.quiz-feedback{margin-top:.9rem;border-radius:10px;padding:.72rem .84rem .8rem;text-align:center;background:#0310357a}.quiz-feedback.is-correct{background:#05732bbf}.quiz-feedback.is-wrong{background:#860d18bf}.quiz-feedback-title{margin:0 0 .34rem;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em}.quiz-feedback-text{margin:0;font-size:clamp(.72rem,1.8vw,.96rem)}.quiz-continue-btn{margin-top:.72rem;border:none;border-radius:999px;padding:.6rem 1.6rem;color:#032130;background:linear-gradient(180deg,#8effa2,#44d86c);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;cursor:pointer}.quiz-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.quiz-confetti-piece{position:absolute;left:50%;bottom:18%;width:7px;height:16px;border-radius:2px;background:hsl(var(--h) 94% 64%);opacity:0;transform:rotate(0);animation:quiz-confetti-pop .86s ease-out forwards;animation-delay:var(--d)}@keyframes quiz-confetti-pop{0%{opacity:0;transform:translate(0) rotate(0) scale(.6)}10%{opacity:1}to{opacity:0;transform:translate(var(--tx),var(--ty)) rotate(var(--r)) scale(1)}}.hud{position:absolute;left:50%;bottom:4.1%;transform:translate(-50%);width:76%;display:flex;flex-direction:column;align-items:center;gap:.84rem;z-index:18}.spin-cta{min-width:43%;border:none;border-radius:999px;padding:.78rem 1.48rem;background:linear-gradient(180deg,var(--gold-100) 0%,var(--gold-300) 48%,var(--gold-500) 100%);color:#341d00;font-family:var(--font-display);font-size:clamp(.84rem,2.35vw,1.34rem);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 20px #00000057,inset 0 1px 1px #ffffffd1;transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease}.spin-cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 13px 24px #0000005c,inset 0 1px 1px #ffffffd1}.spin-cta:disabled{cursor:wait;opacity:.76}.result-text{margin:0;min-height:1.46rem;color:#fff9e9;font-family:var(--font-display);font-size:clamp(.77rem,2vw,1.13rem);letter-spacing:.03em;text-shadow:0 2px 6px rgba(0,0,0,.62)}.curtain-wrap{position:absolute;inset:0;display:flex;z-index:30;pointer-events:none;transition:opacity .65s ease 1.2s}.curtain{flex:1 1 50%;background:repeating-linear-gradient(90deg,#570015 0 28px,#79001f 28px 52px,#a8163d 52px 79px,#7f0020 79px 104px),linear-gradient(180deg,#ffe1bb24,#0003);box-shadow:inset -20px 0 24px #0000004d,inset 20px 0 24px #0000004d;transition:transform 1.75s cubic-bezier(.16,.93,.16,1)}.curtain-right{box-shadow:inset 20px 0 24px #0000004d,inset -20px 0 24px #0000004d}.curtain-wrap.open{opacity:0}.curtain-wrap.open .curtain-left{transform:translate(-102%)}.curtain-wrap.open .curtain-right{transform:translate(102%)}@media(max-height:880px){.hud{bottom:2.9%;width:80%}.lead-screen{gap:1rem;padding-top:8%}.lead-card-wrap{width:94%;border-radius:22px}.quiz-modal{width:94%;padding:1rem .92rem 1.05rem;border-radius:16px}}@media(prefers-reduced-motion:reduce){.spin-cta,.curtain,.curtain-wrap{transition-duration:1ms!important;animation-duration:1ms!important}}