/* Compact bulletin-board presentation; core functionality remains unchanged. */
[hidden]{display:none!important}
body main,body.editing-mode main{padding:8px;max-width:700px;margin:auto}
body .workspace{display:block;max-width:none}body .board-panel,body .edit-panel,body .files-panel{width:100%;min-width:0;box-sizing:border-box}
body .board-block,body.editing-mode .board-block{padding:6px;margin-bottom:6px;background:#fff;border:1px solid #cad9d3;border-radius:6px;box-shadow:none}
body .canvas-wrap{width:100%!important;max-width:100%!important;min-width:0!important}
.board-heading{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:6px}.board-heading .game-title{font-size:13px;flex:1;min-width:100px;margin:0}.header-actions{display:flex;gap:4px;flex-wrap:wrap}
body .topline{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:6px}.topline label,.coordinate-choice{font-size:12px}.board-lock{margin-left:auto;display:inline-flex;align-items:center;gap:4px}.coordinate-choice{display:inline-flex;align-items:center;gap:3px}.coordinate-choice label{display:inline-flex;align-items:center;gap:1px}
body button,body select,body input[type=number],body details>summary{font:12px/16px system-ui,sans-serif!important;padding:3px!important;min-height:0!important;height:auto!important;box-sizing:content-box;letter-spacing:normal}
body button,body select,body details>summary{border-radius:4px}body input[type=number]{width:4ch!important}body input[type=checkbox],body input[type=radio]{width:13px;height:13px;margin:0 2px}
body .controls,body.editing-mode .controls{background:#285a53;border:1px solid #285a53;border-radius:6px;padding:6px;color:#fff}
body .controls .navigation{display:flex;align-items:center;flex-wrap:wrap;gap:4px}body .controls .navigation>button{width:24px;min-width:0;flex:none!important;text-align:center}
body .controls .autoplay{display:inline-flex;gap:3px;align-items:center;margin:0}body .controls .autoplay select{width:auto}
body .controls .jump{width:auto;display:inline-flex;align-items:center;gap:3px;flex:none;margin:0 0 0 auto;font-size:12px}body .controls .jump input{width:3ch!important}
body .controls .slider-label{display:flex;height:18px;align-items:center;margin:3px 0}body .controls #slider{height:18px;margin:0;min-width:0}
body .controls .actions,body .edit-action-row,body .tool-action-row{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin:4px 0 0}body .controls #pass{margin-left:auto}.recent-label{font-size:12px;display:inline-flex;align-items:center;gap:2px}
.rotation-controls{margin-left:auto;display:flex;align-items:center;gap:4px;font-size:12px}.rotation-controls span{min-width:3ch;text-align:right}
body .controls #tools{margin:0;padding:0;border:0;background:transparent}body .controls #tools>summary{display:inline-block;background:#fff;color:#183c40;border:1px solid #98b5ae;cursor:pointer}body .tool-action-row #score{margin-left:auto}
body .players{font-size:12px;margin:6px 0}body .statusline{font-size:12px;margin:4px 0}body .statusline #move{font-size:12px}
body .forum-inspector{margin:6px 0;padding:0;border:0;background:transparent}body .files-panel{margin:6px 0;padding:6px;border:1px solid #cad9d3;border-radius:6px;background:#fff}
body .file-buttons{position:relative;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:6px}body #load-menu,body #save-menu{margin:0;padding:0;border:0;width:auto}body #save-menu{margin-left:auto}
body #load-options{position:absolute;left:0;right:auto;z-index:30;width:max-content;max-width:100%;box-sizing:border-box;background:#fff;border:1px solid #98b5ae;padding:6px;box-shadow:0 3px 12px #0003}body #load-options>button{display:block;margin-bottom:4px}
body #save-options{position:static;flex:1 0 100%;width:100%;box-sizing:border-box;max-height:none;padding:6px 0;border:0;box-shadow:none;background:transparent}
.record-save-row,.image-save-row,.text-actions{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.image-save-row{margin-top:6px}body #print{margin-left:auto}body .record-save-row button,body .text-actions button{flex:none;width:auto}
body #sgf{box-sizing:border-box;width:100%;min-height:125px;font-size:12px;margin-top:6px}body #recovery{margin-top:6px}.help{font-size:12px;margin-top:8px}.help ul{columns:1}footer{font-size:11px}
body .tool-table button{min-width:0;box-sizing:border-box}body .tool-popup{color:#183c40}body .tool-popup .tool-table{gap:8px}
@media(max-width:420px){body main{padding:4px}body .controls .navigation>button{width:21px}body .controls .jump{margin-left:auto}.rotation-controls{margin-left:auto}}
html body :is(#numeric-sizing #numeric-field,input[type=number]){font:12px/16px Arial,sans-serif!important;height:16px!important;min-height:16px!important;padding:3px!important;width:calc(var(--number-ch,4) * 1ch)!important}
html body :is(#numeric-sizing #numeric-field,#jump){width:3ch!important}
body .controls .navigation .jump{order:3}body .controls .navigation .autoplay{order:2;margin-left:auto}
body #load-options{position:absolute!important;bottom:calc(100% + 6px)!important;padding:6px!important;box-shadow:0 3px 12px #0003!important}
body #tree-block{max-width:100%;min-width:0;box-sizing:border-box;overflow-x:auto}body .variation-actions{flex-wrap:wrap}body .variation-actions button{max-width:100%;box-sizing:border-box}

body main,body.editing-mode main{max-width:none}

/* Board-only print preview, including printing from the bulletin-board iframe. */
#print-preview{box-sizing:border-box;width:min(620px,95vw);max-height:94vh;padding:12px;border:1px solid #688879;border-radius:8px;overflow:auto;background:white;color:#183c40}
#print-preview-image{display:block;max-width:100%;max-height:65vh;width:auto;height:auto;margin:auto}.print-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px}
@media print{body>main,body>dialog:not(#print-preview){display:none!important}body #print-preview{position:static;display:block!important;width:100%;max-width:none;max-height:none;border:0;padding:0;overflow:visible}#print-preview>*:not(#print-preview-image){display:none!important}#print-preview-image{max-height:95vh;max-width:100%}#print-preview::backdrop{display:none}}
