/* Fit the complete arena, not a clipped or scrollable fragment of it. */
body:has(#comboScreen.active){overflow:hidden;height:100dvh;min-height:0}
.app:has(#comboScreen.active){height:calc(100dvh - 16px);min-height:0}
#comboScreen{height:100%;min-height:0}
#comboScreen .combo-layout{height:100%;min-height:0;grid-template-columns:minmax(220px,28%) minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden}
#comboScreen #comboBoard{position:relative;height:100%;min-height:0;min-width:0;padding:0;overflow:hidden;display:block}
#comboBoard>.combo-fit-content{position:absolute;left:50%;top:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:auto;min-height:0;padding:16px;gap:12px;transform-origin:top center;box-sizing:border-box}
.combo-fit-content>*{flex-shrink:0;position:relative}
#comboBoard .combo-fit-content .bottom-actions{position:static;margin:0;padding:0;min-height:44px;background:none}
#comboBoard .combo-fit-content .combo-hint{display:block;min-height:0;margin:0}
#comboBoard .combo-fit-content .combo-hint:empty{display:none}
#comboBoard .combo-fit-content .combo-library-wrap{overflow:visible}
#comboBoard .combo-fit-content .combo-inventory-body{grid-template-columns:minmax(210px,340px) auto}
@media(max-width:699px){
 #comboScreen .combo-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(90px,24%) minmax(0,1fr);padding:6px;gap:6px}
 #comboScreen .combo-sidebar{padding:10px}
}