/* S1 pilot: scoped to the completed-region validation scene only. */
body.story-mode[data-presentation-step="10"]:not(.local-replay){--s1-ink:#294943;--s1-muted:#637b71;--s1-line:#a9bbb0;--s1-accent:#286f61;--s1-paper:rgba(248,250,246,.92);color:var(--s1-ink)}
body.story-mode[data-presentation-step="10"]:not(.local-replay) header{height:64px;padding:0 32px;background:linear-gradient(180deg,rgba(241,244,239,.96),rgba(241,244,239,.70) 75%,transparent)}
body.story-mode[data-presentation-step="10"]:not(.local-replay) h1{font-size:19px;letter-spacing:.08em;font-weight:600}
body.story-mode[data-presentation-step="10"]:not(.local-replay) .edition{color:#73877e;letter-spacing:.03em}
body.story-mode[data-presentation-step="10"]:not(.local-replay) button{border-radius:4px;box-shadow:none}
body.story-mode[data-presentation-step="10"]:not(.local-replay) .tools button{background:rgba(250,251,248,.7);border-color:rgba(119,150,137,.35);color:#496a60;font-size:11px}
body.story-mode[data-presentation-step="10"]:not(.local-replay) #space-navigation{top:76px;left:32px;gap:6px}
body.story-mode[data-presentation-step="10"]:not(.local-replay) #space-navigation button{background:rgba(249,251,247,.8);border-color:rgba(123,151,138,.3);color:#54736a}
body.story-mode[data-presentation-step="10"]:not(.local-replay) #space-navigation [aria-current="true"]{background:#315f54;color:#fff;border-color:#315f54}
body.story-mode[data-presentation-step="10"]:not(.local-replay) #section-mode{top:123px;left:33px;background:transparent;border:0;color:#799187;padding:0;letter-spacing:.12em}
body.story-mode[data-presentation-step="10"]:not(.local-replay) #reading-scrim{background:linear-gradient(0deg,rgba(237,241,235,.97),rgba(237,241,235,.72) 38%,transparent);height:310px!important;pointer-events:none}
body.story-mode[data-presentation-step="10"]:not(.local-replay) #space-caption{bottom:151px!important;left:32px;right:auto;max-width:540px;padding:13px 17px 12px;border-left:2px solid #6c9b89;background:linear-gradient(90deg,rgba(247,249,244,.90),rgba(247,249,244,.56) 88%,transparent)}
body.story-mode[data-presentation-step="10"]:not(.local-replay) #space-caption>span{color:#648177;font-size:10px;letter-spacing:.14em}
body.story-mode[data-presentation-step="10"]:not(.local-replay) #space-caption h2{color:#294b42;font-size:21px;font-weight:600;letter-spacing:.025em;margin:5px 0}
body.story-mode[data-presentation-step="10"]:not(.local-replay) #space-caption p{color:#607b70;font-size:12px;line-height:1.65}
body.story-mode[data-presentation-step="10"]:not(.local-replay) #validation-controls>div{gap:6px;margin-top:7px}
body.story-mode[data-presentation-step="10"]:not(.local-replay) #validation-controls button{background:rgba(255,255,252,.72);border-color:#cad7cc;color:#59766b;padding:5px 10px}
body.story-mode[data-presentation-step="10"]:not(.local-replay) #validation-controls [aria-pressed="true"]{background:#e2ece4;border-color:#7ca593;color:#285f50}
body.story-mode[data-presentation-step="10"]:not(.local-replay) #story-controls{left:32px;right:32px;bottom:19px}
body.story-mode[data-presentation-step="10"]:not(.local-replay) #story-next{background:#306c5d;border-color:#306c5d;color:white}
body.story-mode[data-presentation-step="10"]:not(.local-replay) #story-auto{border-color:#93b3a4;color:#346e5d}
body.story-mode[data-presentation-step="10"]:not(.local-replay) #story-chapters{max-width:1000px;padding-top:10px;border-top:1px solid rgba(114,142,126,.28)}
body.story-mode[data-presentation-step="10"]:not(.local-replay) #story-chapters [aria-current="true"]{color:#2b6d5b;font-weight:600}
body.story-mode[data-presentation-step="10"]:not(.local-replay) #facilities{background:#f8faf5;border-color:#9eb8aa;color:#315f50}
body.story-mode[data-presentation-step="10"]:not(.local-replay) :is(#device-note,#facility-panel){top:78px;right:32px;width:292px;padding:20px 20px 18px;border:1px solid rgba(120,148,134,.3);border-radius:6px;background:var(--s1-paper);box-shadow:0 12px 36px rgba(42,63,49,.10);color:var(--s1-ink)}
body.story-mode[data-presentation-step="10"]:not(.local-replay) #device-note:not([hidden])::before{content:'设施说明 · 4F';display:block;color:#718d7d;font-size:10px;letter-spacing:.1em;margin-bottom:10px}
body.story-mode[data-presentation-step="10"]:not(.local-replay) #device-note strong{font-size:17px;color:#2c5145;font-weight:600}
body.story-mode[data-presentation-step="10"]:not(.local-replay) #device-note p{color:#5a7469;line-height:1.8}
body.story-mode[data-presentation-step="10"]:not(.local-replay) :is(.device-pin,.room-pin,.model-note){background:rgba(246,250,244,.86);border-color:rgba(103,147,128,.45);color:#3d6c5c}
@media(max-width:650px){
 body.story-mode[data-presentation-step="10"]:not(.local-replay) header{height:88px;padding:8px 15px}
 body.story-mode[data-presentation-step="10"]:not(.local-replay) h1{font-size:16px}
 body.story-mode[data-presentation-step="10"]:not(.local-replay) .tools button{font-size:9px;padding:6px 4px}
 body.story-mode[data-presentation-step="10"]:not(.local-replay) #space-navigation{top:91px;left:15px;right:15px;gap:4px}
 body.story-mode[data-presentation-step="10"]:not(.local-replay) #section-mode{top:136px;left:17px}
 body.story-mode[data-presentation-step="10"]:not(.local-replay) #space-caption{bottom:174px!important;left:15px;right:15px;max-width:calc(100% - 30px);padding:9px 12px}
 body.story-mode[data-presentation-step="10"]:not(.local-replay) #space-caption h2{font-size:16px;margin:3px 0}
 body.story-mode[data-presentation-step="10"]:not(.local-replay) #space-caption p{font-size:10px;line-height:1.5}
 body.story-mode[data-presentation-step="10"]:not(.local-replay) #story-controls{left:15px;right:15px;bottom:12px}
 body.story-mode[data-presentation-step="10"]:not(.local-replay) #story-chapters{padding-top:5px}
 body.story-mode[data-presentation-step="10"]:not(.local-replay) :is(#device-note,#facility-panel){top:auto;left:15px;right:15px;bottom:174px;width:auto;max-height:30vh;padding:14px}
 body.story-mode[data-presentation-step="10"]:not(.local-replay) #facilities{right:15px}
}

/* S1.1: make the model the main surface; group secondary display tools. */
body.story-mode[data-presentation-step="10"]:not(.local-replay) #s10-view-tools{position:relative;pointer-events:auto}
body.story-mode[data-presentation-step="10"]:not(.local-replay) #s10-view-tools summary{list-style:none;cursor:pointer;padding:8px 12px;border:1px solid #bacdc0;border-radius:4px;background:#f8faf6;color:#355e51;font-size:11px}
body.story-mode[data-presentation-step="10"]:not(.local-replay) #s10-view-tools summary::-webkit-details-marker{display:none}
body.story-mode[data-presentation-step="10"]:not(.local-replay) #s10-view-tools summary::after{content:' ▾'}
body.story-mode[data-presentation-step="10"]:not(.local-replay) .s10-tool-list{position:absolute;top:39px;right:0;z-index:8;width:156px;display:grid;gap:4px;padding:8px;background:#f8faf6;border:1px solid #c7d5ca;box-shadow:0 10px 24px #243e3120}
body.story-mode[data-presentation-step="10"]:not(.local-replay) .s10-tool-list button{text-align:left}
body.story-mode[data-presentation-step="10"]:not(.local-replay) #reading-scrim{height:155px!important;background:linear-gradient(0deg,rgba(236,240,234,.86),transparent)}
body.story-mode[data-presentation-step="10"]:not(.local-replay) #space-caption{background:rgba(248,250,246,.93);border:1px solid #cddbd0;border-left:3px solid #598b78;box-shadow:0 8px 25px #42574712;max-width:430px;padding:15px 18px;bottom:155px!important}
body.story-mode[data-presentation-step="10"]:not(.local-replay) #space-caption h2{font-size:20px;line-height:1.35}
body.story-mode[data-presentation-step="10"]:not(.local-replay) #space-caption p{color:#435f55}
body.story-mode[data-presentation-step="10"]:not(.local-replay) #story-chapters{max-width:none;border-top:1px solid #96aa9c}
body.story-mode[data-presentation-step="10"]:not(.local-replay) #story-chapters [aria-current="true"]{border-bottom:2px solid #306c5d}
body.story-mode[data-presentation-step="10"]:not(.local-replay) #facilities{top:125px;bottom:auto;right:32px;z-index:4;background:#f8faf6;border-color:#739d8a;padding:9px 14px}
body.story-mode[data-presentation-step="10"]:not(.local-replay) :is(#device-note,#facility-panel){top:175px}
@media(max-width:1000px){
 body.story-mode[data-presentation-step="10"]:not(.local-replay) #facilities{top:132px;right:20px}
 body.story-mode[data-presentation-step="10"]:not(.local-replay) :is(#device-note,#facility-panel){top:175px;right:20px}
}
@media(min-width:651px) and (max-width:1000px){
 body.story-mode[data-presentation-step="10"]:not(.local-replay) #space-caption{max-width:330px;padding:10px 13px}
 body.story-mode[data-presentation-step="10"]:not(.local-replay) #space-caption h2{font-size:17px}
}
@media(min-width:1001px) and (max-width:1350px){
 body.story-mode[data-presentation-step="10"]:not(.local-replay) #space-caption{max-width:300px;padding:11px 13px}
 body.story-mode[data-presentation-step="10"]:not(.local-replay) #space-caption h2{font-size:18px}
}
@media(max-width:650px){
 body.story-mode[data-presentation-step="10"]:not(.local-replay) header{height:76px;gap:5px}
 body.story-mode[data-presentation-step="10"]:not(.local-replay) .tools{width:auto;gap:6px;justify-content:flex-start}
 body.story-mode[data-presentation-step="10"]:not(.local-replay) #s10-view-tools summary{padding:6px 9px;font-size:10px}
 body.story-mode[data-presentation-step="10"]:not(.local-replay) .s10-tool-list{top:32px;left:0;right:auto}
 body.story-mode[data-presentation-step="10"]:not(.local-replay) #space-navigation{top:83px}
 body.story-mode[data-presentation-step="10"]:not(.local-replay) #section-mode{top:122px}
 body.story-mode[data-presentation-step="10"]:not(.local-replay) #facilities{top:118px;right:15px;padding:7px 10px}
 body.story-mode[data-presentation-step="10"]:not(.local-replay) #space-caption{bottom:174px!important;left:15px;right:15px;max-width:none;padding:9px 12px}
 body.story-mode[data-presentation-step="10"]:not(.local-replay) :is(#device-note,#facility-panel){top:auto;left:15px;right:15px;bottom:174px;max-height:27vh}
}