/* ==========================================
   HLAVNÍ STYLY HRY (style.css v2.1)
   ========================================== */

/* Odstranění zpoždění při klikání na mobilech */
* {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

/* Skrytí systémových posuvníků */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Vlastní stylový scrollbar pro seznamy */
.custom-scroll::-webkit-scrollbar {
    width: 6px;
}
.custom-scroll::-webkit-scrollbar-track {
    background: rgb(15, 23, 42);
    border-radius: 9999px;
}
.custom-scroll::-webkit-scrollbar-thumb {
    background: rgb(51, 65, 85);
    border-radius: 9999px;
}
.custom-scroll::-webkit-scrollbar-thumb:hover {
    background: rgb(71, 85, 105);
}

/* Výstražné blikání při kritickém hladu */
@keyframes pulse-red {
    0%, 100% { background-color: rgb(239, 68, 68); }
    50% { background-color: rgb(153, 27, 27); }
}
.hunger-critical {
    animation: pulse-red 1s infinite;
}

/* Plynulé vynoření modálních oken (Fade In) */
@keyframes modalFadeIn {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
.animate-fade-in {
    animation: modalFadeIn 0.18s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Zlatá záře pro LEGENDÁRNÍ předměty */
@keyframes glow-legendary {
    0%, 100% {
        box-shadow: 0 0 15px rgba(245, 158, 11, 0.35), inset 0 0 8px rgba(245, 158, 11, 0.15);
        border-color: rgba(245, 158, 11, 0.85);
    }
    50% {
        box-shadow: 0 0 25px rgba(245, 158, 11, 0.65), inset 0 0 14px rgba(245, 158, 11, 0.3);
        border-color: rgba(251, 191, 36, 1);
    }
}
.border-legendary {
    animation: glow-legendary 3s infinite ease-in-out;
}

/* Karmínově rudá záře pro MÝTICKÉ předměty */
@keyframes glow-mythic {
    0%, 100% {
        box-shadow: 0 0 18px rgba(239, 68, 68, 0.45), inset 0 0 10px rgba(239, 68, 68, 0.25);
        border-color: rgba(239, 68, 68, 0.9);
    }
    50% {
        box-shadow: 0 0 32px rgba(220, 38, 38, 0.85), inset 0 0 18px rgba(220, 38, 38, 0.4);
        border-color: rgba(254, 202, 202, 1);
    }
}
.border-mythic {
    animation: glow-mythic 2s infinite ease-in-out;
}

/* Fixace okna pro mobilní PWA */
html, body {
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #020617;
}