@font-face{font-family:PromoFont;src:url(/font.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--orange:#ff7a1a}html,body{height:100%}body{color:var(--orange);-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#000;margin:0;font-family:PromoFont,monospace}input,textarea,[contenteditable]{-webkit-user-select:text;-moz-user-select:text;user-select:text}a[href*=instagram],a[href*=distrokid]{white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;pointer-events:auto!important;cursor:pointer!important}#app{height:100vh;height:100svh;isolation:isolate;box-sizing:border-box;grid-template-columns:auto auto 1fr;justify-content:center;place-items:center start;gap:2.5rem;height:100dvh;padding:0 3vw;display:grid;position:relative}#cta{width:220px;image-rendering:pixelated}.cta-sign{display:inline-block;position:relative}.cta-bg{z-index:-1;width:220px;height:auto;image-rendering:pixelated;position:absolute;top:0;left:0}.cta-sign--overlay{display:none}.cta-sign--desktop{display:inline-block}.portrait-frame{aspect-ratio:1;border:4px solid var(--orange);background:#000;place-items:center;width:min(420px,40vw);display:grid;position:relative}#portrait{object-fit:contain;width:95%;height:95%;image-rendering:pixelated}#cta-overlay{width:200px;image-rendering:pixelated;pointer-events:none;display:none;position:absolute}.right{width:min(720px,80%)}.dialogue-frame{border:4px solid var(--orange);box-sizing:border-box;background:#000;width:auto;padding:22px 24px 30px;position:relative;overflow:hidden}#text{white-space:pre-wrap;font-size:max(18px,min(3.6vw,40px));line-height:1.2}#next-indicator{opacity:0;animation:1.2s infinite pulse;position:absolute;bottom:6px;right:14px}.show-next #next-indicator{opacity:1}@keyframes pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){#next-indicator{animation:none}}#app:before,#app:after{content:"";z-index:-1;pointer-events:none;background-repeat:repeat;position:absolute;top:0;bottom:0;left:0;right:0}#app:before{--cell:128px;--line:4px;--speed:10s;--color:rgba(255,122,26,.8);background-image:repeating-linear-gradient(90deg,var(--color)0,var(--color)var(--line),transparent var(--line),transparent var(--cell)),repeating-linear-gradient(0deg,var(--color)0,var(--color)var(--line),transparent var(--line),transparent var(--cell));background-position:0 0,0 calc(var(--line)/2);animation:grid-nw var(--speed)linear infinite}#app:after{--cell:64px;--line:4px;--speed:10s;--color:rgba(255,122,26,.15);background-image:repeating-linear-gradient(90deg,var(--color)0,var(--color)var(--line),transparent var(--line),transparent var(--cell)),repeating-linear-gradient(0deg,var(--color)0,var(--color)var(--line),transparent var(--line),transparent var(--cell));animation:grid-se var(--speed)linear infinite}@keyframes grid-nw{to{background-position:calc(var(--cell)*-1)calc(var(--cell)*-1),calc(var(--cell)*-1)calc(var(--cell)*-1 + var(--line)/2)}}@keyframes grid-se{to{background-position:var(--cell)var(--cell),var(--cell)var(--cell)}}#app>*{z-index:1;position:relative}@media (prefers-reduced-motion:no-preference){body.page-hidden #app:before,body.page-hidden #app:after,body.page-hidden .pulse-glow,body.page-hidden #next-indicator{animation-play-state:paused}}.dialogue-clock-outline{pointer-events:none;z-index:-1;opacity:.4;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.dialogue-clock-outline canvas{object-fit:contain;image-rendering:pixelated;width:100%!important;height:100%!important}.pixi-overlay{pointer-events:none;z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}.dialogue-frame #text{z-index:1;position:relative}.bg-clock{pointer-events:none;z-index:-2;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:visible}.giant-clock-overlay{z-index:0;pointer-events:none;position:fixed}.giant-clock-overlay .giant-clock-img{width:100%;height:100%;image-rendering:pixelated;position:absolute;top:0;left:0}.giant-clock-overlay .giant-hour,.giant-clock-overlay .giant-minute{transform-origin:50%}.use-svg-pixelate{filter:url(#pixelate)}.video-start-screen{z-index:9999;cursor:pointer;background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.video-start-screen,.video-intro{pointer-events:auto}body.intro-active{overflow:hidden}body.intro-active :not(.video-start-screen):not(.video-start-screen *):not(.video-intro):not(.video-intro *){pointer-events:none!important}body:has(.video-start-screen){overflow:hidden}body:has(.video-intro){overflow:hidden}body:has(.video-start-screen) :not(.video-start-screen):not(.video-start-screen *){pointer-events:none}body:has(.video-intro) :not(.video-intro):not(.video-intro *){pointer-events:none}.start-content{text-align:center;color:var(--orange);font-family:PromoFont,monospace}.start-text{font-size:max(24px,min(4vw,48px));animation:2s ease-in-out infinite pulse-glow}.key-highlight{background:var(--orange);color:#000;border-radius:6px;margin:0 4px;padding:4px 12px;font-weight:700}@keyframes pulse-glow{0%,to{opacity:.8;text-shadow:0 0 10px rgba(255,122,26,.3)}50%{opacity:1;text-shadow:0 0 20px rgba(255,122,26,.6)}}.video-intro{z-index:9999;background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.video-intro video{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.video-skip-hint{color:rgba(255,122,26,.8);opacity:.7;font-family:PromoFont,monospace;font-size:14px;animation:3s ease-in-out infinite fadeInOut;position:absolute;bottom:20px;right:20px}@keyframes fadeInOut{0%,to{opacity:.3}50%{opacity:.8}}@media (min-width:1200px){#app{justify-content:center;max-width:1400px;margin:0 auto}}@media (max-aspect-ratio:7/6){#app{padding:max(2rem,env(safe-area-inset-top))max(1rem,env(safe-area-inset-left))max(2rem,env(safe-area-inset-bottom))max(1rem,env(safe-area-inset-right));grid-template-columns:1fr;grid-auto-rows:auto;justify-items:center;gap:1.25rem}#cta,.cta-sign--desktop{display:none}.cta-sign--overlay{display:block;position:absolute}.portrait-frame{width:min(460px,88vw);margin:0 auto}.dialogue-frame{width:min(460px,88vw);margin:0 auto;margin-bottom:max(3rem,env(safe-area-inset-bottom) + 2rem);height:180px!important;min-height:180px!important}#cta-overlay{pointer-events:none;width:150px;display:block;top:0;left:0;transform:none}.cta-sign--overlay{top:200px;left:-30px;transform:rotate(-12deg)}.cta-sign--overlay .cta-bg{width:150px}}.mobile-buttons{z-index:1000;box-sizing:border-box;padding:1rem;padding-bottom:max(1rem,env(safe-area-inset-bottom) + 1rem);background:rgba(0,0,0,.9);flex-direction:row;justify-content:center;align-items:center;gap:2rem;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-button{color:var(--orange);text-decoration:underline;-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange);cursor:pointer;white-space:nowrap;word-break:keep-all;overflow-wrap:normal;text-align:center;background:0 0;border:none;min-width:-moz-fit-content;min-width:fit-content;padding:0;font-family:PromoFont,monospace;font-size:1.5rem;line-height:1;text-decoration-thickness:2px}.mobile-button:hover,.mobile-button:focus{opacity:.8}@media (max-aspect-ratio:7/6){.mobile-buttons{display:flex}.dialogue-frame{margin-bottom:120px}}.website-credit{color:var(--orange);opacity:.6;z-index:1001;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;font-family:PromoFont,monospace;font-size:6pt;text-decoration:none;position:fixed;bottom:8px;left:8px}.website-credit:hover{opacity:.8}