/* Page-only fullscreen avoids unsupported fullscreen permissions on e-ink browsers. */
body.board-focus{overflow:hidden}
.board-focus main{position:fixed;inset:0;width:100%;max-width:none;height:100vh;height:100dvh;padding:8px;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:8px;background:#fff;z-index:10}
.board-focus main>:not(header):not(.toolbar):not(.canvas-frame){display:none!important}
.board-focus header{margin:0;gap:8px;flex-wrap:nowrap;justify-content:space-between}
.board-focus header>a,.board-focus header>h1{display:none}
.board-focus #save-status{min-width:0;overflow-wrap:anywhere;font-size:14px;line-height:1.2}
.board-focus #focus-board{flex-shrink:0}
.board-focus .toolbar{gap:6px;margin:0}
.board-focus .toolbar #clear,.board-focus .toolbar .touch-toggle{display:none}
.board-focus .toolbar button,.board-focus .toolbar select{padding:8px 10px}
.board-focus .canvas-frame{min-width:0;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#eee}
.board-focus #board{flex:none;max-width:100%;height:auto;aspect-ratio:10/9;outline:1px solid #111;outline-offset:-1px}