:root{color-scheme:dark;background:#10151e;color:#d4d9c9}
html,body{margin:0;min-height:100%;background:#10151e}
body{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
main{width:100%;max-width:1280px;margin-inline:auto}
button:focus-visible{outline:2px solid #f6cf8b;outline-offset:3px}
button:enabled{cursor:pointer}
@media(min-width:1281px){main{padding-block:16px}}


#ascii-level{--lv-bg:light-dark(#eeeae0,#191c22);--lv-text:light-dark(#333b38,#e0e5cf);--lv-line:light-dark(#c9cbbc,#41494a);--lv-button:light-dark(#faf8ef,#293032);font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--lv-text);background:var(--lv-bg);padding:20px;border-radius:8px}
#ascii-level *{box-sizing:border-box}#ascii-level .lv-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:15px}#ascii-level .lv-brand{font-weight:500;letter-spacing:.09em}#ascii-level .lv-small{font-size:11px;opacity:.75}#ascii-level .lv-screen{position:relative;background:#151c29;overflow:hidden;border:6px solid #303938;border-radius:3px}#ascii-level .lv-world{display:block;width:100%;aspect-ratio:1.6;image-rendering:pixelated;touch-action:none}#ascii-level .lv-hud{position:absolute;top:13px;left:13px;color:#edf0bc;background:#18212de8;padding:5px 9px;font-size:12px;pointer-events:none}#ascii-level .lv-cross{position:absolute;top:50%;left:50%;width:5px;height:5px;background:#e2edc2;box-shadow:0 0 0 2px #17242b77;pointer-events:none;opacity:.7}#ascii-level .lv-map{position:absolute;right:12px;top:12px;width:112px;height:130px;image-rendering:pixelated;background:#17202de8;border:1px solid #64746e88;padding:5px;pointer-events:none}#ascii-level .lv-dialog{position:absolute;left:10%;right:10%;bottom:12%;padding:18px;background:#202d34;color:#e7e9c6;border:2px solid #90ad95}#ascii-level .lv-dialog[hidden]{display:none}#ascii-level .lv-dialog strong{font-weight:500;display:block;margin-bottom:8px}#ascii-level .lv-dialog p{font-size:12px;margin:0 0 12px}#ascii-level .lv-status{min-height:42px;display:flex;align-items:center;gap:8px;padding-top:10px;font-size:12px}#ascii-level .lv-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:8px}#ascii-level .lv-pad,#ascii-level .lv-jumps{display:flex;gap:6px;flex-wrap:wrap}#ascii-level button{font:inherit;font-size:12px;min-height:42px;padding:9px 13px;border:1px solid var(--lv-line);border-radius:3px;color:var(--lv-text);background:var(--lv-button)}#ascii-level .lv-main{background:var(--lv-text);color:var(--lv-bg);border-color:var(--lv-text)}#ascii-level .lv-help{font-size:11px;opacity:.75;margin-top:15px;display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}#ascii-level .lv-dialog button{background:#d6e0b1;color:#202d34;border:0}#ascii-level .lv-error{padding:24px;color:#f0bb9f}#ascii-level [hidden]{display:none!important}
#ascii-level{--lv-bg:#10151e;--lv-text:#d4d9c9;--lv-line:#363e45;--lv-button:#1a222c;border-radius:3px}#ascii-level .lv-screen{border:1px solid #303b42;border-radius:0}#ascii-level .lv-world{cursor:crosshair}#ascii-level .lv-map{width:86px;height:100px;opacity:.75}#ascii-level .lv-hud{background:#10151edb;font-size:11px}#ascii-level button{border-radius:1px}#ascii-level .lv-main{background:#b0b69d;color:#151c26}
@media(max-width:600px){#ascii-level{padding:12px}#ascii-level .lv-map{width:62px;height:72px;right:7px;top:7px;padding:3px}#ascii-level .lv-hud{font-size:11px;top:7px;left:7px;max-width:calc(100% - 90px)}#ascii-level .lv-controls{gap:12px}#ascii-level button{min-height:44px;padding:8px 10px}#ascii-level .lv-dialog{left:4%;right:4%;bottom:5%;padding:12px}#ascii-level .lv-dialog p{font-size:11px}#ascii-level .lv-world{aspect-ratio:1.25}}

#ascii-level .lv-scene-picker{display:flex;gap:5px;align-items:center}#ascii-level .lv-scene-picker button{min-width:36px;padding:6px 10px}#ascii-level .lv-scene-picker button[aria-pressed="true"]{background:var(--lv-text);color:var(--lv-bg)}@media(pointer:coarse){#ascii-level .lv-scene-picker button{min-width:44px}}#ascii-level .lv-sound{display:flex;gap:7px;align-items:center;flex-wrap:wrap}#ascii-level .lv-sound button{min-height:36px;padding:6px 10px}#ascii-level .lv-sound button:disabled{opacity:.42}#ascii-level .lv-sound .lv-small{max-width:220px}@media(pointer:coarse){#ascii-level .lv-sound button{min-height:44px}}
#ascii-level .lv-transition{position:absolute;inset:0;background:#bac2c0;opacity:0;pointer-events:none;z-index:5}#ascii-level button:disabled{opacity:.4}