/* v8: one Back button for every screen and overlay (nav8.js) */
.mb-back{position:fixed;left:calc(env(safe-area-inset-left) + 10px);top:calc(env(safe-area-inset-top) + 10px);z-index:2147483000;display:inline-flex;align-items:center;gap:4px;min-width:52px;height:48px;padding:0 16px 0 12px;border-radius:99px;border:2px solid rgba(255,255,255,.92);background:rgba(16,20,38,.86);color:#fff;font:800 15px/1 var(--body,system-ui,sans-serif);letter-spacing:.02em;box-shadow:0 6px 18px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer}
.mb-back[hidden]{display:none}
.mb-back i{font-style:normal;font-size:26px;line-height:1;margin-top:-3px}
.mb-back:active{transform:scale(.94)}
.mb-back:focus-visible{outline:3px solid #4fe6ff;outline-offset:2px}
/* the old per-screen close buttons step aside (kept in layout so headers don't jump); 3D zoom Back is folded in */
body.mb-nav .win .win-close{visibility:hidden;pointer-events:none}
body.mb-nav .c7-back{display:none!important}
/* keep screen headers clear of the button */
body.mb-nav .hud-top .brand{margin-left:96px}
.pb-ov{z-index:2147483100}
/* 3D inspect card sits above the joystick and the zone chips; the arcade PLAY button is big and obvious */
.r3d-card{z-index:8}
.r3d-card .r3d-play{min-height:60px;font-size:19px;letter-spacing:.08em}
/* make room for the Back button in each screen's header (titles used to start where it now sits) */
body.mb-nav .amber-head,body.mb-nav .tele-head,body.mb-nav .idc-head,body.mb-nav .gal-head{padding-left:72px}
body.mb-nav .bb2-top{padding-left:100px}
body.mb-nav .crt-brand{margin-left:72px}
body.mb-nav .cab-marq{padding-left:104px}
body.mb-nav .cl-top{padding-left:18px}
body.mb-nav .ho-top{padding-left:36px}
body.mb-nav .win-agent .ag-hero{margin-top:58px}
body.mb-nav .ar-top .ar-tag{margin-left:40px}