/* Map mentor: prologue iOS tweaks + shared portrait/video clipping (legacy battle .mentor-overlay removed 2026-05-24) */
@media (hover: none) and (pointer: coarse) and (max-width: 1024px) {
    @supports (-webkit-touch-callout: none) {
        .is-prologue-mentor {
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
            background:
                radial-gradient(90% 48% at 50% 100%, rgba(15, 23, 42, 0.18), transparent 62%),
                rgba(8, 12, 28, 0.08) !important;
        }

        .is-prologue-mentor .mentor-dialogue-box {
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
            transform: none !important;
            transition: none !important;
            contain: paint;
        }

        .is-prologue-mentor .mentor-dialogue-text,
        .is-prologue-mentor-dialogue .mentor-dialogue-text {
            -webkit-font-smoothing: antialiased;
            transform: none !important;
        }

        .is-prologue-mentor .mentor-dialogue-box .animate-pulse,
        .is-prologue-mentor .mentor-dialogue-box .animate-bounce {
            animation: none !important;
        }
    }
}

.mentor-portrait-video,
.mentor-scene-video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom center;
    border-radius: inherit;
    filter: saturate(1.02) brightness(0.96) drop-shadow(0 0 10px rgba(100, 200, 255, 0.1));
    background: transparent;
}