/**
 * Steam Deck device build: fullscreen synthetic view (1280×800 / 16:10).
 * Overrides desktop #game-screen bezel positioning from style.css.
 */

html.steamdeck-device,
body.steamdeck-device {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #000;
}

body.steamdeck-device #app {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    margin: 0;
    padding: 0;
    align-items: stretch;
    justify-content: flex-start;
}

body.steamdeck-device #game-screen {
    position: absolute;
    inset: 0;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    margin: 0;
    display: block;
    overflow: hidden;
    background: #000;
    border-radius: 0;
}

/* Menu floats over the camera view */
body.steamdeck-device #menu-bar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 30;
    height: 32px;
    flex-shrink: 0;
}

body.steamdeck-device #menu-dropdown {
    z-index: 40;
}

body.steamdeck-device #canvas-container {
    position: absolute;
    inset: 0;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    flex: none;
}

body.steamdeck-device #hud-canvas {
    display: block;
    width: 100%;
    height: 100%;
    touch-action: none;
}

body.steamdeck-device #pin-gate {
    position: fixed;
    inset: 0;
    z-index: 1000;
}

/* Legacy trainer-only elements */
body.steamdeck-device #deck-wrapper,
body.steamdeck-device #deck-frame,
body.steamdeck-device .deck-btn,
body.steamdeck-device #joystick-left,
body.steamdeck-device #joystick-right,
body.steamdeck-device #deck-legend {
    display: none !important;
}