@font-face{font-family:VT323;src:url(/fonts/vt323.ttf) format("truetype");font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono.ttf) format("truetype");font-display:swap}:root{font-family:IBM Plex Mono,monospace;color:#deded2;background:#080908;font-synthesis:none;--ink:#273324;--paper:#efebc6;--yellow:#efd66d;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}button{touch-action:manipulation}button:disabled{opacity:.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.stage{position:relative;min-height:700px;height:100svh;overflow:hidden;background:#080908 url(/assets/studio.webp) center/cover no-repeat;isolation:isolate}.device{position:absolute;left:19.1%;top:6.3%;width:min(43.1vw,calc((100svh - 100px)*.7));aspect-ratio:983/1601;transform:perspective(1600px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-origin:50% 45%;transition:transform .25s ease-out;--tilt-x:0deg;--tilt-y:0deg}.device{mix-blend-mode:lighten}.stage{overflow:clip}.hardware{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.lcd{position:absolute;left:25.48%;top:10.92%;width:50.05%;height:28.06%;background:#151b14;overflow:hidden;color:var(--ink);font-family:VT323,monospace;container-type:inline-size;box-shadow:inset 0 0 4px #000b;isolation:isolate}.lcd:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 5px #1a200d66;pointer-events:none;z-index:10}.world-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated;display:block}.world-hint{position:absolute;left:50%;bottom:3%;transform:translate(-50%);padding:2px 6px;max-width:96%;width:max-content;background:var(--paper);border:1px solid var(--ink);font-size:clamp(11px,4.7cqw,16px);line-height:1;white-space:nowrap;color:var(--ink);box-shadow:1px 1px #27332444}.game-window{position:absolute;background:var(--paper);border:3px double var(--ink);box-shadow:2px 2px #1a291666;padding:5% 5.5%;font-size:clamp(17px,7.8cqw,27px);line-height:1.05;color:var(--ink);display:flex;flex-direction:column;overflow:hidden}.game-window button{padding:0;background:none;border:0;text-align:left;color:var(--ink);line-height:1.1}.game-window button:focus-visible,.game-window a:focus-visible,.game-window [tabindex]:focus-visible{outline-color:var(--ink);outline-offset:1px}.game-window h2{font:inherit;font-size:1em;text-transform:uppercase;margin:0 0 .65em;font-weight:400;flex-shrink:0}.quick-menu{left:5.5%;top:5%;bottom:5%;width:75.5%;padding:5%;border:5px double #15200e;box-shadow:0 0 0 1px var(--paper),0 0 0 2px #15200e}.game-window nav{display:flex;flex-direction:column;gap:.36em}.quick-menu nav button,.shelf-menu button,.settings-window nav button{position:relative;padding-left:.85em;text-transform:uppercase;min-height:1.1em}.quick-menu nav button:before,.shelf-menu button:before,.settings-window nav button:before{content:"›";position:absolute;left:0;visibility:hidden;font-size:1.2em;line-height:.9}.game-window nav button.selected:before,.game-window nav button:hover:before,.game-window nav button:focus-visible:before{visibility:visible}.game-window .window-back{font-size:clamp(13px,5.5cqw,19px);margin-top:auto;padding-top:.7em;text-transform:uppercase;min-height:25px}.content-window,.settings-window{top:3%;right:3%;bottom:3%;left:3%;padding:5%;font-size:clamp(18px,7cqw,24px)}.content-window h2{font-size:clamp(18px,7.5cqw,25px);margin-bottom:.45em;text-transform:none}.page-body{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#727e53 transparent;font-family:IBM Plex Mono,monospace;font-size:clamp(14px,4.7cqw,16px);line-height:1.48;overflow-wrap:anywhere}.page-body p{margin:0 0 .3em}.page-body a{color:var(--ink);display:inline-block;padding:6px 0}.page-controls{display:flex;align-items:center;justify-content:space-between;gap:3px;font-size:clamp(12px,5cqw,17px);padding-top:.5em;flex-shrink:0}.page-controls button{min-height:25px}.page-controls span{opacity:.65;font-size:.9em}.shelf-menu{margin-top:5%}.shelf-menu button{font-size:clamp(17px,6.5cqw,22px)}.settings-window{z-index:6}.settings-window h2{font-size:1em}.settings-window nav{gap:.35em;font-size:.85em}.controls-list{flex:1;min-height:0;overflow:auto;scrollbar-width:thin}.controls-list p{display:flex;flex-direction:column;margin:0 0 .3em;font-size:clamp(14px,5.8cqw,20px)}.controls-list strong{font-weight:400}.controls-list span{font-size:.9em;opacity:.75}.controls-list .controls-note{font-size:clamp(13px,5cqw,17px);line-height:1.15;border-top:1px solid #27332444;padding-top:.3em;margin-top:.4em}.hardware-controls{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hardware-button{position:absolute;border:0;background:transparent;padding:0;pointer-events:auto;touch-action:none;border-radius:40%;transition:background .06s,box-shadow .06s;-webkit-user-select:none;user-select:none}.hardware-button.is-pressed,.hardware-button:active{background:#0005;box-shadow:inset 0 3px 8px #0008}.hardware-button:focus-visible{outline:2px solid #fff2b0;outline-offset:2px;box-shadow:0 0 0 4px #1b210b80}.control-up{left:21.5%;top:53.9%;width:7.4%;height:5%}.control-down{left:21.5%;top:60.6%;width:7.4%;height:5%}.control-left{left:15.7%;top:57.2%;width:8.7%;height:4.2%}.control-right{left:26.7%;top:57.2%;width:8.7%;height:4.2%}.control-a{left:74.3%;top:55%;width:10.5%;height:6.6%}.control-b{left:60%;top:58.25%;width:10.7%;height:6.5%}.control-select{left:38.2%;top:71.1%;width:10.4%;height:5.5%}.control-start{left:50.5%;top:71.1%;width:10.5%;height:5.5%}.control-start.is-ready{animation:invite-start 2.5s ease-in-out infinite}@keyframes invite-start{0%,to{box-shadow:none}50%{box-shadow:0 0 12px 3px #f6e78d38}}.utilities{position:absolute;left:70.3%;top:70.1%;display:flex;flex-direction:column;align-items:flex-start;gap:17px;width:260px}.utilities button{background:transparent;border:0;padding:5px 0;text-transform:uppercase;font-family:VT323,monospace;font-size:clamp(18px,1.45vw,23px);letter-spacing:.055em;color:#e4e5d9;transition:color .15s,transform .15s;min-height:30px;text-align:left}.utilities button:hover{color:var(--yellow);transform:translate(3px)}.movement-guide{margin:11px 0 0;font-family:VT323,monospace;color:#9b9d8f;font-size:clamp(16px,1.2vw,20px);letter-spacing:.02em}.sound-hint{max-width:225px;font-size:11px;line-height:1.5;color:#858879;margin:0;min-height:1.5em}.site-signature{position:absolute;bottom:2.7%;left:50%;transform:translate(-50%);font:14px IBM Plex Mono,monospace;letter-spacing:.08em;color:#858775}.title-screen,.boot-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:#f4f0c7}.title-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated}.title-screen h2{position:absolute;top:9%;left:0;right:0;text-align:center;font-size:clamp(30px,17cqw,58px);font-weight:400;line-height:.8;letter-spacing:.01em;margin:0;color:#324724;text-shadow:1px 1px 0 #b6bc80}.press-start{position:absolute;left:0;right:0;top:38%;margin:0;text-align:center;font-size:clamp(16px,7cqw,24px);color:#273324;animation:blink 1.7s steps(1,end) infinite}@keyframes blink{0%,65%,to{opacity:1}66%,95%{opacity:.35}}.boot-screen{display:flex;align-items:center;justify-content:center;background:#12190f}.boot-running{animation:lcd-wake 2.1s ease-out forwards}.boot-word{font-family:VT323,monospace;font-size:clamp(28px,16cqw,55px);font-weight:400;white-space:nowrap;letter-spacing:-.04em;line-height:1;display:flex;align-items:center}.boot-word span{display:inline-block;white-space:pre;color:#466432;opacity:0;animation:boot-letter 1.2s cubic-bezier(.2,.7,.2,1) forwards}.boot-word span:nth-child(2n){color:#686ba7}.boot-word span:nth-child(3n){color:#ae4b64}.boot-word span:nth-child(5n){color:#baa336}.boot-byline{position:absolute;bottom:18%;font-size:clamp(16px,7cqw,24px);color:#314522}@keyframes boot-letter{0%{transform:translateY(-180%);opacity:0}30%{opacity:1}80%,to{transform:translateY(0);opacity:1}}@keyframes lcd-wake{0%{background:#12190f;filter:brightness(.1)}18%{background:#d8deae;filter:brightness(1.05)}35%,to{background:#f4f0c7;filter:brightness(1)}}.load-message{padding:15px;text-align:center;font-size:20px;color:#e3e9bc}.load-message button{display:block;margin:12px auto;background:transparent;border:1px solid currentColor;padding:4px 8px}.zoom-controls{display:none}.is-zoomed .device{left:50%;top:7%;width:min(980px,165vw,calc((100svh - 225px)*2.05));transform:translate(-50%)!important;aspect-ratio:983/1601}.is-zoomed .hardware,.is-zoomed .hardware-controls{display:none}.is-zoomed .lcd{top:0;left:25%;width:50%;height:auto;aspect-ratio:320/288;overflow:hidden;outline:12px solid #161a12;border-radius:1px;box-shadow:0 0 0 13px #3a4029,0 20px 70px #0008}.is-zoomed .utilities{left:50%;top:auto;bottom:6%;transform:translate(-50%);width:max-content;max-width:95%;flex-direction:row;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap}.is-zoomed .utilities button{font-size:19px}.is-zoomed .movement-guide,.is-zoomed .sound-hint{display:none}.is-zoomed .zoom-controls{position:absolute;display:flex;justify-content:space-between;align-items:center;gap:24px;left:50%;transform:translate(-50%);bottom:15%;width:min(490px,85vw)}.zoom-controls button{font-family:VT323,monospace;border:1px solid #606846;background:#171d15;padding:10px 12px;border-radius:4px;min-width:44px;min-height:44px;color:#f1edc9;font-size:20px;touch-action:none}.zoom-controls button:active{background:#596337}.zoom-dpad{display:grid;grid-template-columns:repeat(3,44px);gap:4px}.zoom-dpad button:first-child{grid-column:2;grid-row:1}.zoom-dpad button:nth-child(2){grid-column:1;grid-row:2}.zoom-dpad button:nth-child(3){grid-column:2;grid-row:2}.zoom-dpad button:nth-child(4){grid-column:3;grid-row:2}.zoom-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.zoom-actions button{font-size:17px;padding:8px}@media(min-aspect-ratio:17/10)and (min-width:901px){.device{left:23%}.utilities{left:67%;top:65%}}@media(max-width:900px){.stage{min-height:670px}.device{width:min(67vw,calc((100svh - 160px)*.76));left:9%;top:5%}.utilities{left:70%;top:60%;width:28%;gap:12px}.utilities button{font-size:17px;letter-spacing:0}.movement-guide{font-size:16px}.sound-hint{font-size:10px;max-width:140px}}@media(max-width:600px){.stage{min-height:740px;background-position:40% center}.device{width:112vw;max-width:620px;left:50%;top:1%;transform:translate(-50%)!important}.utilities{left:50%;top:auto;bottom:8.5%;transform:translate(-50%);width:94%;display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;gap:4px}.utilities button{font-size:18px;min-height:44px;text-align:center;letter-spacing:0}.movement-guide{grid-column:1/-1;font-size:16px;margin:3px 0 0}.sound-hint{grid-column:1/-1;max-width:none;font-size:10px}.site-signature{bottom:3%;font-size:12px}.lcd{font-size:17px}.hardware-button{min-height:35px}.game-window{border-width:3px}.page-body{font-size:14px;line-height:1.35}.quick-menu{font-size:clamp(19px,8.5cqw,27px)}.is-zoomed{min-height:650px}.is-zoomed .device{width:172vw;max-width:none;top:6%}.is-zoomed .utilities{bottom:7%;gap:9px;display:flex;width:100%}.is-zoomed .utilities button{font-size:17px}.is-zoomed .zoom-controls{bottom:18%;width:86%;gap:15px}.is-zoomed .site-signature{bottom:2.5%}.is-zoomed .page-body{font-size:16px;line-height:1.5}}@media(max-width:600px)and (max-height:760px){.device{width:100vw;top:2%}.stage{min-height:660px}.utilities{bottom:7%}.is-zoomed .device{width:150vw}.is-zoomed .zoom-controls{bottom:18%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important;scroll-behavior:auto!important}.device{--tilt-x:0deg!important;--tilt-y:0deg!important}.boot-word span{opacity:1;transform:none}}@font-face{font-family:"Press Start 2P";src:url(/fonts/press-start.ttf) format("truetype");font-display:swap}.quick-menu{font-family:"Press Start 2P",monospace;font-size:clamp(11px,4.8cqw,16px);line-height:1.4}.quick-menu h2{margin-bottom:1.4em}.quick-menu nav{gap:.95em}.quick-menu .window-back{font-size:clamp(9px,3.45cqw,12px);line-height:1.4}.utilities button{font-family:"Press Start 2P",monospace;font-size:clamp(10px,.82vw,13px);font-weight:400;line-height:1.5;letter-spacing:0}.title-screen h2{font-family:"Press Start 2P",monospace;font-size:clamp(17px,9.4cqw,32px);line-height:1.35;top:9%}.press-start{top:39%;font-size:clamp(15px,6.5cqw,23px)}@media(max-width:900px){.utilities button{font-size:10px;line-height:1.8}}@media(max-width:600px){.utilities button{font-size:9px;line-height:1.8;min-height:44px}.quick-menu{font-size:clamp(10px,5.3cqw,16px)}.quick-menu nav{gap:.8em}.is-zoomed .utilities button{font-size:9px}.is-zoomed .quick-menu{font-size:clamp(12px,4.8cqw,16px)}}.power-led-shade{position:absolute;left:15.8%;top:17.8%;width:2.55%;height:1.7%;border-radius:50%;background:#2b100a;pointer-events:none}.power-led-shade.waking{animation:power-on .35s ease-in forwards}@keyframes power-on{0%{opacity:1}to{opacity:0}}@media(max-width:600px){.utilities button,.is-zoomed .utilities button{font-size:10px}.utilities{column-gap:6px}.is-zoomed .utilities{gap:16px}}.compact-label{display:none}@media(max-width:600px){.quick-menu .compact-label{display:inline}.quick-menu .full-label{display:none}}@media(max-width:600px)and (max-height:760px){.quick-menu h2{margin-bottom:.8em}.quick-menu nav{gap:.55em}.is-zoomed .quick-menu h2{margin-bottom:1.4em}.is-zoomed .quick-menu nav{gap:.95em}}