html,body{color:#e8dcbc;background:#1e1c2b;height:100%;margin:0;font:12px/1.45 ui-monospace,Menlo,Consolas,monospace;overflow:hidden}canvas#view{width:100vw;height:100vh;image-rendering:pixelated;display:block}canvas#view.fixed{width:auto;height:auto}#hud,#hint,#banner,#help,#minimap{pointer-events:none;background:#141320cc;border-radius:4px;position:fixed}#hud{white-space:pre;padding:6px 10px;top:8px;left:8px}#hint{color:#ffe36e;padding:4px 12px;bottom:12px;left:50%;transform:translate(-50%)}#banner{padding:6px 14px;font-size:14px;top:12px;left:50%;transform:translate(-50%)}#minimap{image-rendering:pixelated;border:1px solid #3b3a4c;top:8px;right:8px}#help{pointer-events:auto;max-width:560px;padding:12px 18px;top:50%;left:50%;transform:translate(-50%,-50%)}#help h2{margin:0 0 6px;font-size:14px}#help th{text-align:left;color:#ffe36e;padding-top:8px}.label{color:#7fd0c8;white-space:nowrap;pointer-events:none;background:#141320b3;border-radius:3px;padding:1px 6px;position:fixed;transform:translate(-50%,-100%)}#help td:first-child{white-space:nowrap;color:#c6c2c2;padding-right:14px}#help code{color:#7fd0c8}#modes{gap:4px;display:flex;position:fixed;bottom:12px;left:8px}#modes button{font:inherit;color:inherit;cursor:pointer;background:#141320cc;border:1px solid #3b3a4c;border-radius:4px;padding:4px 10px}#modes span{color:#c6c2c2;align-self:center;margin:0 2px 0 8px}#modes button:hover{border-color:#7fd0c8}#modes button.on{color:#ffe36e;border-color:#ffe36e}.hidden{display:none!important}