/* Spread WARs mode (#spread screen in the main app). The layout, panels, slip and call list come from updown.css
   (its rules apply to #updown and #spread alike); this file holds only the Spread-only bits. */
#spread .sp-wins{display:flex; flex-wrap:wrap; gap:6px; margin:0 0 4px;}
#spread .sp-wins .ud-seg{padding:4px 10px;}
#spread .ud-mkn{grid-column:2 / 4; grid-row:1; font-size:9px; line-height:1.7; white-space:normal;}
#spread .sp-mkl{grid-column:2; grid-row:2; font-size:14px; color:var(--text-muted); text-align:left; white-space:normal;}
#spread .ud-mkc{grid-column:3; grid-row:2; text-align:right;}
#spread .ud-mkh{grid-column:3; grid-row:3;}
#spread .ud-mk .ud-mkgo{grid-template-rows:auto auto auto;}
#spread .ud-mkn{font-size:19px;}
#spread .sp-note{margin-top:10px; padding:8px 10px; border:1px dashed var(--border); border-radius:10px; font-size:17px; line-height:1.3; color:var(--text-muted);}
#spread .sp-note b{color:var(--text-primary); font-family:'Press Start 2P',monospace; font-size:8px; letter-spacing:.5px;}
#spread .ud-chip.flat{opacity:.75;}
#spread .ud-q p b.ud-qs{color:var(--accent-amber);}
@media (max-width:760px){ #spread .sp-wins{overflow-x:auto; flex-wrap:nowrap; padding-bottom:4px;} }

/* the slip's ring counts hours: two short lines fit where mm:ss did */
#spread .ud-ring{width:86px; height:86px;}
#spread .ud-ring b{font-size:11px; line-height:1.5; white-space:pre; text-align:center;}
#spread .ud-ring small{bottom:13px;}