.journey-scene{max-width:780px;margin:0 auto}.journey-scene>header{display:flex;justify-content:space-between;align-items:center;gap:8px}.journey-scene>header h1{font-size:18px;margin:5px 0}.journey-scene button{min-height:36px;padding:5px 9px;font-size:13px}.journey-scene-picture{position:relative;display:block;width:100%;height:160px;padding:0!important;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--panel);margin:5px 0}.journey-scene-picture img{display:block;width:100%;height:100%;object-fit:cover}.journey-scene-picture small{position:absolute;right:5px;bottom:5px;font-size:10px;padding:2px 5px;background:var(--panel);color:var(--ink);border-radius:3px}.journey-scene-tabs{display:flex;gap:5px;margin:6px 0}.journey-scene-tabs button{flex:1;min-width:0;font-size:12px}.journey-scene-tabs [aria-pressed=true]{background:var(--folio-soft);color:var(--green);border-color:var(--green)}.journey-scene-actions{display:flex;gap:5px;flex-wrap:wrap;margin:6px 0}.journey-scene-actions button{flex:1 1 140px}.journey-scene-goal{display:flex;align-items:center;justify-content:space-between;gap:6px;border-top:1px solid var(--line);margin-top:6px;padding-top:5px;font-size:11px;color:var(--muted)}.journey-scene-goal>span{min-width:0}.journey-scene-goal button{flex-shrink:0}.journey-scene-note{font-size:11px;line-height:1.5;color:var(--muted);margin:4px 0}.journey-scene-roads{display:grid;grid-template-columns:1fr 1fr;gap:6px}.journey-scene-roads>div{display:flex;flex-direction:column}.journey-scene-roads small{font-size:11px;color:var(--muted);padding:3px}.journey-scene-local h2{font-size:14px}.journey-scene-entry{margin:4px 0}.journey-scene-preview{height:85px;max-width:600px}
@media(max-width:900px){.journey-scene-picture{height:78px;margin:3px 0}.journey-scene>header h1{font-size:15px;margin:3px 0}.journey-scene>header button{font-size:11px;min-height:28px}.journey-scene-tabs{margin:4px 0}.journey-scene-tabs button{font-size:11px;min-height:32px;padding:3px 5px}.journey-scene .scene-conversation{padding:6px}.journey-scene .scene-conversation p{font-size:12px;line-height:1.5}.journey-scene .hero-portrait{width:30px!important;height:38px!important;flex-basis:30px!important}.journey-scene-goal button{font-size:11px;min-height:28px;padding:3px}.journey-scene-preview{height:62px}}
@media(max-width:900px) and (max-height:650px){.journey-scene-picture{height:46px}.journey-scene .scene-conversation{margin:3px 0;padding:5px}.journey-scene .scene-conversation strong{font-size:11px}.journey-scene .scene-conversation p{font-size:11px;line-height:1.4}.journey-scene-actions{margin:3px 0}.journey-scene-actions button{min-height:32px;font-size:12px}.journey-scene-tabs button{min-height:28px}.journey-scene-goal{margin-top:3px;padding-top:2px;font-size:10px}}
@media(max-width:900px){
 .viewport-shell .main .journey-scene>header{margin:0;padding:0}
 .viewport-shell .main .journey-scene>header h1{font-size:15px;line-height:1.4;margin:3px 0}
 .viewport-shell .main .journey-scene button{min-height:32px;padding:4px 7px;font-size:12px}
 .viewport-shell .main .journey-scene .journey-scene-picture{padding:0;min-height:0}
 .viewport-shell .main .journey-scene>header button,.viewport-shell .main .journey-scene-goal button{min-height:28px;font-size:11px;padding:2px 4px}
 .viewport-shell .main .journey-scene .scene-conversation p{margin:3px 0;line-height:1.5;font-size:12px;color:var(--ink)}
 .viewport-shell .main .journey-scene .journey-scene-note{font-size:11px;line-height:1.4;margin:3px 0}
}
@media(max-width:900px) and (max-height:650px){
 .viewport-shell .main .journey-scene .journey-scene-tabs button{min-height:28px;font-size:11px;padding:2px 4px}
 .viewport-shell .main .journey-scene .scene-conversation p{font-size:11px;line-height:1.4}
 .viewport-shell .main .journey-scene .scene-conversation{margin:3px 0}
}
.scheme-scene .scheme-reaction{font-size:14px;line-height:1.6;margin:8px 0}.scheme-scene .scheme-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.scheme-scene .scheme-actions button{min-width:0}.scheme-history{margin:5px 0;font-size:12px}.scheme-history summary{cursor:pointer}.scheme-history p{border-left:2px solid var(--line);padding-left:8px;line-height:1.5}
@media(max-width:900px){.viewport-shell .main .scheme-scene .scheme-reaction{font-size:12px;line-height:1.5;margin:5px 0}.viewport-shell .main .scheme-scene .scheme-actions button{min-height:34px;font-size:12px}.viewport-shell .main .scheme-scene .scheme-history summary{font-size:11px;min-height:28px;padding:3px}.viewport-shell .main .scheme-scene .scheme-last{padding:5px;background:var(--panel);border-radius:5px}.scheme-scene>img.journey-scene-picture{object-fit:cover}}
.harbor-progress{display:flex;justify-content:space-between;gap:8px}.harbor-task{display:flex;justify-content:space-between;align-items:center;gap:6px;border-bottom:1px solid var(--line);padding:5px 0}.harbor-task>span{min-width:0}.harbor-task small{display:block;color:var(--muted)}.harbor-completed{font-size:12px;margin-top:5px}.harbor-completed p{margin:4px 0}
@media(max-width:900px){.viewport-shell .main .harbor-progress{font-size:12px;line-height:1.4;margin:4px 0}.viewport-shell .main .harbor-task{font-size:11px;line-height:1.4;padding:3px 0}.viewport-shell .main .harbor-task button{min-height:32px;white-space:nowrap}.viewport-shell .main .harbor-completed summary{min-height:26px;font-size:11px;padding:3px}}
