@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,800&family=IBM+Plex+Mono:wght@400;500&family=Press+Start+2P&family=Silkscreen&family=VT323&display=swap";body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{display:flex;width:100%;justify-content:center}:root{--ti: "Press Start 2P", ui-monospace, monospace;--mac: "VT323", ui-monospace, monospace;--flash: "Silkscreen", ui-monospace, monospace}html,body{height:100%}body.home{color-scheme:dark;box-sizing:border-box;margin:0;background:radial-gradient(120% 80% at 50% 0%,var(--room-2),var(--room) 60%);background-color:var(--room);color:var(--ink);font:16px/1.55 var(--display);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:28px 40px;overflow-x:hidden}body.home *{box-sizing:border-box}body.home [hidden]{display:none!important}body.home button{font:inherit;color:inherit;cursor:pointer}body.home :focus-visible{outline:2px solid var(--neon);outline-offset:3px}#intro{max-width:620px;margin:0 auto;display:grid;gap:22px}.bezel{border-radius:26px;padding:22px 22px 30px;background:#3b2a1f;box-shadow:inset 0 2px #ffffff14,0 30px 60px #00000073;transition:background .5s,border-radius .5s;position:relative}.bezel:after{content:"";position:absolute;right:26px;bottom:11px;width:7px;height:7px;border-radius:50%;background:#ff5a3c;box-shadow:0 0 8px #ff5a3c}.screen{aspect-ratio:4 / 3;max-width:100%;border-radius:18px/22px;overflow:hidden;position:relative;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;transition:background .4s,color .4s}.screen canvas{width:min(46%,220px);aspect-ratio:1;align-self:center;image-rendering:pixelated}.chrome{width:100%;min-height:18px}.msg{min-height:3.4em;padding:0 18px 18px;text-align:center;text-wrap:balance;display:grid;place-items:center}.scan:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 1px,transparent 1px 3px)}.e0 .bezel{background:linear-gradient(135deg,#4a3322,#2f1f15)}.e0 .screen{background:#5ed0d8;color:#101018;font:12px/1.9 var(--ti);text-transform:uppercase}.e0 .chrome{height:18px;background:linear-gradient(90deg,#000 0,#000 12.5%,#2cbb3c 0,#2cbb3c 25%,#5edc74 0,#5edc74 37.5%,#5455ed 0,#5455ed 50%,#d4524d 0,#d4524d 62.5%,#42ebf5 0,#42ebf5 75%,#fd5554 0,#fd5554 87.5%,#fff 0)}.e1 .bezel{background:#d8d1bf;border-radius:14px}.e1 .bezel:after{background:#6c9a5b;box-shadow:none}.e1 .screen{background:#fff;color:#000;font:26px/1.1 var(--mac);border-radius:6px}.e1 .chrome{border-bottom:2px solid #000;font:20px/1 var(--mac);padding:3px 10px;text-align:left}.e2 .bezel{background:#cfc8b4;border-radius:12px}.e2 .screen{background:teal;color:#000;font:13px/1.4 Verdana,Tahoma,sans-serif;border-radius:6px}.e2 .chrome{background:navy;color:#fff;font:700 12px/1 Verdana,sans-serif;padding:4px 8px;text-align:left}.e2 .msg span{background:silver;padding:8px 12px;border:2px solid;border-color:#fff #404040 #404040 #fff}.e3 .bezel{background:linear-gradient(#5a5d66,#26282e);border-radius:18px}.e3 .screen{background:radial-gradient(circle at 50% 40%,#2b2f38,#050507 70%);color:#ffb067;font:14px/1.5 var(--flash);letter-spacing:.06em}.e3 .screen canvas{filter:drop-shadow(0 0 14px rgba(255,138,40,.65))}.e4 .bezel{background:#22242b;border-radius:30px}.e4 .bezel:after{background:var(--amber);box-shadow:0 0 10px var(--amber)}.e4 .screen{background:radial-gradient(circle at 50% 35%,#2c2a3a,#141419 75%);color:var(--ink);font:500 17px/1.4 var(--display);border-radius:18px}.e4 .screen canvas{image-rendering:auto}.thinking{background:linear-gradient(90deg,var(--ink-dim) 30%,#fff 50%,var(--ink-dim) 70%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.meter{display:grid;gap:10px}.meter-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-family:var(--mono);font-size:12px;color:var(--ink-dim);letter-spacing:.08em;text-transform:uppercase}#year{font:800 clamp(34px,8vw,52px)/1 var(--display);color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.track{position:relative;height:16px;border-radius:999px;background:var(--room);border:1px solid var(--line);overflow:hidden}#fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:linear-gradient(90deg,#5ed0d8 0 20%,#f2efe6 20% 40%,#3a6ea5 40% 60%,#ff8a28 60% 80%,var(--coral) 80%);background-size:var(--full, 100%) 100%}.ticks,.heckles{display:grid;grid-template-columns:repeat(5,1fr);font-family:var(--mono);font-size:11px;color:var(--ink-dim)}.ticks span{border-left:1px solid var(--line);padding-left:6px}.heckles{position:relative;font-size:12px;color:var(--ink);line-height:1.35}.heckles span{padding:0 8px 0 6px;min-width:0}#cover{position:absolute;inset:0 0 0 auto;width:100%;background:var(--room);transition:none}.intro-actions{display:flex;justify-content:center;gap:10px}.ghost{background:none;border:1px solid var(--line);border-radius:999px;padding:6px 16px;font:12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim)}body.home .ghost{font:12px var(--mono);color:var(--ink-dim)}.ghost:hover,body.home .ghost:hover{color:var(--neon);border-color:var(--neon)}#motes{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;transition:opacity 1.3s ease-in}#home{position:relative;z-index:1;transform-origin:50% 45%;transition:transform 1.5s cubic-bezier(.55,0,.2,1),opacity 1.3s ease-in,filter 1.3s ease-in;max-width:1500px;margin:0 auto;display:grid;gap:clamp(22px,4.5vh,48px);padding-block:1vh 0}.hall-defs{position:absolute}#home:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--grain);pointer-events:none}.top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:28px 48px}.hello h1{font:800 clamp(52px,8.4vw,112px)/.9 var(--display);letter-spacing:-.04em;margin:0 0 18px}.say{font:14px var(--mono);color:var(--amber);margin:0 0 12px}.hello p:last-child{max-width:50ch;margin:0;font-size:18px}.hall{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.art{display:block;position:relative;aspect-ratio:220 / 340}.art svg{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.host .art:before,.door:nth-of-type(4) .art:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:calc(100% * 284 / 340);bottom:-14px;border-image:linear-gradient(#24262e 0,#24262e 5px,#ffffff29 5px,#ffffff29 6px,#ffffff13 6px,#fff0 96%) fill 0 / 0 / 0 100vw}.door:nth-of-type(4) .art:before{display:none}#buddy{position:absolute;left:-8%;top:27.5%;width:112%;aspect-ratio:1}.host .art:after{content:"";position:absolute;left:20%;right:24%;top:86.5%;height:4.5%;border-radius:50%;background:#00000080;filter:blur(5px);z-index:-1}.pick{position:absolute;left:10%;top:7%;margin:0;padding:0 0 8px 12px;border-left:2px solid var(--coral);font:500 15px/1.3 var(--display);color:var(--ink-dim)}.door{display:block;text-decoration:none;color:var(--ink);-webkit-tap-highlight-color:transparent;outline-offset:6px}.door b{display:block;margin:16px 8px 4px 17%;font:600 19px/1.15 var(--display);letter-spacing:-.01em;transition:color .25s;text-wrap:balance}.door small{display:block;margin:0 10px 0 17%;font:13.5px/1.4 var(--display);color:var(--ink-dim);text-wrap:pretty}.door small.url{font:12px/1.6 var(--mono)}.door:hover b,.door:focus-visible b{color:var(--light)}.door.through .art{view-transition-name:var(--door)}.door{container-type:inline-size}.door .art{perspective:620px;perspective:290cqw;perspective-origin:50% 44%}.leaf{transform-origin:var(--hinge) 50%;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.door:hover .leaf,.door:focus-visible .leaf{transform:rotateY(var(--swing, 30deg))}.door:active .leaf{transform:rotateY(calc(var(--swing, 30deg) * 1.6))}.shade,.rim{opacity:0;transition:opacity .45s}.door:hover .shade,.door:focus-visible .shade{opacity:.28}.door:hover .rim,.door:focus-visible .rim{opacity:.9}.out{opacity:0;transition:opacity .3s}.door:hover .out,.door:focus-visible .out{opacity:1;transition:opacity .5s .12s}.spill{transform:scaleX(.2);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.door:hover .spill,.door:focus-visible .spill{transform:scaleX(1);transition-delay:.1s}.door:active .spill{transform:scaleX(1.7)}.pool{opacity:.7;transition:opacity .45s}.door:hover .pool,.door:focus-visible .pool{opacity:1}.door .art:after{content:"";position:absolute;z-index:-1;top:2%;right:-8%;bottom:10%;left:-8%;border-radius:50%;background:radial-gradient(closest-side,var(--light),transparent);opacity:0;transition:opacity .45s}.cases .art:after,.shop .art:after,.cabin .art:after{opacity:.07}.door:hover .art:after,.door:focus-visible .art:after{opacity:.2}.lit{transition:opacity .45s}.door:hover .lit,.door:focus-visible .lit{opacity:1}.memory .art{perspective-origin:95% 52%}.leaf.back{transform:rotateY(0) translateZ(-12px);transform:rotateY(0) translateZ(-5.5cqw)}.door:hover .leaf.back,.door:focus-visible .leaf.back{transform:rotateY(var(--swing)) translateZ(-12px);transform:rotateY(var(--swing)) translateZ(-5.5cqw)}.door:active .leaf.back{transform:rotateY(calc(var(--swing) * 1.6)) translateZ(-12px);transform:rotateY(calc(var(--swing) * 1.6)) translateZ(-5.5cqw)}.memory:hover .leaf,.memory:focus-visible .leaf{transition-delay:.2s}.memory:hover .out,.memory:focus-visible .out{transition-delay:.34s}.lever{transform-origin:162.5px 178px;transition:transform .45s cubic-bezier(.3,1.5,.5,1) .3s}.door:hover .lever,.door:focus-visible .lever{transform:rotate(52deg);transition-delay:0s}.bar{transition:transform .15s}.door:hover .bar,.door:focus-visible .bar{transform:translateY(1.5px)}.orbit{transform-origin:0 0;animation:orbit 140s linear infinite}.day.hot{animation:commit 8s ease-in-out infinite}.sign{animation:buzz 11s linear infinite}.pane.a{animation:fire 2.4s steps(3) infinite alternate}.pane.b{animation:fire 1.7s steps(3) infinite alternate-reverse}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes commit{0%,to{opacity:1}50%{opacity:.45}}@keyframes buzz{0%,91%,93.5%,96.5%,to{opacity:1}92%,95.5%{opacity:.35}}@keyframes fire{0%{opacity:1}to{opacity:.72}}.machines{margin:0 0 4px;display:grid;gap:9px;width:min(100%,400px)}.machines div{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:baseline}.machines dt{font:500 12px var(--mono);color:var(--amber)}.machines dd{margin:0;font-size:14px;line-height:1.4;color:var(--ink-dim);text-wrap:pretty}.machines dd b{font-weight:600;color:var(--ink)}.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13px;color:var(--ink-dim)}.foot a,body.home .replay{color:inherit;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}body.home .replay{background:none;border:0;padding:0}.foot a:hover,body.home .replay:hover{color:var(--neon);text-decoration-color:currentColor}#memory{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;z-index:0;visibility:hidden;transition:visibility 0s 1.5s}body.away #memory{visibility:visible;transition:none}body.away #home,body.away #motes{transform:scale(.06);opacity:0;filter:blur(6px);pointer-events:none}body.away{overflow:hidden}@media(max-width:1099px){.hall{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:30px}.door:nth-of-type(4){grid-column-start:2}.door:nth-of-type(4) .art:before{display:block}}@media(max-width:640px){.hall{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:26px}.host{grid-column:1 / -1}.host .art{aspect-ratio:auto;height:132px}#buddy{left:-4px;top:-6px;width:140px}.host .art:after{left:22px;right:auto;width:84px;top:84%;height:9px}.pick{left:148px;top:30px}.door:nth-of-type(4){grid-column-start:auto}.door:nth-of-type(4) .art:before{display:none}.door:nth-of-type(odd) .art:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:calc(100% * 284 / 340);bottom:-14px;border-image:linear-gradient(#24262e 0,#24262e 5px,#ffffff29 5px,#ffffff29 6px,#ffffff13 6px,#fff0 96%) fill 0 / 0 / 0 100vw}.door b{font-size:17px;margin-top:12px}.ticks,.heckles{font-size:10px}.e0 .screen{font-size:9px}}@media(prefers-reduced-motion:reduce){.thinking{animation:none;color:var(--ink)}#home,#memory,.leaf,.lever,.pool,.lit,.out,.spill,.shade,.rim,.door .art:after{transition:none!important}.orbit,.day.hot,.sign,.pane.a,.pane.b{animation:none}}