/* Fælles rumvisning til alle spil. */
.rum-panel,.rum-dialog{color:#203c35;background:#f4f7f1;border:1px solid #b8cbbd;border-radius:14px;padding:14px;font:14px/1.5 system-ui,sans-serif}
.rum-panel{margin:0 0 14px;width:100%;max-width:1100px}
.rum-panel[hidden],.rum-panel [hidden]{display:none!important}
.rum-summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 18px}
.rum-code{display:block;font:800 30px/1.2 ui-monospace,monospace;letter-spacing:.16em}
.rum-status{flex:1;min-width:130px}
.rum-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-start;margin-top:8px}
.rum-panel button,.rum-dialog button{border:1px solid #879f90;border-radius:8px;padding:10px 14px;min-height:44px;background:#fff;color:#203c35;font:600 14px system-ui,sans-serif}
.rum-panel button:disabled,.rum-dialog button:disabled{opacity:.5}
.rum-share{margin-top:8px}
.rum-share summary{cursor:pointer;padding:8px 0;font-weight:650}
.rum-panel p,.rum-dialog p{font-size:14px;line-height:1.5;margin:10px 0}
.rum-panel input,.rum-dialog input{box-sizing:border-box;width:100%;padding:10px;background:#fff;color:#203c35;border:1px solid #879f90;border-radius:8px;font:16px system-ui,sans-serif}
.rum-qr svg{display:block;max-width:180px;height:auto;margin:12px 0;background:#fff}
.rum-notice:empty{display:none}
.rum-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 24px));max-height:90dvh;overflow:auto}
.rum-dialog::backdrop{background:#10251ccc}
.rum-dialog h2{font:750 26px system-ui,sans-serif;margin:0;flex:1}
.rum-dialog label{display:block;font-weight:650}
.rum-dialog .rum-input{display:block;text-transform:uppercase;letter-spacing:.2em;margin:8px 0}
.rum-dialog .rum-create,.rum-dialog .rum-join{width:100%;background:#284e40;color:#fff}
.rum-dialog hr{border:0;border-top:1px solid #b8cbbd;margin:20px 0}
/* Ved fuldskærm ligger invitationen i en dialog, så brættet beholder sin plads. */
.board-only.rum-online .rum-panel{width:min(100%,750px);padding:6px 10px;margin:0}
.board-only.rum-online .rum-code{display:inline;font-size:18px;margin-left:6px}
.board-only.rum-online .rum-share,.board-only.rum-online .rum-notice{display:none}
.board-only.rum-online .rum-actions{margin-top:4px}
.board-only.rum-online .rum-panel button{min-height:32px;padding:5px 9px;font-size:12px}
.board-only.rum-online .boardFrame{width:min(100cqw,calc(100cqh - 158px))}
.rum-online .clockSection{display:none}
.focusToolbar{gap:8px;flex-wrap:wrap}
.board-only #onlineGame{display:none}
.rum-online .square:disabled{opacity:1}
.game-focus.rum-online .rum-panel{padding:6px 10px;margin:0;max-width:750px}
.game-focus.rum-online .rum-code{display:inline;font-size:18px;margin-left:6px}
.game-focus.rum-online .rum-share,.game-focus.rum-online .rum-notice{display:none}
.game-focus.rum-online .rum-panel button{min-height:32px;padding:5px 9px;font-size:12px}
.game-focus.rum-online .rum-actions{margin-top:4px}
.game-focus.rum-online .boardFrame{width:min(100cqw,calc((100cqh - 260px)*7/6))}
.game-focus.rum-online #kboard{max-height:none}
.game-focus.rum-online:has(#kboard) .boardFrame{width:min(100cqw,calc((100cqh - 260px)*8.6/3.2))}
@media(max-width:540px){.game-focus.rum-online:has(#kboard) .boardFrame{width:min(100cqw,calc((100cqh - 260px)*2.2/4.6))}}
@media(max-height:500px){
  .game-focus.rum-online .boardColumn{grid-template-rows:36px auto auto 1fr}
  .game-focus.rum-online .rum-panel{grid-column:2;grid-row:3;font-size:12px}
  .game-focus.rum-online .tools{grid-row:4}
  .game-focus.rum-online .boardFrame,.game-focus.rum-online:has(#kboard) .boardFrame{width:min(100%,calc((100dvh - 30px)*7/6))}
}