/* Container Base Styles */
:root {
    --base-width: 1920px;
    --base-height: 1080px;
}

html, body {
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #181818;
}

.scale-viewport {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.game-container {
    /* width: 1920px; */
    /* height: 1080px; */
    width: 100vw;
    height: 100vh;
    /* background: #181818; */ /* Removido para permitir imagem de fundo do combate */
    border-radius: 24px;
    box-shadow: 0 0 40px 0 rgba(0,0,0,0.6);
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    /* O scaling proporcional é feito via JS, não por CSS */
}

.game-container.intro-bg {
    background: url('/images/Intro/kingsrulesintro.png') no-repeat center center;
    background-size: cover;
}

/* Container Content Wrapper */
.content-wrapper {
    width: 100%;
    height: 100%;
    /* Removido: transform: scale(var(--scale-factor, 1)); */
    /* Removido: transform-origin: top left; */
}

/* Shared Body Styles */
body {
    width: 100vw;
    height: 100vh;
    display: block;
    background: #1a1a1a;
    overflow: hidden;
    font-family: 'Arial', sans-serif;
}

/* Resources Bar Positioning */
.resources-bar {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
}

/* Remove media queries que alteram tamanho do container */