.settings-page .steam-link-box {
    display: grid;
    gap: 10px;
    margin: 4px 0 18px;
    padding: 18px;
    border: 1px solid #2c4770;
    border-radius: 14px;
    background: linear-gradient(145deg, #111f35, #0b1526);
    box-shadow: 0 12px 28px #0003;
}

.settings-page .steam-link-box .eyebrow {
    color: #6f8cff;
    font-size: 10px;
    letter-spacing: .14em;
}

.settings-page .steam-link-box p {
    margin: 0;
    color: #dce8fb;
    line-height: 1.5;
}

.settings-page .steam-link-box code {
    display: block;
    overflow-wrap: anywhere;
    padding: 13px 14px;
    border: 1px solid #31578a;
    border-radius: 10px;
    background: #07101f;
    color: #7be0ff;
    font: 800 16px/1.35 Consolas, "Courier New", monospace;
    letter-spacing: .04em;
}

.settings-page .steam-link-box small {
    color: #8fa2c0;
    line-height: 1.5;
}

.settings-page .steam-link-box .join {
    justify-self: start;
    margin-top: 2px;
}

.admin-steam-clear {
    display: grid;
    gap: 7px;
    margin: 2px 0 4px;
    padding: 12px;
    border: 1px solid #5d3540;
    border-radius: 10px;
    background: #251624;
}

.admin-steam-clear strong {
    color: #ffd9df;
    font-size: 12px;
}

.admin-steam-clear .compact-button {
    justify-self: start;
}

@media (max-width: 700px) {
    .settings-page .steam-link-box { padding: 15px; }
    .settings-page .steam-link-box .join,
    .admin-steam-clear .compact-button { width: 100%; }
}