/* ===== インタラクティブ・ナビゲーター（ダンティラ）／左下・左から登場 ===== */
.dnav-mascot{position:fixed;left:14px;bottom:18px;z-index:120;transform:translateX(-140%);opacity:0;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .45s;will-change:transform}
.dnav-mascot.in{transform:translateX(0);opacity:1}
@media(max-width:760px){.dnav-mascot{left:8px;bottom:76px}}
.dnav-walker{border:none;background:none;padding:0;margin:0;display:block;cursor:pointer;transform:translateX(var(--walk,0)) scaleX(var(--face,1));transition:transform 1.4s ease-in-out}
.dnav-walker img{width:104px;height:auto;display:block;filter:drop-shadow(0 7px 9px rgba(0,0,0,.3));animation:dnav-bob 2.5s ease-in-out infinite}
@media(max-width:760px){.dnav-walker img{width:84px}}
.dnav-mascot.walking .dnav-walker img{animation:dnav-step .46s steps(2,end) infinite}
@keyframes dnav-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes dnav-step{0%{transform:translateY(0) rotate(-2.5deg)}50%{transform:translateY(-4px) rotate(2.5deg)}100%{transform:translateY(0) rotate(-2.5deg)}}
.dnav-x{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;border:none;background:var(--ink);color:#fff;font-size:14px;line-height:22px;text-align:center;cursor:pointer;z-index:3;opacity:0;transition:.2s;padding:0}
.dnav-mascot:hover .dnav-x,.dnav-mascot.talking .dnav-x{opacity:.92}
.dnav-bubble{position:absolute;left:4px;bottom:calc(100% + 14px);width:max-content;max-width:min(78vw,310px);background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:14px 16px;font-size:.98rem;line-height:1.72;color:var(--ink);box-shadow:0 12px 34px rgba(60,40,15,.24);animation:dnav-pop .3s cubic-bezier(.2,.9,.3,1.2)}
.dnav-bubble::after{content:"";position:absolute;left:34px;bottom:-9px;border:9px solid transparent;border-top-color:#fff}
.dnav-bubble::before{content:"";position:absolute;left:33px;bottom:-12px;border:10px solid transparent;border-top-color:var(--line)}
.dnav-bubble a{color:var(--ember);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.dnav-bubble b{color:var(--ember);font-weight:700}
.dnav-k{display:inline-block;font-family:var(--mono);font-size:.66rem;letter-spacing:.06em;color:#fff;background:var(--amber);border-radius:6px;padding:2px 7px;margin-right:6px;vertical-align:middle}
.dnav-tip{display:block;margin-top:9px;font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;color:var(--amber)}
@keyframes dnav-pop{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.dnav-walker img{animation:none}.dnav-mascot.walking .dnav-walker img{animation:none}}