html,body{min-height:0;margin:0;background:#fafbf8}
:root{--bg:#fafbf8}
.preview-shell{max-width:none;width:100%;padding:8px}
.preview-header,.preview-footer,.story>.eyebrow,.story>h1,.story>.intro,.story-note,.visual-foot{display:none}
.experience{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:0}
.story{width:100%;min-width:0}.chapter-list{display:flex;overflow:auto;max-width:100%;margin:0;padding:4px 2px 8px;gap:5px;scrollbar-width:thin}
.chapter-list button{flex:none;padding:8px;gap:6px;border-color:#dbe4d9;border-radius:7px}.chapter-list button.active{transform:none}.chapter-list b{font-size:9px}.chapter-list small,.chapter-list i{display:none}.chapter-list button>span{font-size:8px}
.stage,.stage[data-scene="3"]{width:100%;aspect-ratio:1.08;min-height:0;max-height:none;background:#fafbf8}
.stage::after{background:radial-gradient(ellipse at center,#fafbf800 56%,#fafbf8 97%)}
.card{display:none}.transport{margin-bottom:2px;padding:10px;gap:8px}
.tag{width:190px}#tStudio{width:208px}.ph{font-size:8px}.row span,.row em{font-size:9px}
.caption{font-size:8px;left:12px;top:15px}.hint{font-size:7px;left:12px;bottom:12px}
@media(max-width:479px){.preview-shell{padding:4px}.stage,.stage[data-scene="3"]{aspect-ratio:.55}#tStudio{width:186px}.transport{gap:4px}.chapter-list button{padding:8px 7px}.chapter-list b{font-size:9px}}

html,body{overflow:hidden}
@media(max-width:760px){.chapter-list button{min-height:44px;padding:10px 12px}.chapter-list b{font-size:11px}.transport{padding:8px;gap:6px}}
