@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700&family=Outfit:wght@500;700;800&display=swap";:root{color-scheme:dark}*{box-sizing:border-box}html,body,#root{width:100%;margin:0}body{overflow-x:hidden;background:#070707;color:#f4f6ff;font-family:Manrope,sans-serif}.precision{--mx: .5;--my: .5;--sp: 0;position:fixed;inset:0;overflow:hidden;background:radial-gradient(1100px 700px at 50% -24%,rgba(255,255,255,.09),transparent 72%),radial-gradient(900px 640px at 84% 16%,rgba(255,78,116,.11),transparent 74%),radial-gradient(780px 620px at 10% 86%,rgba(255,255,255,.05),transparent 76%),#070707}.webgl-layer{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.38;mix-blend-mode:screen}.layer{position:absolute;inset:-20vh -10vw;pointer-events:none}.layer-grid{opacity:.06;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:42px 42px;transform:translateY(calc(var(--sp) * -100px))}.layer-stars{opacity:.045;background-image:radial-gradient(rgba(255,255,255,.2) 1px,transparent 1px);background-size:8px 8px;mix-blend-mode:screen;transform:translateY(calc(var(--sp) * -210px))}.layer-noise{opacity:.02;background-image:radial-gradient(rgba(255,255,255,.9) .5px,transparent .5px),radial-gradient(rgba(255,255,255,.4) .5px,transparent .5px);background-size:3px 3px,5px 5px;background-position:0 0,1px 1px;mix-blend-mode:soft-light;transform:translateY(calc(var(--sp) * -80px))}.layer-glow-a,.layer-glow-b,.layer-glow-c{border-radius:999px;filter:blur(90px);opacity:.23;transition:transform .18s ease-out}.layer-glow-a{width:38rem;height:38rem;top:-22rem;right:-10rem;background:#ff54756b;transform:translate3d(calc((var(--mx) - .5) * -62px),calc((var(--my) - .5) * -46px),0)}.layer-glow-b{width:30rem;height:30rem;bottom:-14rem;left:-10rem;background:#dce4ff47;transform:translate3d(calc((var(--mx) - .5) * 54px),calc((var(--my) - .5) * 42px),0)}.layer-glow-c{width:22rem;height:22rem;top:36%;left:52%;background:#ff7e9a33;transform:translate3d(calc((var(--mx) - .5) * 25px),calc((var(--my) - .5) * -19px),0)}.hud{position:absolute;top:0;inset-inline:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:.95rem 1rem;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:#e5e8fae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.progress{position:absolute;top:0;left:0;width:100%;height:3px;z-index:30;background:#ffffff17}.progress span{display:block;height:100%;background:linear-gradient(90deg,#f4f7ff,#ff4e74 68%,#ff9a63)}.boot-overlay{position:absolute;inset:0;z-index:40;display:grid;place-items:center;background:#070707eb;color:#f4f7ffc7;font-family:Outfit,sans-serif;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem}.jump-next{position:absolute;left:50%;bottom:1.9rem;transform:translate(-50%) translateY(14px);z-index:35;color:#f4f7ffeb;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:.2rem;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease}.jump-next span{font-size:1.45rem;font-weight:700;transform:scaleX(1.35);line-height:1;animation:jump-pulse 1.2s ease-in-out infinite}.jump-next span:last-child{margin-top:-.55rem}.jump-next.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.content{position:absolute;inset:0;z-index:10;will-change:transform}.slide{--reveal: 0;min-height:68vh;display:grid;place-items:center;padding:4.2rem 1rem 1.6rem}.slide-inner{max-width:48rem;text-align:center;opacity:calc(.2 + (var(--reveal) * .8));transform:translateY(calc((1 - var(--reveal)) * 64px)) scale(calc(.96 + (var(--reveal) * .04)));transition:transform .38s cubic-bezier(.19,.74,.18,1),opacity .38s cubic-bezier(.19,.74,.18,1);position:relative}.slide h2{margin:0;font-family:Outfit,sans-serif;font-size:clamp(1.8rem,6.2vw,4.8rem);line-height:.94;letter-spacing:-.03em;transition:transform .52s cubic-bezier(.2,.7,.15,1),opacity .52s cubic-bezier(.2,.7,.15,1)}.slide p{margin:.72rem 0 0;color:#bec4e0f2;font-size:clamp(.95rem,1.25vw,1.08rem);line-height:1.5;transition:transform .52s cubic-bezier(.2,.7,.15,1),opacity .52s cubic-bezier(.2,.7,.15,1)}.side-note{display:inline-block;margin-bottom:.48rem;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:#b2b8d5d1;transition:transform .48s cubic-bezier(.2,.7,.15,1),opacity .48s ease}.from-left{transform:translate(calc((1 - var(--reveal)) * -120px));opacity:calc(.12 + var(--reveal))}.from-right{transform:translate(calc((1 - var(--reveal)) * 120px));opacity:calc(.12 + var(--reveal))}.size-xl{font-size:clamp(2rem,7vw,5.2rem)}.size-lg{font-size:clamp(1.85rem,6.2vw,4.6rem)}.size-md{font-size:clamp(1.6rem,5.4vw,3.9rem)}.caption-lg{font-size:clamp(.94rem,1.3vw,1.08rem)}.caption-md{font-size:clamp(.88rem,1.15vw,1rem)}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;color:inherit;opacity:0;pointer-events:none}.glitch:before{text-shadow:-2px 0 rgba(76,216,255,.85);transform:translate(1px);animation:glitch-flicker-a 2.8s steps(1,end) infinite}.glitch:after{text-shadow:2px 0 rgba(255,86,212,.85);transform:translate(-1px);animation:glitch-flicker-b 2.2s steps(1,end) infinite}.slide a{margin-top:1.3rem;display:inline-block;color:#fff;text-decoration:none;font-family:Outfit,sans-serif;font-size:clamp(1.4rem,4.2vw,2.8rem);border-bottom:1px solid rgba(255,255,255,.38);transition:transform .16s ease,border-color .16s ease}.slide a:hover{transform:translateY(-2px);border-color:#ffffffe6}.interlude{--reveal: 0;min-height:76vh;display:grid;grid-template-columns:minmax(280px,430px) minmax(320px,1fr);gap:1.4rem;align-items:center;padding:3.8rem 1rem 1.6rem;overflow:hidden;max-width:1160px;margin:0 auto}.tv-shell{border:1px solid rgba(255,255,255,.18);border-radius:1rem;padding:.82rem;background:linear-gradient(180deg,#ffffff17,#ffffff05),radial-gradient(120% 100% at 50% 0%,rgba(255,78,116,.12),transparent 70%);box-shadow:0 24px 48px #00000057,inset 0 0 0 1px #ffffff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(100%,420px)}.tv-header{display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;letter-spacing:.11em;font-size:.62rem;color:#ccd3ece0;margin-bottom:.6rem}.tv-mode{border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#ffffff14;color:#ecf2ff;font:inherit;letter-spacing:.12em;text-transform:uppercase;padding:.22rem .56rem;cursor:pointer}.tv-mode:hover{border-color:#ffffff7a;background:#ffffff1f}.tv-canvas{width:100%;height:auto;border-radius:.6rem;border:1px solid rgba(255,255,255,.14);background:#061319;display:block;touch-action:none;box-shadow:inset 0 0 22px #ffffff0f}.tv-score{margin:.45rem 0 0;font-size:.76rem;color:#e0e6faeb}.tv-hint{margin:.38rem 0 0;font-size:.72rem;letter-spacing:.04em;color:#b2bad7db}.interlude-copy{text-align:left;max-width:38rem;justify-self:end;transform:translateY(calc((1 - var(--reveal)) * 34px));opacity:calc(.2 + var(--reveal) * .8)}.interlude-copy .from-left{transform:translate(calc((1 - var(--reveal)) * -44px))}.interlude-copy .from-right{transform:translate(calc((1 - var(--reveal)) * 44px))}.interlude-copy h3{margin:0;font-family:Outfit,sans-serif;font-size:clamp(1.5rem,4vw,3rem);line-height:1.02;letter-spacing:-.02em}.copy-glitch,.copy-glitch-subtle{position:relative}.copy-glitch:before,.copy-glitch:after,.copy-glitch-subtle:before,.copy-glitch-subtle:after{content:attr(data-glitch);position:absolute;inset:0;pointer-events:none;opacity:0}.copy-glitch:before,.copy-glitch-subtle:before{text-shadow:-2px 0 rgba(255,70,70,.75);animation:copy-glitch-a 3s linear infinite}.copy-glitch:after,.copy-glitch-subtle:after{text-shadow:2px 0 rgba(90,140,255,.78);animation:copy-glitch-b 3s linear infinite}.copy-glitch-subtle:before,.copy-glitch-subtle:after{animation-duration:10.6s}.interlude-copy p+p{margin-top:.52rem}.interlude-main .tv-shell,.interlude-pulse .tv-shell{justify-self:center}.interlude-pulse{grid-template-columns:minmax(320px,1fr) minmax(280px,430px)}.interlude-pulse .interlude-copy{justify-self:start;text-align:left}.tv-canvas-pulse{background:#121216}.question-prompt{--reveal: 0;min-height:70vh;display:grid;place-items:center;padding:2.2rem 1rem 1.8rem}.question-card{width:min(100%,640px);text-align:center;padding:1.4rem 1.2rem 1.6rem;border-radius:1rem;border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,#ffffff14,#ffffff08);transform:translateY(calc((1 - var(--reveal)) * 34px));opacity:calc(.2 + var(--reveal) * .8)}.question-card h3{margin:.2rem 0 1rem;font-family:Outfit,sans-serif;font-size:clamp(1.35rem,3.6vw,2.2rem);letter-spacing:-.02em;transform:translate(var(--question-shift, 0px));opacity:1;transition:transform .18s ease-out,opacity .2s ease}.answer-row{position:relative;width:min(100%,500px);margin:0 auto;height:5rem;display:flex;justify-content:flex-start;align-items:center}.answer-yes,.answer-no{min-width:6.2rem;height:2.4rem;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:#ffffff14;color:#f4f7ff;font:inherit;cursor:pointer}.answer-yes{background:linear-gradient(90deg,#8dffbe42,#ffffff1f);margin-left:.25rem}.answer-no{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:left .22s cubic-bezier(.2,.7,.15,1),top .22s cubic-bezier(.2,.7,.15,1),opacity .12s ease,filter .12s ease,transform .12s ease;will-change:transform;overflow:visible}.answer-no.no-slot-0{left:56%;top:28%}.answer-no.no-slot-1{left:74%;top:28%}.answer-no.no-slot-2{left:58%;top:52%}.answer-no.no-slot-3{left:78%;top:52%}.answer-no.no-slot-4{left:62%;top:76%}.answer-no.no-slot-5{left:80%;top:76%}.answer-no.is-vanishing,.answer-no.is-appearing{pointer-events:none}.answer-no.is-vanishing{color:transparent;border-color:#ffffff0d;background:#ffffff05}.answer-no:before,.answer-no:after{content:attr(data-label);position:absolute;inset:0;display:grid;place-items:center;border-radius:999px;pointer-events:none;opacity:0}.answer-no:before{color:#f2f2f2;background:repeating-linear-gradient(0deg,#fffffff2 0 4px,#1c1c1cf2 4px 8px),repeating-linear-gradient(90deg,#bebebef2 0 4px,#4a4a4af2 4px 8px)}.answer-no:after{color:#dcdcdc;background:repeating-linear-gradient(90deg,#f5f5f5eb 0 3px,#121212eb 3px 6px),repeating-linear-gradient(0deg,#7a7a7ae6 0 3px,#222222e6 3px 6px)}.answer-no.is-vanishing:before{opacity:1;animation:no-pixel-vanish-a .15s steps(5,end) forwards}.answer-no.is-vanishing:after{opacity:.9;animation:no-pixel-vanish-b .15s steps(6,end) forwards}.answer-no.is-appearing{animation:no-pixel-appear .18s steps(6,end)}@keyframes glitch-flicker-a{0%,88%,to{opacity:0;clip-path:inset(0 0 0 0)}89%{opacity:.95;clip-path:inset(12% 0 67% 0)}90%{opacity:.8;clip-path:inset(64% 0 12% 0)}91%{opacity:0}}@keyframes copy-glitch-a{0%,90%,to{opacity:0;clip-path:inset(0 0 0 0);transform:translate(0)}91%{opacity:.95;clip-path:inset(7% 0 62% 0);transform:translate(-2px)}92.5%{opacity:.78;clip-path:inset(44% 0 32% 0);transform:translate(2px)}94%{opacity:0}}@keyframes copy-glitch-b{0%,84%,to{opacity:0;clip-path:inset(0 0 0 0);transform:translate(0)}85%{opacity:.9;clip-path:inset(41% 0 33% 0);transform:translate(2px)}86.5%{opacity:.72;clip-path:inset(12% 0 74% 0);transform:translate(-2px)}88%{opacity:0}}@keyframes glitch-flicker-b{0%,73%,to{opacity:0;clip-path:inset(0 0 0 0)}74%{opacity:.9;clip-path:inset(44% 0 38% 0)}75%{opacity:.75;clip-path:inset(6% 0 78% 0)}76%{opacity:0}}@keyframes jump-pulse{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(2px);opacity:1}}@keyframes no-appear{0%{opacity:0;filter:blur(2px);transform:translate(-50%,-50%) scale(.74)}to{opacity:1;filter:blur(0);transform:translate(-50%,-50%) scale(1)}}@keyframes no-pixel-vanish-a{0%{transform:translate(0) scale(1);filter:contrast(1.2)}to{transform:translate(-22px,-14px) scale(.35);opacity:0;filter:contrast(2.2)}}@keyframes no-pixel-vanish-b{0%{transform:translate(0) scale(1);filter:contrast(1.1)}to{transform:translate(26px,16px) scale(.28);opacity:0;filter:contrast(2.6)}}@keyframes no-pixel-appear{0%{opacity:0;filter:contrast(2.1) blur(1px);transform:translate(-50%,-50%) scale(.72)}to{opacity:1;filter:contrast(1);transform:translate(-50%,-50%) scale(1)}}@media(max-width:980px){.interlude{grid-template-columns:1fr;min-height:86vh;padding-top:4.2rem}.interlude-copy{text-align:center;justify-self:center}.interlude-pulse .interlude-copy{justify-self:center;text-align:center}.answer-row{gap:.55rem}}@media(max-width:720px){.hud{padding-inline:.8rem}.slide{padding-top:5.2rem}}.text-xs{font-size:1rem}