body.tablet-portrait,
body.tablet-landscape {
    background: #000;
    overflow: hidden;
}

body.tablet-portrait #zoomroot,
body.tablet-landscape #zoomroot {
    position: fixed;
    left: 50%;
    top: 50%;
    overflow: hidden;
    background: var(--violet);
}

body.tablet-portrait #zoomroot {
    width: var(--blektre-mobile-frame-w, 500px);
    height: var(--blektre-mobile-frame-h, 882px);
    transform-origin: center center;
    transform: translate(-50%, -50%) scale(var(--blektre-mobile-frame-scale, 1));
    border-radius: 24px;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.42);
}

body.tablet-landscape #zoomroot {
    width: var(--blektre-desktop-frame-w, 1300px);
    height: var(--blektre-desktop-frame-h, 760px);
    transform-origin: center center;
    transform: translate(-50%, -50%) scale(var(--blektre-desktop-frame-scale, 1));
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.36);
}

body.tablet-landscape #gamebg {
    transform: translate(-45px, -78px);
}

body.tablet-portrait #wrapper,
body.tablet-portrait #visuel,
body.tablet-portrait #scrollburne,
body.tablet-portrait #landframe,
body.tablet-portrait #control_pad,
body.tablet-portrait #numap,
body.tablet-portrait #map,
body.tablet-portrait #bottom_swipe_menu,
body.tablet-portrait #mobile_panel_buttons,
body.tablet-portrait #overlay,
body.tablet-portrait .overlaymode,
body.tablet-portrait #connec_prelude,
body.tablet-portrait #mobiledisclaimer,
body.tablet-portrait .gametextzone.large,
body.tablet-portrait #blektropedia_container,
body.tablet-portrait #nuchatbox.opened,
body.tablet-portrait #achievement {
    width: 100%;
    max-width: var(--blektre-mobile-frame-w, 500px);
    box-sizing: border-box;
}

body.tablet-portrait #wrapper,
body.tablet-portrait #visuel,
body.tablet-portrait #scrollburne,
body.tablet-portrait #landframe,
body.tablet-portrait #control_pad,
body.tablet-portrait #numap,
body.tablet-portrait #map,
body.tablet-portrait #bottom_swipe_menu,
body.tablet-portrait #mobile_panel_buttons,
body.tablet-portrait #overlay,
body.tablet-portrait .overlaymode,
body.tablet-portrait #connec_prelude,
body.tablet-portrait #mobiledisclaimer,
body.tablet-portrait .gametextzone.large,
body.tablet-portrait #blektropedia_container,
body.tablet-portrait #nuchatbox.opened,
body.tablet-portrait #achievement {
    position: absolute !important;
    left: 0;
    right: 0;
}

body.tablet-portrait #wrapper,
body.tablet-portrait #visuel,
body.tablet-portrait #control_pad,
body.tablet-portrait #numap,
body.tablet-portrait #map,
body.tablet-portrait #overlay,
body.tablet-portrait .overlaymode,
body.tablet-portrait #connec_prelude,
body.tablet-portrait #mobiledisclaimer,
body.tablet-portrait #blektropedia_container {
    top: 0;
    bottom: 0;
}

body.tablet-portrait #wrapper {
    height: 100%;
    transform: none;
}

body.tablet-portrait #visuel {
    height: var(--mobile-visuel-h);
    transform: none;
}

body.tablet-portrait #scrollburne,
body.tablet-portrait #landframe {
    top: var(--mobile-visuel-h);
}

body.tablet-portrait #control_pad {
    height: var(--mobile-visuel-h) !important;
}

body.tablet-portrait #bottom_swipe_menu {
    bottom: 0;
}

body.tablet-portrait #mobile_panel_buttons,
body.tablet-portrait #achievement {
    top: 0;
}

body.tablet-portrait #nuchatbox.opened {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
}

body.tablet-portrait #mobileCloseLayButton,
body.tablet-portrait #mobileTradeCancelButton,
body.tablet-portrait #nuchatbox.opened #closechatsuppo {
    position: absolute !important;
}

body.tablet-portrait #mobileCloseLayButton,
body.tablet-portrait #mobileTradeCancelButton {
    top: 0;
    right: 0;
}

body.tablet-portrait #nuchatbox.opened #closechatsuppo {
    top: -20px;
    right: -7px;
}

body.tablet-portrait #map img {
    width: min(600px, 100%);
}