/* ND Monsters Gate 2C — Mail Marsh Story Tutorial (v1.8.88) */
.story-tutorial-coach{margin:0 0 18px;padding:18px 20px;border:2px solid #6f45b8;border-radius:18px;background:#fbf9ff;box-shadow:0 8px 24px rgba(46,24,84,.12);display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:16px;align-items:center;position:relative}
.story-tutorial-barry{width:92px;height:92px;object-fit:contain;border-radius:16px;background:#f0e9fb;padding:5px}
.story-tutorial-copy h3{margin:.1rem 0 .35rem}.story-tutorial-copy p{margin:.2rem 0;max-width:780px}.story-tutorial-hint{display:block;margin-top:.55rem;font-weight:700;color:#513184}
.story-tutorial-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.story-tutorial-coach.is-complete{border-color:#3f8f68;background:#f5fbf7}
#app.story-tutorial-spotlight-active::before{content:"";position:fixed;inset:0;background:rgba(28,20,42,.48);z-index:40;pointer-events:none}
#app.story-tutorial-spotlight-active .story-tutorial-coach,#app.story-tutorial-spotlight-active .story-tutorial-target{position:relative;z-index:42}
#app.story-tutorial-spotlight-active .story-tutorial-coach{outline:4px solid rgba(255,255,255,.96);outline-offset:4px;box-shadow:0 0 0 9px rgba(140,88,207,.38),0 18px 44px rgba(26,12,48,.30)}
#app.story-tutorial-spotlight-active .story-tutorial-target{z-index:43;box-shadow:0 0 0 7px rgba(255,255,255,.96),0 0 0 13px rgba(140,88,207,.50)!important;border-radius:14px}
@media(max-width:760px){.story-tutorial-coach{grid-template-columns:72px minmax(0,1fr)}.story-tutorial-barry{width:72px;height:72px}.story-tutorial-actions{grid-column:1/-1;justify-content:flex-start}.story-tutorial-actions button{min-height:44px}}
@media(max-width:480px){.story-tutorial-coach{grid-template-columns:1fr}.story-tutorial-barry{width:78px;height:78px}.story-tutorial-actions{grid-column:auto}}
@media(prefers-reduced-motion:reduce){#app.story-tutorial-spotlight-active .story-tutorial-target{scroll-behavior:auto}}

/* v1.8.88 — keep Barry beside the live Mail Marsh task/prompt */
.story-tutorial-task-pair{display:grid;grid-template-columns:minmax(260px,330px) minmax(0,1fr);gap:26px;align-items:start;margin:12px 0 18px}
.story-tutorial-task-pair .story-tutorial-coach{margin:0;grid-template-columns:74px minmax(0,1fr);gap:12px;position:sticky;top:12px;z-index:2}
.story-tutorial-task-pair .story-tutorial-barry{width:74px;height:74px}
.story-tutorial-task-pair .story-tutorial-copy{min-width:0}
.story-tutorial-task-pair .story-tutorial-actions{grid-column:1/-1;justify-content:flex-start}
.story-tutorial-task-pair .story-node,.story-tutorial-task-pair .story-reflection{margin:0}
@media(max-width:860px){.story-tutorial-task-pair{grid-template-columns:1fr}.story-tutorial-task-pair .story-tutorial-coach{position:relative;top:auto}}

/* v1.8.89 — action-led Story Tutorial */
.story-tutorial-hint{
  padding:.55rem .7rem;
  border-radius:10px;
  background:#f1eafb;
  line-height:1.4;
}
.story-tutorial-hint strong{color:#3d226f}
.story-tutorial-task-pair .story-tutorial-copy p{line-height:1.5}

/* v1.8.90 — Story Tutorial end-to-end guidance */
.story-tutorial-pin-earned{display:flex;align-items:center;gap:.55rem;margin-top:.75rem;padding:.55rem .7rem;border-radius:12px;background:#eef8f1;color:#245d3d;font-weight:800}
.story-tutorial-pin-earned img{width:44px;height:44px;object-fit:contain}
#app.story-tutorial-spotlight-active .story-run-status.story-tutorial-target{display:grid}
.story-tutorial-coach + #battleMount{margin-top:10px}

/* v1.8.92 - clearer separation between Barry and the live Story task */
.story-tutorial-task-pair > .story-tutorial-coach{margin-right:2px}
@media(max-width:860px){.story-tutorial-task-pair{gap:20px}.story-tutorial-task-pair > .story-tutorial-coach{margin:0 0 4px}}

/* v1.9.18 — isolated Story Tutorial practice purse */
.token-purse.is-tutorial-purse{position:relative;padding-bottom:1.45rem}
.token-purse.is-tutorial-purse .tutorial-purse-label{position:absolute;left:.65rem;bottom:.28rem;font-weight:700;color:var(--muted);font-size:.72rem}