/* Online-only additions. The ordinary desktop/phone game layout is retained. */
.score-coach{display:block;font:normal 11px/1.3 system-ui,sans-serif;white-space:normal;overflow-wrap:anywhere}
#onlineDialog h3{font-size:18px;margin:18px 0 10px}
#onlineRoomPanel h3{margin-top:0}
#onlineRoomSummary{white-space:pre-line;overflow-wrap:anywhere}
#inviteLink{width:100%;font-size:12px;font-weight:normal}
#connection{overflow-wrap:anywhere}
.football-phone .score-coach{font-size:9px;line-height:1.15}
.football-phone body[data-online=true] .connection{max-height:40px;flex:none}
.football-phone #onlineDialog .callout{padding:10px}
.football-phone #onlineDialog h3{margin:12px 0 6px;font-size:16px}

#onlineRoomPanel{scroll-margin-top:60px}

/* Responses occupy their own space beside the action; no overlay on controls. */
#onlineStatus{padding:10px 12px;margin:10px 0;border:2px solid var(--wine);border-radius:6px;background:var(--cream);color:var(--ink);font:600 15px/1.4 system-ui,sans-serif;overflow-wrap:anywhere;scroll-margin:64px 0 12px}
#onlineStatus:empty{display:none}
#onlineStatus:focus{outline:2px solid var(--wine);outline-offset:2px}
#onlineDialog button:disabled{cursor:wait;opacity:.65}
#onlineDialog input,#onlineDialog select{max-width:100%}

/* One coach-owned roll control uses the available width on both screen sizes. */
.play-grid.coach-roll{grid-template-columns:minmax(0,1fr)}