body {
    font-family: 'Inter', sans-serif;
    /* A subtle pattern can improve the background */
    background-color: #18181b; /* zinc-900 */
    background-image:
        radial-gradient(circle at 25px 25px, rgba(255, 255, 255, 0.02) 2%, transparent 0%),
        radial-gradient(circle at 75px 75px, rgba(255, 255, 255, 0.02) 2%, transparent 0%);
    background-size: 100px 100px;
}

.mc-font {
    font-family: 'VT323', 'Courier New', Courier, monospace;
    text-shadow: 2px 2px #00000080;
}

.animate-fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.animate-fade-in.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Style for crafting grid items to look more like Minecraft slots */
.crafting-slot {
    background-color: #3f3f46; /* zinc-700 */
    border-top: 2px solid #52525b; /* zinc-600 */
    border-left: 2px solid #52525b; /* zinc-600 */
    border-bottom: 2px solid #27272a; /* zinc-800 */
    border-right: 2px solid #27272a; /* zinc-800 */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem; /* w-16 */
    height: 4rem; /* h-16 */
    image-rendering: pixelated; /* For pixel art SVGs */
}
.crafting-slot.empty {
     background-color: #27272a; /* zinc-800 */
     border: 2px solid #18181b;
}
.crafting-slot img {
    width: 80%;
    height: 80%;
}