:root{color-scheme:dark;--night:#07112e;--magenta:#fb2189;--light:#e5e8ef;--cream:#f9f4ee;--gap:10px;--space:clamp(12px,2.4svh,24px);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--light);background:var(--night)}
*{box-sizing:border-box}body{margin:0;-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--night)}button{font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline:3px solid #fff;outline-offset:5px}h1,h2,p{margin:0}[hidden]{display:none!important}
.experience{width:100%;max-width:480px;margin:0 auto;padding:clamp(16px,3svh,32px) 16px max(14px,env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
.brand{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--magenta);margin-bottom:var(--space)}.brand span{font-size:24px;font-weight:750;text-transform:uppercase;letter-spacing:2.4px;text-shadow:0 0 14px #fb218935}.brand svg{width:20px;height:20px;fill:currentColor}.brand .star{width:16px;height:16px}
.screen{display:flex;flex-direction:column;gap:var(--space);animation:appear .3s ease both}.intro{text-align:center}.intro h1{font-size:clamp(24px,7.2vw,30px);font-weight:750;line-height:1.24;color:var(--magenta);text-shadow:0 0 14px #fb21892b;text-wrap:balance}.intro p{font-size:clamp(16px,4.6vw,18px);line-height:1.45;margin-top:12px}.intro h2{font-size:26px;line-height:1.2;color:var(--magenta)}
.progress{align-self:center;border:1px solid #ffffff30;border-radius:32px;background:#131d4780;text-align:center;text-transform:uppercase;letter-spacing:.6px;font-size:clamp(11px,3.2vw,14px);line-height:1.4;font-weight:700;padding:9px 16px;max-width:100%;min-height:36px}.progress.complete{background:var(--magenta);color:white;border-color:var(--magenta);box-shadow:0 0 20px #fb218930}
.deck{display:flex;flex-direction:column;gap:var(--gap)}.card-row{display:flex;justify-content:center;gap:var(--gap)}.card{display:block;padding:0;border:0;background:transparent;position:relative;width:calc((100% - 30px)/4);max-width:100px;cursor:pointer;perspective:1000px;aspect-ratio:2/3.5;transition:transform .2s}.card::before{content:"";display:block;padding-top:175%}.card-inner{position:absolute;inset:0;display:block;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .6s ease-in-out}.card-back,.card-front{display:block;position:absolute;inset:0;overflow:hidden;border-radius:11px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-back{border:2px solid #fb218999;background:var(--night);box-shadow:0 0 14px #d426b84d}.card-front{transform:rotateY(180deg);border:1px solid #ffffff66;background:var(--cream)}.card img,.revealed-card img{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-select:none}.card.is-revealed .card-inner{transform:rotateY(180deg)}.card:disabled{cursor:default}.card-caption{position:absolute;bottom:0;left:0;right:0;min-height:8%;display:flex;align-items:center;justify-content:center;background:var(--cream);color:var(--night);font-family:Georgia,serif;font-size:clamp(8px,2.5vw,11px);font-weight:700;text-transform:uppercase;line-height:1.25;padding:1px 0}
.chosen-cards{display:flex;justify-content:center;gap:12px}.revealed-card{position:relative;width:clamp(54px,18vw,80px);aspect-ratio:2/3.5;border:1px solid #fb218999;border-radius:10px;overflow:hidden;box-shadow:0 0 15px #fb218930}.revealed-card::before{content:"";display:block;padding-top:175%}.revealed-card img{position:absolute;inset:0}
.connection{background:var(--cream);color:var(--night);border-top:4px solid var(--magenta);border-radius:16px;padding:18px;box-shadow:0 10px 25px #0002}.sparkles{display:block;width:28px;height:28px;margin:0 auto 8px;fill:none;stroke:var(--magenta);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.connection h2{color:var(--magenta);font-size:20px;line-height:1.2;text-transform:uppercase;text-align:center;letter-spacing:-.4px;margin-bottom:12px;outline:none}.connection p{font-size:15px;line-height:1.45}.connection p+p{margin-top:10px}.connection strong{color:#b80c5b;font-weight:800}.cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 12px;border:0;border-radius:999px;background:var(--magenta);color:white;text-transform:uppercase;font-size:clamp(12px,3.6vw,16px);font-weight:850;line-height:1.3;box-shadow:0 0 22px #fb218944;cursor:pointer;transition:transform .2s}.cta:active,.card:not(:disabled):active{transform:scale(.97)}
.vsl .intro p{font-size:14px;color:#e5e8efcc}.video-container{width:100%;max-width:400px;margin:0 auto;border-radius:12px}.video-container vturb-smartplayer,.video-container iframe,.video-container video{display:block;width:100%;max-width:100%}.video-placeholder{aspect-ratio:9/16;max-height:calc(100svh - 205px);min-height:190px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:1px solid #fb218944;border-radius:12px;background:radial-gradient(ellipse at center,#1f1c46,#0b1433);color:#e5e8efcc}.video-placeholder svg{width:48px;height:48px;fill:none;stroke:var(--magenta);stroke-width:1.5}.video-placeholder svg path{fill:var(--magenta);stroke:none}.video-placeholder p{font-size:15px}.video-container.is-mounted .video-placeholder{display:none}.noscript{text-align:center;font-size:14px;margin-top:14px}footer{margin-top:var(--space);font-size:10px;line-height:1.4;letter-spacing:1.7px;text-transform:uppercase;text-align:center;color:#e5e8ef80}
@media(hover:hover){.card:not(:disabled):hover{transform:translateY(-3px)}.cta:hover{background:#ee167e}}
@media(max-height:680px){:root{--space:12px}.experience{padding-top:14px}.intro h1{font-size:24px;line-height:1.16}.intro p{margin-top:8px;font-size:16px;line-height:1.3}.deck .card{max-width:calc((100svh - 250px)/3.5)}.result{gap:10px}.chosen-cards .revealed-card{width:56px}.connection{padding:14px}.connection p{font-size:14px;line-height:1.35}.connection p+p{margin-top:8px}.connection h2{font-size:18px;margin-bottom:8px}.sparkles{width:22px;height:22px;margin-bottom:5px}.cta{padding:14px 8px}}
@media(max-width:350px){.experience{padding-left:12px;padding-right:12px}.brand span{font-size:22px}.progress{padding:8px 12px;letter-spacing:.2px}.connection{padding:12px}.connection p{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.video-container.is-mounted{width:calc(100% + 12px);align-self:center;max-width:min(400px,calc((100vh - 150px)*.5611111111));max-width:min(400px,calc((100svh - 150px)*.5611111111))}
@media(max-height:680px){.video-container.is-mounted{max-width:min(400px,calc((100vh - 115px)*.5611111111));max-width:min(400px,calc((100svh - 115px)*.5611111111))}}
.last-card-section{display:flex;flex-direction:column;gap:24px;padding-top:10px;scroll-margin-block:20px;animation:appear .3s ease both}.last-card-section h2{color:var(--magenta);text-align:center;font-size:18px;line-height:1.35;outline:none}.last-card-row{gap:8px}.last-card-row .card{width:calc((100% - 32px)/5);max-width:85px}.last-card-row .is-revealed{transform:scale(1.04);z-index:1}.last-card-row .unchosen{opacity:.55}.last-card-section .cta{text-transform:none;font-size:18px;padding:18px 12px;text-decoration:none}.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}
@media(max-width:600px){.last-card-section{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}}
@media(max-width:600px) and (max-height:680px){.last-card-section{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}}