:root{--color-blue-primary: #0626a9;--color-blue-deep: #001d48;--color-blue-cyan: #0084d6;--color-yellow: #f0f00c;--color-blue-shadow: #071b48;--color-page-bg: var(--color-blue-primary);--color-key-text: #0a1530;--color-focus: #33ff33;--color-lcd-bezel: #cfd2d4;--font-mono: "Courier New", courier, monospace;--font-display: "lores-12", "Bungee", impact, "Arial Black", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--color-page-bg);font-family:var(--font-mono),serif;-webkit-font-smoothing:antialiased}.coming-soon{font-family:var(--font-display);width:100%;height:100vh;display:flex;justify-content:center;align-items:center;color:#fff;font-size:48px;font-style:italic}.phone-booth{position:relative;max-height:calc(100vh - 2rem);max-width:100%;width:fit-content;margin:0 auto;--display-left: 33.3%;--display-top: 28%;--display-width: 33.3%;--display-height: 4%;--keypad-left: 53%;--keypad-top: 34.7%;--keypad-width: 17.4%;--keypad-height: 13%}.phone-booth__bg{display:block;max-height:calc(100vh - 2rem);max-width:100%;height:auto;width:auto;pointer-events:none;-webkit-user-select:none;user-select:none}.phone-booth__display-slot{position:absolute;left:var(--display-left);top:var(--display-top);width:var(--display-width);height:var(--display-height)}.phone-booth__display-slot>.display{border-radius:8px;box-shadow:0 0 0 3px var(--color-lcd-bezel),2px -2px 0 3px #fff,-3px 3px 0 3px #7c868b,inset 0 3px 3px #00000059,inset -3px 0 3px #00000059}.phone-booth__display-slot>.display>.display__text{font-size:18px}.phone-booth__keypad-slot{position:absolute;left:var(--keypad-left);top:var(--keypad-top);width:var(--keypad-width);height:var(--keypad-height)}.display{container-type:size;width:100%;height:100%;background:var(--color-blue-primary);border-radius:12px;padding:.5rem .8rem;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 0 0 7px var(--color-lcd-bezel),2px -2px 0 7px #fff,-3px 3px 0 7px #7c868b,inset 0 3px 6px #00000059,inset -3px 0 6px #00000059}.display:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,var(--color-blue-shadow) 2px,var(--color-blue-shadow) 4px);pointer-events:none;z-index:2}.display__text{color:var(--color-yellow);font-family:var(--font-display),serif;font-size:32px;text-align:center;line-height:136%;white-space:nowrap;overflow:hidden;position:relative;z-index:1}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:4%;width:100%;height:100%;align-content:start}.keypad-btn{container-type:size;position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;width:100%;border:none;background:url(/assets/keypad-button-bg-GzNN24WS.png) center / contain no-repeat;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:filter 80ms ease-out,transform 80ms ease-out;outline:none;filter:drop-shadow(-4px 5px 0 var(--color-blue-shadow))}.keypad-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.keypad-btn--pressed{background:url(/assets/keypad-button-bg-clicked-Bi87rjxs.png) center / contain no-repeat;filter:drop-shadow(0 0 0 rgba(0,0,0,.75));transform:translateY(1px)}.keypad-btn__digit{position:relative;z-index:3;font-size:clamp(10px,32cqh,40px);font-weight:700;color:var(--color-key-text);line-height:1;font-family:var(--font-mono),serif;text-shadow:0 1px 0 rgba(255,255,255,.3)}.scene-container{position:relative;width:100%;min-height:100vh;overflow:hidden}.scene{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.scene--crossfade.scene--enter{animation:scene-fade-in .4s ease-in-out both}.scene--crossfade.scene--exit{animation:scene-fade-out .4s ease-in-out both}@keyframes scene-fade-in{0%{opacity:0}to{opacity:1}}@keyframes scene-fade-out{0%{opacity:1}to{opacity:0}}.scene--pixelated.scene--enter{animation:pixelate-in 1.2s linear both}.scene--pixelated.scene--exit{animation:pixelate-out 1.2s linear both}@keyframes pixelate-out{0%{opacity:1;filter:blur(0px) contrast(1)}50%{opacity:1;filter:blur(12px) contrast(6)}60%{opacity:0;filter:blur(12px) contrast(6)}to{opacity:0;filter:blur(12px) contrast(6)}}@keyframes pixelate-in{0%{opacity:0;filter:blur(12px) contrast(6)}50%{opacity:0;filter:blur(12px) contrast(6)}60%{opacity:1;filter:blur(12px) contrast(6)}to{opacity:1;filter:blur(0px) contrast(1)}}.loading-scene{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-blue-primary);text-align:center;gap:3rem;width:100%;height:100%;padding:2rem}.loading-scene__headline{font-family:var(--font-display);font-weight:400;font-size:clamp(3rem,16vw,6.5rem);line-height:.86;letter-spacing:.5px;text-transform:uppercase;color:var(--color-yellow);text-shadow:-5px 2px 0 var(--color-blue-shadow)}.loading-scene__headline-line{display:block}.loading-scene__bar{width:min(80%,320px);height:18px;background:var(--color-blue-deep);border:2px solid var(--color-blue-shadow);border-radius:999px;overflow:hidden}.loading-scene__bar-fill{height:100%;background:var(--color-yellow);transition:width 80ms linear}.welcome-scene{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-blue-primary);text-align:center;gap:2rem;width:100%;height:100%;padding:2rem;max-width:none}.welcome-scene__title{font-family:var(--font-display);font-weight:400;text-transform:uppercase;letter-spacing:.5px;line-height:.9;color:#fff;text-shadow:-3px 3px 0 var(--color-blue-shadow)}.welcome-scene__title-small{display:block;font-size:clamp(1.25rem,5vw,2rem)}.welcome-scene__title-large{display:block;font-size:clamp(2.5rem,11vw,4.5rem)}.welcome-scene__body{font-family:var(--font-display);font-size:clamp(1.1rem,4.5vw,1.6rem);line-height:1.26;letter-spacing:.5px;color:var(--color-yellow);max-width:28ch}.welcome-scene__cta{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;background:#ff8a1f;color:var(--color-blue-deep);border:3px solid var(--color-blue-deep);border-radius:999px;font-family:var(--font-display);font-size:2rem;line-height:1;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s ease-out}.welcome-scene__cta:hover{transform:scale(1.05)}.welcome-scene__cta:active{transform:scale(.96)}.booth-scene{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;background:var(--color-blue-primary);padding:1.5rem 1rem 0}.booth-scene__header{font-family:var(--font-display);font-weight:400;text-transform:uppercase;text-align:center;letter-spacing:.5px;line-height:.96;color:var(--color-yellow);font-size:clamp(.75rem,3vw,.875rem);padding:0 1rem}.booth-scene .phone-booth{pointer-events:none}.final-scene{position:relative;width:100%;min-height:100vh;background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-color:var(--color-blue-primary);--final-display-left: 6.3%;--final-display-top: 13.5%;--final-display-width: 88%;--final-display-height: 10.3%;--final-keypad-left: 15.5%;--final-keypad-top: 30.5%;--final-keypad-width: 68.9%;--final-keypad-height: 59%}.final-scene__display-slot{position:absolute;left:var(--final-display-left);top:var(--final-display-top);width:var(--final-display-width);height:var(--final-display-height)}.final-scene__keypad-slot{position:absolute;left:var(--final-keypad-left);top:var(--final-keypad-top);width:var(--final-keypad-width);height:var(--final-keypad-height)}.final-scene__audio-indicator{position:absolute;top:10px;right:10px;pointer-events:none;filter:drop-shadow(-4px 5px 0 var(--color-blue-shadow))}@media (min-width: 768px){.final-scene{width:100%;max-width:min(440px,calc((100vh - 2rem) * 400 / 667));aspect-ratio:400 / 667;min-height:0;margin:1rem auto;border-radius:.75rem;overflow:hidden}.loading-scene,.welcome-scene,.booth-scene{max-width:560px;margin:0 auto}}@media (prefers-reduced-motion: reduce){.scene--crossfade.scene--enter,.scene--crossfade.scene--exit,.scene--pixelated.scene--enter,.scene--pixelated.scene--exit{animation-duration:.15s!important;animation-name:scene-fade-in!important;filter:none!important}.scene--crossfade.scene--exit,.scene--pixelated.scene--exit{animation-name:scene-fade-out!important}}.scene-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none}.scene-overlay__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a2aa4eb;pointer-events:auto}.scene-overlay__slot{position:absolute;transform:translate(-50%,-50%);pointer-events:auto}.retro-window__text{font-family:var(--font-mono);font-size:16px;line-height:1.4;color:var(--color-blue-primary);padding:18px 20px;margin:0}.joke-window__content{margin:30px 10px}.joke-window__content p{padding:10px 24px;border:1px solid var(--color-blue-primary);font-size:19px;font-weight:700;color:var(--color-blue-primary)}.call-me-window__images{width:100%;display:flex;justify-content:center;padding-bottom:8px}.thought-window__container{position:relative}.thought-window__container .retro-window__text{padding-top:30px;font-size:25px;color:var(--color-blue-primary);font-weight:700;text-align:center}.just-checking-in-window__text-line-1{font-size:38px;padding:38px 20px}.just-checking-in-window__text-line-2{font-size:32px;font-weight:700;padding-left:80px;padding-bottom:40px}.that-song-again__text{padding:40px 0;text-align:center;color:var(--color-blue-primary);font-size:25px;font-weight:700}.box-shadow-window{box-shadow:4px 4px 0 0 var(--color-blue-primary)}.ok-thumbs-up__image{padding:20px}.heres-a-question-window__container{position:relative}.heres-a-question-window__container img{position:absolute;bottom:68%;left:72%}.heres-a-question-window__container .retro-window__text{padding:30px 0;font-size:25px;text-align:center}.pint-window__text{color:var(--color-blue-primary);padding:30px;text-align:center;font-size:25px;font-weight:900}.call-me-window__text{font-family:var(--font-display);color:var(--color-blue-primary);font-weight:700;font-size:18px;width:100%;text-align:center;padding:8px 0}.knew-youd-like-this__text{font-family:var(--font-display);padding:30px 30px 50px;text-align:center;font-size:25px;font-weight:700;color:var(--color-blue-primary)}.take-me-back-cta{display:block;margin:16px auto;padding:10px 18px;background:#fef4eb;border:1px solid var(--color-blue-primary);color:var(--color-blue-primary);font-family:var(--font-mono);font-size:16px;cursor:pointer}.take-me-back-cta:active{background:var(--color-blue-primary);color:#fef4eb}.retro-window{background:#fef4eb;border:1px solid var(--color-blue-primary);font-family:var(--font-mono);-webkit-user-select:none;user-select:none}.retro-window__titlebar{display:flex;justify-content:flex-start;align-items:center;gap:4px;padding:10px 20px;border-bottom:1px solid var(--color-blue-primary)}.retro-window__btn{width:15px;height:15px;border-radius:50%;border:1px solid var(--color-blue-primary);background:#fef4eb;color:var(--color-blue-primary);font-size:12px;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.retro-window__btn:active{background:var(--color-blue-primary);color:#fef4eb}.retro-window__content{min-height:40px}.retro-window__front{height:204px;position:absolute;bottom:3%;right:3%}.retro-window__back{height:204px}