.hud-launch{margin-top:22px;padding:14px 22px;border:1px solid #9dbaff44;border-radius:999px;background:#284876;color:#edf4ff;font:500 13px system-ui;cursor:pointer}.hud-editor,.hud-editor *{box-sizing:border-box}.hud-editor{width:min(1280px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:24px;border:1px solid #9dbaff33;border-radius:22px;background:#0e1928;color:#edf4ff;overflow:auto;box-shadow:0 30px 120px #0009}.hud-editor::backdrop{background:#050b14cc;backdrop-filter:blur(8px)}.hud-editor-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.hud-editor small{color:#9ab5d3;font:10px ui-monospace,monospace;letter-spacing:.15em}.hud-editor h2{font:600 28px/1.2 system-ui;letter-spacing:-.04em;margin:8px 0}.hud-close{width:38px;height:38px;border-radius:10px;border:1px solid #91b1d633;background:#ffffff08;color:inherit;cursor:pointer}.hud-help{font:12px/1.7 system-ui;color:#a3b4c9;margin:8px 0 20px;max-width:850px}.hud-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:20px}.hud-stage{position:relative;aspect-ratio:16/10;min-height:340px;overflow:hidden;border:1px solid #9dbaff33;border-radius:14px;background:#526c45;isolation:isolate}.hud-landscape{position:absolute;inset:0;width:100%;height:100%;filter:brightness(.65);pointer-events:none;image-rendering:pixelated}.hud-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#eef9ff9c;font:22px monospace;pointer-events:none}.hud-widget{position:absolute;margin:0;padding:9px 11px;max-width:95%;white-space:pre-wrap;text-align:left;line-height:1.7;font-family:ui-monospace,Consolas,monospace;color:#ebf5ff;background:#0a1529cc;border:1px solid #c5dfff44;border-radius:6px;cursor:grab;touch-action:none;user-select:none;box-shadow:0 3px 10px #0002;transition:none!important;z-index:1}.hud-widget[hidden]{display:none}.hud-widget[aria-pressed="true"]{border-color:#a5ceff;box-shadow:0 0 0 2px #a5ceff30;z-index:2}.hud-widget:active{cursor:grabbing}.hud-controls h3{font:600 14px system-ui;margin:5px 0 15px}.hud-toggles{display:grid;gap:11px}.hud-toggles label{display:flex;align-items:center;gap:9px;font:12px system-ui;cursor:pointer}.hud-toggles input{accent-color:#739ed9;width:16px;height:16px}.hud-scale-label{display:block;margin-top:23px;font:12px/1.7 system-ui;color:#a9c2df}.hud-scale-label strong{display:block;color:inherit}.hud-scale{display:block;width:100%;margin:12px 0;accent-color:#90b8ee}.hud-reset{width:100%;border:1px solid #9dbaff33;border-radius:10px;padding:12px;color:inherit;background:#ffffff08;cursor:pointer}.hud-status{font:11px/1.7 system-ui;color:#95abc7}.hud-editor button:focus-visible,.hud-launch:focus-visible{outline:2px solid #b6d9ff;outline-offset:3px}[data-theme="light"] .hud-editor{background:#edf3fb;color:#243a55}[data-theme="light"] .hud-help,[data-theme="light"] .hud-status,[data-theme="light"] .hud-scale-label,[data-theme="light"] .hud-editor small{color:#526d8b}@media(max-width:800px){.hud-editor{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:16px}.hud-editor-layout{grid-template-columns:1fr}.hud-stage{aspect-ratio:4/5;min-height:400px}.hud-editor h2{font-size:22px}.hud-toggles{grid-template-columns:1fr 1fr}.hud-controls{padding:5px}.hud-help{font-size:11px}}
.hud-widget{width:max-content}
/* Client-style compact HUD frames and a navigable block world. */
.hud-world{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}.hud-stage:has(.hud-world) .hud-landscape{display:none}.hud-widget{padding:3px 5px;border-radius:1px;border-color:#c7ced3aa;background:#080c1280;box-shadow:1px 1px 0 #0009;font-family:Consolas,"Courier New",monospace;line-height:1.4;color:#f0f4f7;text-shadow:1px 1px #000;letter-spacing:0}.hud-widget[data-hud="fps"]{color:#4babff}.hud-widget[aria-pressed="true"]{border-color:#6ab9f4;box-shadow:0 0 0 1px #6ab9f455}.hud-stage::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#62b5e92b 1px,transparent 1px),linear-gradient(90deg,#62b5e92b 1px,transparent 1px);background-size:25% 25%}.hud-stage.is-walking::after{display:none}.hud-stage.is-walking{touch-action:none;cursor:grab}.hud-stage.is-walking:active{cursor:grabbing}.hud-stage.is-walking .hud-widget{pointer-events:none;border-color:transparent;box-shadow:none}.hud-mode-bar{display:flex;flex-wrap:wrap;gap:8px}.hud-mode-bar button{padding:9px 13px;border:1px solid #92b9de33;border-radius:9px;background:#7ca4d00c;color:inherit;font:12px system-ui;cursor:pointer}.hud-mode-bar button[aria-pressed="true"]{background:#315681;color:#eef6ff}.hud-mode-help{font:11px/1.6 system-ui;color:#9db5d1;margin:10px 0 15px}.hud-world-hint{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);color:#d4e9ff;background:#0e1c2b99;font:10px monospace;white-space:nowrap;pointer-events:none;z-index:3}.hud-world-hint:empty{display:none}.hud-touch-move{display:none;gap:7px;grid-template-columns:repeat(4,1fr);margin:0 0 18px}.hud-walking .hud-touch-move{display:grid}.hud-touch-move button{touch-action:none;padding:12px;border-radius:8px;background:#315681;color:white;border:1px solid #8db3d955}.hud-walking .hud-scale-label{opacity:.55}.hud-center{z-index:1}[data-theme="light"] .hud-mode-help{color:#536e8d}

.hud-widget{border-radius:8px}.hud-key-grid{display:grid;grid-template-columns:repeat(3,1.8em);gap:3px;white-space:normal}.hud-key-grid [data-key]{display:grid;place-items:center;min-height:1.8em;border:1px solid #bacce63b;border-radius:4px;background:#172a3f99;transition:background .08s,color .08s}.hud-key-grid [data-key="w"]{grid-column:2}.hud-key-grid [data-key="a"]{grid-column:1}.hud-key-grid .hud-space{grid-column:1/-1;font-size:.8em}.hud-key-grid .is-down{background:#9ccfff;color:#09223b;border-color:#d0edff;text-shadow:none;box-shadow:0 0 9px #7fbdff44}.hud-touch-move [data-move=" "]{grid-column:1/-1}



.hud-editor::backdrop{animation:hud-backdrop-in .34s ease both}
.hud-editor.hud-closing::backdrop{animation:hud-backdrop-out .24s ease both}
.hud-editor.hud-closing{pointer-events:none}
@keyframes hud-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes hud-backdrop-out{from{opacity:1}to{opacity:0}}