/* Тёплое стекло: подсказка и всплывающие окна. Размытие только здесь. */

@keyframes glass-in {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: none; }
}

#artifact_alt {
    animation: glass-in 0.18s ease;
}

#artifact_alt .popup-artifact,
#artifact_alt .bg_alt2,
#artifact_alt .bg_alt3 {
    background-color: rgba(252, 236, 196, 0.86) !important;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0.05)) !important;
    border: 1px solid rgba(255, 236, 196, 0.55);
    border-radius: 10px;
    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.55);
    -webkit-backdrop-filter: blur(10px) saturate(1.15);
    backdrop-filter: blur(10px) saturate(1.15);
}

.b-filter-popup,
.b-sort-popup,
.popup_global_content {
    border-radius: 8px;
    box-shadow:
        0 10px 24px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

/* Оболочка: классические кнопки, но отклик как у современной игры. */
b.butt1 {
    transition: filter 0.16s ease, transform 0.16s ease;
}

b.butt1:hover {
    filter: brightness(1.08);
}

b.butt1:active {
    filter: brightness(0.97);
    transform: translateY(1px);
}

::selection {
    background: rgba(196, 90, 42, 0.28);
    color: #3a1c0c;
}

html,
body#body_content {
    scrollbar-width: thin;
    scrollbar-color: #c4924a rgba(40, 22, 10, 0.18);
}

html::-webkit-scrollbar,
body#body_content::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

html::-webkit-scrollbar-thumb,
body#body_content::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: linear-gradient(#e7c98a, #b07a3a);
}

html::-webkit-scrollbar-track,
body#body_content::-webkit-scrollbar-track {
    background: rgba(40, 22, 10, 0.12);
}

@media (prefers-reduced-motion: reduce) {
    #artifact_alt {
        animation: none;
    }
}