/* V12.25 · Scoped guidance; no changes to table or mobile shell geometry. */
.arc-guide-hint{box-sizing:border-box;margin:10px 0;padding:10px 13px;border:1px solid #a9cacf70;border-radius:10px;background:linear-gradient(120deg,#10252bf5,#17172df5);color:#e8efed;text-align:left;font:13px/1.45 system-ui,sans-serif;letter-spacing:0;box-shadow:0 4px 16px #0004}
.arc-guide-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
.arc-guide-head strong{color:#efcd83;font:700 12px/1.3 system-ui,sans-serif;letter-spacing:.035em}
.arc-guide-hint .arc-guide-head button,.arc-guide-hint .arc-guide-done{appearance:none;flex-shrink:0;min-height:32px;padding:5px 8px;border:1px solid #b4c6ce50;border-radius:6px;background:#ffffff0c;color:#d7e5e9;font:600 11px/1.3 system-ui,sans-serif;cursor:pointer}
.arc-guide-hint p{display:block!important;margin:5px 0 0!important;color:#e8efed!important;font:13px/1.45 system-ui,sans-serif!important;max-width:none!important;letter-spacing:0!important;text-transform:none!important}
.arc-guide-hint .arc-guide-done{margin-top:8px;border-color:#dec681a0;color:#fce3a2}
.arc-guide-hint button:focus-visible,.arc-guide-controls button:focus-visible{outline:2px solid #91e6ff;outline-offset:3px}
.arc-guide-review .hand-review-copy>p{display:none!important}
.arc-guide-review .arc-guide-hint{margin-bottom:0}
.arc-guide-review .hand-review-copy{min-width:0;flex:1 1 0}
.arc-guide-review .hand-review-actions{flex:0 0 220px;min-width:0!important}
.arc-guide-review .hand-review-actions .btn{width:100%;min-height:42px;white-space:normal;font-size:12px}
.arc-guide-focus{outline:2px solid #96dded!important;outline-offset:4px}
#hand.arc-guide-focus{outline:none!important}
#hand.arc-guide-focus>.card.playable img{outline:2px solid #96dded!important;outline-offset:2px}
.arc-guide-floating{position:fixed;left:50%;top:35%;transform:translate(-50%,-50%);z-index:19005;width:min(380px,calc(100vw - 40px));margin:0;pointer-events:none}
.arc-guide-floating button{pointer-events:auto}
.arc-guide-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:10px 0;color:#c9d5dc;font:12px/1.45 system-ui,sans-serif}
.arc-guide-controls span{flex:1 1 180px}
.arc-guide-controls .btn{min-height:36px;font-size:12px}
/* Keep the existing bid timer, choices and round actions in the same scroll box. */
#modal.arc-guide-modal .modalbox{max-height:92dvh!important;overflow-y:auto!important;overscroll-behavior:contain}
@media(max-height:520px){
 .arc-guide-hint{padding:7px 10px;margin:7px 0}
 .arc-guide-hint p{font-size:12px!important;line-height:1.35!important}
 .arc-guide-head strong{font-size:11px}
 .arc-guide-floating{top:40%;width:min(350px,calc(100vw - 40px))}
 .arc-guide-review .hand-review-copy>h3,.arc-guide-review .hand-review-copy>small{display:none!important}
 .arc-guide-review .hand-review-actions{flex-basis:170px}
 #handReviewPanel.arc-guide-review{max-height:calc(100dvh - 120px)!important;overflow:auto!important}
 #handReviewPanel.arc-guide-review .arc-guide-hint{margin:0}
 .arc-guide-hint .arc-guide-head button{min-height:32px}
 #modal.arc-guide-bid #modalBody>p,#modal.arc-guide-bid #arcOnlineBidPrompt>p{display:none!important}
 #modal.arc-guide-bid h2{font-size:22px!important;margin:0 0 8px!important}
 #modal.arc-guide-bid #arcOnlineBidPrompt>div:not(.choice-grid){padding:7px 10px!important;margin:6px 0!important}
 #modal.arc-guide-bid #arcBidTimerText{font-size:11px!important}
}