/*
=====================================
  Chrome Sigil Background System
  --------------------------------
  Clean, positioned chrome sigils with subtle effects
=====================================
*/

/* ----- Base Chrome Sigil Styling ----- */
.sigil-static {
    position: fixed;
    z-index: -1; /* Behind content */
    opacity: 0.6;
    pointer-events: none;
    user-select: none;
    
    /* Clean image rendering */
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    
    /* Subtle blue glow */
    filter: drop-shadow(0 0 12px rgba(100, 150, 255, 0.3));
}

/* ----- Header Area Positions ----- */
.sigil-left-upper {
    top: 4.5%;
    left: 28%;
    width: 120px;
    height: 110px;
    transform: scaleX(-1) rotate(190deg);
    opacity: 0.8;
    transition: filter 0.3s ease;
}

.sigil-right-lower {
    top: 3%;
    right: 27%;
    width: 120px;
    height: 120px;
    transform: rotate(67deg);
    opacity: 0.8;
    transition: filter 0.3s ease;
}

/* ----- Responsive Design ----- */
@media (max-width: 768px) {
    .sigil-static {
        width: 100px !important;
        height: 100px !important;
        opacity: 0.4;
    }
    
    /* Hide accent sigils on mobile */
    .sigil-left-upper,
    .sigil-right-lower {
        display: none;
    }
}

@media (max-width: 480px) {
    .sigil-static {
        width: 80px !important;
        height: 80px !important;
        opacity: 0.3;
    }
}