body{margin:0;padding:0;background:var(--loader-bg,#0a0a0f);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}#what-the-fuck-are-you-doing-here{opacity:0;transition:opacity .3s}#mainNav{z-index:1000;position:relative}#notif-container{z-index:999;position:relative}/* Лоадер: покачивающееся зелье Zelmar и пиксельная полоса загрузки. */
.loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0b0c10;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 18px;
    z-index: 10000;
    transition: opacity 0.3s ease;
}

.loader-potion {
    animation: loader-bob 1.2s ease-in-out infinite;
    filter: drop-shadow(0 8px 18px rgba(63, 208, 138, 0.35));
}

/* Пиксельная полоса загрузки, как в Minecraft */
.loader-bar {
    width: 120px;
    height: 8px;
    background: #181b24;
    border: 2px solid #12141c;
    box-shadow: 0 0 0 1px rgba(150, 180, 210, 0.2);
    overflow: hidden;
}

.loader-bar span {
    display: block;
    width: 40%;
    height: 100%;
    background: #3fd08a;
    box-shadow: inset 0 -2px 0 #1e9c60;
    animation: loader-fill 1.1s steps(8) infinite;
}

@keyframes loader-bob {
    0%, 100% { transform: translateY(0) rotate(-4deg); }
    50% { transform: translateY(-8px) rotate(4deg); }
}

@keyframes loader-fill {
    from { transform: translateX(-100%); }
    to { transform: translateX(250%); }
}

@media (prefers-reduced-motion: reduce) {
    .loader-potion, .loader-bar span { animation: none; }
}