@import "https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{background:#000;min-height:100vh}*{-webkit-user-select:none;user-select:none}.loader-overlay{z-index:9999;place-items:center;transition:opacity .45s,transform .45s;display:grid;position:fixed;inset:0;overflow:hidden}.loader-overlay.fade-out{opacity:0;transform:scale(1.03)}.loader-logo{aspect-ratio:1;z-index:2;width:min(34vw,220px)}.app-content{color:#f5f7ff;min-height:100vh;padding:1rem;font-family:Outfit,sans-serif;position:relative;overflow:hidden}.app-content.prank-page{overflow-y:auto}.app-content.chaos-mode{animation:.26s steps(2,end) infinite chaosPulse}.app-content.chaos-mode .hero-title,.app-content.chaos-mode .top-clock{animation:.18s steps(2,end) infinite textGlitch}.app-content.chaos-mode .page-overlay{background:linear-gradient(#4d086673 0%,#0e4f7280 100%),radial-gradient(circle,#ff00952e 0%,#0ff3 70%)}.bg-video{object-fit:cover;z-index:0;width:100%;height:100%;position:fixed;inset:0}.page-overlay{z-index:1;pointer-events:none;background:linear-gradient(#00000094 0%,#000000d1 100%),radial-gradient(circle,#0000001f 0%,#000000bf 78%);position:fixed;inset:0}.top-clock-wrap{z-index:6;opacity:.05;pointer-events:none;position:fixed;top:.9rem;right:1vw}.top-clock{font-variant-numeric:tabular-nums;border-radius:999px;margin:0;padding:.26rem .78rem;font-size:1.5rem}.hero-card{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(92vw,720px);min-height:calc(100vh - 2rem);margin:0 auto;animation:.8s ease-out heroIn;display:flex;position:relative}.hero-meta,.hero-time{letter-spacing:.33em;color:#e9f0ff8f;margin:0;font-size:.68rem}.hero-time{margin-top:.25rem}.hero-avatar{background:#0c0c10b8;border:1px solid #ffffff38;border-radius:20px;width:92px;height:92px;margin-top:1.6rem;padding:12px}.hero-title{letter-spacing:.03em;color:#f6f8ff;text-shadow:0 14px 40px #00000073;background:linear-gradient(#ffffffeb 0%,#ffffff0a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:baseline;min-height:1.12em;margin:0;font-size:clamp(2.8rem,11vw,8.2rem);font-weight:800;line-height:.95;display:inline-flex}.hero-title-clickable{cursor:pointer;transition:transform .2s,text-shadow .2s}.hero-title-clickable:hover{text-shadow:0 18px 44px #0000008c;transform:translateY(-2px)scale(1.01)}.hero-title-text{letter-spacing:.05em}.hero-socials{justify-content:center;gap:.9rem;margin-top:1.5rem;display:flex}.hero-cursor{color:#ffffffeb;margin-left:.08em;font-weight:200}.hero-socials a{color:#f5f8ffe0;letter-spacing:.06em;background:#080d1680;border:1px solid #f2f7ff38;border-radius:999px;place-items:center;width:38px;height:38px;font-size:.72rem;text-decoration:none;transition:transform .2s,border-color .2s,background .2s;display:grid}.hero-socials a:hover{background:#121c2ec2;border-color:#ffffff80;transform:translateY(-2px)}.volume-drawer{z-index:4;border-radius:999px 0 0 999px;align-items:center;gap:.7rem;padding:.72rem .9rem .72rem .75rem;transition:right .34s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:50%;right:-500px;transform:translateY(-50%)}.volume-drawer.is-visible{right:0}.volume-icon{color:#f5f8ffdb;flex-shrink:0;font-size:1.1rem}.volume-slider{appearance:none;background:#ffffff47;border-radius:999px;outline:none;width:118px;height:2px}.volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:none;border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 2px #00000040}.volume-slider::-moz-range-track{background:#ffffff47;border:none;height:2px}.volume-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:999px;width:10px;height:10px}.click-pop{pointer-events:none;z-index:7;position:fixed;transform:translate(-50%,-50%)}.click-ring{border:1px solid #ffffffb8;border-radius:999px;width:10px;height:10px;animation:.72s cubic-bezier(.16,1,.3,1) forwards clickRing;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.click-heart{letter-spacing:.02em;color:#ffffffeb;text-shadow:0 0 12px #ffffff59;font-size:.86rem;font-weight:700;animation:.72s cubic-bezier(.16,1,.3,1) forwards clickHeart;display:inline-block;position:relative}.chaos-overlay{z-index:5;pointer-events:none;position:fixed;inset:0;overflow:hidden}.chaos-char{color:#ffffffdb;text-shadow:-2px 0 #ff00bfb3,2px 0 #00f7ffb3;font-size:clamp(1rem,2vw,2.1rem);font-weight:800;animation-name:chaosFloat;animation-timing-function:ease-out;animation-fill-mode:forwards;position:absolute;transform:translate(-50%,-50%)}.prank-page .page-overlay{background:linear-gradient(#1400128c 0%,#000000e6 100%),radial-gradient(circle,#ff00a62e 0%,#000000e6 70%)}.prank-card{gap:1rem;width:min(92vw,860px)}.prank-cheap{text-align:center;gap:.6rem;font-family:Comic Sans MS,Comic Sans,Impact,Outfit,sans-serif}.cheap-title{color:#ff2b8c;text-shadow:2px 2px #000,0 0 18px #ff008080}.cheap-subtitle{color:#fff279;text-shadow:1px 1px #000}.cheap-banner{color:#fe0;letter-spacing:.18em;text-shadow:2px 2px #000,0 0 14px #fe09;background:0 0;border:0;margin:.2rem 0 0;padding:0;font-weight:900}.cheap-status{color:#7dff00;text-shadow:0 0 6px #7dff0099;margin:0;font-size:.9rem}.cheap-text{flex-direction:column;align-items:center;gap:.2rem;width:min(92vw,980px);margin:0 auto;display:flex}.cheap-line{text-align:center;word-break:break-word;max-width:100%;margin:0;font-size:.8rem;line-height:1.25}.cheap-label{color:#ffe100;text-transform:uppercase;letter-spacing:.16em;font-size:.7rem}.cheap-value{color:#fff;word-break:break-word}.cheap-section{letter-spacing:.22em;color:#ff7bff;text-transform:uppercase;margin:0;font-size:.75rem}.cheap-footer{color:#00ffd5;text-shadow:0 0 8px #00ffd599;margin:.4rem 0 0;font-weight:700}.cheap-error{color:#ff6b6b}.cheap-exit{text-transform:uppercase;letter-spacing:.18em;color:#ffb3ff;cursor:pointer;text-shadow:0 0 8px #f0a6;background:0 0;border:0;padding:0;text-decoration:underline}.cheap-exit:hover{color:#fff279}.cheap-pop{opacity:0;max-height:0;animation:.22s step-end forwards cheapPop;animation-delay:var(--pop-delay,0s);overflow:hidden;transform:scale(.94)rotate(-1deg)}.cheap-blink{animation:.6s step-end infinite cheapBlink}.prank-title{letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:clamp(1.4rem,4vw,2.4rem)}.prank-subtitle{letter-spacing:.08em;color:#ffffffbf;text-transform:uppercase;margin:0;font-size:.82rem}.prank-grid{gap:.8rem;width:min(100%,700px);display:grid}.prank-grid-wide{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:min(100%,980px)}.prank-item{border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem .95rem;display:flex}.prank-item span{text-transform:uppercase;letter-spacing:.1em;color:#ffffffa8;font-size:.74rem}.prank-item strong{text-align:right;word-break:break-word;max-width:62%;font-size:.9rem}.stagger-reveal{opacity:0;animation:.55s cubic-bezier(.22,1,.36,1) forwards prankCardIn;animation-delay:var(--stagger-delay,0s);transform:translateY(14px)scale(.98)}.prank-error{color:#ff9ab8;margin:0;font-size:.82rem}.prank-back{margin-top:.4rem}@media (width<=620px){.app-content{padding:.75rem}.hero-title{font-size:clamp(2.4rem,17vw,4rem)}.volume-drawer{right:-142px}.volume-drawer.is-visible{right:0}.cheap-text{width:100%}}@keyframes spinRing{to{transform:rotate(360deg)}}@keyframes logoFloat{0%{transform:translateY(-5px)scale(1)}to{transform:translateY(5px)scale(1.03)}}@keyframes logoReveal{0%{opacity:0;transform:scale(.76)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes pulseBackground{0%,to{opacity:.5}50%{opacity:1}}@keyframes heroIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes clickRing{0%{opacity:.86;width:10px;height:10px}to{opacity:0;width:52px;height:52px}}@keyframes clickHeart{0%{opacity:0;transform:translateY(0)scale(.88)}30%{opacity:1;transform:translateY(-6px)scale(1)}to{opacity:0;transform:translateY(-18px)scale(1.05)}}@keyframes chaosPulse{0%{filter:hue-rotate()saturate(1.1)contrast()}33%{filter:hue-rotate(70deg)saturate(1.45)contrast(1.15)}66%{filter:hue-rotate(280deg)saturate(1.65)contrast(1.2)}to{filter:hue-rotate(360deg)saturate(1.2)contrast(1.08)}}@keyframes textGlitch{0%{text-shadow:-1px 0 #ff00d4a6,1px 0 #00fff7a6;transform:translate(0)}50%{text-shadow:-2px 0 #ff00d4c7,2px 0 #00fff7c7;transform:translate(1px,-1px)}to{text-shadow:-1px 0 #ff00d4a6,1px 0 #00fff7a6;transform:translate(-1px,1px)}}@keyframes chaosFloat{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)rotate(0)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-160%)scale(1.18)rotate(24deg)}}@keyframes prankCardIn{0%{opacity:0;filter:blur(2px);transform:translateY(14px)scale(.98)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes cheapPop{0%,60%{opacity:0;max-height:0;transform:scale(.9)rotate(-1deg)}to{opacity:1;max-height:200px;transform:scale(1)rotate(0)}}@keyframes cheapBlink{0%,40%{opacity:1}50%,to{opacity:.25}}