/* Camera feed remains visible above this compact bottom story deck. */
.story-panel{--story-green:#a4dcd2;--story-gold:#c8aa57;--story-muted:#adbcaf;position:fixed;z-index:12;bottom:0;left:50%;transform:translateX(-50%);width:min(640px,100%);max-height:min(52dvh,450px);overflow:auto;padding:15px 18px calc(env(safe-area-inset-bottom) + 15px);border:1px solid #a4dcd22e;border-bottom:0;border-radius:16px 16px 0 0;background:#0b1a13ed;color:#e0e9df;box-shadow:0 -10px 35px #0003;backdrop-filter:blur(14px);font-family:system-ui,"Microsoft YaHei",sans-serif}
.story-panel[hidden],.story-panel [hidden]{display:none!important}.story-panel button,.story-panel a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.story-panel button{font:inherit;min-height:44px;padding:10px 14px;border-radius:7px;background:#10291f;color:#e0e9df;border:1px solid #a4dcd250;font-size:13px;cursor:pointer}.story-panel button:disabled{opacity:.4;cursor:default}.story-panel button:focus-visible,.story-panel a:focus-visible{outline:2px solid var(--story-green);outline-offset:3px}.story-panel .story-primary{background:#295747;border-color:#729d84;color:#f0f5e9}.story-panel .story-primary:active:not(:disabled){background:#376b56}.story-panel .story-quiet{background:transparent;color:var(--story-muted)}
.story-step-list{display:flex;gap:5px;justify-content:space-between;list-style:none;padding:0;margin:0 0 12px;font-size:10px;color:#8b9e90}.story-step-list li{display:flex;gap:5px;align-items:center;white-space:nowrap}.story-step-list li:before{content:attr(data-story-part);display:grid;place-items:center;width:17px;height:17px;border:1px solid #8b9e904c;border-radius:50%;font-size:9px;font-variant-numeric:tabular-nums}.story-step-list li.is-current{color:var(--story-green)}.story-step-list li.is-current:before{background:#295747;border-color:var(--story-green)}.story-step-list li.is-done:before{border-color:#c8aa5770;color:var(--story-gold)}
.story-heading-row{display:flex;align-items:flex-start;gap:12px}.story-heading-row>div{flex:1;min-width:0}.story-part{font-size:9px;color:var(--story-gold);letter-spacing:.14em;margin:0 0 5px}.story-panel h2{font-family:"Songti SC","SimSun",serif;font-size:22px;font-weight:400;line-height:1.35;letter-spacing:.03em;color:var(--story-green);margin:0 0 8px}.story-heading-row #story-pause{min-height:44px;min-width:50px;padding:6px 11px;font-size:11px}.story-copy{font-size:12px;line-height:1.8;color:#c7d2c4;margin:0 0 11px}.story-state-hint{font-size:11px;line-height:1.7;color:#d5bd76;margin:0 0 10px}.story-state-hint:empty{display:none}.story-is-paused .story-progress-bar{opacity:.55}.story-progress-bar{height:3px;overflow:hidden;border-radius:4px;background:#a4dcd21a;margin:0 0 12px}.story-progress-bar:before{content:"";display:block;width:calc(var(--story-progress,0)*100%);height:100%;background:var(--story-green);border-radius:4px;transition:width 70ms linear}
.story-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.story-actions>.story-primary{flex:1}.story-actions>button{flex-shrink:0}.story-secondary-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.story-secondary-actions>button{flex:1;padding-left:8px;padding-right:8px;font-size:11px;background:transparent;color:var(--story-muted)}.story-recap-rail{display:flex;align-items:center;gap:10px;margin:0 0 11px;font-size:11px;color:#91a393}.story-recap-rail>span{flex:1;text-align:center;border-bottom:1px solid #a4dcd22e;padding:3px 3px 8px}.story-recap-rail>span.is-current{color:var(--story-gold);border-bottom-color:var(--story-gold)}.story-poem{font-family:"Songti SC","SimSun",serif;color:#e2e3c9;font-size:16px;line-height:1.9;letter-spacing:.04em;text-align:center;margin:2px 0 12px}.story-panel .story-drink{font-family:"Songti SC","SimSun",serif;font-size:25px;min-width:78px;color:#f2e5af;border-color:#c8aa5770;background:#253328}.story-level{margin-left:auto;color:var(--story-gold);font-size:11px;font-variant-numeric:tabular-nums;line-height:1.5}.story-footnote{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:9px 0 0;font-size:10px;color:#8f9f8e}.story-footnote button{font-size:11px;padding:3px 6px;min-height:44px;min-width:44px;border:0;background:transparent;color:var(--story-muted)}.story-footnote .story-end{color:#c3cfbb}.story-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:390px){.story-panel{padding-left:12px;padding-right:12px}.story-step-list{font-size:9px;gap:3px}.story-step-list li{gap:3px}.story-step-list li:before{width:15px;height:15px;font-size:8px}.story-panel h2{font-size:20px}.story-actions{gap:6px}.story-panel button{padding:10px 11px;font-size:12px}.story-poem{font-size:15px}}
@media(max-height:700px){.story-panel{padding-top:11px;max-height:55dvh}.story-step-list{margin-bottom:9px}.story-panel h2{font-size:19px;margin-bottom:5px}.story-copy{font-size:11px;margin-bottom:8px}.story-poem{font-size:14px;line-height:1.65;margin-bottom:8px}.story-footnote{margin-top:8px}.story-progress-bar{margin-bottom:9px}}
@media(prefers-reduced-motion:reduce){.story-progress-bar:before{transition:none}}