* { box-sizing: border-box; }
html { color-scheme: dark; }
body {
    margin: 0;
    min-height: 100vh;
    background: #000 url('/koniec/images/background.png') no-repeat center top;
    color: #e7ecef;
    font-family: Verdana, Arial, sans-serif;
}
.page-shell { width: min(100% - 32px, 900px); margin: 0 auto; }
.site-header { display: flex; align-items: center; justify-content: center; min-height: 200px; }
.site-logo { display: block; width: min(681px, 100%); height: auto; }
.announcement { text-align: center; }
.announcement-inner { padding: 30px 24px 20px; }
h1 { margin: 0; color: #e4edf2; font-size: clamp(23px, 4vw, 32px); line-height: 1.3; }
.opening-time { margin: 13px 0 0; color: #bdcbd3; font-size: clamp(21px, 3.5vw, 28px); }
.opening-time strong { color: #fff; font-size: 1.25em; }
.discord-intro { margin: 38px 0 16px; color: #b7c3ca; font-size: 15px; line-height: 1.5; }
.discord-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    min-height: 54px;
    padding: 14px 25px;
    border: 1px solid #7282d9;
    background: #4758a8;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
}
.discord-button:hover { background: #586bc3; }
.discord-button:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.discord-button svg { width: 24px; height: 24px; }
.returning-players { max-width: 610px; margin: 52px auto 0; padding: 24px 0 0; border-top: 1px solid #263640; }
.returning-players h2 { margin: 0 0 12px; color: #d4e0e6; font-size: 17px; line-height: 1.4; }
.returning-players p { margin: 0; color: #aab8c0; font-size: 14px; line-height: 1.7; }
footer { padding: 30px 0; color: #657780; font-size: 11px; text-align: center; }
@media (max-width: 600px) {
    .page-shell { width: calc(100% - 28px); }
    .site-header { min-height: 150px; }
    .announcement-inner { padding: 22px 8px 10px; }
    .discord-button { width: 100%; max-width: 320px; }
    .returning-players { margin-top: 42px; }
}