@import url('/scrollbars.css');
@import url('/style-button.css');
/* The host provides controls outside the DS display. Never cover its touch area. */
@font-face{font-family:"Fusion Pixel";src:url("/fonts/fusion-pixel/fusion-pixel-12px-proportional-ja.otf.woff2") format("woff2");font-weight:400;font-style:normal;font-display:block}
/* Theme only the browser controls; the game framebuffer keeps its own artwork. */
#game,#game *{font-family:"Fusion Pixel"!important;border-radius:0!important}
#game .ejs_settings_parent{background:#1e2530!important;color:#f0f1f3!important;border:2px solid #47556b!important}
html,body{margin:0;width:100%;height:100%;background:#000;overflow:hidden}
#game{width:100%;height:100%}
#game .ejs_menu_bar{display:none!important}
#game .ejs_virtualGamepad_parent{display:none!important}
#game .ejs_virtualGamepad_open{display:none!important}
#game button.pixelingo-game-start{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:30;min-height:48px;max-width:calc(100% - 24px);padding:10px 16px;--action-face:#59de98;--action-edge:#42474d;--action-ink:#1b1d1f;font-family:UniversityActions,sans-serif!important;font-size:24px;border-radius:14px!important;white-space:nowrap}
body[data-ds-split="true"] #game .pixelingo-game-start{top:25%}
body[data-ds-split="true"][data-primary-screen="lower"] #game .pixelingo-game-start{top:75%}
#game canvas{touch-action:none}
#game .pixelingo-software-video{position:absolute;pointer-events:none;visibility:hidden;image-rendering:pixelated;transform:none!important;margin:0!important;max-width:none!important;max-height:none!important}
#game .pixelingo-software-video.is-active{visibility:visible}
#game .ejs_canvas.pixelingo-software-source{visibility:hidden!important}
/* The core's ResizeObserver measures the untransformed CSS box. Dividing by
   DPR gives a fixed 160 x 144 backing buffer, even on Retina screens. */
#game .ejs_canvas.pixelingo-native-video{position:absolute!important;left:var(--native-left,0px)!important;top:var(--native-top,0px)!important;width:var(--native-cssWidth,160px)!important;height:var(--native-cssHeight,144px)!important;max-width:none!important;max-height:none!important;margin:0!important;transform:scale(var(--native-scale,1))!important;transform-origin:0 0!important;image-rendering:pixelated!important}
#game .ejs_settings_parent{position:absolute!important;bottom:12px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;max-width:calc(100% - 16px);z-index:20}
body[data-ds-split="true"] #game .ejs_settings_parent{top:12px!important;bottom:auto!important;width:min(360px,calc(100% - 32px));max-height:calc(50% - 24px);overflow-y:auto}
body[data-ds-split="true"][data-primary-screen="lower"] #game .ejs_settings_parent{top:calc(50% + 12px)!important}
/* Upstream measured this menu while its original toolbar was hidden. Its
   active child determines the size after we place it over the selected screen. */
body[data-ds-split="true"] #game .ejs_settings_transition{width:100%!important;height:auto!important;transition:none}
