body #lockHint { inset:auto 12px max(184px,env(safe-area-inset-bottom)); z-index:28;
  display:flex; flex-direction:column; gap:9px; transition:opacity .18s; }
#lockHint .pointer-resume { display:flex; align-items:center; gap:12px; border:1px solid #c79e65;
  border-radius:16px; padding:12px 21px; min-height:52px; background:#241d2af2; color:#ffe0ae;
  box-shadow:0 6px 28px #0007,inset 0 1px #ffe3b526; font:600 16px Rubik,Assistant,sans-serif;
  cursor:pointer; pointer-events:none; visibility:hidden; }
#lockHint.on .pointer-resume { pointer-events:auto; visibility:visible; }
#lockHint .pointer-resume svg { width:24px; height:32px; fill:none; stroke:currentColor; stroke-width:1.7; }
#lockHint .pointer-resume:hover { background:#46342c; }
#lockHint .pointer-resume:focus-visible { outline:3px solid #ffe1a0; outline-offset:4px; }
#lockHint .pointer-help { padding:3px 8px; font-size:13px; text-align:center; }
@media (max-height:540px) { body #lockHint { top:70px; bottom:auto; } #lockHint .pointer-resume { padding:7px 16px; min-height:44px; } }