#overlay[data-mode="tutorial"] .dialog{width:min(680px,100%);text-align:left}
#overlay[data-mode="tutorial"] #dialog-text{font-size:14px;line-height:1.65;white-space:normal}
.tutorial-paragraph{display:block;margin:0 0 13px}
.tutorial-task{display:block;padding:12px;border:1px solid #607d78;background:#182e30;color:#d7efda;margin-top:15px}
.tutorial-core{display:grid;grid-template-columns:42px minmax(0,1fr);gap:5px 10px;padding:12px 0;border-top:1px solid #48564e}
.tutorial-core img{grid-row:span 2;width:40px;height:40px;object-fit:contain}.tutorial-core strong{color:#e5c88d}.tutorial-core>span{grid-column:2}
.tutorial-journal{padding:18px 24px}.tutorial-journal-row{margin:8px 0}.tutorial-journal-row button{width:100%;text-align:left}.tutorial-journal li{margin:8px 0;line-height:1.5}
#overlay[data-mode="tutorial"] summary{cursor:pointer;color:#e5c88d;padding:10px 0}
@media(max-width:600px){#overlay[data-mode="tutorial"] .dialog{padding:17px}#overlay[data-mode="tutorial"] #dialog-text{font-size:13px}.tutorial-journal{padding:14px}}
#overlay[data-mode="tutorial"]{position:fixed!important;inset:0!important;z-index:1000;padding:16px;display:flex;align-items:center;justify-content:center;background:#071019dc}
#overlay[data-mode="tutorial"] .dialog{width:min(680px,100%);max-width:680px;max-height:calc(100dvh - 32px);margin:0;overflow:auto;overscroll-behavior:contain}
#overlay[data-mode="tutorial"] #dialog-actions{position:sticky;bottom:-1px;padding:12px 0 0;background:#1c2b24;box-shadow:0 -10px 14px #1c2b24}
@media(max-width:600px){#overlay[data-mode="tutorial"]{padding:12px}#overlay[data-mode="tutorial"] .dialog{max-height:calc(100dvh - 24px)}#overlay[data-mode="tutorial"] #dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}#overlay[data-mode="tutorial"] #dialog-actions button{font-size:12px;padding:9px 7px;min-height:44px}}