/* Phone controls keep comfortable tap areas without shrinking readable text. */
@media(max-width:700px){
 .na-main :is(input,select){font-size:16px}
 .na-main button,.na-rules button,.na-page>header button{min-height:44px}
 .na-hand-tray>summary{min-height:44px;padding-block:14px 13px}
 .na-hand-tray>summary::after{top:16px}
 .na-table-settings>summary{min-height:44px;display:flex;align-items:center}
 .na-activity-head a,.na-activity-recap>summary,.na-prize>summary,.na-deal-result>summary{min-height:44px;display:flex;align-items:center}
 .na-board-scroll{overscroll-behavior-x:contain}
 .na-hand{grid-auto-columns:min(280px,calc(100vw - 58px));overscroll-behavior-x:contain}
 .na-main .na-resolution-to-choice,.na-main .na-resolution-to-map{min-height:44px}
 .na-table-settings-body{max-height:calc(100dvh - var(--na-toolbar-space,70px) - 16px);overflow:auto;overscroll-behavior:contain}
 .na-opening-header{display:block;padding:0;border:0}
 .na-opening-panel>.na-opening-actions,.na-opening-panel>button{position:sticky;bottom:0;z-index:2;flex-shrink:0;box-shadow:0 -8px 16px #070b08e8}
 .na-opening-actions{width:100%;padding:10px 0 max(10px,env(safe-area-inset-bottom));background:#070b08}
 .na-opening-panel>button{width:100%}
}
/* Use the visible viewport on short phones and when the keyboard is open. */
@media(max-width:700px) and (max-height:650px){
 .na-hand-tray #hand{max-height:min(50dvh,calc(100dvh - var(--na-toolbar-space,70px) - 120px))}
 .na-hand .na-card{min-height:0}
 .na-hand .na-card-illustration{display:none}
 .na-hand .na-card h4{margin-top:7px}
 .na-hand .na-card-foot{padding-block:5px}
}