html,body{color:#fff7ed;background:#1d1233;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}#game{outline:none;width:100%;height:100%;display:block}#help{pointer-events:none;background:#1d1233b3;border-radius:6px;padding:6px 10px;font-size:13px;position:fixed;bottom:12px;left:12px}#hud{white-space:pre;pointer-events:none;background:#1d1233b3;border-radius:6px;padding:6px 10px;font:13px/1.5 ui-monospace,monospace;position:fixed;top:12px;left:12px}#crosshair{opacity:.8;pointer-events:none;background:linear-gradient(#fff7ed,#fff7ed) 50%/2px 100% no-repeat,linear-gradient(#fff7ed,#fff7ed) 50%/100% 2px no-repeat;width:14px;height:14px;margin:-7px 0 0 -7px;position:fixed;top:50%;left:50%}#bar{pointer-events:none;gap:6px;display:flex;position:fixed;bottom:52px;left:50%;transform:translate(-50%)}#bar .slot{opacity:.75;border:2px solid #1d1233cc;border-radius:6px;width:44px;height:44px;position:relative;overflow:hidden}#bar .slot.selected{opacity:1;border-color:#f97316}#bar canvas{width:100%;height:100%;display:block}#bar span{text-shadow:0 0 3px #000;font:11px ui-monospace,monospace;position:absolute;top:1px;left:3px}