/* R55: the poster's action legend as live text in the existing modal owner. */
#sk-r40r42-root [data-r47-onboarding="controls"] .sk-r40r42-panel {
  flex:0 1 auto; width:min(1220px,100%); max-width:100%; min-width:0; padding:24px 28px 0;
}
#sk-r40r42-root .r55-controls-guide {
  --r55-scale:var(--r47-onboarding-scale,1.25); --r55-ink:#f4f0df; --r55-muted:#c4d2dc;
  --r55-line:#506576; --r55-gold:#f1c76b; --r55-cyan:#66d9e8;
  color:var(--r55-ink); font-family:"Atkinson Hyperlegible Next",Arial,sans-serif;
  font-size:calc(16px * var(--r55-scale)); line-height:1.45; min-width:0;
}
#sk-r40r42-root .r55-controls-guide p { margin:0; color:var(--r55-muted); overflow-wrap:anywhere; }
#sk-r40r42-root .r55-controls-guide h2 { margin:0 0 14px; color:var(--r55-ink); font-size:1.12em; line-height:1.25; font-weight:750; overflow-wrap:anywhere; }
#sk-r40r42-root .r55-controls-guide h3 { margin:0 0 14px; color:var(--r55-cyan); font-size:1em; line-height:1.3; font-weight:700; }
#sk-r40r42-root .r55-controls-header { display:flex; flex-wrap:wrap; gap:14px 36px; justify-content:space-between; align-items:center; padding-bottom:20px; }
#sk-r40r42-root .r55-controls-header .sk-r40r42-title { margin:4px 0 0; font-size:calc(clamp(26px,3.2vw,38px) * var(--r55-scale)); line-height:1.12; }
#sk-r40r42-root .r55-controls-guide .r55-controls-brand { color:var(--r55-ink); font-size:.85em; font-weight:750; letter-spacing:.06em; }
#sk-r40r42-root .r55-controls-brand b { color:var(--r55-gold); }
#sk-r40r42-root .r55-controls-intro { max-width:42ch; font-size:.95em; }
#sk-r40r42-root .r55-controls-devices { display:flex; flex-wrap:wrap; gap:10px; border-block:1px solid var(--r55-line); padding:14px 0; margin-bottom:20px; }
#sk-r40r42-root .r55-controls-layouts { display:flex; flex-wrap:wrap; gap:10px; margin:-6px 0 20px; }
#sk-r40r42-root .r55-controls-guide .r55-controls-pad-navigation { margin:-6px 0 20px; font-size:.94em; }
#sk-r40r42-root .sk-r40r42-panel .r55-controls-tab { flex:0 1 auto; min-width:48px; min-height:48px; padding:10px 18px; font-size:1em; line-height:1.35; }
#sk-r40r42-root .sk-r40r42-panel .r55-controls-tab[aria-pressed="true"],
#sk-r40r42-root .sk-r40r42-panel .r55-controls-back { color:#091728!important; background:var(--r55-gold)!important; border-color:var(--r55-gold)!important; font-weight:750; }
#sk-r40r42-root .r55-controls-content { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; align-items:start; }
#sk-r40r42-root .r55-controls-section { min-width:0; border:1px solid var(--r55-line); border-radius:4px; background:#0e2132; padding:20px; }
#sk-r40r42-root .r55-controls-section > p + p { margin-top:10px; }
#sk-r40r42-root .r55-controls-side { display:grid; gap:20px; min-width:0; }
#sk-r40r42-root .r55-controls-table { border-collapse:collapse; table-layout:fixed; width:100%; font-size:1em; line-height:1.3; }
#sk-r40r42-root .r55-controls-table th,#sk-r40r42-root .r55-controls-table td { text-align:left; overflow-wrap:anywhere; padding:13px 12px; border-bottom:1px solid #3d5263; vertical-align:middle; }
#sk-r40r42-root .r55-controls-table thead th { font-size:.85em; font-weight:700; color:var(--r55-muted); background:#1b3345; }
#sk-r40r42-root .r55-controls-table thead th:first-child { width:58%; }
#sk-r40r42-root .r55-controls-table tbody th { font-weight:700; border-left:4px solid var(--r55-action,var(--r55-ink)); }
#sk-r40r42-root .r55-controls-table tbody tr:nth-child(even) { background:#122a3d; }
#sk-r40r42-root .r55-controls-table td { text-align:center; }
#sk-r40r42-root .r55-controls-table tr:last-child > * { border-bottom:0; }
#sk-r40r42-root .r55-controls-key { display:inline-block; min-width:1.8em; max-width:100%; padding:.16em .36em; border:1px solid #8196a7; border-bottom-width:3px; border-radius:4px; background:#223b50; color:var(--r55-ink); font-size:1.08em; line-height:1.25; font-family:inherit; font-weight:750; text-align:center; white-space:normal; overflow-wrap:anywhere; vertical-align:middle; }
#sk-r40r42-root .r55-controls-table .r55-controls-key { color:var(--r55-action,var(--r55-ink)); }
#sk-r40r42-root .r55-controls-alternative { display:block; margin-top:6px; font-size:.9em; color:var(--r55-muted); }
#sk-r40r42-root .r55-controls-guide .r55-controls-note { font-size:.94em; margin-top:12px; }
#sk-r40r42-root .r55-control-light { --r55-action:#b2e798; }
#sk-r40r42-root .r55-control-heavy { --r55-action:#a3d4ff; }
#sk-r40r42-root .r55-control-kick { --r55-action:#f4acbb; }
#sk-r40r42-root .r55-control-strong-kick { --r55-action:#d1efb7; }
#sk-r40r42-root .r55-control-block { --r55-action:#e0e6ee; }
#sk-r40r42-root .r55-control-special { --r55-action:#ffdf88; }
#sk-r40r42-root .r55-control-universal { --r55-action:#87e6ea; }
#sk-r40r42-root .r55-controls-movement { display:flex; flex-wrap:wrap; gap:16px 24px; align-items:center; }
#sk-r40r42-root .r55-controls-directions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-areas:". up ." "left centre right" ". down ."; gap:4px; width:7em; max-width:100%; flex:none; }
#sk-r40r42-root .r55-direction-up { grid-area:up; }
#sk-r40r42-root .r55-direction-left { grid-area:left; }
#sk-r40r42-root .r55-direction-right { grid-area:right; }
#sk-r40r42-root .r55-direction-down { grid-area:down; }
#sk-r40r42-root .r55-direction-centre { grid-area:centre; border-radius:50%; background:#162f43; margin:5px; }
#sk-r40r42-root .r55-controls-movement-list { flex:1 1 180px; margin:0; }
#sk-r40r42-root .r55-controls-movement-list > div { display:flex; flex-wrap:wrap; gap:6px 16px; align-items:center; justify-content:space-between; margin:6px 0; }
#sk-r40r42-root .r55-controls-movement-list dt { font-weight:650; }
#sk-r40r42-root .r55-controls-movement-list dd { margin:0; }
#sk-r40r42-root .r55-controls-movement-panel > p { margin-top:14px; }
#sk-r40r42-root .r55-controls-universal-list { margin:16px 0 0; padding:0; list-style:none; }
#sk-r40r42-root .r55-controls-universal-list li { padding:12px 0; border-top:1px solid #3d5263; }
#sk-r40r42-root .r55-controls-universal-list li:last-child { padding-bottom:0; }
#sk-r40r42-root .r55-controls-universal-list strong { color:var(--r55-cyan); font-size:1em; }
#sk-r40r42-root .r55-controls-universal-list p { margin-top:3px; font-size:.94em; }
#sk-r40r42-root .r55-controls-cost { display:block; margin-top:5px; color:var(--r55-gold); font-size:.94em; font-weight:650; }
#sk-r40r42-root .r55-controls-extras { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; grid-column:1 / -1; }
#sk-r40r42-root .r55-controls-versus { grid-column:1 / -1; }
#sk-r40r42-root .r55-controls-pause > .r55-controls-key { margin-bottom:12px; }
#sk-r40r42-root .r55-controls-touch { grid-column:1 / -1; border-top:2px solid var(--r55-cyan); }
#sk-r40r42-root .r55-controls-touch-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:28px; margin-top:24px; }
#sk-r40r42-root .r55-controls-touch-movement > p { margin-top:12px; }
#sk-r40r42-root .r55-controls-touch-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
#sk-r40r42-root .r55-controls-touch-key { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:4px; border:2px solid var(--r55-action); border-radius:6px; padding:12px 8px; min-width:0; background:#20394d; }
#sk-r40r42-root .r55-controls-touch-key b { font-size:clamp(1em,4vw,1.65em); line-height:1.1; color:var(--r55-action); }
#sk-r40r42-root .r55-controls-touch-key span { font-size:max(14px,calc(13px * var(--r55-scale))); line-height:1.25; font-weight:700; overflow-wrap:anywhere; }
#sk-r40r42-root .r55-touch-universal { grid-column:4; grid-row:1 / 3; }
#sk-r40r42-root .r55-controls-guide .r55-controls-return-note { margin-top:20px; font-size:.94em; }
#sk-r40r42-root .r55-controls-footer { position:sticky; bottom:0; z-index:2; display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:12px 24px; margin-top:16px; padding:16px 0 max(16px,env(safe-area-inset-bottom)); border-top:1px solid var(--r55-line); background:#091728; }
#sk-r40r42-root .r55-controls-footer .r55-controls-back { flex:0 1 auto; min-width:120px; }
#sk-r40r42-root [data-r47-onboarding="controls"] .r51-onboarding-scroll-cue { bottom:calc(62px + 24px * var(--r47-onboarding-scale,1.25) + env(safe-area-inset-bottom)); padding-top:14px; }
#sk-r40r42-root .r55-controls-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(max-width:960px) {
  #sk-r40r42-root [data-r47-onboarding="controls"] .sk-r40r42-panel { padding:18px 20px 0; }
  #sk-r40r42-root .r55-controls-content,#sk-r40r42-root .r55-controls-side,#sk-r40r42-root .r55-controls-extras { gap:14px; }
  #sk-r40r42-root .r55-controls-section { padding:16px; }
  #sk-r40r42-root .r55-controls-extras { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #sk-r40r42-root .r55-controls-extras .r55-controls-pause { grid-column:1 / -1; }
  #sk-r40r42-root .r55-controls-table th,#sk-r40r42-root .r55-controls-table td { padding:12px 9px; }
  #sk-r40r42-root .r55-controls-touch-layout { gap:20px; }
}
@media(max-width:700px) {
  #sk-r40r42-root .r55-controls-content { grid-template-columns:minmax(0,1fr); }
  #sk-r40r42-root .r55-controls-extras { grid-template-columns:minmax(0,1fr); }
  #sk-r40r42-root .r55-controls-touch-layout { grid-template-columns:minmax(0,1fr); }
  #sk-r40r42-root .r55-controls-touch-movement { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:12px; }
  #sk-r40r42-root .r55-controls-touch-movement h3 { grid-column:1 / -1; margin:0; }
  #sk-r40r42-root .r55-controls-touch-movement > p { margin:0; }
  #sk-r40r42-root .sk-r40r42-panel .r55-controls-tab { flex:1 1 auto; padding:10px 12px; }
  #sk-r40r42-root .r55-controls-footer .r55-controls-back { flex:1 1 auto; }
}
@media(max-height:620px) {
  #sk-r40r42-root .r55-controls-header { padding-bottom:14px; gap:10px 24px; }
  #sk-r40r42-root .r55-controls-devices { margin-bottom:16px; padding:10px 0; }
  #sk-r40r42-root .r55-controls-footer { padding-top:10px; padding-bottom:max(10px,env(safe-area-inset-bottom)); }
}
@media(forced-colors:active) {
  #sk-r40r42-root .r55-controls-key,#sk-r40r42-root .r55-controls-touch-key { border-color:ButtonText; }
  #sk-r40r42-root .sk-r40r42-panel .r55-controls-tab[aria-pressed="true"] { outline:3px solid Highlight; outline-offset:2px; }
}
/* The single help modal owns the visible interaction surface while open. */
body.sk-r40r42-modal-open #sk-r40r42-quickbar,
body.sk-r40r42-modal-open #sk-r40r42-coach,
body.sk-r40r42-modal-open #sk-r40r42-fighttip,
body.sk-r40r42-modal-open #sk-r40r42-emergency-skip,
body.sk-r40r42-modal-open .r54-training-dock,
body.sk-r40r42-modal-open .r54-small-action,
body.sk-r40r42-modal-open .r54-replay-launch { display:none!important; }