.tutorial-next-control{outline:3px solid #ffdc7b!important;outline-offset:-3px;animation:tutorial-control-pulse 1.4s ease-in-out infinite!important}
.tutorial-coach{position:fixed;top:68px;left:max(12px,env(safe-area-inset-left));z-index:24;width:min(320px,calc(100vw - 180px));max-height:calc(100dvh - 155px);overflow:auto;padding:12px;color:var(--ui-text,#f2eddf);background:var(--ui-panel,#15282c);border:1px solid var(--ui-accent,#dfbd79);border-radius:8px;box-shadow:0 5px 18px #0005;font:14px/1.45 Arial,sans-serif}
.tutorial-coach strong{display:block;color:var(--ui-accent,#dfbd79);font-size:14px}.tutorial-coach p{margin:7px 0;white-space:normal}.tutorial-coach button{font:14px Arial,sans-serif;min-height:36px;padding:7px 12px;margin-top:8px}.tutorial-coach summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}.tutorial-coach details p{color:var(--ui-muted,#c1cdcc)}
.tutorial-coach-inline{position:relative;inset:auto;z-index:auto;width:auto;max-height:none;margin:0 0 8px;padding:10px;flex-shrink:0;grid-column:1/-1;box-shadow:none}
.tutorial-coach-inline button{min-height:32px;margin-top:5px}.tutorial-coach-inline p{margin:5px 0}
.trade-window .tutorial-coach{padding:6px 8px;margin-bottom:5px;line-height:1.35;border-radius:5px}.trade-window .tutorial-coach strong,.trade-window .tutorial-coach p{display:inline;margin:0;font-size:14px}.trade-window:has(.tutorial-coach) .trade-heading{padding:0 0 5px;min-height:0}.trade-window:has(.tutorial-coach) .trade-heading h2{font-size:18px;margin:0}.trade-window:has(.tutorial-coach) #tradeSummary,.trade-window:has(.tutorial-coach) .trade-emblem{display:none}.trade-window:has(.tutorial-coach) .trade-scroll{min-height:54px}.trade-window:has(.tutorial-coach) #tradeNotice{font-size:12px}
@media(max-width:760px){.tutorial-coach:not(.tutorial-coach-inline){top:66px;left:8px;width:min(280px,calc(100vw - 150px));padding:9px}.tutorial-coach-inline{font-size:14px}}
@media(max-height:500px){.tutorial-coach:not(.tutorial-coach-inline){max-height:calc(100dvh - 145px);width:240px}.tutorial-coach-inline{padding:7px}.tutorial-coach-inline strong{font-size:14px}}
@keyframes tutorial-control-pulse{0%,100%{box-shadow:inset 0 0 0 1px #fff2c0,0 0 3px #ffdc7b55}50%{box-shadow:inset 0 0 0 3px #fff2c0,0 0 12px #ffdc7bcc}}
@media(prefers-reduced-motion:reduce){.tutorial-next-control{animation:none!important}}
.quest-journal-title{font:18px/1.3 Georgia,serif;color:var(--ui-accent,#dfbd79);margin:10px 0 14px}.quest-journal-list{display:flex;flex-direction:column;gap:6px}.quest-journal-list button{min-height:42px;text-align:left;padding:9px 10px;white-space:normal}.quest-journal-list .quest-complete{color:#94ce99}.quest-journal-list .quest-active{color:#ffe09b;border-color:#dfbd79}.quest-journal-back{min-height:34px;padding:4px 10px}.quest-journal-history{list-style:none;padding:0;margin:0;font:14px/1.5 Arial,sans-serif}.quest-journal-history li{margin:0 0 13px}.quest-journal-history p{margin:0 0 8px}.quest-step-done{color:#9cafae}.quest-step-done s{text-decoration-thickness:1px}.quest-step-current{color:#f2eddf;border-left:2px solid #dfbd79;padding-left:10px}.quest-step-current button{min-height:34px;padding:5px 10px}.quest-journal-complete{color:#94ce99}

.quest-journal-history .quest-step-current{border:2px solid #e8be54;background:#3c321a;box-shadow:inset 4px 0 #ffe06d;padding:12px;color:#fff4cf}.quest-next-label{display:block;color:#ffe06d;font-size:11px;letter-spacing:.09em}.quest-step-current p{color:#fff4cf}
