/* SKAI ERP V3 — 3D scene interaction and cinematic visual improvements */
.hero-visual,.story-stage{border-radius:20px;box-shadow:0 24px 55px rgba(9,19,35,.15)}
#hero-scene,#story-scene{cursor:crosshair;touch-action:pan-y}
.scene-stage-hint{position:absolute;left:18px;top:48px;z-index:5;background:rgba(7,25,36,.78);border:1px solid rgba(90,220,207,.28);border-radius:11px;padding:10px 13px;max-width:calc(100% - 36px);pointer-events:none;backdrop-filter:blur(8px);color:#c8fbf2;font:600 11px/1.4 'DM Sans',sans-serif;letter-spacing:.065em;text-transform:uppercase}
.scene-stage-hint small{display:block;color:#b4cbd1;font-size:10px;letter-spacing:0;text-transform:none;font-weight:400;margin-top:2px}
.visual-topline,.stage-label{z-index:6;position:relative;pointer-events:none}
.visual-caption,.stage-legend{z-index:6;position:relative;pointer-events:none}
@media(max-width:760px){.scene-stage-hint{top:40px;left:10px;padding:7px 9px;font-size:9px}.scene-stage-hint small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.scene-stage-hint{backdrop-filter:none}}