:root{color-scheme:dark;--mc-text: #e0e0e0;--mc-border: #565656;--mc-panel: #1c1c1c}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#101010;font-family:ui-monospace,Cascadia Mono,Segoe UI Mono,Menlo,monospace}#app{position:relative;width:100%;height:100%}#screen{display:block;width:100%;height:100%;image-rendering:pixelated;cursor:default;touch-action:none}#screen.grabbing{cursor:grabbing}#screen.pointer{cursor:pointer}#settings{position:fixed;top:0;right:0;display:flex;gap:8px;align-items:center;padding:8px 10px;font-size:12px;color:var(--mc-text);background:color-mix(in srgb,var(--mc-panel) 85%,transparent);border:0 solid var(--mc-border);border-width:0 0 1px 1px;border-bottom-left-radius:6px;opacity:.35;transition:opacity .12s ease-out}#settings:hover,#settings:focus-within{opacity:1}#settings label{display:flex;gap:4px;align-items:center;white-space:nowrap}#settings select{font:inherit;color:var(--mc-text);background:#2a2a2a;border:1px solid var(--mc-border);border-radius:3px;padding:2px 4px}#loading{position:fixed;inset:0;display:grid;place-items:center;color:var(--mc-text);font-size:14px;background:#101010;pointer-events:none;transition:opacity .2s ease-out}#loading.hidden{opacity:0}#error{position:fixed;inset:0;display:grid;place-items:center;padding:24px;color:#ff8080;font-size:13px;text-align:center;white-space:pre-wrap;background:#101010}