/* 3D 조작 안내 — 처음 한 번 보이고 만지면 사라진다 */
.stage-hint{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%);pointer-events:none;display:flex;align-items:center;gap:18px;padding:14px 20px;color:#35412f;background:#fbfcf8eb;border:1px solid #dfe4d8;border-radius:6px;box-shadow:0 8px 28px #34412a17;font-size:12px;line-height:1.45;white-space:nowrap;transition:opacity .4s,transform .4s}
.stage-hint.is-gone{opacity:0;transform:translate(-50%,-44%)}
.hint-item{display:flex;align-items:center;gap:9px}
.hint-item svg{flex:none;width:40px;height:30px;color:#5d6a55}
.hint-sep{width:1px;height:30px;background:#dfe4d8}
.stage-hint .hint-drag,.stage-hint .hint-wheel,.stage-hint .hint-pinch{transform-box:fill-box;transform-origin:center}
.stage-hint .hint-drag{animation:hint-sway 1.8s ease-in-out infinite}
.stage-hint .hint-wheel{animation:hint-roll 1.3s ease-in-out infinite}
.stage-hint .hint-pinch{animation:hint-pinch 1.8s ease-in-out infinite}
@keyframes hint-sway{0%,100%{transform:translateX(-1.5px)}50%{transform:translateX(1.5px)}}
@keyframes hint-roll{0%{transform:translateY(-1.5px);opacity:1}100%{transform:translateY(2.5px);opacity:.25}}
@keyframes hint-pinch{0%,100%{transform:scale(.85)}50%{transform:scale(1.12)}}
@media (max-width:600px){.stage-hint{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 15px;font-size:11px}.hint-sep{display:none}.hint-item svg{width:34px;height:26px}}
@media (prefers-reduced-motion:reduce){.stage-hint .hint-drag,.stage-hint .hint-wheel,.stage-hint .hint-pinch{animation:none}.stage-hint{transition:none}}