/* Compact live play: fit the visible browser viewport, keep secondary detail expandable. */
@media(max-width:759px){
 body.arena-playing #app>header{height:40px}
 body.arena-playing #app>header .brand{font-size:14px}
 body.arena-playing #app>header button,body.arena-playing #app>header select{min-height:36px;height:36px;padding:4px 8px}
 #play.arena-ready[data-arena-layout=portrait]>.play-layout{grid-template-areas:'overview' 'coach' 'board' 'actions' 'details';gap:6px}
 #play.arena-ready[data-arena-layout=portrait] .scorebar>div:first-child>span,#play.arena-ready[data-arena-layout=portrait] #combo{display:none}
 #play.arena-ready[data-arena-layout=portrait] .scorebar strong{font-size:25px}
 #play.arena-ready[data-arena-layout=portrait] .scorebar .right b{margin:0;font-size:20px}
 #play.arena-ready[data-arena-layout=portrait] #altitude-hud{min-height:0}
 #play.arena-ready[data-arena-layout=portrait] #shop-toggle.run-shop-toggle{min-height:50px;grid-template-columns:30px minmax(0,1fr) auto;flex:1 1 120px;padding:4px 6px}
 #play.arena-ready[data-arena-layout=portrait] #shop-toggle .run-shop-icon{width:28px;height:36px}
 #play.arena-ready[data-arena-layout=portrait] #shop-toggle .run-shop-benefit{display:none}
 #play.arena-ready[data-arena-layout=portrait] #shop-toggle .run-shop-title{font-size:10px}
 #play.arena-ready[data-arena-layout=portrait] #shop-toggle .run-shop-offer{font-size:9px}
 #play.arena-ready[data-arena-layout=portrait] #arena-actions{flex-wrap:nowrap}
 #play.arena-ready[data-arena-layout=portrait] #arena-details-title{padding:8px 2px;min-height:36px}
 #play.arena-ready[data-arena-layout=portrait] #arena-details-body>*{grid-area:auto}
 #play.arena-ready[data-arena-layout=portrait] #tower-coach{padding:7px 10px}
 #play.arena-ready[data-arena-layout=portrait] #tower-coach p{font-size:11px;margin:4px 0}
}
#milestone-dialog{width:min(500px,calc(100% - 24px));max-width:500px;padding:18px;text-align:center}
#milestone-dialog h2{font-size:30px;color:#d0f45b;margin:4px 0}
#milestone-dialog canvas{display:block;width:100%;max-height:42dvh;object-fit:contain;aspect-ratio:5/4;border-radius:12px}
#milestone-dialog .milestone-roast{font-size:16px;color:#f7e6b4;font-weight:750;margin:10px 0}
#milestone-dialog .milestone-choice{display:flex;align-items:center;gap:10px;text-align:left;font-size:12px;min-height:44px}
#milestone-dialog input{width:20px;height:20px;flex:none}
#milestone-dialog .primary{width:100%;min-height:48px;font-size:15px}
.action-guide{padding:12px 14px;margin:12px 0;border:1px solid #b5dc6b88;border-radius:12px;background:#d0f45b0b;color:#edf4d8;line-height:1.45}
.action-guide strong{font-size:14px;color:#d0f45b;display:block}
.action-guide p{font-size:13px;margin:5px 0}
.action-guide button{min-height:44px;font-size:12px}
.action-guide .guide-dismiss{float:right;min-width:44px;background:none;font-size:12px;color:#c5d0bc;padding:8px}
.guide-focus{outline:2px solid #d0f45b;outline-offset:4px}
#result.clear-result .coin-haul{width:100%;grid-template-columns:38px minmax(0,1fr) auto;gap:8px;padding:3px 5px}
#result.clear-result .coin-haul>div{grid-template-columns:1fr;gap:1px}
#result.clear-result #result-coin-balance{grid-column:1;grid-row:3;border:0;padding:0;font-size:11px}
#result.clear-result #result-double small{display:block;font-size:10px;color:#e3d59e;font-weight:500;letter-spacing:0;margin-top:3px}
#result-double{margin:0;min-height:44px;min-width:112px;max-width:135px;padding:7px 10px;font-size:11px;line-height:1.3;border:1px solid #c9df80;border-radius:10px;color:#e7f6bb;background:#d0f45b10;letter-spacing:0}
#result-double:disabled{opacity:.65}
#result-double-status{grid-column:1/-1;font-size:11px;text-align:center;margin:0;color:#c5d0bc}