* {
    box-sizing: border-box;
}

:root {
    --shell-desktop-width: 1020px;
    --shell-tablet-width: 768px;
    --shell-mobile-width: 430px;
}

html,
body {
    margin: 0;
    min-height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    background: url("../images/bg/BG.webp") top center/cover repeat-y;
    -webkit-font-smoothing: antialiased;
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    display: block;
    max-width: 100%;
}

.page {
    min-height: 100vh;
    background: url("../images/bg/BG.webp") top center/cover repeat-y;
}

body,
.page {
    background: #03002c url("../images/bg/BG.webp") top center/cover repeat-y;
}

.page-bg-glass,
.page-bg-glass .golden-shell {
    background-image: url("../images/bg/Black-Glass.webp"), url("../images/bg/BG.webp");
    background-position: top center, top center;
    background-size: 100% auto, 100% auto;
    background-repeat: repeat-y, repeat-y;
}

/* --- Slot flare utilities --- */
.slot-flare-top { top: 0; }
.slot-flare-top12 { top: -12px; }
.slot-flare-bottom { bottom: 0; }
.slot-flare-bottom9 { bottom: 9px; }
.slot-flare-bottom-9 { bottom: -9px; }
.slot-flare-bottom-7 { bottom: -7px; }
.slot-flare-bottom-10 { bottom: -10px; }

/* --- Text utilities --- */
.main-text {
    font-size: 11px;
    font-weight: 400;
}

.font-size-14 { font-size: 14px; }
.font-size-15 { font-size: 15px; }
.title-text { font-size: 20px; }
.font-size-10 { font-size: 10px; }
.font-size-7 { font-size: 7px; }
.color-yellow { color: #ffe89b; }