:root{--ink:oklch(20% .025 259);--ink-soft:oklch(34% .035 256);--paper:oklch(94% .025 78);--paper-deep:oklch(87% .045 72);--amber:oklch(72% .15 68);--red:oklch(54% .18 30);--blue:oklch(36% .09 257);--blue-deep:oklch(19% .04 260);--line:oklch(30% .035 258);--display:"Avenir Next Condensed", "Franklin Gothic Condensed", "Trebuchet MS", sans-serif;--body:"Avenir Next", "Trebuchet MS", sans-serif;color:var(--ink);background:var(--paper);font-family:var(--body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{background:linear-gradient(90deg, transparent 49.8%, oklch(72% .03 72/.28) 50%, transparent 50.2%), var(--paper);min-width:320px}body{min-width:320px;min-height:100svh;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));background-color:#0000;background-image:linear-gradient(oklch(32% .025 260/.08) 1px,#0000 1px),linear-gradient(90deg,oklch(32% .025 260/.08) 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;margin:0}button,canvas{-webkit-tap-highlight-color:transparent}button{font:inherit}.mobile-launch,.mobile-play-exit,.mobile-play-hint,.rotate-notice{display:none}.experience{width:min(100%,1180px);margin:0 auto}.masthead{grid-template-columns:1fr;gap:1.5rem;padding:clamp(1rem,3vw,2.5rem) 0 clamp(1.5rem,4vw,3.5rem);display:grid}.brand-lockup{font-family:var(--display);letter-spacing:.17em;align-items:center;gap:.7rem;font-size:.78rem;font-weight:650;display:flex}.brand-lockup b{color:var(--red)}.brand-mark{grid-template-columns:repeat(4,3px);align-items:end;gap:2px;width:18px;height:18px;display:grid}.brand-mark i{background:var(--red);display:block}.brand-mark i:first-child{height:7px}.brand-mark i:nth-child(2){height:15px}.brand-mark i:nth-child(3){height:10px}.brand-mark i:nth-child(4){height:18px}.chapter-copy{max-width:46rem}.eyebrow{color:var(--red);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .6rem;font-size:.73rem;font-weight:750}h1{color:var(--ink);font-family:var(--display);letter-spacing:-.055em;text-transform:uppercase;margin:0;font-size:clamp(3.5rem,11vw,7.7rem);font-weight:800;font-stretch:75%;line-height:.78}h1 span{color:var(--red)}.lede{max-width:34rem;color:var(--ink-soft);margin:1.2rem 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1rem,2vw,1.35rem);font-style:italic;line-height:1.45}.build-stamp{border:2px solid var(--red);color:var(--red);font-family:var(--display);justify-self:start;padding:.6rem .8rem;line-height:1;transform:rotate(-2deg)}.build-stamp span,.build-stamp strong{text-transform:uppercase;display:block}.build-stamp span{letter-spacing:.16em;margin-bottom:.28rem;font-size:.58rem;font-weight:700}.build-stamp strong{letter-spacing:.05em;font-size:1.08rem}.game-stage{border:4px solid var(--ink);background:var(--blue-deep);box-shadow:12px 12px 0 var(--red);position:relative}.tape-edge,.stage-footer{min-height:42px;color:var(--paper);background:var(--ink);font-family:var(--display);letter-spacing:.13em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem .8rem;font-size:.65rem;font-weight:700;display:flex}.tape-edge--top span:nth-child(2){color:var(--amber)}.game-viewport{aspect-ratio:3/2;isolation:isolate;position:relative;overflow:hidden}.game-viewport:after{z-index:4;pointer-events:none;content:"";background:repeating-linear-gradient(0deg,oklch(15% .02 260/.04) 0 1px,#0000 1px 4px);position:absolute;inset:0}.game-viewport canvas{image-rendering:pixelated;display:block;width:100%!important;height:100%!important}@media (pointer:coarse),(hover:none),(width<=640px){.touch-capable:not(.mobile-play-active) .mobile-launch{z-index:400;min-height:100dvh;color:var(--ink);background:linear-gradient(oklch(32% .025 260/.08) 1px, transparent 1px), linear-gradient(90deg, oklch(32% .025 260/.08) 1px, transparent 1px), var(--paper);background-size:32px 32px;grid-template-columns:minmax(54px,18vw) 1fr;display:grid;position:fixed;inset:0}.mobile-launch__rail{padding:max(1rem, env(safe-area-inset-top)) .65rem max(1rem, env(safe-area-inset-bottom));color:var(--paper);background:var(--red);font-family:var(--display);letter-spacing:.15em;text-transform:uppercase;flex-direction:column;justify-content:space-between;align-items:center;font-size:.62rem;font-weight:800;display:flex}.mobile-launch__rail span:nth-child(2){writing-mode:vertical-rl;transform:rotate(180deg)}.mobile-launch__copy{padding:max(2rem, env(safe-area-inset-top)) clamp(1.4rem, 7vw, 3rem) max(2rem, env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.mobile-launch__eyebrow{color:var(--red);letter-spacing:.15em;text-transform:uppercase;margin:0 0 1rem;font-size:.67rem;font-weight:800}.mobile-launch h2{max-width:7ch;font-family:var(--display);letter-spacing:-.055em;text-transform:uppercase;margin:0;font-size:clamp(3rem,15vw,5.6rem);font-weight:850;font-stretch:75%;line-height:.82}.mobile-launch__copy>p:not(.mobile-launch__eyebrow,.mobile-launch__note){max-width:29rem;margin:clamp(1.35rem,5vw,2rem) 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1rem,4vw,1.3rem);font-style:italic;line-height:1.45}.mobile-launch__button{border:2px solid var(--ink);width:min(100%,29rem);min-height:58px;color:var(--paper);background:var(--ink);box-shadow:6px 6px 0 var(--red);font-family:var(--display);letter-spacing:.13em;text-transform:uppercase;border-radius:0;justify-content:space-between;align-items:center;gap:2rem;padding:.9rem 1rem;font-size:.82rem;font-weight:800;transition:transform .12s cubic-bezier(.25,1,.5,1),box-shadow .12s cubic-bezier(.25,1,.5,1);display:flex}.mobile-launch__button:active{box-shadow:2px 2px 0 var(--red);transform:translate(4px,4px)}.mobile-launch__button:focus-visible,.mobile-play-exit:focus-visible{outline:3px solid var(--amber);outline-offset:4px}.mobile-launch__note{max-width:29rem;color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;margin:1.2rem 0 0;font-size:.65rem;font-weight:700;line-height:1.5}}html.mobile-play-active,html.mobile-play-active body{overscroll-behavior:none;touch-action:none;background:var(--blue-deep);width:100%;height:100%;min-height:100%;overflow:hidden}html.mobile-play-active body{padding:0}html.mobile-play-active .masthead,html.mobile-play-active .tape-edge,html.mobile-play-active .stage-footer,html.mobile-play-active .site-footer{display:none}html.mobile-play-active .experience{width:100%;height:100dvh}html.mobile-play-active .game-stage{z-index:200;background:var(--blue-deep);width:100vw;height:100dvh;box-shadow:none;border:0;place-items:center;display:grid;position:fixed;inset:0}html.mobile-play-active .game-viewport{aspect-ratio:auto;touch-action:none;place-items:center;width:100vw;height:100dvh;display:grid}html.mobile-play-active .game-viewport canvas{touch-action:none;width:min(100vw,150dvh)!important;height:min(100dvh,66.6667vw)!important;margin:0!important}html.mobile-play-active .mobile-play-exit{z-index:230;top:max(.65rem, env(safe-area-inset-top));right:max(.65rem, env(safe-area-inset-right));min-width:48px;min-height:44px;color:var(--paper);font-family:var(--display);letter-spacing:.11em;text-transform:uppercase;background:oklch(19% .04 260/.82);border:1px solid oklch(94% .025 78/.55);border-radius:0;padding:.5rem .7rem;font-size:.62rem;font-weight:800;display:block;position:fixed}html.mobile-play-active .mobile-play-hint{z-index:225;top:max(.75rem, env(safe-area-inset-top));color:var(--paper);font-family:var(--display);letter-spacing:.06em;pointer-events:none;text-transform:uppercase;background:oklch(19% .04 260/.88);align-items:center;gap:.55rem;margin:0;padding:.48rem .65rem;font-size:clamp(.55rem,1.7vw,.7rem);font-weight:750;line-height:1;animation:4.8s cubic-bezier(.16,1,.3,1) forwards mobile-hint;display:flex;position:fixed;left:50%;transform:translate(-50%)}.mobile-play-hint span{color:var(--amber)}.mobile-play-hint i{background:var(--red);width:3px;height:3px}html.mobile-play-active.is-portrait .rotate-notice{z-index:500;padding:max(2rem, env(safe-area-inset-top)) max(2rem, env(safe-area-inset-right)) max(2rem, env(safe-area-inset-bottom)) max(2rem, env(safe-area-inset-left));color:var(--paper);background:var(--blue-deep);justify-content:center;align-items:center;gap:1.5rem;display:flex;position:fixed;inset:0}.rotate-notice__phone{border:3px solid var(--paper);width:46px;height:78px;animation:1.4s cubic-bezier(.16,1,.3,1) both phone-turn;position:relative;transform:rotate(90deg)}.rotate-notice__phone span{background:var(--amber);width:14px;height:2px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.rotate-notice p,.rotate-notice strong{text-transform:uppercase;max-width:16rem;margin:0;display:block}.rotate-notice p{color:var(--amber);font-family:var(--display);letter-spacing:.16em;margin-bottom:.45rem;font-size:.67rem;font-weight:800}.rotate-notice strong{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(1.4rem,7vw,2.4rem);line-height:.94}@keyframes mobile-hint{0%,65%{opacity:1}to{opacity:0}}@keyframes phone-turn{0%{opacity:0;transform:rotate(0)scale(.82)}to{opacity:1;transform:rotate(90deg)scale(1)}}.stage-footer{background:var(--paper-deep);min-height:52px;color:var(--ink);letter-spacing:.08em;flex-wrap:wrap;justify-content:flex-start}.stage-footer p{align-items:center;gap:.35rem;margin:0;display:flex}.stage-footer p+p{margin-left:.7rem}.key{border:1px solid var(--ink);min-width:2rem;box-shadow:2px 2px 0 var(--ink);text-align:center;background:oklch(97% .018 76);padding:.25rem .35rem}.key--wide{min-width:3.7rem}.stage-footer .stage-note{color:var(--red);margin-left:auto}.stage-note span{animation:1.8s cubic-bezier(.65,0,.35,1) infinite record-pulse}.site-footer{color:var(--ink-soft);font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:1rem;padding:2.5rem 0 1rem;font-size:.68rem;font-weight:700;display:flex}.site-footer p{margin:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes record-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (width>=760px){body{padding-inline:max(2rem, env(safe-area-inset-left)) max(2rem, env(safe-area-inset-right))}.masthead{grid-template-columns:1fr auto;align-items:end}.brand-lockup{grid-column:1/-1}.build-stamp{justify-self:end;margin-bottom:.5rem}}@media (width<=560px){h1{font-size:clamp(3rem,16vw,5.3rem);line-height:.86}.game-stage{box-shadow:7px 7px 0 var(--red)}.tape-edge span:nth-child(2),.stage-note{display:none}.stage-footer p+p{margin-left:0}.site-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}