@font-face{font-family:Sedgwick Ave Display;src:url(/fonts/sedgwick-ave-display.woff2)format("woff2");font-display:block}@font-face{font-family:Archivo;src:url(/fonts/archivo.woff2)format("woff2");font-weight:400 600;font-display:swap}@font-face{font-family:Montserrat;src:url(/fonts/montserrat.woff2)format("woff2");font-weight:500 700;font-display:swap}:root{--ui:#141416;--dim:#1414169e;--paper:#ebe5d6;--alert:#d4261c;--line:1px solid var(--ui);--sans:"Archivo", system-ui, sans-serif;--display:"Sedgwick Ave Display", cursive;--ink:#111;--text-1:#ebe5d6bf;--text-2:#ebe5d68c;--text-3:#ebe5d666;--text-4:#ebe5d64d;--hair:#ebe5d61a;--edge:#ebe5d62e;--error:#e0675e;--status-lost:#d18882;--status-slow:#d2ad7a;--mono:ui-monospace, "SF Mono", Menlo, Consolas, "Courier New", monospace;--veil:#0e0e1059;--glass:rgb(0 0 0/var(--box-opacity));--z-shade:5;--z-world:10;--z-frame:20;--z-aim:30;--z-tool:40;--z-hint:50;--z-toast:60;--z-hotbar:70;--z-menu:80;--z-panel:90;--z-loading:100;--z-dialog:110}html,body{height:100%;font-family:var(--mono);letter-spacing:.08em;color:var(--ui);-webkit-user-select:none;user-select:none;background:#000;margin:0;font-size:11px;overflow:hidden}canvas{width:100vw;height:100vh;image-rendering:pixelated;display:block}[hidden]{display:none!important}html:not(.game),html:not(.game) body{-webkit-user-select:text;user-select:text;height:auto;overflow:auto}html:not(.game) body>:not(.about){display:none!important}.game .about{display:none}.game.about-open .about{z-index:var(--z-dialog);overscroll-behavior:contain;-webkit-user-select:text;user-select:text;clip-path:circle(0 at var(--portal,50% 50%));transition:clip-path .55s cubic-bezier(.65,0,.35,1);display:block;position:fixed;inset:0;overflow:auto}.game.about-open .about.open{clip-path:circle(150% at var(--portal,50% 50%))}@media (prefers-reduced-motion:reduce){.game.about-open .about{transition:none}}.loading{z-index:var(--z-loading);color:var(--paper);background:#000;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}.loading .title{font-family:var(--display);letter-spacing:.02em;margin:0;font-size:96px;font-weight:400;line-height:1}.loading p{min-height:18px;font-family:var(--sans);letter-spacing:.01em;color:var(--text-2);justify-items:center;margin:0;font-size:13px;display:grid}.loading span{opacity:0;grid-area:1/1;transition:opacity .25s}.loading span.on{opacity:1}.about{font-family:var(--sans);letter-spacing:normal;color:var(--paper);font-size:16px}.about a{color:var(--paper);text-decoration:none;transition:color .2s,border-color .2s,background .2s}.about a:focus-visible{outline:2px solid var(--paper);outline-offset:3px}.about .top{z-index:1;border-bottom:1px solid var(--hair);background:#000;justify-content:space-between;align-items:center;gap:16px;padding:22px 40px;display:flex;position:sticky;top:0}.about .mark{font:400 26px / 1 var(--display);letter-spacing:.02em;white-space:nowrap}.about .top nav{align-items:center;gap:24px;font-size:13px;display:flex}.about .top nav a{color:var(--text-2);padding:3px 0}.about .top nav a:hover{color:var(--paper)}.about .top nav .play,.about .enter,.about .play-now{background:var(--paper);color:var(--ink);border-radius:4px;padding:7px 14px;font-weight:600}.about .top nav .play:hover,.about .play-now:hover,.about .enter:hover{color:var(--ink);background:#fff}@media (pointer:coarse) and (hover:none){.about .top nav .play{display:none}}.about p,.about dl,.about dd,.about figure{margin:0}.about .hero,.about .column,.about>footer{padding-inline:max(24px,50% - 400px)}.about .hero{isolation:isolate;align-items:flex-end;min-height:min(72vh,680px);padding-block:96px 40px;display:flex;position:relative}html:not(.game) .about .hero{background:url(/about/roof.webp) 50% 40%/cover no-repeat}@media (orientation:portrait){html:not(.game) .about .hero{background-image:url(/about/roof-portrait.webp)}}.about .hero-video{z-index:-2;object-fit:cover;object-position:50% 40%;width:100%;height:100%;position:absolute;inset:0}.game .about .hero-video{display:none}.about .hero:after{content:"";z-index:-1;background:linear-gradient(#0000001a 0%,#00000040 25%,#000c 65%,#000 100%);position:absolute;inset:0}.about .hero-text{max-width:680px;color:var(--text-1);text-wrap:pretty;flex-direction:column;gap:14px;font-size:15px;line-height:1.6;display:flex}.about h1{color:var(--paper);flex-direction:column;gap:14px;margin:0;font-size:20px;font-weight:600;line-height:1.4;display:flex}.about h1 .name{font:400 88px / 1 var(--display);letter-spacing:.02em}.about .failed:not([hidden]){border:1px solid var(--edge);background:#0009;border-radius:5px;flex-direction:column;align-items:flex-start;gap:6px;max-width:560px;padding:16px 20px 18px;display:flex}.about .failed-head{color:var(--paper);align-items:baseline;gap:10px;font-size:15px;font-weight:600;line-height:1.4;display:flex}.about .failed-head:before{content:"";background:var(--error);border-radius:50%;flex:none;width:8px;height:8px;transform:translateY(-1px)}.about .failed-how{color:var(--text-1);padding-left:18px;font-size:14px;line-height:1.55}.about .reload{border:1px solid var(--edge);border-radius:5px;margin:8px 0 0 18px;padding:8px 14px;font-size:13px;font-weight:600}.about .reload:hover{border-color:var(--paper)}.about .enter{border-radius:5px;align-self:flex-start;margin-top:10px;padding:13px 22px;font-size:15px;display:none}.about-open .about .enter{display:inline-block}.about .play-now:not([hidden]){border-radius:5px;align-self:flex-start;margin-top:10px;padding:13px 22px;font-size:15px;display:inline-block}.game .about #start{display:none}.about:has(.play-now:not([hidden])) #start{display:none}.about:has(.failed:not([hidden])) #start{display:none}.about #start>div{flex-direction:column;gap:14px;display:flex}.about #start>.start-window,.needs-room .about #start>.start-device{display:none}.needs-room .about #start>.start-window{display:flex}.about .send:not([hidden]){border:1px solid var(--edge);color:var(--paper);font:600 14px var(--sans);cursor:pointer;background:0 0;border-radius:5px;padding:11px 18px}.about .send:hover{border-color:var(--paper)}.about .updates{color:var(--text-2);grid-template-columns:repeat(3,1fr);gap:28px 32px;margin:0;padding:0;font-size:13px;line-height:1.5;list-style:none;display:grid}.about .updates time{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:4px;font-size:11px;font-weight:600;display:block}.about .updates strong{margin-bottom:4px;font-size:17px;font-weight:600;line-height:1.25;display:block}.about .updates strong a{color:var(--paper);border:0}.about-open .about .top .play{display:none}.about .column{padding-bottom:56px}.about .facts,.about .tools{grid-template-columns:repeat(3,1fr);gap:32px;font-size:14px;line-height:1.5;display:grid}.about .facts dd{color:var(--text-2);font-size:13px}.about .facts dd strong{color:var(--paper);margin-bottom:4px;font-size:17px;font-weight:600;line-height:1.25;display:block}.about .tools.caps dt{letter-spacing:.04em;flex-direction:column;align-items:flex-start;gap:8px}.about :is(.caps,.kit) img{max-width:100%;height:auto}.about .caps img{width:192px}.about .kit img{width:160px}.about .kit{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.about .kit>div{flex-direction:column;gap:8px;display:flex}.about .kit h4{color:var(--paper);margin:0;font-size:17px;font-weight:600;line-height:1.25}.about :is(.facts,.tools)>div{flex-direction:column;gap:8px;display:flex}.about .facts dt{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:600}.about .tools dt{color:var(--paper);align-items:center;gap:7px;font-weight:600;display:flex}.about dd{color:var(--text-1)}.about section{border-top:1px solid var(--hair);color:var(--text-1);text-wrap:pretty;flex-direction:column;gap:16px;margin-top:56px;padding-top:40px;font-size:14px;line-height:1.65;display:flex}.about .label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:600}.about h2{font:400 40px / 1.05 var(--display);letter-spacing:.02em;color:var(--paper);margin:-6px 0 0}.about .desc{max-width:600px;color:var(--text-1);margin-bottom:10px;font-size:16px;line-height:1.55}.about h3{color:var(--paper);margin:14px 0 -4px;font-size:14px;font-weight:600}.about ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.about .column>section:first-child{border-top:0;margin-top:0;padding-top:32px}.about .prose>p:not(.label,.desc){max-width:640px;font-size:15px}.about #painting h3{font:400 26px / 1.1 var(--display);letter-spacing:.02em;margin:32px 0 -8px}.about #painting :is(dl,ul,.kit){margin-top:8px}.about .prose h3{font:400 26px / 1.1 var(--display);letter-spacing:.02em;margin:18px 0 -6px}.about ul.cols{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:16px 32px;display:grid}.about li{padding-left:20px;position:relative}.about li:before{content:"–";color:var(--text-4);position:absolute;left:0}.about .updates li{padding-left:0}.about .updates li:before{content:none}.about strong{color:var(--paper);font-weight:600}.about kbd{border:1px solid var(--edge);font:.88em var(--mono);color:var(--paper);border-radius:3px;padding:1px 5px}.about :is(p,li) a{border-bottom:1px solid var(--text-4)}.about :is(p,li) a:hover{color:#fff;border-bottom-color:var(--paper)}.about .faq-group{border-top:1px solid var(--hair);grid-template-columns:200px 1fr;gap:32px;padding:12px 0;display:grid}.about .faq-group h3{font:400 26px / 1.1 var(--display);letter-spacing:.02em;align-self:start;margin:0;padding-top:9px;position:sticky;top:90px}.about details+details{border-top:1px solid var(--hair)}.about summary{color:var(--paper);cursor:pointer;padding:12px 28px 12px 0;font-weight:600;list-style:none;position:relative}.about summary::-webkit-details-marker{display:none}.about summary:after{content:"+";color:var(--text-3);font-size:18px;font-weight:400;position:absolute;top:10px;right:0}.about details[open] summary:after{content:"–"}.about summary:hover:after{color:var(--paper)}.about summary:focus-visible{outline:2px solid var(--paper);outline-offset:2px}.about details p{max-width:560px;padding-bottom:16px}.about .gallery{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 16px;display:grid}.about .gallery figure{grid-column:span 2}.about .gallery figure:first-child{grid-area:span 2/span 4}.about .gallery figure:nth-last-child(-n+2){grid-column:span 3}.about .gallery img{aspect-ratio:16/9;object-fit:cover}.about .gallery figure:first-child img{aspect-ratio:auto;flex:1;min-height:0}.about figure{flex-direction:column;gap:10px;display:flex}.about figure img{background:var(--hair);border-radius:4px;width:100%;height:auto;display:block}.about figcaption{color:var(--text-2);font-size:13px;line-height:1.5}.about figcaption strong{margin-bottom:2px;display:block}.about time{color:var(--text-2)}.about>footer{border-top:1px solid var(--hair);color:var(--text-3);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-block:18px 96px;font-size:12px;display:flex}.about>footer a{color:var(--text-2)}.about>footer a:hover{color:var(--paper)}.about .column,.about>footer{background:#000}.about-open .overlay{visibility:hidden}@media (width<=720px){.about .top{padding:18px 24px}.about .hero{min-height:min(80vh,560px);padding-block:72px 32px}.about h1{font-size:18px}.about h1 .name{font-size:64px}.about h2{font-size:32px}.about .gallery{grid-template-columns:1fr}.about .gallery figure:is(*,:first-child,:nth-last-child(-n+2)){grid-area:auto}.about .gallery figure:first-child img{aspect-ratio:16/9}.about .facts{grid-template-columns:repeat(2,1fr)}.about .tools{grid-template-columns:repeat(2,1fr);gap:24px}.about .kit{grid-template-columns:1fr}.about .faq-group{grid-template-columns:1fr;gap:8px}.about .faq-group h3{position:static}.about .updates{grid-template-columns:1fr}}
