:root {
    --ink: #080708 !important;
    --ink-soft: #120b0d !important;
    --panel: rgba(255, 232, 232, 0.045) !important;
    --panel-border: rgba(255, 104, 104, 0.22) !important;
    --milk: #f7eeee !important;
    --milk-dim: #bcaeb1 !important;
    --violet: #9e1524 !important;
    --cyan: #ff5a5f !important;
    --pink: #c51f32 !important;
    --gold: #e4a15b !important;
}

body {
    background:
        radial-gradient(900px 620px at 12% -8%, rgba(133, 10, 24, .42), transparent 68%),
        radial-gradient(850px 700px at 100% 100%, rgba(76, 5, 14, .38), transparent 70%),
        repeating-linear-gradient(135deg, rgba(255, 255, 255, .012) 0 1px, transparent 1px 7px),
        var(--ink) !important;
}

header {
    background: rgba(8, 7, 8, .88) !important;
    border-bottom-color: rgba(255, 67, 76, .3) !important;
}

h1, h2, h3, .brand {
    font-family: "Trebuchet MS", "Arial Black", sans-serif !important;
    text-shadow: 0 2px 0 #21080b;
}

.shimmer {
    background: none !important;
    background-clip: initial !important;
    -webkit-background-clip: initial !important;
    color: #ff4b55 !important;
    -webkit-text-fill-color: #ff4b55 !important;
    text-shadow: 0 0 14px rgba(255, 53, 66, .45) !important;
    animation: none !important;
}

.eyebrow, .modal-steps h4 svg, .modal-verified, .stat b {
    color: var(--cyan) !important;
}

.eyebrow {
    text-shadow: 0 0 12px rgba(255, 72, 80, .7) !important;
}

.eyebrow::before {
    background: var(--cyan) !important;
    box-shadow: 0 0 12px var(--cyan) !important;
}

.scroll-progress {
    background: linear-gradient(90deg, #650b16, #ff414d, #e4a15b) !important;
    box-shadow: 0 0 12px rgba(255, 65, 77, .7) !important;
}

.hero::after {
    background: linear-gradient(100deg, rgba(8, 7, 8, .96), rgba(22, 5, 8, .82) 42%, rgba(8, 7, 8, .38) 72%, rgba(8, 7, 8, .7)), linear-gradient(to top, rgba(8, 7, 8, .95), transparent 34%) !important;
}

.hero::before {
    filter: saturate(.7) contrast(1.15) brightness(.68) sepia(.18) hue-rotate(315deg) !important;
}

.hero-media, .launcher-card, .tile, .modal-card, .modal-features .mf, .modal-steps {
    box-shadow: 0 30px 80px -30px rgba(173, 12, 28, .38) !important;
}

.hero-media {
    background: #0b0809 !important;
    border-color: rgba(255, 104, 104, .28) !important;
}

.hero-media .media-bar {
    background: rgba(8, 7, 8, .88) !important;
}

.hero-media .media-dots span:nth-child(1),
.hero-media .media-dots span:nth-child(2),
.hero-media .media-dots span:nth-child(3) {
    background: #ff3d49 !important;
    box-shadow: 0 0 8px rgba(255, 61, 73, .55);
}

.hero-media .mini-badges div {
    background: rgba(8, 7, 8, .72) !important;
    border-color: rgba(255, 104, 104, .22) !important;
}

.item-media {
    background:
        radial-gradient(circle at 30% 20%, rgba(173, 12, 28, .34), transparent 58%),
        radial-gradient(circle at 80% 85%, rgba(92, 5, 15, .42), transparent 62%),
        #0b0809 !important;
}

.aurora {
    background:
        radial-gradient(circle at 18% 12%, rgba(173, 12, 28, .30), transparent 52%),
        radial-gradient(circle at 88% 90%, rgba(92, 5, 15, .34), transparent 58%),
        #0b0809 !important;
}

.aurora-grid .card {
    background: rgba(8, 7, 8, .62) !important;
    border-color: rgba(255, 104, 104, .22) !important;
}

.card .ic {
    background: linear-gradient(135deg, rgba(112, 8, 22, .72), rgba(255, 61, 73, .24)) !important;
    box-shadow: inset 0 0 16px rgba(255, 61, 73, .12), 0 0 12px rgba(173, 12, 28, .16);
}

.news-grid .card:hover {
    border-color: #fff !important;
}

.btn-primary, .btn-signup, .modal-actions a.a1 {
    background: linear-gradient(120deg, #8e101f, #ed3c49) !important;
    color: #fff3f3 !important;
    box-shadow: 0 7px 24px -7px rgba(220, 31, 49, .7) !important;
}

.btn-primary:hover, .btn-signup:hover {
    box-shadow: 0 12px 32px -8px rgba(255, 50, 66, .75) !important;
}

.modal-actions a.a2 {
    background: linear-gradient(120deg, #54101a, #a7192b) !important;
    color: #fff3f3 !important;
}

.modal-actions a.a3 {
    background: linear-gradient(120deg, #b06a35, #e4a15b) !important;
}

.modal-verified {
    border-color: rgba(255, 80, 88, .45) !important;
    background: rgba(255, 80, 88, .1) !important;
}

.modal-features .mf .ic {
    background: linear-gradient(135deg, rgba(139, 13, 31, .55), rgba(255, 73, 82, .2)) !important;
}

.season-pill::before {
    content: "☠" !important;
    color: var(--cyan) !important;
    text-shadow: 0 0 8px var(--cyan) !important;
}

.Ocean-snow span {
    background: radial-gradient(circle at 30% 30%, #fff1f1, var(--c) 55%, transparent 75%) !important;
    box-shadow: 0 0 8px var(--c) !important;
}

.ip-box button {
    background: #f2dfe0 !important;
    color: #21080b !important;
}

@media (prefers-reduced-motion: reduce) {
    .shimmer, .Ocean-snow span {
        animation: none !important;
    }
}
/* Kopyalama / seçme / sürükleme */
html,
body,
* {
    -webkit-user-select: none !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
}

/* Görsel sürükleme */
img {
    pointer-events: none;
}
.blood-particle {
    position: fixed;
    width: 5px;
    height: 8px;
    background: #ff0000;
    border-radius: 50% 50% 45% 45%;
    pointer-events: none;
    z-index: 99999;
    box-shadow: 0 0 8px rgba(255, 0, 0, 0.8);
    animation: bloodFade 0.8s ease-out forwards;
}

@keyframes bloodFade {
    0% {
        opacity: 1;
        transform: scale(1) translate(0, 0);
    }

    100% {
        opacity: 0;
        transform: scale(0.2)
                   translate(calc(var(--x) * 1px), calc(var(--y) * 1px));
    }
}
/* Normal mouse'u gizle */
html,
body,
* {
    cursor: none !important;
}

#horrorCursor {
    position: fixed;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    pointer-events: none !important;
    z-index: 2147483647;
    display: block;
}

.shop-page,
.shop-page * {
    cursor: none !important;
}