*{box-sizing:border-box}html,body,#root{background:#000;height:100%;margin:0;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button{color:inherit;font:inherit;cursor:pointer;margin:0}.screen{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#120a33;position:fixed;inset:0}.screen:focus{outline:none}.page{touch-action:none;background:#120a33;width:100%;height:100%;position:relative;overflow:hidden}.page canvas{width:100%;height:100%;display:block}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.controls{right:calc(24px * var(--control-scale,1));bottom:var(--control-bottom,calc(24px * var(--control-scale,1)));left:calc(24px * var(--control-scale,1));height:calc(160px * var(--control-scale,1));pointer-events:none;position:absolute}.controls>.circle{scale:var(--control-scale,1);position:absolute;bottom:0}.controls>.circle:first-child{transform-origin:0 100%;left:0}.controls>.circle:last-child{transform-origin:100% 100%;right:0}.controls>*{pointer-events:auto}.circle{box-sizing:border-box;touch-action:none;will-change:transform;background:#fffaf01a;border:0;border-radius:50%;place-items:center;width:160px;height:160px;padding:0;display:grid;position:relative;box-shadow:inset 0 0 0 2px #fffaf038}.circle:before{content:"";opacity:0;pointer-events:none;border-radius:50%;transition:opacity .4s ease-out;position:absolute;inset:0;box-shadow:0 0 24px 6px #ffd68cb3,inset 0 0 18px 3px #ffd68c73}.controls[data-glow=true] .circle:before{animation:2.4s ease-in-out infinite control-glow}.controls[data-glow=true] .circle:last-child:before{animation-delay:-1.2s}@keyframes control-glow{0%,to{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.controls[data-glow=true] .circle:before{opacity:.6;animation:none}}.arrow-keys{pointer-events:none;grid-template:repeat(3,40px)/repeat(3,40px);gap:2px;display:grid}.nub{z-index:1;box-sizing:border-box;opacity:.5;background:#f2eee4;border:2px solid #3a2414;border-radius:50%;grid-area:2/2;place-self:center;width:32px;height:32px;transition:transform 60ms linear,opacity 60ms linear;box-shadow:inset 0 -3px #a8a29a}.nub[data-pressed=true]{opacity:.95}.keycap{box-sizing:border-box;color:#3a2414;opacity:.45;background:#f2eee4;border:2px solid #3a2414;border-radius:5px;place-items:center;padding:0 0 4px;font:700 16px/1 IBM Plex Mono,ui-monospace,monospace;transition:opacity 60ms linear,translate 60ms linear,box-shadow 60ms linear;display:grid;box-shadow:inset 0 -4px #a8a29a}.keycap[data-pressed=true]{opacity:.95;background:#e2ddd0;padding-bottom:2px;translate:0 2px;box-shadow:inset 0 -2px #a8a29a}.space-key{letter-spacing:.12em;text-transform:uppercase;width:120px;height:46px;font-size:14px}.console-scene{pointer-events:none;background:#000;position:absolute;inset:0;overflow:hidden}.console-scene[hidden],.console-glass[hidden]{display:none}.console-stage{transform-origin:0 0;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000);mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000)}.console-stage>svg{width:100%;height:100%;display:block;position:relative;overflow:visible;-webkit-mask-image:linear-gradient(#000 90%,#0000);mask-image:linear-gradient(#000 90%,#0000)}.console-air-glow{box-shadow:0 0 48px 16px rgb(var(--screen-light,140 150 145) / 12%), 0 0 120px 48px rgb(var(--screen-light,140 150 145) / 6%);border-radius:20px;animation:4.5s ease-in-out infinite alternate console-air-glow-breathe;position:absolute}@keyframes console-air-glow-breathe{0%{opacity:.8}to{opacity:1}}@media (prefers-reduced-motion:reduce){.console-air-glow{animation:none}}.page--console>canvas{border-radius:var(--tube-radius);clip-path:url(#crt-glass-curve);image-rendering:pixelated}.console-curved-screen{pointer-events:none;position:absolute}.console-curved-screen[hidden]{display:none}.console-game--curved{opacity:0}.console-glass{clip-path:url(#crt-glass-curve);box-shadow:inset 0 3px 6px #00060480, inset 0 0 18px 4px #00080552, 0 0 10px rgb(var(--screen-light,140 150 145) / 15%);pointer-events:none;background:radial-gradient(#0000 42%,#00050814 68%,#00050842 88%,#0005087a 100%);position:absolute;overflow:hidden}.page--console:not(:has(.console-game--curved)) .console-glass:before{background:repeating-linear-gradient(to bottom, #00040809 0 var(--crt-scan-line), transparent var(--crt-scan-line) var(--crt-scan-period));content:"";position:absolute;inset:0}.console-glass-reflection{pointer-events:none;width:100%;height:100%;display:block;position:relative}body:has(.page--console) .launch-banner{color:#9fadaf;background:#080c0ed9}body:has(.page--console) .launch-banner:hover{color:#c5d0d1;background:#192126}