/* The context button above the skill buttons (shop, fishing, ...). */
#actBtn{position:fixed;left:50%;bottom:calc(100px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border:0;border-radius:12px;background:var(--gold);color:#3b2410;font:700 16px 'Kanit',system-ui,sans-serif;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.3)}
#actBtn[hidden]{display:none}
#actBtn kbd{font:500 11px 'Kanit',sans-serif;padding:1px 5px;border:1px solid rgba(59,36,16,.4);border-radius:4px}
#actBtn.dim{background:rgba(9,38,40,.8);color:var(--ink);border:1px solid var(--hud-line)}
#actBtn.dim kbd{border-color:var(--hud-line)}
#actBtn.urgent{background:#ff7a3a;color:#fff;animation:urgent .35s ease-in-out infinite alternate}
@keyframes urgent{to{transform:translateX(-50%) scale(1.12)}}
#actBtn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
#fishMark{position:fixed;left:0;top:0;font:700 40px 'Kanit',system-ui,sans-serif;color:#ffd84a;text-shadow:0 3px 0 #5a2a0a,0 0 12px rgba(0,0,0,.5);pointer-events:none}
#fishMark[hidden]{display:none}
/* touch screens: the joystick (dock.css) holds the bottom left, so the context button moves to the
   right - left thumb walks, right thumb acts */
@media (pointer:coarse){#actBtn{left:auto;right:calc(16px + env(safe-area-inset-right,0px));transform:none}#actBtn.urgent{animation-name:urgentR}}
body.joy #actBtn{left:auto;right:calc(16px + env(safe-area-inset-right,0px));transform:none}
body.joy #actBtn.urgent{animation-name:urgentR}
@keyframes urgentR{to{transform:scale(1.12)}}
/* card #341: joystick on the right -> the context button on the left */
@media (pointer:coarse){body.joyR #actBtn{right:auto;left:calc(16px + env(safe-area-inset-left,0px))}}
body.joy.joyR #actBtn{right:auto;left:calc(16px + env(safe-area-inset-left,0px))}