*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{color:#e9e1c8;background:#16130f;font-family:system-ui,sans-serif}#app{width:100%;height:100dvh;position:relative;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;image-rendering:pixelated;display:block}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#error{color:#fff;background:#0e0c09;padding:1rem;position:absolute;inset:40% 1.5rem auto}.rack-ui{pointer-events:none;color:#e8dcc0;text-shadow:1px 1px #161712;font-family:Courier New,monospace;position:absolute;inset:0}.rack-ui button{pointer-events:auto;cursor:pointer}.view-switch{background:#292d29e8;border:2px solid #777965;gap:3px;padding:4px;display:flex;position:absolute;top:16px;left:22px}.view-switch button{color:#d4c39d;background:#3d433a;border:1px solid #7f846e;padding:8px 7px;font:700 10px Courier New,monospace}.view-switch button[aria-pressed=true]{color:#fff4cf;background:#756343;border-color:#e6c77e}.sound-controls{background:#292d29e8;border:2px solid #777965;align-items:center;gap:7px;padding:5px;font-size:10px;display:flex;position:absolute;top:65px;left:22px}.sound-controls button{color:#e4d0a1;background:#3d433a;border:1px solid #7f846e;padding:7px;font:700 10px Courier New,monospace}.sound-controls button[aria-pressed=true]{color:#b9b29c}.sound-controls input{accent-color:#d5b171;pointer-events:auto;cursor:pointer;width:70px}.rack-nav{background:#292d29e8;border:2px solid #777965;align-items:center;gap:5px;padding:5px;font-size:11px;display:flex;position:absolute;bottom:38px;left:22px}.rack-nav button,.notebook-tab{color:#f6d690;background:#3d433a;border:1px solid #bca575;padding:7px 11px;font:700 18px Courier New,monospace}.rack-nav button{padding:7px 8px}.rack-nav button:hover,.notebook-tab:hover{background:#5a624e}.logbook{pointer-events:auto;color:#294c75;width:min(310px,34vw);height:min(610px,100dvh - 90px);text-shadow:none;background:repeating-linear-gradient(#f0e7c9 0 27px,#9fbaae 28px,#f0e7c9 29px);border:1px solid #aa9277;position:absolute;top:16px;right:18px;overflow:hidden;transform:rotate(1deg);box-shadow:9px 10px #090c0b99,inset 20px 0 #d9baaa}.logbook:before{content:"";border-left:2px solid #d17d77;position:absolute;top:0;bottom:0;left:37px}.logbook-head{z-index:1;color:#563e34;justify-content:space-between;align-items:center;height:44px;padding:0 10px 0 49px;font-size:13px;display:flex;position:relative}.logbook-head button{color:#7f3d31;background:0 0;border:0;font-size:28px}.logbook ol{height:calc(100% - 44px);margin:0;padding:0 12px 22px 49px;font:15px/29px cursive;list-style:none;overflow:auto}.logbook li{min-height:29px}.notebook-tab{font-size:15px;position:absolute;bottom:20px;right:20px}.notebook-tab span{color:#ffab72}.rack-help{color:#c3b594;letter-spacing:.08em;margin:0;font-size:10px;position:absolute;bottom:4px;left:22px}.manual-sheet{pointer-events:auto;color:#293d39;width:min(480px,88vw);max-height:76dvh;text-shadow:none;background:#e8ddbd;border:2px solid #9a815e;padding:22px 25px;position:absolute;top:12%;right:4%;overflow:auto;box-shadow:10px 12px #111511a8}.manual-head{border-bottom:3px double #5f736a;justify-content:space-between;align-items:center;gap:12px;font-size:17px;display:flex}.manual-head button{color:#8e4939;background:0 0;border:0;font-size:26px}.manual-sheet pre{white-space:pre-wrap;font:13px/1.55 Courier New,monospace}.manual-sheet small{color:#745c49;font-size:10px}[hidden]{display:none!important}@media (width<=700px){.view-switch{top:8px;left:8px}.sound-controls{top:56px;left:8px}.logbook{width:min(280px,80vw);height:min(310px,45dvh);top:auto;bottom:65px;right:8px}.rack-nav{bottom:34px;left:8px}.rack-help{left:8px}}.crosshair{pointer-events:none;opacity:.7;mix-blend-mode:difference;background:linear-gradient(#e8dfc2,#e8dfc2) 50%/2px 100% no-repeat,linear-gradient(#e8dfc2,#e8dfc2) 50%/100% 2px no-repeat;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:50%;left:50%}.crosshair[hidden]{display:none}.crosshair[data-hot=true]{opacity:1;mix-blend-mode:normal;background:linear-gradient(#ffab72,#ffab72) 50%/2px 100% no-repeat,linear-gradient(#ffab72,#ffab72) 50%/100% 2px no-repeat;width:22px;height:22px;margin:-11px 0 0 -11px}.touch-sticks{display:none}.rack-ui[data-input=touch][data-view=perspective] .touch-sticks{display:block}.touch-stick{pointer-events:auto;touch-action:none;bottom:max(28px, env(safe-area-inset-bottom));-webkit-user-select:none;user-select:none;background:radial-gradient(#292d2955,#292d29cc);border:2px solid #bca575aa;border-radius:50%;width:128px;height:128px;position:absolute}.touch-stick-move{left:max(24px, env(safe-area-inset-left))}.touch-stick-look{right:max(24px, env(safe-area-inset-right))}.touch-stick-knob{pointer-events:none;background:#3d433acc;border:2px solid #bca575;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%}.touch-stick.is-held{border-color:#f6d690}.touch-stick.is-held .touch-stick-knob{background:#5a624e}.rack-ui[data-input=touch][data-view=perspective] .rack-nav{display:none}.rack-ui[data-input=touch] .notebook-tab{top:16px;bottom:auto}.rack-ui[data-input=touch] .logbook{height:min(610px,100dvh - 210px)}.rack-ui[data-input=touch] .rack-help{text-align:center;width:max-content;max-width:calc(100% - 340px);left:50%;transform:translate(-50%)}@media (width<=700px){.rack-ui[data-input=touch] .logbook{height:min(310px,100dvh - 220px);top:16px;bottom:auto}.touch-stick{width:112px;height:112px}.rack-ui[data-input=touch] .rack-help{max-width:calc(100% - 290px)}}