:root{--void:#070812;--deep:#0b1020;--screen:#07111d;--screen-edge:#1e3152;--text:#f7fffb;--soft:#c8fff8;--cyan:#39f8ff;--pink:#ff3eb5;--lime:#b8ff38;--amber:#ffd166;--danger:#ff5f7d;color:var(--text);background:var(--void);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden}h1,p{margin:0}.prank-site{isolation:isolate;background:repeating-linear-gradient(90deg,#39f8ff14 0 1px,#0000 1px 26px),repeating-linear-gradient(0deg,#ff3eb50f 0 1px,#0000 1px 32px),linear-gradient(135deg,#070812 0%,#13091d 34%,#06171c 68%,#101506 100%);place-items:center;width:100%;min-height:100svh;padding:clamp(16px,4vw,48px);display:grid;position:relative;overflow:hidden}.prank-site:before{content:"";z-index:-3;background:conic-gradient(from 120deg at 22% 28%, transparent 0 18%, #39f8ff2e 19% 22%, transparent 23% 100%), conic-gradient(from 20deg at 78% 72%, transparent 0 14%, #ff3eb529 15% 20%, transparent 21% 100%);opacity:.72;animation:7s ease-in-out infinite alternate huePulse;position:absolute;inset:-18%}.neon-grid{z-index:-2;pointer-events:none;opacity:.68;transform-origin:50% 100%;background-image:linear-gradient(#b8ff381a 1px,#0000 1px),linear-gradient(90deg,#39f8ff14 1px,#0000 1px);background-size:clamp(34px,5vw,58px) clamp(34px,5vw,58px);animation:8s linear infinite gridDrift;position:absolute;inset:-24px;transform:perspective(620px)rotateX(62deg)translateY(18%);-webkit-mask-image:linear-gradient(#0000,#000 18% 78%,#0000);mask-image:linear-gradient(#0000,#000 18% 78%,#0000)}.diagonal-field{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.diagonal-field i{opacity:.46;background:linear-gradient(90deg, transparent, var(--cyan), var(--pink), transparent);filter:drop-shadow(0 0 12px #39f8ffb3);width:min(48vw,520px);height:2px;animation:7s ease-in-out infinite diagonalSweep;position:absolute}.diagonal-field i:first-child{top:18%;left:-12%;transform:rotate(-18deg)}.diagonal-field i:nth-child(2){animation-delay:1.8s;top:30%;right:-14%;transform:rotate(21deg)}.diagonal-field i:nth-child(3){animation-delay:3s;bottom:18%;left:8%;transform:rotate(12deg)}.diagonal-field i:nth-child(4){animation-delay:4.4s;bottom:12%;right:6%;transform:rotate(-16deg)}.arcade-frame{background:linear-gradient(145deg,#ffffff29,#0000 16%),linear-gradient(160deg,#263859 0%,#121a32 48%,#2b1232 100%);border:clamp(10px,2vw,20px) solid #18223a;border-radius:clamp(24px,4vw,42px);width:min(94vw,980px);height:min(84svh,680px);position:relative;box-shadow:0 26px 100px #00000094,inset 0 0 0 1px #ffffff29,0 0 46px #39f8ff2e}.arcade-frame:before,.arcade-frame:after{content:"";filter:blur(.2px)drop-shadow(0 0 14px #b8ff387a);opacity:.82;background:linear-gradient(90deg,#0000,#b8ff38d1,#39f8ffc7,#0000);border-radius:999px;height:clamp(5px,.9vw,9px);position:absolute;left:12%;right:12%}.arcade-frame:before{top:clamp(10px,1.6vw,18px)}.arcade-frame:after{bottom:clamp(10px,1.6vw,18px)}.frame-rim{pointer-events:none;border:1px solid #c8fff82e;border-radius:clamp(18px,3vw,32px);position:absolute;inset:clamp(7px,1vw,12px)}.crt-screen{background:linear-gradient(135deg, #ff3eb524, transparent 24%), linear-gradient(315deg, #39f8ff24, transparent 26%), linear-gradient(180deg, #081829 0%, var(--screen) 54%, #050914 100%);border:2px solid #39f8ff52;border-radius:clamp(18px,3vw,30px);place-items:center;display:grid;position:absolute;inset:clamp(18px,3vw,38px);overflow:hidden;box-shadow:inset 0 0 34px #000000b8,inset 0 0 90px #39f8ff1f,0 0 34px #ff3eb538}.crt-screen:before{content:"";border-radius:inherit;opacity:.56;pointer-events:none;background:linear-gradient(90deg,#0000 0 12%,#ffffff14 19%,#0000 34%),linear-gradient(#0000 0 72%,#ffd1661a 100%);position:absolute;inset:0}.crt-screen:after{content:"";pointer-events:none;filter:blur(10px);border:18px solid #00000038;border-radius:45%;position:absolute;inset:-2%}.pixel-field,.block-noise,.screen-reflection,.scanlines{pointer-events:none;position:absolute;inset:0}.pixel-field{z-index:1}.pixel-field span{left:var(--x);top:var(--y);width:var(--size);aspect-ratio:1;background:var(--lime);opacity:.7;animation:2.8s steps(2,end) infinite pixelTwinkle;animation-delay:var(--delay);position:absolute;box-shadow:0 0 14px #b8ff38a3}.scene-finale .pixel-field span{background:var(--amber);box-shadow:0 0 16px #ffd166b3}.block-noise{z-index:1;opacity:.48}.block-noise span{background:#39f8ff17;border:1px solid #39f8ff38;width:clamp(16px,3vw,42px);height:clamp(5px,.8vw,9px);animation:3.2s steps(2,end) infinite blockJump;position:absolute}.block-noise span:first-child{top:12%;left:9%}.block-noise span:nth-child(2){animation-delay:.2s;top:20%;left:17%}.block-noise span:nth-child(3){animation-delay:.9s;bottom:18%;left:9%}.block-noise span:nth-child(4){animation-delay:1.2s;bottom:10%;left:20%}.block-noise span:nth-child(5){animation-delay:.4s;top:14%;right:12%}.block-noise span:nth-child(6){animation-delay:1.5s;top:24%;right:20%}.block-noise span:nth-child(7){animation-delay:.7s;bottom:20%;right:10%}.block-noise span:nth-child(8){animation-delay:2s;bottom:12%;right:22%}.block-noise span:nth-child(9){animation-delay:1s;top:9%;left:35%}.block-noise span:nth-child(10){animation-delay:1.8s;top:8%;right:34%}.block-noise span:nth-child(11){animation-delay:.5s;bottom:8%;left:37%}.block-noise span:nth-child(12){animation-delay:2.4s;bottom:9%;right:38%}.block-noise span:nth-child(n+13){background:#ff3eb51f;border-color:#ff3eb542;width:clamp(8px,1.8vw,18px);height:clamp(8px,1.8vw,18px)}.block-noise span:nth-child(13){animation-delay:2.2s;top:32%;left:28%}.block-noise span:nth-child(14){animation-delay:.8s;top:36%;right:29%}.block-noise span:nth-child(15){animation-delay:1.4s;bottom:35%;left:26%}.block-noise span:nth-child(16){animation-delay:2.6s;bottom:36%;right:27%}.block-noise span:nth-child(17){animation-delay:1.1s;top:18%;left:47%}.block-noise span:nth-child(18){animation-delay:2.9s;bottom:18%;left:50%}.scene-content{z-index:3;text-align:center;align-content:center;justify-items:center;gap:clamp(16px,3.2vw,30px);width:min(86%,820px);min-height:min(66svh,450px);display:grid;position:relative}.scene-title{max-width:760px;color:var(--text);letter-spacing:0;text-wrap:balance;text-shadow:0 0 14px #39f8ff6b,4px 0 #ff3eb580,-3px 0 #39f8ff80;font-size:clamp(2.3rem,6.4vw,5.8rem);font-weight:950;line-height:.96;animation:4.6s step-end infinite titleJitter;position:relative}.scene-title:before{content:attr(data-text);z-index:-1;color:var(--pink);opacity:.42;position:absolute;inset:0;transform:translate(3px,2px)}.scene-caption{max-width:740px;min-height:2.2em;color:var(--soft);letter-spacing:0;text-shadow:0 0 12px #39f8ff5c;text-wrap:pretty;font-family:Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:clamp(1.08rem,2.8vw,1.82rem);font-weight:700;line-height:1.5}.mood-opening .scene-caption{color:#fff5ce;font-size:clamp(1rem,2.3vw,1.44rem)}.mood-waiting .scene-caption,.mood-suspicion .scene-caption{font-size:clamp(1.12rem,3vw,2.04rem)}.mood-suspicion .scene-caption{color:#ffe2ef;text-shadow:0 0 14px #ff3eb580,2px 0 #ff5f7d75}.mood-finale{gap:clamp(20px,4vw,38px)}.mood-finale .scene-caption{color:#fff8d8;text-shadow:0 0 18px #ffd16657,0 0 34px #ff3eb53d;max-width:830px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:clamp(1.2rem,3.2vw,2.32rem);font-weight:900;line-height:1.24}.typing-cursor{background:currentColor;width:.55em;height:1.05em;margin-left:.12em;animation:.8s step-end infinite cursorBlink;display:inline-block;translate:0 .16em;box-shadow:0 0 12px}.fake-loader{opacity:.94;grid-template-columns:1fr .58fr .82fr .34fr;gap:clamp(7px,1.4vw,12px);width:min(62vw,470px);display:grid}.fake-loader span{background:linear-gradient(90deg, var(--lime), var(--cyan), var(--pink)) 0 0 / 42% 100% no-repeat, #06101dd6;border:1px solid #c8fff847;height:clamp(10px,1.5vw,15px);animation:1.8s steps(7,end) infinite loaderCrawl;box-shadow:0 0 16px #39f8ff33}.fake-loader span:nth-child(2){animation-duration:2.4s;animation-delay:.25s}.fake-loader span:nth-child(3){animation-duration:2s;animation-delay:.5s}.fake-loader span:nth-child(4){animation-duration:2.8s;animation-delay:.1s}.loader-suspicion span{background:linear-gradient(90deg, var(--danger), var(--pink), var(--amber)) 0 0 / 38% 100% no-repeat, #160714db;border-color:#ff5f7d5c}.final-burst{width:min(54vw,360px);height:clamp(34px,6vw,54px);position:relative}.final-burst span{aspect-ratio:1;background:var(--amber);width:clamp(7px,1.2vw,12px);animation:2.8s ease-in-out infinite alternate confettiDrift;position:absolute;top:50%;left:50%;box-shadow:0 0 16px #ffd166cc}.final-burst span:first-child{transform:translate(-160px,-12px)}.final-burst span:nth-child(2){background:var(--cyan);animation-delay:.2s;transform:translate(-110px,12px)}.final-burst span:nth-child(3){background:var(--pink);animation-delay:.5s;transform:translate(-56px,-18px)}.final-burst span:nth-child(4){background:var(--lime);animation-delay:.8s;transform:translateY(18px)}.final-burst span:nth-child(5){animation-delay:1.1s;transform:translate(54px,-14px)}.final-burst span:nth-child(6){background:var(--pink);animation-delay:1.4s;transform:translate(108px,14px)}.final-burst span:nth-child(7){background:var(--cyan);animation-delay:1.7s;transform:translate(154px,-8px)}.final-burst span:nth-child(8){background:var(--lime);animation-delay:2s;transform:translate(188px,16px)}.screen-reflection{z-index:4;mix-blend-mode:screen;opacity:.52;background:linear-gradient(113deg,#0000 0 34%,#ffffff1a 39%,#0000 47%),linear-gradient(#ffffff14,#0000 24%)}.scanlines{z-index:5;opacity:.36;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#ffffff17 0 1px,#0000 1px 4px),repeating-linear-gradient(90deg,#ff3eb50d 0 1px,#0000 1px 5px);animation:2.4s linear infinite scanMove}.glitch-wipe{z-index:10;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(90deg,#39f8ff2e,#0000 24%,#ff3eb53d 64%,#0000),#0708123d;position:absolute;inset:0;overflow:hidden}.glitch-wipe span{filter:blur(1px);background:linear-gradient(90deg,#0000,#ffffffb8,#0000);width:120%;height:18%;animation:.62s steps(2,end) both glitchSlice;position:absolute;left:-10%}.glitch-wipe span:first-child{top:14%}.glitch-wipe span:nth-child(2){animation-delay:80ms;top:42%}.glitch-wipe span:nth-child(3){animation-delay:.14s;top:70%}.scene-wait-two .crt-screen{box-shadow:inset 0 0 38px #000000c2,inset 0 0 100px #b8ff381f,0 0 40px #39f8ff2e}.scene-wait-three .crt-screen{border-color:#ff5f7d6b;animation:1.9s steps(2,end) infinite screenWobble}.scene-finale .crt-screen{border-color:#ffd16680;box-shadow:inset 0 0 38px #000000ad,inset 0 0 110px #ffd1661f,0 0 52px #ff3eb53d}@keyframes huePulse{0%{filter:hue-rotate();transform:scale(1)}to{filter:hue-rotate(20deg);transform:scale(1.04)}}@keyframes gridDrift{0%{background-position:0 0}to{background-position:0 58px}}@keyframes diagonalSweep{0%,to{opacity:.18}50%{opacity:.72}}@keyframes pixelTwinkle{0%,to{opacity:.18;transform:translateY(0)}50%{opacity:.85;transform:translateY(-6px)}}@keyframes blockJump{0%,to{opacity:.16;transform:translate(0)}45%{opacity:.66;transform:translate(6px,-3px)}70%{opacity:.34;transform:translate(-4px,2px)}}@keyframes titleJitter{0%,91%,to{transform:translate(0)}92%{transform:translate(2px,-1px)}94%{transform:translate(-2px,1px)}96%{transform:translate(1px)}}@keyframes cursorBlink{0%,46%{opacity:1}47%,to{opacity:0}}@keyframes loaderCrawl{0%{background-position:-52% 0,0 0}to{background-position:152% 0,0 0}}@keyframes confettiDrift{0%{opacity:.6;margin-top:0}to{opacity:1;margin-top:-14px}}@keyframes scanMove{0%{background-position:0 0,0 0}to{background-position:0 18px,12px 0}}@keyframes glitchSlice{0%{opacity:0;transform:translate(-12%)skew(-12deg)}26%{opacity:1}to{opacity:0;transform:translate(18%)skew(14deg)}}@keyframes screenWobble{0%,to{transform:translate(0)}45%{transform:translate(1px,-1px)}70%{transform:translate(-1px,1px)}}@media (width<=680px){.prank-site{padding:clamp(12px,4vw,20px)}.arcade-frame{border-width:clamp(8px,3vw,14px);border-radius:26px;width:min(95vw,440px);height:min(86svh,640px)}.crt-screen{inset:clamp(13px,4vw,22px)}.scene-content{gap:clamp(14px,4.2vw,22px);width:min(88%,340px);min-height:min(66svh,440px)}.scene-title{font-size:clamp(2.02rem,11vw,3.28rem);line-height:1}.scene-caption{font-size:clamp(1rem,4.7vw,1.32rem);line-height:1.48}.mood-waiting .scene-caption,.mood-suspicion .scene-caption{font-size:clamp(1.04rem,5.2vw,1.48rem)}.mood-finale .scene-caption{font-size:clamp(1.08rem,5.6vw,1.58rem);line-height:1.3}.fake-loader{width:min(74vw,300px)}.block-noise{opacity:.34}.final-burst span:first-child{transform:translate(-118px,-10px)}.final-burst span:nth-child(2){transform:translate(-82px,11px)}.final-burst span:nth-child(3){transform:translate(-42px,-15px)}.final-burst span:nth-child(5){transform:translate(42px,-12px)}.final-burst span:nth-child(6){transform:translate(82px,12px)}.final-burst span:nth-child(7){transform:translate(116px,-8px)}.final-burst span:nth-child(8){transform:translate(132px,14px)}}@media (height<=560px){.arcade-frame{height:88svh}.scene-content{gap:12px;min-height:58svh}.scene-title{font-size:clamp(1.86rem,8vh,3.2rem)}.scene-caption{font-size:clamp(.95rem,4vh,1.25rem)}.mood-finale .scene-caption{font-size:clamp(1rem,4.4vh,1.42rem)}.final-burst{height:26px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}