.ome-welcome-wrap {
    width: min(1160px, calc(100% - 32px));
    margin: 24px auto 18px;
}
.ome-welcome-hero {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    min-height: 340px;
    padding: 28px clamp(24px, 5vw, 64px);
    border: 1px solid #8c7548;
    border-radius: 14px;
    background: linear-gradient(90deg, #07121ff5 0%, #07121fdb 33%, #07121f24 71%),
                #081321 url("../images/welcome-frost.webp") center 48% / cover no-repeat;
    box-shadow: 0 12px 30px #0006;
}
.ome-welcome-content { max-width: 480px; }
.ome-welcome-hero .ome-welcome-kicker {
    margin: 0;
    color: #e5c479;
    font: 700 11px/1.4 Arial, sans-serif;
    letter-spacing: .2em;
}
.ome-welcome-hero #ome-welcome-title {
    margin: 4px 0 10px;
    padding: 0;
    color: #f4d484;
    font: 700 clamp(44px, 6vw, 74px)/1 Georgia, serif;
    text-shadow: 0 3px 12px #000b;
}
.ome-welcome-hero .ome-welcome-intro {
    margin: 0;
    max-width: 395px;
    color: #f2eee5;
    font: 15px/1.55 Arial, sans-serif;
}
.ome-welcome-hero .ome-welcome-facts {
    display: flex;
    flex-wrap: wrap;
    gap: 7px 14px;
    padding: 0;
    margin: 16px 0 20px;
    list-style: none;
    color: #e7cb90;
    font: 700 11px/1.4 Arial, sans-serif;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.ome-welcome-facts li { margin: 0; }
.ome-welcome-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.ome-welcome-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 44px;
    padding: 9px 16px;
    border: 1px solid #c9a255;
    border-radius: 7px;
    background: #07121fda;
    color: #f2d99c;
    font: 700 11px/1.4 Arial, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}
.ome-welcome-actions .ome-welcome-primary { background: linear-gradient(#f2d584, #c69a43); color: #211609; }
.ome-welcome-actions a:hover { filter: brightness(1.12); }
.ome-welcome-actions a:focus-visible { outline: 2px solid #ffe5a5; outline-offset: 3px; }
body:has(.ome-welcome-wrap) .main_b_holder { padding-top: 0; }

@media (max-width: 650px) {
    .ome-welcome-wrap { width: calc(100% - 24px); margin-top: 14px; }
    .ome-welcome-hero {
        min-height: 0;
        padding: 150px 18px 22px;
        background-image: linear-gradient(180deg, #07121f00 0, #07121f 155px),
                          url("../images/welcome-frost.webp");
        background-size: 100% 100%, auto 220px;
        background-position: center, right top;
        background-repeat: no-repeat;
    }
}

.ome-welcome-actions a {
    min-width: 100px;
    padding-inline: 18px;
    background: #142236d9;
    border-color: #b599626b;
    font-size: 12px;
}
.ome-welcome-actions .ome-welcome-primary {
    border-color: #e3bd65;
    box-shadow: 0 4px 16px #0004;
}
.ome-welcome-wrap { margin-bottom: 8px; }
.ome-welcome-hero { background-position: center, center top; }
.ome-welcome-hero #ome-welcome-title { font-size: clamp(42px, 5.4vw, 64px); }
.ome-welcome-hero .ome-welcome-facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    max-width: 385px;
}
.ome-welcome-facts li {
    padding: 8px 6px;
    text-align: center;
    border: 1px solid #c9a25540;
    border-radius: 7px;
    background: linear-gradient(#26374ad9, #101d2de6);
}
.ome-welcome-facts strong {
    display: block;
    color: #f4d484;
    font: 700 clamp(18px, 2.5vw, 25px)/1.15 Georgia, serif;
}
.ome-welcome-facts span {
    display: block;
    margin-top: 3px;
    color: #e6ded0;
    font-size: 10px;
}
.ome-welcome-actions a { gap: 8px; }
.ome-welcome-actions svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}
@media (max-width: 650px) {
    .ome-welcome-hero { background-position: center, right top; }
}

.ome-welcome-hero {
    display: block;
    min-height: 0;
    padding: 0;
    overflow: hidden;
    background: #081321;
}
.ome-welcome-scene {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    min-height: 320px;
    padding: 24px clamp(24px, 5vw, 64px);
    background: linear-gradient(90deg, #07121ff2, #07121faa 38%, transparent 68%),
                url("../images/welcome-frost.webp") center top / cover no-repeat;
}
.ome-welcome-content { max-width: min(440px, 49%); }
.ome-welcome-actions { margin-top: 20px; }
.ome-welcome-hero .ome-welcome-facts {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    max-width: none;
    margin: 0;
    border-top: 1px solid #c9a25555;
    background: #101c2b;
}
.ome-welcome-facts li {
    padding: 12px 6px;
    border: 0;
    border-radius: 0;
    background: none;
}
.ome-welcome-facts li + li { border-left: 1px solid #c9a25530; }
.ome-welcome-facts strong { font-size: clamp(15px, 2vw, 23px); text-transform: none; }

@media (max-width: 650px) {
    .ome-welcome-scene {
        min-height: 0;
        padding: 155px 18px 22px;
        background: linear-gradient(180deg, transparent, #07121f 155px),
                    #07121f url("../images/welcome-frost.webp") right top / auto 200px no-repeat;
    }
    .ome-welcome-content { max-width: 100%; }
    .ome-welcome-hero .ome-welcome-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ome-welcome-facts li:nth-child(3) { border-left: 0; }
    .ome-welcome-facts li:nth-child(n+3) { border-top: 1px solid #c9a25530; }
}

.ome-welcome-scene { justify-content: center; }
.ome-welcome-content {
    width: 100%;
    max-width: 410px;
    text-align: center;
    text-shadow: 0 2px 5px #07121f;
}
.ome-welcome-hero .ome-welcome-intro { margin-inline: auto; }
.ome-welcome-actions { justify-content: center; text-shadow: none; }

@media (min-width: 651px) {
    .ome-welcome-scene {
        background-image: radial-gradient(ellipse 290px 155px at center, #07121fe8 32%, #07121f00 100%),
                          url("../images/welcome-frost.webp");
    }
}

.ome-welcome-account {
    box-sizing: border-box;
    width: min(100%, 340px);
    margin: 16px auto 0;
    padding: 12px 16px;
    border: 1px solid #b599626b;
    border-radius: 10px;
    background: #0a1623f0;
    text-align: left;
    text-shadow: none;
}
.ome-welcome-account h2 {
    margin: 0 0 10px;
    color: #f4d484;
    font: 700 14px/1.4 Arial, sans-serif;
}
.ome-welcome-account .sidebox_body { padding: 0; }
.ome-welcome-account .ome-welcome-register {
    display: block;
    margin-top: 10px;
    color: #f4d484;
    text-align: center;
}

.ome-welcome-account {
    padding: 10px 12px;
    border-color: #b599624a;
    background: #0a1623d9;
}
.ome-welcome-account h2 { margin-bottom: 8px; }
.ome-welcome-account .input-group { margin-bottom: 6px; }
.ome-welcome-account .sidebox_info center { margin-top: 8px; }
@media (min-width: 851px) {
    .ome-welcome-scene:has(> .ome-welcome-account) {
        display: grid;
        grid-template-columns: minmax(210px, 275px) minmax(245px, 355px) minmax(0, 1fr);
        gap: clamp(14px, 3vw, 42px);
        padding-inline: clamp(18px, 3vw, 44px);
        background-image: linear-gradient(90deg, #07121f90, #07121fd0 46%, transparent 74%),
                          url("../images/welcome-frost.webp");
    }
    .ome-welcome-scene > .ome-welcome-account {
        grid-column: 1;
        grid-row: 1;
        margin: 0;
    }
    .ome-welcome-scene:has(> .ome-welcome-account) > .ome-welcome-content {
        grid-column: 2;
        grid-row: 1;
    }
    .ome-welcome-scene:has(> .ome-welcome-account) #ome-welcome-title {
        font-size: clamp(40px, 5vw, 62px);
    }
}
@media (max-width: 850px) {
    .ome-welcome-scene:has(> .ome-welcome-account) { flex-direction: column; }
}