/* Keep the complete pitch and primary controls together in the play viewport. */
#pitch{touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}
#pitch:focus-visible{outline-offset:-4px}
.swipe-help{display:none}
.playing .site-header{padding:8px 4%;min-height:48px}
.playing .brand{font-size:20px}
.playing .site-header>.back{font-size:12px}
.playing .music-controls{margin:0 auto;padding:0 4%;gap:4px 12px;min-height:48px}
.playing .music-controls .music-note{display:none}
.playing .music-controls button{font-size:12px;padding:4px 10px;min-height:44px}
.playing .music-controls label{font-size:12px}
.playing .music-controls input[type=range]{width:80px}
.playing .match-header{padding:6px 4%;gap:6px;flex-wrap:nowrap}
.playing .match h1{font-size:clamp(18px,2.4vw,28px);overflow-wrap:anywhere}
.playing .match .eyebrow{font-size:10px;margin-bottom:2px}
.playing .match-tools{flex-wrap:nowrap;gap:4px}
.playing .match-tools button{font-size:11px;padding:5px 8px;min-height:44px}
.playing .swipe-help{display:block;font-size:13px;line-height:1.35;margin:4px auto 8px;padding:0 4%;max-width:900px}
.playing .field{width:min(100%,calc(var(--field-space,50dvh)*1.77778));margin:auto;border-radius:12px}
.playing .field canvas{aspect-ratio:16/9}
.controls{max-width:900px;margin:auto;padding:8px 4%}
.kick-controls{grid-template-columns:minmax(90px,1fr) auto;gap:14px;margin:0}
.kick-controls .power-label{grid-column:auto;font-size:13px}
.kick-controls .primary{padding:9px 18px;min-height:44px;font-size:14px}
.kick-controls:has(#next:not([hidden])) #kick{display:none}
#aim-options summary{cursor:pointer;font-size:13px;font-weight:800;min-height:44px;display:list-item;align-content:center;padding:8px 0}
#aim-options .small{margin:0 0 8px;font-size:12px}
.status{font:700 16px/1.3 Baloo,sans-serif;margin:2px 0 8px;min-height:2.6em}
@media(max-width:600px){
  .playing .music-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:0 12px}
  .playing .music-controls label:has(input[type=checkbox]){min-height:28px}
  .playing .match-header{align-items:center}
  .playing .match-tools #full{display:none}
  .playing .match-tools #exit{max-width:74px;line-height:1.1}
  .playing .match-tools{flex-shrink:0}
  .playing .field{border-radius:0}
  .kick-controls{gap:12px}
  .aim-controls{gap:12px}
}
@media(max-height:500px) and (min-width:600px){
  .playing .site-header{display:none}
  .playing main{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,34%);column-gap:12px}
  .playing #match,.playing .swipe-help{grid-column:1/-1;width:100%}
  .playing .field{grid-column:1;width:min(100%,calc(var(--field-space,50dvh)*1.77778))}
  .playing #controls{grid-column:2;grid-row:3;padding:0 12px 0 0}
  .playing #scores,.playing .notes{grid-column:1/-1}
}
@media(max-height:650px) and (max-width:600px){
  .playing .site-header{display:none}
}