/* ===== RESET ===== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body, a, button, input, textarea, select, option, label, p, span, li, h1, h2, h3, h4, h5, h6 {
    cursor: none !important;
}

/* ===== MAGIC CURSOR ===== */
.magic-cursor {
    position: fixed;
    pointer-events: none;
    width: 32px;
    height: 32px;
    background: url('/img/kursor.png') no-repeat center center;
    background-size: contain;
    transform: none;
    transition: transform 0.05s ease, opacity 0.2s ease;
    z-index: 999999;
    opacity: 0;
}

/* ===== GWIAZDKI ===== */
.star {
    position: absolute;
    left: var(--x, 50vw);
    top: var(--y, -20px);
    font-size: var(--size, 16px);
    color: #FFD700;
    opacity: 0.9;
    font-family: monospace;
    animation: fall var(--duration, 20s) linear infinite;
    animation-delay: var(--delay, 0s);
    text-shadow: 0 0 3px #FFD700, 0 0 6px #FFD700;
    pointer-events: none;
    will-change: transform;
    transform: translate(var(--offset-x, 0px), var(--offset-y, 0px));
}

/* ===== SMUGA KURSORA ===== */
.magic-cursor-star {
    position: fixed;
    font-size: 12px;
    color: #FFD700;
    pointer-events: none;
    opacity: 0.8;
    transition: transform 0.8s ease, opacity 0.8s ease;
    text-shadow: 0 0 3px #FFD700, 0 0 6px #FFD700;
    z-index: 9999;
}

/* ===== GWIAZDKI PRZY KLIKNIĘCIU (WYBUCH) ===== */
.click-star {
    position: fixed;
    font-size: 16px;
    color: #FFD700;
    pointer-events: none;
    opacity: 1;
    transition: transform 0.8s ease, opacity 0.8s ease;
    text-shadow: 0 0 3px #FFD700, 0 0 6px #FFD700;
    z-index: 9999;
}

/* ===== MAIN CONTENT LAYER ===== */
main {
    position: relative;
    z-index: 1;
}