/* ═══════════════════════════════════════════════════════════
   AMC ANGEL — Natural Scale, Zero-Shadow & Optimized Hit Zones
   ═══════════════════════════════════════════════════════════ */

/* Natural Scale Container on Home Hero Section */
.amc-angel-container {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 94%;
    max-height: 96vh;
    width: auto;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    z-index: 25;
    user-select: none;
    -webkit-user-select: none;
    pointer-events: auto !important;
    cursor: default !important;
}

/* Double-Buffered Video Viewport — Zero Shadows */
.amc-angel-viewport {
    position: relative;
    height: 100%;
    width: auto;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    cursor: default !important;
    pointer-events: auto !important;
    filter: none !important;
    box-shadow: none !important;
}

/* Wide Deep Dark Particle Aura Canvas behind the character */
.amc-angel-aura-canvas {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 175%;
    height: 100%;
    pointer-events: none !important;
    z-index: 6;
    opacity: 1.0;
    mix-blend-mode: normal;
}

.amc-angel-video {
    height: 100%;
    width: auto;
    max-height: 100%;
    object-fit: contain;
    object-position: bottom center;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    pointer-events: none;
    cursor: default !important;
    will-change: opacity;
    filter: none !important;
    box-shadow: none !important;
    z-index: 10;
}

.amc-angel-video.active {
    opacity: 1;
    z-index: 10;
}

.amc-angel-video.standby {
    opacity: 0;
    z-index: 8;
}

/* Zero-Alpha-Dip Overlapping Transition */
.amc-angel-video.fade-in {
    opacity: 1 !important;
    z-index: 14 !important;
    transition: opacity 0.45s ease-out !important;
}

.amc-angel-video.fade-out {
    opacity: 0 !important;
    z-index: 10 !important;
    transition: opacity 0.4s ease-in 0.2s !important;
}

/* Interactive Hit-Testing Layer */
.amc-angel-interaction-layer {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 35;
    pointer-events: auto !important;
    cursor: default !important;
    touch-action: none;
}

/* Hit Testing Zones — Optimized Anatomical Layout */
.angel-zone {
    position: absolute;
    pointer-events: auto !important;
    cursor: default !important;
}

/* Head Zone: Upper 40% Head & Face */
.angel-zone-head {
    top: 0;
    left: 15%;
    width: 70%;
    height: 40%;
    z-index: 47;
}

/* Left Arm / Turn Left Zone: Enhanced 33% Left Flank from shoulder to base */
.angel-zone-left {
    top: 30%;
    left: 0;
    width: 33%;
    height: 70%;
    z-index: 48;
}

/* Right Arm / Turn Right Zone: Enhanced 33% Right Flank from shoulder to base */
.angel-zone-right {
    top: 30%;
    right: 0;
    width: 33%;
    height: 70%;
    z-index: 48;
}

/* Center Body Zone: Refined Center Torso / Core */
.angel-zone-body {
    top: 40%;
    left: 33%;
    width: 34%;
    height: 60%;
    z-index: 46;
}

/* Full-Width Static Scanlines Overlay spanning 100% across the entire screen */
.amc-angel-scanlines {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: repeating-linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0) 0px,
        rgba(255, 255, 255, 0) 2px,
        rgba(0, 0, 0, 0.18) 3px,
        rgba(0, 0, 0, 0.18) 4px
    );
    pointer-events: none !important;
    z-index: 20;
    mix-blend-mode: overlay;
    opacity: 0.85;
}

/* Ambient Character Glow */
.amc-angel-glow {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    box-shadow: none !important;
    pointer-events: none !important;
    z-index: 21;
}