/* Wejście dla nowego gracza (SPRINT C6, docs/NEW-PLAYER.md): linijka „co teraz” pod kartami fali
   i pomoc sterowania pod F1. Ramki klawiszy jak w samouczku i kartach umiejętności. */
#next-step{position:fixed;left:50%;top:172px;transform:translateX(-50%);z-index:19;display:flex;align-items:center;gap:10px;max-width:min(620px,calc(100vw - 40px));padding:8px 14px 8px 10px;background:#101c23ee;border:1px solid #647779;border-left:3px solid #e3b763;box-shadow:0 4px 18px #0007;color:#eef3ef;font:600 13px/1.35 Arial,Helvetica,sans-serif;pointer-events:none;animation:next-step-in .25s ease-out}
#next-step[hidden]{display:none}
#next-step small{flex:none;font:700 9.5px Arial,Helvetica,sans-serif;letter-spacing:.16em;color:#e3b763}
#next-step[data-state="done"]{border-left-color:#8dff9f;color:#c9f5d2}
#next-step[data-state="done"] small{color:#8dff9f}
#next-step kbd,#controls-help-panel kbd{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 3px;margin:0 1px;background:#0b1519;border:1px solid #657b7b;color:#e4eee7;font:700 11px/1 Arial,Helvetica,sans-serif;vertical-align:baseline;white-space:nowrap}
body.fpp #next-step{top:128px}
@keyframes next-step-in{from{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%,0)}}
@media(prefers-reduced-motion:reduce){#next-step{animation:none}}
@media(max-height:700px){#next-step{top:150px;font-size:12px}}

#controls-help-panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:70;width:min(640px,calc(100vw - 40px));max-height:calc(100vh - 60px);overflow:auto;padding:16px 20px 14px;background:#0f1a1ff4;border:1px solid #647779;border-top:3px solid #e3b763;box-shadow:0 10px 40px #000a;color:#e5ece9;font:13px/1.5 Arial,Helvetica,sans-serif}
#controls-help-panel[hidden]{display:none}
#controls-help-panel .help-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;letter-spacing:.14em;color:#a9b8b4}
#controls-help-panel .help-head strong{color:#e3b763;font-size:13px}
#controls-help-panel dl{display:grid;grid-template-columns:max-content 1fr;gap:9px 16px;margin:0}
#controls-help-panel dt{font:700 10px/22px Arial,Helvetica,sans-serif;letter-spacing:.14em;color:#e3b763;text-transform:uppercase}
#controls-help-panel dd{margin:0;line-height:22px}
#controls-help-panel .help-actions{margin-top:12px;display:flex;justify-content:flex-end}
#controls-help-panel .help-actions button{padding:7px 11px;font-size:10px}