#rpg .tutorial-pane .npc-heading {gap:14px}
#rpg .journey-scene{display:flex;align-items:center;gap:18px;margin:0 0 14px;padding:12px;background:linear-gradient(115deg,#161d20,#32352a);border:1px solid #9d835c66}
#rpg .journey-art{flex:0 0 100px;width:100px;text-align:center;background:radial-gradient(ellipse at center,#826e3d55,transparent 70%)}
#rpg .journey-art>svg{display:block;width:100px;height:100px;margin:0;max-width:none}
#rpg .journey-art>span{display:block;color:#d5bd8d;font-size:11px;margin-top:6px}
#rpg .journey-heading{min-width:0;flex:1}
#rpg .journey-heading h3{margin:8px 0;line-height:1.5;overflow-wrap:anywhere}
#rpg .journey-shortcut{display:inline-block;padding:5px 9px;border:1px solid #a48a5c;color:#eedbb2;background:#161b1d;font-size:12px}
@media(max-width:650px){#rpg .journey-scene{gap:10px;padding:8px}#rpg .journey-art{flex-basis:76px;width:76px}#rpg .journey-art>svg{width:76px;height:76px}#rpg .journey-heading h3{font-size:14px}}
#rpg .tutorial-pane .npc-heading .portrait {width:76px;height:86px;flex-shrink:0}
.tutorial-step-rail {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;list-style:none;padding:0;margin:12px 0 16px}
.tutorial-step-rail li {display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 2px;border-bottom:2px solid #655844;color:#a99e8b;font-size:12px}
.tutorial-step-rail li>span {display:inline-grid;place-items:center;width:19px;height:19px;border:1px solid #736245;border-radius:50%;font-size:11px}
.tutorial-step-rail .current {color:#ffe4a3;border-color:#dfb967;background:#b18e3626}
.tutorial-step-rail .current>span {background:#a1783e;color:#fff1ce;border-color:#ebc27b}
.tutorial-step-rail .done {color:#bbcda3;border-color:#758266}
#rpg .tutorial-pane .tutorial-dialog {font-size:15px!important;line-height:1.7!important;margin:12px 0 16px;max-width:none}
.tutorial-lesson-cards {display:grid;gap:10px}
.tutorial-lesson-cards.three {grid-template-columns:repeat(3,minmax(0,1fr))}
.tutorial-lesson-cards.two {grid-template-columns:repeat(2,minmax(0,1fr))}
.tutorial-lesson-card {min-width:0;padding:12px 10px;background:linear-gradient(#303028,#20231f);border:1px solid #8f795155;border-radius:4px;text-align:center}
.tutorial-lesson-card.is-done {border-color:#95a77c}
.lesson-art {height:80px;display:flex;justify-content:center;align-items:center;margin-bottom:8px}
.lesson-art svg,.lesson-art .gear-image {width:76px!important;height:76px!important;image-rendering:pixelated;flex-shrink:0}
#rpg .lesson-copy h4 {color:#f3d89f;margin:0 0 7px;font-size:14px}
#rpg .lesson-copy p {font-size:13px;line-height:1.65;margin:0;color:#ddd4c1;word-break:keep-all;overflow-wrap:anywhere}
.lesson-keys {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;margin-top:10px;font-size:12px;color:#c5bea9}
#rpg .lesson-keys kbd {margin:0;padding:3px 7px;font-size:12px;line-height:1.3;opacity:1;color:#f3e4bd;background:#161914;border:1px solid #87764f;border-bottom-width:3px;border-radius:3px}
.lesson-done {color:#c5d9ac}
.tutorial-lesson-cards.one .tutorial-lesson-card {display:grid;grid-template-columns:86px 1fr;align-items:center;gap:12px;text-align:left}
.tutorial-lesson-cards.one .lesson-art {margin:0}
.tutorial-lesson-cards.one .lesson-keys {justify-content:flex-start}
#rpg .tutorial-reward-note {font-size:12px;margin:12px 0 0;color:#c9b88f}
.tutorial-actions {display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.tutorial-actions .primary {margin-top:0}
@media(max-width:650px){
 .tutorial-step-rail {gap:2px;margin:8px 0 12px}
 .tutorial-step-rail li {flex-direction:column;gap:4px;font-size:10px;padding:5px 1px}
 #rpg .tutorial-pane .npc-heading .portrait {width:56px;height:64px}
 #rpg .tutorial-pane .npc-heading {gap:9px}
 #rpg .tutorial-pane .npc-heading h2 {font-size:19px}
 #rpg .tutorial-pane .npc-heading small {font-size:10px}
 #rpg .tutorial-pane .tutorial-dialog {font-size:13px!important;margin:10px 0;line-height:1.6!important}
 .tutorial-lesson-cards.three {grid-template-columns:1fr;gap:7px}
 .tutorial-lesson-cards.three .tutorial-lesson-card,.tutorial-lesson-cards.one .tutorial-lesson-card {display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;align-items:center;text-align:left;padding:9px}
 .tutorial-lesson-cards.three .lesson-art,.tutorial-lesson-cards.one .lesson-art {height:60px;margin:0}
 .lesson-art svg,.lesson-art .gear-image {width:56px!important;height:60px!important}
 .tutorial-lesson-cards.three .lesson-keys {justify-content:flex-start}
 #rpg .lesson-copy h4 {font-size:13px;margin-bottom:4px}
 #rpg .lesson-copy p {font-size:12px;line-height:1.5}
 .lesson-keys {font-size:11px;margin-top:6px}
 #rpg .lesson-keys kbd {font-size:11px;padding:2px 6px}
 .tutorial-actions {margin-top:12px}
 .tutorial-actions button {width:100%;padding:11px 9px}
}

/* One tutorial tracker inside the quest fold; no second floating objective. */
#rpg .world #journal #tutorial-guide{position:static;inset:auto;transform:none;width:auto;max-width:none;padding:8px 0;margin:0;border:0;background:transparent;box-shadow:none;font-size:12px}
#rpg .world #journal #tutorial-guide p{display:block;margin:6px 0;line-height:1.5}
#rpg .tutorial-tracker-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
#rpg .world>.journal-fold.has-tutorial{max-height:250px}
@media(max-width:650px){#rpg .world>.journal-fold.has-tutorial{max-height:180px}#rpg .world #journal #tutorial-guide{font-size:10px;padding:5px 0}}