.actionBar{z-index:40;min-height:58px;font-family:var(--font-ui);text-transform:uppercase;background:#03070af0;border-top:1px solid #ff4f5e2e;justify-content:space-between;align-items:center;padding:0 clamp(2.5rem,4vw,5rem);display:flex;position:relative}.actionBar__status{color:#ffffff47;letter-spacing:.08em;white-space:nowrap;align-items:center;gap:.55rem;min-width:0;font-size:.58rem;font-weight:500;line-height:1;display:flex}.actionBar__indicator{background:#ff4f5e;flex:none;width:5px;height:5px;box-shadow:0 0 6px #ff4f5eb3}.actionBar__controls{justify-content:flex-end;align-items:center;gap:1.25rem;display:flex}.actionKey{color:#ff5865;cursor:var(--cursor-default);font:inherit;letter-spacing:.075em;text-transform:uppercase;white-space:nowrap;text-shadow:0 0 4px #ff4f5e4d;background:0 0;border:0;align-items:center;gap:.48rem;margin:0;padding:0;font-size:.68rem;font-weight:700;line-height:1;display:inline-flex}.actionKey--interactive{cursor:var(--cursor-pointer)}.actionKey--interactive:hover .actionKey__key,.actionKey--interactive:focus-visible .actionKey__key{color:#071014;background:#59e8f2;box-shadow:0 0 8px #59e8f27a,inset 0 0 5px #ffffff29}.actionKey--interactive:hover .actionKey__label,.actionKey--interactive:focus-visible .actionKey__label{color:#ff6671;text-shadow:0 0 4px #ff4f5e85,0 0 10px #ff4f5e33}.actionKey--interactive:focus-visible{outline:none}.actionKey:disabled{opacity:.35;cursor:var(--cursor-disabled)}.actionKey__key{color:#59e8f2;letter-spacing:.04em;background:#030a0f94;border:1px solid;place-items:center;min-width:34px;height:30px;padding:0 .42rem;font-size:.62rem;font-weight:800;line-height:1;transition:color .12s,background .12s,box-shadow .12s;display:inline-grid;box-shadow:0 0 5px #59e8f22e,inset 0 0 5px #59e8f20a}.actionKey__label{color:inherit;font-weight:700;transition:color .12s,text-shadow .12s}@media (max-width:760px){.actionBar{min-height:var(--mobile-action-bar-height);padding:0 max(1rem, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(1rem, env(safe-area-inset-left));overflow:hidden}.actionBar__status{text-overflow:ellipsis;overflow:hidden}.actionBar__controls{flex:none;gap:0}.actionBar__controls>:not(:last-child){display:none}.actionKey{font-size:.74rem;font-weight:600}.actionKey__key{min-width:40px;height:36px;font-size:.66rem;font-weight:700}.actionKey__label{font-weight:600}}