/* Keep the complete instruction and its operation visible together. */
body.tutorial-mode #tutorialCard{
 left:max(8px,env(safe-area-inset-left));right:auto;
 width:min(calc(100vw - 16px),620px);max-width:calc(100vw - 16px);
 grid-template-columns:calc(var(--garden-guide-height) * .671875) minmax(0,1fr);
 align-items:end;gap:10px;
}
body.tutorial-mode #tutorialCard .tutorial-text{
 max-height:min(40dvh,240px);container-type:normal;padding:10px;
}
body.tutorial-mode #tutorialCard .tutorial-text #gardenTutorialMessage{
 height:auto;min-height:0;max-height:min(30dvh,180px);margin:0;
 column-count:1;column-width:auto;column-gap:normal;column-fill:balance;
 overflow-x:hidden;overflow-y:auto;touch-action:pan-y;font-size:14px;line-height:1.6;
}
body.tutorial-mode #gardenApp #fieldPlotOverlay{
 padding-bottom:calc(var(--garden-tutorial-reserve,160px) + 8px)!important;
}
body.tutorial-mode #gardenApp #sceneShop>.content,body.tutorial-mode #gardenApp #sceneBoard>.content{
 padding-bottom:calc(var(--garden-tutorial-reserve,160px) + 8px);
}
@media(max-height:480px){
 body.tutorial-mode #tutorialCard .tutorial-text{padding:8px}
 body.tutorial-mode #tutorialCard .tutorial-text #gardenTutorialMessage{font-size:13px;line-height:1.45}
}