body:is([data-view="town"],[data-view="battle"]){overflow:hidden;background:#000}
body:is([data-view="town"],[data-view="battle"])>header,
body:is([data-view="town"],[data-view="battle"])>footer,
body:is([data-view="town"],[data-view="battle"]) .section-heading,
body:is([data-view="town"],[data-view="battle"]) #workbench>nav,
body[data-view="town"] .town-heading,
body[data-view="town"] .town-scope{display:none}
body:is([data-view="town"],[data-view="battle"]) main{height:100dvh}
body:is([data-view="town"],[data-view="battle"]) #workbench{position:relative;width:100%;max-width:none;height:100dvh;min-height:0;margin:0;border:0;background:#000;box-shadow:none;backdrop-filter:none}
body:is([data-view="town"],[data-view="battle"]) #content{height:100%;padding:0}
body[data-view="town"] .town-board{height:100dvh;min-height:0;border:0}
body:is([data-view="town"],[data-view="battle"])[data-diagnostics="true"] #workbench>nav{display:flex;position:absolute;inset:0 0 auto;z-index:30;flex-wrap:wrap;justify-content:center;gap:10px 20px;padding:0 16px;background:#091019f5;backdrop-filter:blur(16px)}
body:is([data-view="town"],[data-view="battle"])[data-diagnostics="true"] #workbench>nav button{padding:12px 4px}
body[data-view="town"][data-diagnostics="true"] .town-heading{display:flex;position:absolute;left:12px;top:64px;z-index:20;gap:20px;padding:10px;background:#091019ee}