/* EA-style shootout screen (2026-11-05). Loaded after penalty-polish.css.
   The pitch is the screen: the controls become one compact card, the full key
   list lives in How to play / pause, and the tutorial card is small and brief. */

/* The landing title is a link home — it must read as the title, not a default blue link. */
.wos-title a, .wos-title a:visited { color: inherit; text-decoration: none; font: inherit; }
.wos-title a:hover, .wos-title a:focus-visible { color: #cefa66; }

/* Compact control card (desktop). */
.wos-side:not(.is-touch) { width: 236px; padding: 12px 14px; bottom: 20px; right: 20px; max-height: none; overflow: visible; }
.wos-side:not(.is-touch) .wos-kicker { font-size: 9px; margin: 0 0 2px; }
.wos-side:not(.is-touch) .wos-role { font-size: 20px; margin: 2px 0 2px; }
.wos-side:not(.is-touch) .wos-role-stage { font-size: 10px; margin: 0 0 8px; letter-spacing: .08em; }
.wos-side:not(.is-touch) .wos-side-methods { margin: 6px 0; }
.wos-side:not(.is-touch) .wos-side-shoot { min-height: 40px; font-size: 18px; }
.wos-side:not(.is-touch) .wos-side-hint { font-size: 11px; line-height: 1.4; margin: 8px 0 0; }
.wos-side:not(.is-touch) .wos-side-list { display: none; }
.wos-side:not(.is-touch) .wos-side-list p:first-child { white-space: pre-line; }
.wos-side:not(.is-touch):hover .wos-side-list,
.wos-side:not(.is-touch):focus-within .wos-side-list { display: block; }
.wos-side:not(.is-touch) .wos-shot-options { margin: 6px 0; gap: 6px; }

/* Tutorial: a small card in the corner, never a wall of text over the pitch. */
.wos-coach { width: min(17rem, 34vw); }
.wos-coach-card { padding: .65rem .8rem; }
.wos-coach-card b { font-size: .9rem; }
.wos-coach-card p { font-size: .76rem; line-height: 1.45; }