/* Default Bookworm portrait controls. The lab may explicitly select standard. */
@media(max-width:640px) and (orientation:portrait){
  .bookworm-theme[data-portrait-layout=side] .wb .wb-board{grid-template-rows:40px 24px minmax(0,1fr)}
  .wb-side-controls{min-width:0;min-height:0;height:100%;width:100%;display:flex;align-items:center;justify-content:flex-start;gap:8px;container-type:size}
  .bookworm-theme[data-portrait-layout=side] .wb .wb-grid{--rack:min(calc(100cqw - 72px),100cqh);width:var(--rack);height:var(--rack);max-width:calc(100% - 72px);max-height:100%;flex:none;margin:0}
  .bookworm-theme[data-portrait-layout=side] .wb .wb-actions{display:flex;flex-direction:column;align-items:stretch;flex:none;width:64px;height:min(calc(100cqw - 72px),100cqh);gap:8px;margin:0}
  .bookworm-theme[data-portrait-layout=side] .wb .wb-actions #wb-attack{order:0;flex:1;min-height:80px;min-width:64px;width:64px;height:auto;padding:8px}
  .bookworm-theme[data-portrait-layout=side] .wb .wb-attack-label{display:inline-block;writing-mode:vertical-rl;text-orientation:upright;font-size:clamp(16px,10cqh,24px);line-height:1}
  .bookworm-theme[data-portrait-layout=side] .wb .wb-actions #wb-scramble{order:1;flex:0 0 44px;width:64px;height:44px;min-height:44px}
}
@media(max-width:640px) and (max-height:640px) and (orientation:portrait){
  .bookworm-theme[data-portrait-layout=side] .wb .wb-board{grid-template-rows:34px 18px minmax(0,1fr)}
}