/* Portrait-only trial; desktop and landscape retain the previous layout. */
@media(max-width:700px) and (orientation:portrait) and (pointer:coarse){
 #gameApp.compact-table-trial .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;min-height:58px;height:auto;padding:8px 0}
 #gameApp.compact-table-trial .brand{gap:5px;min-width:0}.compact-table-trial .brandmark{display:none}
 #gameApp.compact-table-trial .brand strong{font-size:11px;letter-spacing:.13em}.compact-table-trial .brand small{font-size:9px}
 #gameApp.compact-table-trial #turnClock{font-size:11px;white-space:nowrap;padding:7px 8px;max-width:none;min-height:0}
 #gameApp.compact-table-trial .top-actions{gap:3px}.compact-table-trial #menuButton{font-size:11px;padding:8px}
 #gameApp.compact-table-trial>.scorebar{display:none}
 #gameApp.compact-table-trial .table-frame{position:relative}
 #gameApp.compact-table-trial .compact-table-hud{position:absolute;left:18px;right:18px;top:16px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;z-index:4;min-height:48px;pointer-events:none}
 #gameApp.compact-table-trial .compact-table-side>button{pointer-events:auto}
 #gameApp.compact-table-trial .compact-table-hud #scoreSummary{flex-wrap:nowrap;flex-direction:column;align-items:flex-start;overflow:hidden;gap:4px;max-width:27%;flex:1}
 #gameApp.compact-table-trial .score-pill{padding:4px 6px;gap:4px;max-width:100%}.compact-table-trial .score-pill b{max-width:85px;overflow:hidden;text-overflow:ellipsis}
 #gameApp.compact-table-trial .score-pill b{font-size:10px}#gameApp.compact-table-trial .score-pill strong{font-size:14px}
 .compact-table-side{display:flex;flex-direction:column;align-items:flex-end;flex:none;gap:3px}
 #gameApp.compact-table-trial #scoreDetailsButton{padding:6px 9px;font-size:11px}
 #gameApp.compact-table-trial #networkStatus{font-size:9px;margin:0;padding:2px 0}
 #gameApp.compact-table-trial .felt.multi-seats{padding-top:68px}
 #gameApp.compact-table-trial .opponent-area.seats-2 .seat-top{max-width:42%;min-width:0}
 #gameApp.compact-table-trial .opponent-area.seats-2 .opponent-stack{width:23px;height:33px}
 #gameApp.compact-table-trial .opponent-area.seats-2 .opponent{gap:4px;padding:5px}
 #gameApp.compact-table-trial .table-footer{align-items:center;flex-wrap:wrap;gap:5px;font-size:9px}
 #gameApp.compact-table-trial .table-footer .hand-heading{order:1;flex:1;justify-content:center;white-space:nowrap;font-size:8px;gap:4px}
 #gameApp.compact-table-trial .table-footer .hand-heading>.avatar{width:24px;height:24px;margin-right:0}
 #gameApp.compact-table-trial .table-footer .deal-indicator{order:2;font-size:8px}
 #gameApp.compact-table-trial .controls{display:grid;grid-template-columns:minmax(0,1fr) 110px;column-gap:10px;row-gap:4px;align-items:start}
 #gameApp.compact-table-trial #handStatus{grid-column:1;grid-row:1;margin:0;font-size:10px}
 #gameApp.compact-table-trial #hand{grid-column:1;grid-row:2;flex-wrap:wrap;justify-content:flex-start;overflow:visible;gap:5px;padding:8px 4px;margin:0;min-height:0}
 #gameApp.compact-table-trial #hand>.card{width:clamp(42px,12.6vw,61px);height:clamp(64px,18.9vw,91px)}
 #gameApp.compact-table-trial .actionbar{grid-column:2;grid-row:1 / span 2;grid-template-columns:1fr;gap:5px;position:static;padding:0}
 #gameApp.compact-table-trial .action{min-height:42px;font-size:11px;padding:7px 3px}
 #gameApp.compact-table-trial #buildProposal,#gameApp.compact-table-trial #actionHint,#gameApp.compact-table-trial #hintPanel,#gameApp.compact-table-trial #lastTake{grid-column:1 / -1}
 #gameApp.compact-table-trial #actionHint{margin:4px 0;min-height:0}
}
.compact-table-hud[hidden]{display:none}

@media(max-width:700px) and (orientation:portrait) and (pointer:coarse){
 #gameApp.compact-table-trial #actionHint{display:none}
 #gameApp.compact-table-trial #hintPanel:has(.hint-intro){display:none}
 #gameApp.compact-table-trial #hintPanel .hint-title{display:none}
 #gameApp.compact-table-trial #hintPanel{padding:8px;margin:5px 0}
 #gameApp.compact-table-trial #handStatus{font-size:11px;line-height:1.4;min-height:0}
 #gameApp.compact-table-trial .compact-deal-notice{position:absolute;left:12px;right:12px;bottom:5px;z-index:5;pointer-events:none;text-align:center;font-size:10px;line-height:1.3;padding:7px 10px;border-radius:9px;background:#103e2af2;color:#f4deb1;opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease}
 #gameApp.compact-table-trial .compact-deal-notice.visible{opacity:1;transform:translateY(0)}
}
.compact-deal-notice[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.compact-deal-notice{transition:none!important}}

@media(max-width:700px) and (orientation:portrait) and (pointer:coarse){
 #gameApp.compact-table-trial .felt>#lastTake{grid-column:1/-1;grid-row:5;justify-self:start;align-self:flex-start;flex:none;width:auto;margin:6px 0;padding:0;border:0}
 #gameApp.compact-table-trial .felt>#lastTake:not(:has(button)){display:none}
 #gameApp.compact-table-trial #lastTake .last-take-button{display:block;width:auto;min-height:36px;padding:8px 12px;border-radius:10px}
 #gameApp.compact-table-trial #lastTake .last-heading{display:block;font-size:10px;letter-spacing:.02em;text-transform:none}
 #gameApp.compact-table-trial #lastTake .last-heading>span,
 #gameApp.compact-table-trial #lastTake .last-description,
 #gameApp.compact-table-trial #lastTake .last-cards{display:none}
}

@media(max-width:700px) and (orientation:portrait) and (pointer:coarse){#gameApp.compact-table-trial .felt.multi-seats .table-footer{grid-row:6}}