.cl-arcade-active .cl-header,.cl-arcade-active .cl-nav-mobile{display:none}
.cl-arcade-active .cl-outlet{padding:0;max-width:none;margin:0;overflow:hidden}
.cl-arcade-practice{position:fixed;inset:0;z-index:100;background:#0B0D1A;display:flex;flex-direction:column}
.cl-arcade-toolbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px max(10px,env(safe-area-inset-right)) 6px max(10px,env(safe-area-inset-left));color:#fff;font:12px system-ui}
.cl-arcade-toolbar button{min-height:36px}
.cl-arcade-frame{width:100%;flex:1 1 0;min-height:0;border:0;display:block;background:#062f3c}
.cl-arcade-toolbar{position:relative;z-index:60;height:48px;box-sizing:border-box}
.cl-arcade-practice>.game-entry{position:absolute;inset:48px 0 0;height:calc(100% - 48px)}
.cl-arcade-practice>.pop-entry{left:50%;right:auto;width:min(100%,calc((100dvh - 48px)*.5625));height:calc(100% - 48px)}