:root{color:#fff;background-color:#000;font-family:sans-serif}body,html{width:100%;height:100%;margin:0;padding:0;overflow:hidden}#app{width:100%;height:100%;position:relative}canvas{display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#text-input{opacity:0;pointer-events:none;caret-color:#0000;border:none;width:1px;height:1px;margin:0;padding:0;position:absolute;top:0;left:0}#hud{z-index:100;background:#000000d9;justify-content:center;align-items:flex-start;padding-top:15vh;display:flex;position:fixed;inset:0}#hud[hidden]{display:none}#hud-inner{flex-direction:column;gap:16px;width:min(560px,90vw);display:flex}#hud-input{box-sizing:border-box;color:#fff;caret-color:#fff;background:0 0;border:none;border-bottom:2px solid #ffffff80;outline:none;width:100%;padding:8px 0;font-family:monospace;font-size:clamp(1.25rem,4vw,1.75rem)}#hud-input::placeholder{color:#ffffff4d}#hud-commands{flex-direction:column;gap:10px;max-height:50vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}#hud-commands li{align-items:baseline;gap:16px;display:flex}.hud-cmd{color:#fff;white-space:nowrap;min-width:160px;font-family:monospace;font-size:clamp(.85rem,2.5vw,1rem)}#notify{color:#fff;text-align:center;z-index:200;pointer-events:none;background:#1e1e1eeb;border:1px solid #ffffff26;border-radius:8px;max-width:min(480px,90vw);padding:.75rem 1.25rem;font-family:sans-serif;font-size:clamp(.85rem,2.5vw,1rem);position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}#notify[hidden]{display:none}