*,:after,:before{box-sizing:border-box}:root{--color-text:#fff;--color-bg:#1a2140;--color-link:#fff;--color-link-hover:#fff;--page-padding:1.5rem;--ui-font:"IBM Plex Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ui-tracking:.08em;font-size:12px}html,body{background-color:var(--color-bg);overscroll-behavior:none}body{color:var(--color-text);background-color:var(--color-bg);font-family:var(--ui-font);text-transform:uppercase;letter-spacing:var(--ui-tracking);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:.82rem;line-height:1.2;transition:color .52s}body.frame-text-dark{--color-text:#121212;--color-link:#121212;--color-link-hover:#121212}@media (scripting:enabled){.loading:before,.loading:after{content:"";z-index:10000;position:fixed}.loading:before{background:var(--color-bg);width:100%;height:100%;top:0;left:0}.loading:after{background:var(--color-link);width:100px;height:1px;margin:0 0 0 -50px;animation:1.5s ease-in-out infinite alternate forwards loaderAnim;top:50%;left:50%}}@keyframes loaderAnim{0%{transform-origin:0%;transform:scaleX(0)}50%{transform-origin:0%;transform:scaleX(1)}50.1%{transform-origin:100%;transform:scaleX(1)}to{transform-origin:100%;transform:scaleX(0)}}a{color:var(--color-link);cursor:pointer;outline:none;text-decoration:none;transition:color .52s}a:hover{color:var(--color-link-hover);text-decoration:underline}a:focus{background:#d3d3d3;outline:none}a:focus:not(:focus-visible){background:0 0}a:focus:focus-visible{background:0 0;outline:2px solid red}.webgl{pointer-events:auto;touch-action:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.debug-pane{z-index:2000;position:fixed;top:4rem;right:1rem}.fps-stats{left:max(1.5rem, env(safe-area-inset-left));top:max(3.5rem, env(safe-area-inset-top));z-index:2000;pointer-events:none;position:fixed;bottom:auto;right:auto}@media (width<=53em){.debug-pane{top:auto;right:max(1.2rem, env(safe-area-inset-right));bottom:max(.75rem, env(safe-area-inset-bottom))}}.velocity-visualizer{left:max(1.52rem, env(safe-area-inset-left));bottom:max(4.75rem, env(safe-area-inset-bottom));z-index:2000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;width:220px;font-family:var(--ui-font);text-transform:uppercase;letter-spacing:var(--ui-tracking);pointer-events:none;background:#040a12cc;border:1px solid #fff3;padding:.5rem .625rem;position:fixed}.velocity-visualizer__label,.velocity-visualizer__value{margin:0;font-size:10px}.velocity-visualizer__value{margin-top:.25rem}.velocity-visualizer__track{background:#ffffff1f;width:100%;height:6px;margin-top:.5rem;position:relative}.velocity-visualizer__fill{background:#7fffd4;width:0;height:100%;position:absolute;top:0;left:50%}.site-header{z-index:100;pointer-events:none;justify-content:space-between;align-items:center;padding:2rem 2.5rem;display:flex;position:fixed;top:0;left:0;right:0}.site-title{letter-spacing:.18em;color:#ffffffeb;pointer-events:auto;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;transition:opacity .2s}.site-title:hover{opacity:.8}.save-copy-btn{z-index:95;pointer-events:auto;letter-spacing:.01em;text-align:left;color:#fffffff0;text-shadow:0 2px 18px #00000059;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:.2em;padding:0;font-family:Caveat,Comic Sans MS,cursive;font-size:clamp(2.8rem,5.6vw,5rem);font-weight:700;line-height:.95;transition:opacity .32s,transform .42s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:50%;right:clamp(2rem,21vw,22rem);transform:translateY(-50%)rotate(-4deg)}.save-copy-btn__text{display:block}.save-copy-btn__arrow{padding-left:.1em;font-size:.75em;transition:transform .32s cubic-bezier(.16,1,.3,1);display:block}.save-copy-btn:hover{transform:translateY(-50%)rotate(-2deg)scale(1.04)}.save-copy-btn:hover .save-copy-btn__arrow{transform:translate(.35em)}.save-copy-btn:focus-visible{outline-offset:.3em;outline:2px dashed #ffffffb3}.save-copy-btn.is-hidden{opacity:0;pointer-events:none;transform:translateY(-50%)rotate(-4deg)scale(.96)}:root{--nav-size:44px;--nav-gap:20px}.page-nav__btn{--nav-opacity:.32;z-index:96;width:var(--nav-size);height:var(--nav-size);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;opacity:var(--nav-opacity);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;top:calc((var(--pic-top,30vh) + var(--pic-bottom,70vh)) / 2);background:#ffffff12;border:1px solid #ffffff3d;border-radius:50%;place-items:center;padding:0;transition:opacity .18s ease-out,visibility .18s ease-out,background-color .25s,border-color .25s,transform .32s cubic-bezier(.16,1,.3,1);display:grid;position:fixed;transform:translateY(-50%)}.page-nav__btn--prev{left:max(1rem, env(safe-area-inset-left), calc(var(--pic-left,20vw) - var(--nav-gap) - var(--nav-size)))}.page-nav__btn--next{left:min(calc(100vw - 1rem - var(--nav-size)), calc(var(--pic-right,80vw) + var(--nav-gap)))}.page-nav__btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:42%;height:42%;transition:transform .26s cubic-bezier(.16,1,.3,1)}.is-mouse-active .page-nav__btn{--nav-opacity:.62}@media (hover:hover){.page-nav__btn:not(:disabled):hover{--nav-opacity:1;background:#ffffff29;border-color:#ffffff80;transition-duration:.2s}.page-nav__btn--prev:hover svg{transform:translate(-2px)}.page-nav__btn--next:hover svg{transform:translate(2px)}}@media (hover:none){.page-nav__btn{--nav-opacity:.55}}.page-nav__btn:not(:disabled):active{--nav-opacity:1;background:#fff3;transform:translateY(-50%)scale(.93)}.page-nav__btn:focus-visible{--nav-opacity:1;outline-offset:4px;outline:2px dashed #ffffffb3}.is-turning .page-nav__btn{opacity:0;pointer-events:none;transition:none}.page-nav__btn:disabled{opacity:0;visibility:hidden;pointer-events:none}.loading .page-nav__btn,.loading .save-copy-btn{opacity:0}.gallery-viewport{pointer-events:none;height:100dvh;position:relative}.preorder-section{padding:2.5rem max(9vw, 7.5rem, env(safe-area-inset-left));z-index:90;pointer-events:none;opacity:0;visibility:hidden;justify-content:flex-start;align-items:center;transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1),visibility .45s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0;transform:translateY(24px)}.preorder-section.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.preorder-form{color:#fffffff0;text-shadow:0 2px 18px #00000059;margin:0}.preorder-submit-btn{letter-spacing:.01em;text-align:left;color:inherit;transform-origin:0;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:.2em;padding:0;font-family:Caveat,Comic Sans MS,cursive;font-size:clamp(2.8rem,5.6vw,5rem);font-weight:700;line-height:.95;transition:transform .42s cubic-bezier(.16,1,.3,1);display:flex;transform:rotate(-3deg)}.preorder-submit-btn__text{display:block}.preorder-submit-btn__arrow{padding-left:.1em;font-size:.75em;transition:transform .32s cubic-bezier(.16,1,.3,1);display:block}.preorder-submit-btn:hover{transform:rotate(-1deg)scale(1.04)}.preorder-submit-btn:hover .preorder-submit-btn__arrow{transform:translate(.35em)}.preorder-submit-btn:focus-visible{outline-offset:.3em;outline:2px dashed #ffffffb3}@media (width<=60em){.site-header{padding:max(1.25rem, env(safe-area-inset-top)) max(1.5rem, env(safe-area-inset-right)) 1.25rem max(1.5rem, env(safe-area-inset-left))}:root{--nav-size:46px;--nav-gap:14px;--nav-pair-gap:14px;--pic-center-x:calc((var(--pic-left,7vw) + var(--pic-right,93vw)) / 2);--notes-top:calc(var(--pic-bottom,70vh) + var(--nav-gap) + var(--nav-size) + .5rem)}.page-nav__btn{top:calc(var(--pic-bottom,70vh) + var(--nav-gap));transform:none}.page-nav__btn--prev{left:calc(var(--pic-center-x) - var(--nav-pair-gap) / 2 - var(--nav-size))}.page-nav__btn--next{left:calc(var(--pic-center-x) + var(--nav-pair-gap) / 2)}.page-nav__btn:not(:disabled):active{transform:scale(.93)}.save-copy-btn{top:var(--notes-top);text-align:center;align-items:center;width:max-content;margin-inline:auto;font-size:clamp(2.2rem,9vw,3rem);bottom:auto;left:0;right:0;transform:rotate(-4deg)}.save-copy-btn:hover{transform:rotate(-2deg)scale(1.04)}.save-copy-btn.is-hidden{transform:rotate(-4deg)scale(.96)}.preorder-section{padding:var(--notes-top) 1.5rem 1rem;justify-content:center;align-items:flex-start}.preorder-submit-btn{text-align:center;transform-origin:50%;align-items:center;font-size:clamp(2.6rem,10vw,3.4rem)}}@media (width<=60em) and (height<=700px){.save-copy-btn,.preorder-submit-btn{font-size:2.6rem}}
