html,body{margin:0;height:100%;overflow:hidden;background:#0f0f0f;color:#eee;font:13px/1.3 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#board{position:fixed;top:0;right:0;bottom:0;left:0}#bar{position:fixed;top:12px;left:12px;right:12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;width:fit-content;max-width:calc(100% - 24px);background:#181818db;border:1px solid rgb(255 255 255 / .1);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-user-select:none;user-select:none}body.light #bar{background:#ffffffe0;border-color:#0000001a;color:#222}#bar strong{margin-right:4px}#bar button,#bar select{font:inherit;color:inherit;background:#ffffff14;border:1px solid rgb(255 255 255 / .14);border-radius:6px;padding:4px 9px;cursor:pointer}body.light #bar button,body.light #bar select{background:#0000000d;border-color:#00000026}#bar button:hover{background:#ffffff29}body.light #bar button:hover{background:#0000001a}#bar label{display:inline-flex;align-items:center;gap:5px;cursor:pointer}.sep{width:1px;height:18px;background:currentColor;opacity:.2}#hud{position:fixed;left:12px;bottom:12px;padding:6px 9px;border-radius:8px;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;background:#181818db;border:1px solid rgb(255 255 255 / .1);pointer-events:none;white-space:pre}body.light #hud{background:#ffffffe0;border-color:#0000001a;color:#222}#hint{position:fixed;right:12px;bottom:12px;max-width:340px;padding:6px 9px;border-radius:8px;font-size:11px;background:#181818db;border:1px solid rgb(255 255 255 / .1);pointer-events:none;text-align:right}body.light #hint{background:#ffffffe0;border-color:#0000001a;color:#222}#bar input{font:inherit;color:inherit;background:#ffffff0f;border:1px solid rgb(255 255 255 / .14);border-radius:6px;padding:4px 8px;outline:none}#bar input:focus{border-color:#6aa6ff}body.light #bar input{background:#0000000a;border-color:#00000026}