:root{--black:#050506;--ink:#07060f;--red:#ff2a5f;--red-shade:#8c1734;--red-glow:#ff2a5f66;--red-dim:#ff2a5f22;--cyan:#35e8ff;--cyan-glow:#35e8ff66;--cyan-shade:#0fc4e0;--amber:#ffb020;--white:#f4f4f6;--white-dim:#f4f4f6b3;--white-faint:#f4f4f64d;--charcoal:#17171c;--fill-top:#121317;--fill-bottom:#0b0c0e;--well:#15181b;--bevel-light:#46414c;--bevel-dark:#36343a;--lock:#8a8e99;--strip:#0c0c0ed9;--led-bg:#08080a;--scrim:#050506b3;--scrim-strong:#050506e6;--bubble-them:#1c1f26;--bubble-me:#1e3a40;--font-title:"Tomorrow", "Arial Black", sans-serif;--font-body:"Chakra Petch", system-ui, sans-serif;--font-led:"Share Tech Mono", ui-monospace, monospace;--font-mono:"JetBrains Mono", ui-monospace, monospace;--fade:.6s;--blink:1.06s;--gutter:16px;--measure:34rem}@font-face{font-family:Tomorrow;src:url(../fonts/Tomorrow-ExtraBold.ttf)format("truetype");font-weight:800;font-display:swap}@font-face{font-family:Chakra Petch;src:url(../fonts/ChakraPetch-SemiBold.ttf)format("truetype");font-weight:400 600;font-display:swap}@font-face{font-family:Share Tech Mono;src:url(../fonts/ShareTechMono-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:JetBrains Mono;src:url(../fonts/JetBrainsMono-Variable.ttf)format("truetype");font-weight:100 800;font-display:swap}*,:before,:after{box-sizing:border-box}html{background:var(--black);color:var(--white);font-family:var(--font-body);-webkit-text-size-adjust:100%;scroll-behavior:auto}body{background:var(--black);margin:0;line-height:1.45;overflow-x:clip}img{max-width:100%;display:block}h1,h2,h3,p,ol,ul,blockquote{margin:0;padding:0}ol,ul{list-style:none}.skip{left:var(--gutter);z-index:10;background:var(--cyan);color:var(--black);font-family:var(--font-title);padding:.6rem 1rem;position:fixed;top:-4rem}.skip:focus{top:var(--gutter)}.lang-menu{top:max(var(--gutter), env(safe-area-inset-top));right:var(--gutter);z-index:10;font-family:var(--font-led);letter-spacing:.12em;font-size:.85rem;position:fixed}.lang-menu summary{cursor:pointer;background:var(--led-bg);border:1px solid var(--bevel-dark);color:var(--red);text-shadow:0 0 6px var(--red-glow);padding:.35rem .7rem;list-style:none}.lang-menu summary::-webkit-details-marker{display:none}.lang-menu ul{background:var(--scrim-strong);border:1px solid var(--bevel-dark);min-width:12rem;margin-top:.3rem;padding:.3rem 0;position:absolute;right:0}.lang-menu a,.langs a{color:var(--white-dim);white-space:nowrap;padding:.45rem .9rem;text-decoration:none;display:block}.lang-menu a:hover,.lang-menu a:focus-visible,.langs a:hover,.langs a:focus-visible{color:var(--white)}.lang-menu a[aria-current=page],.langs a[aria-current=page]{color:var(--cyan)}#stage{z-index:0;opacity:0;width:100vw;height:100svh;transition:opacity var(--fade) ease;display:block;position:fixed;inset:0}html.stage-ready #stage{opacity:var(--stage-opacity,1)}.stage-loading{z-index:1;font-family:var(--font-led);color:var(--red);letter-spacing:.12em;pointer-events:none;opacity:0;font-size:.8rem;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}html.js:not(.stage-ready):not(.no-3d) .stage-loading{opacity:1;animation:blink var(--blink) steps(1) infinite}.perf{z-index:20;background:var(--scrim-strong);color:var(--cyan);font:12px/1.3 var(--font-mono);pointer-events:none;margin:0;padding:6px 8px;position:fixed;top:8px;right:8px}main{z-index:2;position:relative}.beat{position:relative}.pin{height:100svh;padding:max(var(--gutter), env(safe-area-inset-top)) var(--gutter) max(var(--gutter), env(safe-area-inset-bottom));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:sticky;top:0;overflow:hidden}html:not(.stage-ready) .beat .pin,.beat.show-still .pin{background:linear-gradient(var(--scrim), var(--scrim)), var(--still,none) center / cover no-repeat}html:not(.stage-ready) .hero .pin{background:linear-gradient(to bottom, transparent 55%, var(--black) 92%), var(--still,none) center top / cover no-repeat}.hero{height:300vh}.epigraph{height:150vh}.y2026{height:320vh}.fold{height:300vh}.y2126{height:280vh}.night{height:260vh}.hook{height:220vh}.worlds{height:450vh}.play{height:300vh}html.js [data-reveal],html.js [data-out]{opacity:var(--v,0);transform:translateY(calc((1 - var(--v,0)) * 1.25rem));will-change:opacity, transform}html.js [data-out]:not([data-reveal]){opacity:var(--v,1);transform:translateY(calc((1 - var(--v,1)) * -1.25rem))}.kicker{font-family:var(--font-led);color:var(--red);letter-spacing:.2em;text-transform:uppercase;font-size:.85rem}.lead,h2{font-family:var(--font-title);text-transform:uppercase;letter-spacing:.01em;text-shadow:0 0 1.2rem var(--black);font-size:clamp(1.7rem,6.5vw,3.6rem);font-weight:800;line-height:1.05}.year{font-family:var(--font-led);color:var(--cyan);letter-spacing:.3em;font-size:clamp(1rem,3.5vw,1.4rem)}.narration{max-width:var(--measure);color:var(--white);text-shadow:0 0 .8rem var(--black), 0 0 .3rem var(--black);font-size:clamp(1.02rem,3.8vw,1.3rem)}.say{font-family:var(--font-title);text-shadow:0 0 1rem var(--black);font-size:clamp(1.3rem,5vw,2.2rem);line-height:1.15}.say.hugo{color:var(--white)}.say.toast{color:var(--cyan)}.bubble-pin[data-speaker=hugo]{--x:var(--hugo-x,0);--y:var(--hugo-y,0)}.bubble-pin[data-speaker=toast]{--x:var(--toast-x,0);--y:var(--toast-y,0)}.bubble-pin[data-speaker=sky]{--x:var(--sky-x,0);--y:var(--sky-y,0)}html.has-hugo .bubble-pin[data-speaker=hugo],html.has-toast .bubble-pin[data-speaker=toast],html.has-sky .bubble-pin[data-speaker=sky]{--edge:min(10rem, 40vw);z-index:2;left:clamp(var(--edge), calc(50% + var(--x) * 50%), calc(100% - var(--edge)));top:clamp(10rem, calc(50% - var(--y) * 50%), 100%);width:max-content;max-width:min(20rem,78vw);position:absolute;transform:translate(-50%,calc(-100% - .8rem))}html.has-hugo .bubble-pin[data-speaker=hugo] .bubble,html.has-toast .bubble-pin[data-speaker=toast] .bubble,html.has-sky .bubble-pin[data-speaker=sky] .bubble{--tail:var(--white);text-shadow:none;background:var(--white);color:var(--black);border-radius:1.1rem;padding:.55rem .95rem;font-size:clamp(1rem,3.8vw,1.35rem);position:relative}html.has-toast .bubble-pin[data-speaker=toast] .bubble{--tail:var(--cyan);background:var(--ink);border:2px solid var(--cyan);color:var(--cyan);box-shadow:0 0 1rem var(--cyan-glow)}html.has-sky .bubble-pin[data-speaker=sky] .bubble{--tail:var(--red);background:var(--led-bg);border:1px solid var(--red);color:var(--red);box-shadow:0 0 1.2rem var(--red-dim);border-radius:0;font-size:clamp(.85rem,3.2vw,1.1rem)}html.has-hugo .bubble-pin[data-speaker=hugo] .bubble:after,html.has-toast .bubble-pin[data-speaker=toast] .bubble:after,html.has-sky .bubble-pin[data-speaker=sky] .bubble:after{content:"";border:.7rem solid #0000;border-top-color:var(--tail);position:absolute;top:100%;left:50%;transform:translate(-50%)}.say.sky{font-family:var(--font-led);color:var(--red);text-shadow:0 0 1.2rem var(--red-glow);text-transform:uppercase;letter-spacing:.04em}.cursor{vertical-align:-.12em;background:var(--red);width:.55em;height:1em;animation:blink var(--blink) steps(1) infinite;margin-left:.15em;display:inline-block}@keyframes blink{50%{opacity:0}}.led{background:radial-gradient(circle, var(--red-dim) .9px, transparent 1.2px) 0 0 / 4px 4px, var(--led-bg);border:2px solid var(--bevel-dark);outline:1px solid var(--charcoal);min-width:min(100%,22rem);box-shadow:inset 0 0 0 1px var(--charcoal), 0 0 1.5rem var(--red-dim);justify-content:center;align-items:center;padding:.55rem 1.6rem;display:inline-flex;position:relative}.led:before,.led:after{content:"";background:var(--red);width:6px;height:14px;box-shadow:0 0 8px var(--red);position:absolute;top:50%;transform:translateY(-50%)}.led:before{left:8px}.led:after{right:8px}.led-text{font-family:var(--font-led);color:var(--red);letter-spacing:.18em;text-shadow:0 0 6px var(--red-glow);white-space:nowrap;font-size:clamp(.9rem,3.6vw,1.25rem)}.hero .pin{justify-content:space-between}.hero-top{flex-direction:column;align-items:center;gap:.6rem;width:100%;display:flex}.wordmark img{width:min(86vw,34rem);height:auto;filter:drop-shadow(0 .4rem 1.4rem var(--red-glow))}.tagline{font-family:var(--font-title);text-shadow:0 0 1rem var(--black);font-size:clamp(1rem,4.2vw,1.5rem)}.spoiler{left:clamp(9.5rem, calc(50% + var(--spoiler-x,0) * 50%), calc(100% - 9.5rem));top:calc(50% - var(--spoiler-y,0) * 50%);pointer-events:none;display:none;position:absolute;transform:translate(-50%,-50%)rotate(-3deg)}html.has-spoiler .spoiler{display:block}.spoiler-tag{flex-direction:column;align-items:center;gap:.35rem;display:flex}.spoiler-bar{background:var(--black);border:1px solid var(--red);font-family:var(--font-led);letter-spacing:.35em;color:var(--white);box-shadow:0 0 1rem var(--red-dim);padding:.2rem 1.4rem;font-size:clamp(.85rem,3vw,1.1rem)}.spoiler-note{font-family:var(--font-mono);color:var(--white-dim);white-space:nowrap;text-shadow:0 0 .5rem var(--black);font-size:.72rem}.hero-pitch{left:var(--gutter);right:var(--gutter);max-width:28rem;font-family:var(--font-title);text-shadow:0 0 1.4rem var(--black), 0 0 .4rem var(--black);margin:0 auto;font-size:clamp(1.25rem,5vw,2rem);line-height:1.2;position:absolute;top:50%;transform:translateY(-50%)}.hero-bottom{flex-direction:column;align-items:center;gap:.55rem;width:100%;display:flex}.badges-label{font-family:var(--font-led);color:var(--white-dim);letter-spacing:.25em;text-transform:uppercase;font-size:.75rem}.scroll-hint{font-family:var(--font-led);letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);font-size:.75rem;animation:1.8s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(.35rem)}}.badges{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;width:min(100%,34rem);display:grid}.badge{--cut:12px;text-align:left;font-family:var(--font-title);text-transform:uppercase;color:var(--white);background:linear-gradient(var(--fill-top), var(--fill-bottom));clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));box-shadow:inset 0 0 0 2px var(--bevel-light);grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:.65rem;padding:.65rem .9rem;font-size:clamp(.85rem,3.4vw,1.05rem);display:grid;position:relative}.badge:after{content:"";top:0;right:0;bottom:var(--cut);background:var(--red);width:3px;box-shadow:0 0 10px var(--red);position:absolute}.badge small{font-family:var(--font-led);letter-spacing:.18em;color:var(--red);grid-area:1/2;font-size:.68rem}.badge-icon{background:var(--red);width:1.6rem;height:1.6rem;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;grid-row:1/span 2}.badges-compact{width:min(100%,26rem)}.badges-compact .badge{padding:.45rem .7rem;font-size:clamp(.72rem,3vw,.9rem)}.badges-compact .badge-icon{width:1.15rem;height:1.15rem}.icon-phone{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 1h10a2 2 0 0 1 2 2v18a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2zm0 3v15h10V4zm5 16.2a1 1 0 1 0 0 .01z' fill='black'/%3E%3C/svg%3E")}.icon-droid{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 9h14v9a2 2 0 0 1-2 2h-1v3h-2v-3h-4v3H8v-3H7a2 2 0 0 1-2-2zm1-1a6 6 0 0 1 12 0zm3.5-3a1 1 0 1 0 0 .01zm5 0a1 1 0 1 0 0 .01zM2 10h2v7H2zm18 0h2v7h-2z' fill='black'/%3E%3C/svg%3E")}.icon-laptop{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16a1 1 0 0 1 1 1v11H3V5a1 1 0 0 1 1-1zm1 2v8h14V6zM1 17h22v1a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2z' fill='black'/%3E%3C/svg%3E")}.icon-monitor{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 3h20a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-8v2h4v2H6v-2h4v-2H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm1 2v10h18V5z' fill='black'/%3E%3C/svg%3E")}.epigraph .pin{background:var(--black)}.epigraph blockquote{max-width:40rem}.epigraph p{font-family:var(--font-body);font-size:clamp(1.15rem,4.4vw,1.75rem);line-height:1.5}.epigraph cite{font-family:var(--font-led);color:var(--white-dim);letter-spacing:.12em;margin-top:1.2rem;font-style:normal;display:block}.y2026 .pin{justify-content:flex-start;padding-top:max(3rem,8svh)}.y2026-grid{gap:1rem;width:min(100%,60rem);margin-top:.5rem;display:grid}.chat,.feed{grid-area:1/1}.chat{flex-direction:column;gap:.45rem;width:min(100%,26rem);margin:0 auto;display:flex}.bubble{text-align:left;border-radius:1rem;max-width:85%;padding:.5rem .8rem;font-size:clamp(.85rem,3.4vw,1rem);line-height:1.3}.bubble.me{background:var(--bubble-me);border-bottom-right-radius:.25rem;align-self:flex-end}.bubble.bot{background:var(--bubble-them);color:var(--white-dim);border-bottom-left-radius:.25rem;align-self:flex-start}.feed{text-align:left;flex-direction:column;gap:.6rem;width:min(100%,26rem);margin:0 auto;display:flex}.headline{background:var(--white);color:var(--black);padding:.6rem .8rem}.headline .kicker{font-size:.7rem}.headline p{font-family:var(--font-title);font-size:clamp(1rem,4vw,1.25rem);line-height:1.15}.post{background:var(--strip);border:1px solid var(--bevel-dark);padding:.7rem .85rem}.post-app{font-family:var(--font-led);letter-spacing:.2em;color:var(--cyan);text-transform:uppercase;font-size:.7rem}.post-who span{color:var(--lock);font-size:.8rem}.post-body{margin-top:.3rem;font-size:clamp(.95rem,3.6vw,1.1rem)}.replies{flex-wrap:wrap;gap:.4rem;margin-top:.55rem;display:flex}.replies li{border:1px solid var(--bevel-light);color:var(--white-dim);border-radius:1rem;padding:.15rem .55rem;font-size:.8rem}@media (min-width:900px){.y2026-grid{grid-template-columns:1fr 1fr;align-items:start}.feed{grid-area:1/2}html.js .chat[data-out]{opacity:1;transform:none}}.year-counter{font-size:clamp(3.5rem,18vw,9rem);font-family:var(--font-led);letter-spacing:.05em;color:var(--red);text-shadow:0 0 2rem var(--red-glow);line-height:1}.fold .pin{padding-top:max(6vh, env(safe-area-inset-top));justify-content:flex-start}.fold-lines{max-width:var(--measure);text-shadow:0 0 .8rem var(--black);flex-direction:column;gap:.6rem;font-size:clamp(1.05rem,4vw,1.4rem);display:flex}.y2126 .pin,.night .pin{justify-content:flex-end;gap:.75rem;padding-bottom:max(3rem,10svh)}.y2126 .pin>*,.night .pin>*{max-width:var(--measure)}.y2126 .year{margin:0 auto;position:absolute;top:max(2.5rem,7svh);left:0;right:0}@media (min-aspect-ratio:6/5){.y2126 .pin,.night .pin{text-align:left;padding-left:max(4vw, var(--gutter));justify-content:center;align-items:flex-start}.y2126 .pin>*,.night .pin>*{max-width:min(30rem,38vw)}}.led-alarm{top:max(2.5rem,7svh);left:var(--gutter);right:var(--gutter);max-width:30rem;box-shadow:inset 0 0 0 1px var(--charcoal), 0 0 2.5rem var(--red-glow);margin:0 auto;position:absolute}.hook .pin{justify-content:space-between;padding-top:max(3rem,10svh);padding-bottom:max(3rem,10svh)}.hugo-aside{font-style:italic}.hook-title{flex-direction:column;gap:.2rem;font-size:clamp(2rem,9vw,5rem);display:flex}.hook-title span:first-child{color:var(--white)}.hook-title span:last-child{color:var(--red);text-shadow:0 0 2rem var(--red-glow)}.worlds .pin{background:var(--black);justify-content:center;align-items:stretch;padding-left:0;padding-right:0}.worlds-head{padding:0 var(--gutter)}.worlds-head h2{margin-top:.35rem;font-size:clamp(1.4rem,5vw,2.6rem)}.strip{padding:1.2rem var(--gutter) 0;transform:translateX(calc(var(--p,0) * -1 * var(--travel,0px)));will-change:transform;gap:1rem;display:flex}.world{--cut:16px;text-align:left;background:linear-gradient(var(--fill-top), var(--fill-bottom));clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));box-shadow:inset 0 0 0 2px var(--bevel-light);flex:0 0 min(78vw,24rem);padding-bottom:1rem;position:relative}.world img{aspect-ratio:505/360;object-fit:cover;border-bottom:3px solid var(--red);width:100%}.world-no{font-family:var(--font-led);color:var(--red);background:var(--led-bg);letter-spacing:.15em;padding:.1rem .4rem;position:absolute;top:.6rem;right:.8rem}.world h3{font-family:var(--font-title);text-transform:uppercase;margin:.75rem 1rem .35rem;font-size:clamp(1.15rem,4.5vw,1.5rem)}.world blockquote{color:var(--white-dim);margin:0 1rem;font-size:clamp(.92rem,3.5vw,1.05rem)}.world cite{font-family:var(--font-led);letter-spacing:.12em;color:var(--red);text-transform:uppercase;margin-top:.45rem;font-size:.75rem;font-style:normal;display:block}.play .pin{justify-content:space-between;padding-top:max(2rem,6svh);padding-bottom:max(2rem,6svh)}.play-head h2{max-width:44rem;margin:.35rem auto 0;font-size:clamp(1.3rem,5vw,2.6rem)}.points{left:var(--gutter);right:var(--gutter);width:min(calc(100% - 2 * var(--gutter)), 60rem);text-align:left;gap:.5rem;margin:0 auto;display:grid;position:absolute;top:50%;translate:0 -50%}.points li{background:var(--strip);border-left:3px solid var(--cyan);padding:.55rem .8rem}.points h3{font-family:var(--font-title);text-transform:uppercase;font-size:clamp(.9rem,3.6vw,1.1rem)}.points p{color:var(--white-dim);font-size:clamp(.85rem,3.3vw,1rem)}.gear-captions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;width:min(100%,60rem);display:grid}.gear-captions li{flex-direction:column;gap:.2rem;font-size:clamp(.7rem,2.8vw,.95rem);display:flex}.gear-captions strong{font-family:var(--font-title);text-transform:uppercase;color:var(--cyan);font-size:clamp(.7rem,2.8vw,1rem);line-height:1.1}.gear-captions span{color:var(--white-dim)}@media (min-width:900px){.points{grid-template-columns:repeat(3,1fr)}}.download{background:radial-gradient(ellipse at 50% 0%, var(--red-dim), transparent 60%), var(--black);flex-direction:column;justify-content:space-between;min-height:100svh;display:flex}.download-inner{padding:4rem var(--gutter) 2rem;text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.download h2{font-size:clamp(1.8rem,7vw,3.6rem)}.download .tag{font-family:var(--font-mono);color:var(--white-dim);font-size:.9rem}.site-footer{padding:2rem var(--gutter) max(2rem, env(safe-area-inset-bottom));text-align:center;color:var(--lock);flex-direction:column;align-items:center;gap:.35rem;font-size:.75rem;display:flex}.site-footer .studio{font-family:var(--font-mono);letter-spacing:.08em;color:var(--white);margin-bottom:.4rem;font-size:1rem;font-weight:700}.langs ul{flex-wrap:wrap;justify-content:center;margin-top:.8rem;display:flex}.langs a{font-family:var(--font-mono);padding:.3rem .6rem}.noscript{z-index:5;padding:.6rem var(--gutter);background:var(--scrim-strong);text-align:center;font-size:.85rem;position:fixed;bottom:0;left:0;right:0}@media (prefers-reduced-motion:reduce){.scroll-hint,.cursor,.stage-loading{animation:none!important}}
