/* Keyboard guide mirrors the stunt icons used by the touch controls. */
#desktop-controls{display:none}
@media(min-width:901px) and (pointer:fine){
 body.playing #desktop-controls{display:block;position:absolute;right:28px;bottom:28px;width:270px;padding:14px;color:#f4f3ff;background:#121a30eb;border:1px solid #ba9aff66;border-top:2px solid #72f5e3;border-radius:18px;box-shadow:0 8px 30px #080f2844;backdrop-filter:blur(12px);pointer-events:none}
 .desktop-drive{display:flex;align-items:center;gap:12px;padding-bottom:12px;margin-bottom:10px;border-bottom:1px solid #b6a6ff30;font-size:12px;color:#c5cfe5}
 .desktop-stunts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .desktop-stunts>div{display:flex;align-items:center;gap:8px;min-width:0;padding:8px 6px;background:#28304a88;border:1px solid #b6a6ff24;border-radius:10px}
 #desktop-controls svg{width:31px;height:31px;flex-shrink:0;color:#c6acff}
 #desktop-controls kbd{display:inline-block;min-width:29px;padding:3px 7px;font-size:13px;line-height:1.3;border-radius:5px;color:#fff}
 #desktop-controls small{display:block;margin-top:5px;font-size:10px;line-height:1.25;color:#c5cfe5;overflow-wrap:anywhere}
 .desktop-stunts .desktop-jump{grid-column:1/-1;justify-content:center;gap:12px;background:#6550ab44;border-color:#ba9aff66;font-size:12px}
 .desktop-jump svg{color:#72f5e3!important}
 body.playing #hint{display:none}
}
@media(min-width:1600px) and (pointer:fine){body.playing #desktop-controls{right:36px;bottom:36px;width:310px;padding:18px}.desktop-stunts>div{padding:10px 8px}#desktop-controls svg{width:36px;height:36px}#desktop-controls small{font-size:12px}}