/* The same single left-arrow exit used by the versus games. */
.arcade-skin .arcade-back{display:grid;place-items:center;flex:0 0 44px;width:44px;min-width:44px;height:42px;padding:0;background:#24343c;border:0;border-radius:10px;color:#f3f3e9;font:800 23px/1 Arial,sans-serif;box-shadow:none;cursor:pointer}
.arcade-skin .arcade-back:focus-visible{outline:3px solid #54c7c6;outline-offset:3px}
.briefing-header,.remote-header{display:flex;align-items:center;gap:14px;min-height:70px;flex:none;text-align:left;background:#101d25;border-bottom:1px solid #ffffff12;padding:10px 16px}
.briefing-header>div,.remote-header>div{min-width:0}
.briefing-header small,.remote-header small{display:block;color:#edaa4e;font-size:9px;font-weight:900;letter-spacing:2px}
.briefing-header b,.remote-header b{display:block;font-size:22px;line-height:1.1;letter-spacing:-.7px}
.arcade-skin #overlay.intro-screen{padding-top:0;justify-content:flex-start}
.arcade-skin #overlay .briefing-header{align-self:stretch;margin:0 -16px 4px;border-radius:16px 16px 0 0}
.arcade-skin #overlay.intro-screen .briefing-content{flex:1 1 auto;justify-content:safe center}
.arcade-skin #overlay:not(.intro-screen) .briefing-header{display:none}
#play:has(#overlay.intro-screen:not(.hidden)) #quitBtn{visibility:hidden}
.arcade-hub :is(#ioShell,#squadShell) .remote-header{position:absolute;inset:0 0 auto;height:calc(70px + var(--arcade-safe-top));padding-top:calc(10px + var(--arcade-safe-top));padding-left:calc(16px + var(--arcade-safe-left));z-index:2}
.arcade-hub :is(#ioClose,#squadClose){position:static;background:#24343c}
.arcade-hub :is(#ioShell,#squadShell) iframe{top:calc(70px + var(--arcade-safe-top));height:calc(100% - 70px - var(--arcade-safe-top))}
/* The parent arrow works immediately, including while Spin is still loading. */
.arcade-hub #spinClose{display:grid;background:#24343c}