* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100%;
    font-family: 'Segoe UI', '¸¼Àº °íµñ', Arial, sans-serif;
    color: #fff;
    background: #0b1d3a;
}

button,
a,
input,
select,
textarea {
    font-family: inherit;
}

button {
    cursor: pointer;
}

.main-shell {
    width: 100%;
    min-height: 100vh;
}
body.game-body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    overflow: hidden !important;
    background: transparent !important;
}

    body.game-body .game-bg,
    body.game-body .main-shell {
        display: contents !important;
        background: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        width: auto !important;
        height: auto !important;
        max-width: none !important;
        min-height: 0 !important;
    }

        body.game-body .game-bg::before,
        body.game-body .game-bg::after,
        body.game-body .main-shell::before,
        body.game-body .main-shell::after {
            display: none !important;
            content: none !important;
        }