.menu-screen .tutorial-menu-button{
 min-height:56px!important;
 border-color:#8e72ab!important;
 background:linear-gradient(120deg,#33253ff2,#171c30f2)!important;
 color:#eadcf6
}
.tutorial-menu-button span{display:block;font-size:14px;letter-spacing:1px}
.tutorial-menu-button small{display:block;margin-top:5px;color:#bca9c9;font:9px Arial,sans-serif}

.battle-layout:has(>.tutorial-step){
 height:auto;
 min-height:100dvh;
 grid-template-rows:36px 72px 27px auto 340px 72px 153px 52px auto!important
}
.battle-layout:not(:has(>.tutorial-step)):has(>.debug-panel){
 height:auto;
 min-height:100dvh;
 grid-template-rows:36px 72px 27px 340px 72px 153px 52px auto!important
}

.tutorial-step{
 border:1px solid #baa4d2;
 background:linear-gradient(110deg,#30273ef5,#161a29f5);
 padding:9px 11px;
 border-radius:5px;
 margin:5px 0;
 box-shadow:0 5px 18px #0008
}
.tutorial-step>div{display:flex;justify-content:space-between;align-items:center}
.tutorial-step b{font-size:12px;color:#e2cfac;font-weight:400}
.tutorial-step p{font:11px/1.45 Arial,sans-serif;margin:4px 0 0;color:#e3d8ec}
.tutorial-step button{font:10px Arial,sans-serif;min-height:30px;padding:4px 8px}
.tutorial-step>button{margin-top:7px;width:100%}
.tutorial-step .tutorial-guide{float:left;margin:5px 10px 3px 0}
.tutorial-step .tutorial-guide img{width:36px;height:41px;object-fit:cover;border:1px solid #a58cb5;border-radius:4px}
.tutorial-step .tutorial-guide span{display:none}
.tutorial-step .guide-dialogue{font-size:11px;margin:5px 0 4px;color:#d6b8e9}
.tutorial-step:after{content:'';display:block;clear:both}
[data-tutorial]{outline:2px solid #e3c3ff!important;outline-offset:2px;filter:brightness(1.12);animation:tutorial-focus 1.2s ease-in-out infinite}
@keyframes tutorial-focus{50%{outline-color:#fff1b5;box-shadow:0 0 17px #c890ff88}}

@media(max-width:420px){
 .battle-layout:has(>.tutorial-step){grid-template-rows:36px 72px 27px auto minmax(318px,1fr) 72px 153px 52px auto!important}
 .tutorial-step{margin:3px 5px;padding:7px 9px}
 .tutorial-step p,.tutorial-step .guide-dialogue{font-size:10px;line-height:1.35}
}
@media(prefers-reduced-motion:reduce){[data-tutorial]{animation:none}}