/* ND Monsters Gate 2B — guided battle tutorial */
.battle-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:flex;gap:18px;align-items:center;justify-content:space-between}
.battle-tutorial-step{display:flex;gap:14px;align-items:flex-start}.battle-tutorial-step>span{min-width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#6f45b8;color:#fff;font-weight:800}.battle-tutorial-step h3{margin:.1rem 0 .35rem}.battle-tutorial-step p{margin:.15rem 0;max-width:760px}.battle-tutorial-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.battle-tutorial-coach.is-complete{border-color:#3f8f68;background:#f5fbf7}.battle-tutorial-coach.is-complete .battle-tutorial-step>span{background:#3f8f68}
.tutorial-target{position:relative;z-index:2;outline:4px solid #8c58cf!important;outline-offset:5px!important;box-shadow:0 0 0 8px rgba(140,88,207,.16)!important;border-radius:14px;animation:tutorialPulse 1.5s ease-in-out infinite}.hand.tutorial-target{padding:8px}
@keyframes tutorialPulse{50%{box-shadow:0 0 0 13px rgba(140,88,207,.08)}}
.ndm-onboarding-active .battle-tutorial-coach{display:none}
@media(prefers-reduced-motion:reduce){.tutorial-target{animation:none}}
@media(max-width:700px){.battle-tutorial-coach{align-items:stretch;flex-direction:column}.battle-tutorial-actions{justify-content:flex-start}.battle-tutorial-actions button{min-height:44px}}


/* v1.8.83 — Barry-led tutorial coach and Toolkit-first battle layout */
.battle-tutorial-coach{
  margin:0 0 4px;
  display:grid;
  grid-template-columns:132px minmax(0,1fr);
  align-items:stretch;
  gap:16px;
  overflow:hidden;
}
.battle-tutorial-barry{
  width:132px;
  height:100%;
  min-height:150px;
  object-fit:cover;
  object-position:center;
  border-radius:14px;
  background:#eee7f5;
}
.battle-tutorial-body{display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-width:0}
.barry-tutorial-modal-card{width:min(760px,94vw)}
.barry-tutorial-intro{display:grid;grid-template-columns:210px minmax(0,1fr);gap:22px;align-items:start}
.barry-tutorial-intro>img{width:100%;max-height:310px;object-fit:cover;border-radius:18px;background:#eee7f5}
.barry-tutorial-intro h2{margin:.1rem 0 .6rem}
.barry-tutorial-intro p{line-height:1.55}
@media(max-width:700px){
  .battle-tutorial-coach{grid-template-columns:92px minmax(0,1fr);align-items:start}
  .battle-tutorial-barry{width:92px;min-height:118px;height:118px}
  .barry-tutorial-intro{grid-template-columns:1fr}
  .barry-tutorial-intro>img{max-height:240px;object-fit:contain}
}
@media(max-width:470px){
  .battle-tutorial-coach{grid-template-columns:1fr}
  .battle-tutorial-barry{width:100%;height:150px;min-height:0;object-fit:contain}
}
\n\n/* v1.8.84 — spotlight the instruction and active control; keep purse/approach below Toolkit */\n#battleMount.tutorial-spotlight-active::before{\n  content:"";position:fixed;inset:0;background:rgba(28,20,42,.52);z-index:30;pointer-events:none;\n}\n#battleMount.tutorial-spotlight-active .battle-tutorial-coach,\n#battleMount.tutorial-spotlight-active .tutorial-target{\n  position:relative;z-index:32;\n}\n#battleMount.tutorial-spotlight-active .battle-tutorial-coach{\n  outline:4px solid rgba(255,255,255,.96);outline-offset:4px;\n  box-shadow:0 0 0 9px rgba(140,88,207,.42),0 18px 44px rgba(26,12,48,.32);\n}\n#battleMount.tutorial-spotlight-active .tutorial-target{\n  z-index:33;box-shadow:0 0 0 8px rgba(255,255,255,.96),0 0 0 14px rgba(140,88,207,.55)!important;\n}\n.battle-state-actions>.battle-purse-top,\n.battle-state-actions>.battle-approach-panel{width:100%;min-width:0}\n@media(prefers-reduced-motion:reduce){\n  #battleMount.tutorial-spotlight-active .tutorial-target{animation:none}\n}\n