/* V329: centered Options control above the board, never under the dice cup. */
body.board-view .board-wrap > #boardOptionsBtn {
  display:block !important;
  position:fixed !important;
  top:var(--cl-options-y, 6px) !important;
  left:var(--cl-options-x, 50vw) !important;
  right:auto !important;
  bottom:auto !important;
  transform:translateX(-50%) !important;
  order:unset !important;
  width:148px !important;
  max-width:calc(100vw - 24px) !important;
  min-width:0 !important;
  min-height:36px !important;
  padding:8px 14px !important;
  border:1px solid rgba(90,72,121,.28) !important;
  border-radius:13px !important;
  background:#f0ebff !important;
  color:#23153b !important;
  box-shadow:0 3px 10px rgba(0,0,0,.20) !important;
  font:800 14px/1.25 system-ui,sans-serif !important;
  cursor:pointer !important;
  pointer-events:auto !important;
  z-index:11013 !important;
}
body:not(.board-view) .board-wrap > #boardOptionsBtn{display:none !important;}
@media (max-width:800px){
  /* On a scrolling phone, let Options occupy a normal row immediately above the board. */
  body.board-view .board-wrap > #boardOptionsBtn {
    position:relative !important;
    inset:auto !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    transform:none !important;
    order:-1 !important;
    align-self:center !important;
    flex:0 0 auto !important;
    margin:0 auto 2px !important;
    min-height:40px !important;
    touch-action:manipulation !important;
  }
}