:root{font-family:"Jersey 10",Courier New,monospace;color:#fff9ff;background:#090714;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:none;--ink: #090714;--lavender: #d7adff;--violet: #9a61ed;--pink: #ff93cf;--cream: #fff6db}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;background:var(--ink)}body{min-width:320px;min-height:100dvh;overflow:hidden;overscroll-behavior:none;touch-action:manipulation}button{border:0;color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #fff;outline-offset:4px}.app,.screen{width:100%;min-height:100dvh}.screen{position:relative;display:grid;overflow:hidden}.loading-screen{place-items:center;padding:max(28px,env(safe-area-inset-top)) 28px max(28px,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 45%,rgba(154,97,237,.27),transparent 38%),linear-gradient(180deg,#080611,#17102b);isolation:isolate}.loading-screen:before{position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.022) 4px);content:""}.loading-content{position:relative;z-index:1;display:flex;width:min(100%,360px);flex-direction:column;align-items:center;text-align:center}.loading-content p{margin:0 0 14px;color:#ffffff94;font-size:.72rem;letter-spacing:.2em}.loading-content h1{animation:loading-pulse .75s steps(2,end) infinite}.loading-bar{width:100%;height:18px;margin-top:28px;padding:3px;overflow:hidden;border:2px solid var(--lavender);border-radius:3px;background:#05030bc2;box-shadow:4px 4px #5b3c84,0 0 20px #caa0ff38}.loading-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--violet),var(--pink),var(--cream));transition:width .18s ease-out}.loading-content output{margin-top:14px;color:var(--lavender);font-size:1.15rem;letter-spacing:.12em}.select-screen{place-items:stretch center;padding:max(24px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 42%,rgba(133,70,198,.25),transparent 37%),linear-gradient(180deg,#080611,#0e0a1d 64%,#17102b);isolation:isolate}.select-screen:before{position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.022) 4px);content:"";pointer-events:none}.stars,.stars:before,.stars:after{position:absolute;inset:0;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.4px),radial-gradient(circle,#bda5ff 0 1.2px,transparent 1.7px);background-position:18px 24px,72px 98px;background-size:113px 137px,167px 191px;content:"";opacity:.42;pointer-events:none}.stars:before{transform:rotate(21deg) scale(1.15);opacity:.35}.stars:after{transform:rotate(-17deg) scale(1.2);opacity:.2}.select-content{position:relative;z-index:1;display:flex;width:min(100%,480px);height:100%;min-height:0;flex-direction:column;align-items:center;justify-content:space-between;text-align:center}h1{margin:0;font-size:clamp(2.7rem,14vw,4.6rem);font-weight:1000;line-height:.83;letter-spacing:-.07em;text-shadow:3px 3px 0 #76509b,0 0 22px rgba(222,178,255,.25)}.selection-stage,.select-footer{display:flex;width:100%;flex-direction:column;align-items:center}.picker-row{display:grid;width:100%;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:13px;margin-top:0}.arrow-button{display:grid;width:44px;height:66px;place-items:center;padding:0;background:transparent;cursor:pointer;filter:drop-shadow(0 0 10px rgba(202,160,255,.5));transition:transform .16s ease}.arrow-button:active{transform:scale(.86)}.chevron{display:block;width:0;height:0;border-top:22px solid transparent;border-bottom:22px solid transparent}.chevron--left{border-right:29px solid var(--lavender)}.chevron--right{border-left:29px solid var(--lavender)}.portrait-shell{position:relative;width:min(60vw,270px);aspect-ratio:.82;justify-self:center;animation:card-in .36s cubic-bezier(.2,.8,.2,1)}.portrait-shell:before{position:absolute;inset:-8px;border:3px solid rgba(226,197,255,.8);border-radius:25px;box-shadow:0 0 0 3px #6638a0cc,0 0 24px #c07dffcc,inset 0 0 18px #b172ff59;content:""}.portrait-card{position:absolute;inset:0;overflow:hidden;border:2px solid rgba(255,255,255,.65);border-radius:18px;background:linear-gradient(145deg,#30214a,#c8b5de)}.portrait-card img,.transition-portrait img{width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none}.portrait-card img{display:block}.corner{position:absolute;z-index:2;width:13px;height:13px;background:var(--pink);box-shadow:0 0 12px var(--pink)}.corner--one{top:-12px;left:-12px}.corner--two{right:-12px;bottom:-12px}.pagination{display:flex;gap:9px;margin:22px 0 0}.dot{width:8px;height:8px;padding:0;border:1px solid rgba(255,255,255,.52);border-radius:0;background:transparent;cursor:pointer;transform:rotate(45deg)}.dot--active{border-color:var(--pink);background:var(--pink);box-shadow:0 0 9px var(--pink)}.play-button{min-height:54px;border:2px solid var(--lavender);border-radius:4px;cursor:pointer;font-weight:1000;letter-spacing:.13em;box-shadow:5px 5px #5b3c84,0 0 20px #caa0ff40;transition:transform .14s ease,box-shadow .14s ease}.play-button{display:flex;width:min(64vw,240px);align-items:center;justify-content:center;gap:14px;background:linear-gradient(180deg,#dcbcff,#b276ec);color:#1a0f2b;font-size:1.08rem}.play-button:active{box-shadow:2px 2px #5b3c84;transform:translate(3px,3px)}.swipe-hint{margin:14px 0 0;color:#ffffff6b;font-size:.62rem;font-weight:700;letter-spacing:.2em}.transition-screen{place-items:center;align-content:center;gap:34px;background:#080610;animation:transition-flash 1.05s ease both}.transition-portrait{width:min(58vw,250px);aspect-ratio:1;overflow:hidden;border:6px solid #f5dbff;border-radius:50%;background:#c4aed9;box-shadow:0 0 0 7px #8e52cc,0 0 50px #b973f0;animation:ready-zoom 1.05s cubic-bezier(.22,.7,.2,1) both}.transition-screen p{margin:0;font-size:.9rem;font-weight:900;letter-spacing:.25em;animation:ready-copy 1.05s ease both}.game-screen{background:#17130f;touch-action:none;-webkit-user-select:none;user-select:none}.game-screen canvas{position:absolute;inset:0;width:100%;height:100%}.game-topbar{position:absolute;top:max(20px,env(safe-area-inset-top));left:0;display:flex;width:100%;align-items:flex-start;justify-content:flex-end;padding:0 22px;pointer-events:none}.score{color:#fff;font-size:2.1rem;font-weight:1000;line-height:1;text-shadow:3px 3px 0 rgba(0,0,0,.75)}.tap-prompt{position:absolute;top:56%;left:50%;display:flex;width:min(calc(100% - 48px),310px);flex-direction:column;align-items:center;padding:26px 30px 24px;border:1px solid rgba(255,255,255,.5);border-radius:16px;background:#120f0ce6;box-shadow:0 16px 40px #0000006b,inset 0 1px #ffffff14;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tap-prompt strong{font-size:1.35rem;letter-spacing:.1em}.tap-prompt small{margin-top:9px;color:#ffffffa6;font-size:.72rem;letter-spacing:.11em}.tap-icon{display:grid;width:48px;height:48px;margin-bottom:14px;place-items:center;border:1px solid rgba(255,208,138,.55);border-radius:50%;background:#ffd08a1a;color:#ffd08a;font-size:2rem;line-height:1;animation:tap-bob .8s ease-in-out infinite alternate}.game-over-screen{place-items:center;align-content:center;gap:16px;background:#060408;color:#fff;animation:screen-shake .26s linear 1}.game-over-screen:before,.game-over-screen:after{position:absolute;left:0;width:100%;height:12%;background:#d7adff26;content:"";animation:interference .28s steps(2) infinite}.game-over-screen:after{animation-delay:-.14s}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.065) 4px);pointer-events:none}.error-code,.signal-lost{margin:0;color:#ffffff85;font-size:.7rem;font-weight:900;letter-spacing:.18em}.signal-lost{animation:blink .4s steps(1) infinite}.glitch-title{position:relative;margin:0;color:#fff;font-size:clamp(3rem,17vw,6.5rem);font-weight:1000;letter-spacing:-.08em;line-height:.9;text-shadow:5px 0 #ff3a9b,-5px 0 #62d9ff;animation:glitch-main .23s steps(2) infinite}.glitch-title:before,.glitch-title:after{position:absolute;inset:0;overflow:hidden;content:attr(data-text)}.glitch-title:before{color:#ff3a9b;clip-path:inset(12% 0 58% 0);transform:translate(-7px,-2px)}.glitch-title:after{color:#62d9ff;clip-path:inset(64% 0 8% 0);transform:translate(7px,2px)}.birthday-screen{place-items:center;padding:max(30px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));background:radial-gradient(circle at center 42%,rgba(255,194,231,.22),transparent 34%),linear-gradient(165deg,#1d0f35,#090714 72%);animation:birthday-enter .6s ease both;isolation:isolate}.photo-mosaic{position:absolute;inset:-10px;z-index:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:hidden;background:#090714}.mosaic-column{min-width:0;overflow:hidden}.mosaic-track{display:flex;flex-direction:column;gap:8px;will-change:transform;animation:mosaic-up 34s linear infinite}.mosaic-column--2 .mosaic-track{animation-name:mosaic-down;animation-duration:38s}.mosaic-column--3 .mosaic-track{animation-duration:30s}.mosaic-track img{display:block;width:100%;aspect-ratio:.78;border-radius:6px;object-fit:cover}.mosaic-shade{position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 50% 42%,#140a240f,#08050e4d 72%),linear-gradient(180deg,#0907141f,#09071447);pointer-events:none}.birthday-content{position:relative;z-index:2;display:flex;width:min(100%,500px);flex-direction:column;align-items:center;text-align:center}.surprise-label{margin:0 0 14px;color:#ffb8df;font-size:.72rem;font-weight:900;letter-spacing:.2em}.birthday-content h2{margin:0;font-size:clamp(3.5rem,18vw,7rem);font-weight:1000;line-height:.76;letter-spacing:-.07em;text-shadow:5px 5px 0 #5d347f,0 0 34px rgba(8,5,14,.95)}.birthday-content h2 span{color:#ffc1df}.birthday-replay{position:absolute;bottom:max(28px,calc(env(safe-area-inset-bottom) + 18px));left:50%;z-index:3;width:min(calc(100% - 48px),280px);transform:translate(-50%)}.birthday-replay:active{transform:translate(calc(-50% + 3px),3px)}.confetti{position:absolute;inset:0;overflow:hidden;z-index:3;pointer-events:none}.confetti i{position:absolute;top:48%;left:50%;width:var(--piece-width);height:var(--piece-height);border-radius:2px;background:var(--piece-color);box-shadow:0 0 7px #ffffff59;opacity:0;transform:translate3d(-50%,-50%,0) scale(.2);animation:confetti-pop var(--duration) cubic-bezier(.12,.72,.2,1) var(--delay) both}.confetti i:nth-child(3n){border-radius:50%}.confetti i:nth-child(4n){height:5px}@keyframes card-in{0%{opacity:.2;transform:scale(.9) translateY(8px)}}@keyframes loading-pulse{50%{opacity:.58}}@keyframes transition-flash{0%{background:#0a0712}60%{background:#0a0712}75%{background:#f5eaff}to{background:#0a0712}}@keyframes ready-zoom{0%{opacity:0;transform:scale(.6)}48%{opacity:1;transform:scale(1)}75%{transform:scale(1.07)}to{opacity:0;transform:scale(4)}}@keyframes ready-copy{0%,22%{opacity:0}45%,72%{opacity:1}to{opacity:0}}@keyframes tap-bob{to{transform:translateY(-7px)}}@keyframes screen-shake{20%{transform:translate(8px,-4px)}40%{transform:translate(-7px,5px)}60%{transform:translate(5px,3px)}80%{transform:translate(-3px,-2px)}}@keyframes interference{0%{top:8%;transform:translate(-8%)}35%{top:69%;transform:translate(5%)}70%{top:42%;transform:translate(-3%)}to{top:85%;transform:translate(7%)}}@keyframes glitch-main{0%{transform:skew(0)}30%{transform:skew(3deg) translate(2px)}60%{transform:skew(-2deg) translate(-3px)}}@keyframes blink{50%{opacity:.2}}@keyframes birthday-enter{0%{opacity:0;filter:brightness(3);transform:scale(1.08)}}@keyframes mosaic-up{0%{transform:translateY(0)}to{transform:translateY(calc(-50% - 4px))}}@keyframes mosaic-down{0%{transform:translateY(calc(-50% - 4px))}to{transform:translateY(0)}}@keyframes confetti-pop{0%{opacity:0;transform:translate3d(-50%,-50%,0) rotate(0) scale(.15)}8%{opacity:1}52%{opacity:1;transform:translate3d(var(--burst-x),var(--burst-y),0) rotate(var(--spin)) scale(1)}to{opacity:0;transform:translate3d(var(--fall-x),calc(var(--burst-y) + 72vh),0) rotate(var(--spin-end)) scale(.82)}}@media(max-height:720px){.select-screen{padding-top:max(14px,env(safe-area-inset-top))}.picker-row{margin-top:0}.portrait-shell{width:min(51vw,220px)}.pagination{margin:14px 0 0}.swipe-hint{margin-top:13px}.birthday-content h2{font-size:clamp(3.2rem,16vw,5rem)}}@media(min-width:720px){.select-screen:after,.birthday-screen:after{position:absolute;inset:18px;z-index:-1;border:1px solid rgba(223,191,255,.16);content:"";pointer-events:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.mosaic-track{transform:translateY(-12%)}}