.volume-control{font-size:11px;display:flex;align-items:center;gap:8px;color:#c0c9c0}.volume-control input{width:65px;accent-color:#d5ba82}.header-controls{gap:12px}#sound{font-size:12px;white-space:nowrap;min-height:36px}#sound[aria-pressed=true]{color:#edcd8e}.branch-comic{margin:22px 0 8px;display:none}.branch-comic.loaded{display:block;animation:reveal-line .6s both}.branch-comic img{width:100%;height:auto;display:block;border:1px solid #c9ae7455;border-radius:3px}.branch-comic figcaption{font:11px/1.7 sans-serif;color:#c1b597;margin-top:7px;letter-spacing:2px}.route-count{color:#d7be8b;font-size:13px}.ending-record{border-top:1px solid #c9ae7444;margin-top:25px;padding-top:15px}.ending-record h2{font:23px/1.6 "Songti SC",serif;color:#ebd6ac}.ending-record p{font:13px/1.9 "PingFang SC",sans-serif!important}.ending-record strong{color:#e7c88f!important}.ending-facts{color:#c4bda5}.ending-note{padding:12px 0;color:#ead5a9}.ending .status{display:none}.ending .art-caption{bottom:auto;top:50%;max-width:40%}.ending .scene-sequence{display:none}.ending .content{padding-bottom:50px}.storm .film-shade{background:linear-gradient(90deg,#07192155,#071719c9 55%,#061316fa 80%),linear-gradient(0deg,#031019,transparent 70%)}.storm .film-layer img{filter:saturate(.4) brightness(.68)}.storm .mist{background:repeating-linear-gradient(112deg,transparent 0px,transparent 42px,#b9d4e322 44px,transparent 45px);filter:none;inset:-40%;animation:rain-drift 2.5s linear infinite;opacity:.55}.storm .mist-two{display:none}.storm .scene-mark{color:#ccd7df}.storm .live-dot{background:#b4d1df;box-shadow:0 0 14px #d7e8ed}.side-story .content{min-height:960px}.content{transition:background .8s}.sound-hint{font-size:11px;color:#a6b6af}@keyframes rain-drift{from{transform:translate(0,-70px)}to{transform:translate(-24px,0)}}
.art>svg{display:none}.no-scene-art{background:linear-gradient(145deg,#193237,#0b1b20 70%)}.no-scene-art .mist,.no-scene-art #dust{display:none}.side-story .content{min-height:780px}
@media(max-width:1100px){.edition{display:none}}@media(max-width:760px){.header-controls{gap:4px}.volume-control{display:none}#sound,#motion{font-size:10px;padding:8px 7px}.side-story .content{min-height:0}.ending .art-caption{top:auto;bottom:22px;max-width:85%}.ending-record h2{font-size:22px}.storm .film-shade{background:linear-gradient(0deg,#071418,transparent 90%)}.branch-comic{margin-top:18px}}
/* Give illustrated scenes their own unobscured frame. Preserve each reviewed crop. */
.comic-scene main{display:grid;grid-template-columns:minmax(0,60%) minmax(0,40%);overflow:visible;align-items:start;background:#0b1c21}
.comic-scene .art{position:sticky;top:0;inset:auto;height:min(880px,100vh);min-height:480px;z-index:0;background:radial-gradient(ellipse at center,#33433d,#0b1c21 80%);border-right:1px solid #d3bb8033}
.comic-scene .content{margin:0;padding:38px 30px;min-height:780px;background:none;min-width:0}
.comic-scene .film-layer{inset:60px 18px 30px;transition:opacity .55s}
.comic-scene .film-layer img{object-fit:contain;object-position:center;transform:none;animation:none;filter:none}
.comic-scene .film-shade,.comic-scene .art-caption,.comic-scene .scene-sequence,.comic-scene .mist,.comic-scene #dust{display:none}
.comic-scene .scene-mark{top:24px;left:25px;right:20px;letter-spacing:2px;line-height:1.7}
.comic-scene h1{font-size:clamp(29px,3vw,44px)}
.comic-scene #story{font-size:16px;line-height:2}
.comic-scene .choice{background:#182d32;border-color:#d6bc8145;backdrop-filter:none}
.comic-scene .choice.primary{background:#d5ba82;color:#11232b}
.comic-scene .topline{margin-bottom:20px}
#music-status{font-size:11px;color:#bdc4ad;letter-spacing:1px;max-width:200px}
@media(max-width:1000px){
 .comic-scene main{display:block}
 .comic-scene .art{position:relative;top:auto;height:65vw;max-height:660px;min-height:360px;border-right:0;border-bottom:1px solid #d3bb8033}
 .comic-scene .content{min-height:0;max-width:760px;margin:auto;padding:30px 6vw 40px}
 .comic-scene .film-layer{inset:50px 14px 16px}
}
@media(max-width:760px){
 header{flex-wrap:wrap;gap:12px;padding:17px 5vw}
 .header-controls{gap:8px;flex-wrap:wrap;justify-content:flex-end}
 .volume-control{display:flex;font-size:10px;gap:4px}.volume-control input{width:58px}
 .comic-scene .art{height:85vw;min-height:300px;max-height:540px}
 .comic-scene .scene-mark{left:5vw;font-size:10px;top:18px}
 .comic-scene .film-layer{inset:45px 10px 14px}
 .comic-scene .content{padding:25px 6vw 35px}
 .comic-scene h1{font-size:32px}
}
.paused *, .paused *::before{animation:none!important;transition:none!important}
.comic-scene main{padding-top:0}
.storm-crossing>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#020709}
.storm-crossing .crossing-shade{background:linear-gradient(0deg,#020709f5,transparent 40%);pointer-events:none}
.storm-crossing .crossing-text{bottom:13%;pointer-events:none}
.storm-crossing .crossing-text h2{font-size:clamp(24px,3.5vw,44px);margin:12px 0}
.storm-crossing .crossing-progress{animation-duration:11.2s}
.crossing .skip-storm,.crossing .play-storm{position:absolute;bottom:5%;right:5%;padding:13px 20px;border:1px solid #e6cf9355;background:#071b25e8;color:#f1dfb5}
.crossing .play-storm{left:50%;right:auto;bottom:47%;transform:translateX(-50%)}
.crossing .play-storm[hidden]{display:none}
#restart{justify-content:center;text-align:center;border-color:#d9c48b70}
@media(max-width:760px){.storm-crossing .crossing-text{bottom:17%;left:6%;right:6%}.storm-crossing .crossing-text p{font-size:12px;line-height:1.8}.crossing .skip-storm{font-size:12px;bottom:6%}}
/* A slower epilogue gives each consequence room to land. */
.resolution .status{display:none}.resolution .scene-mark{color:#d8ceb6}.resolution .topline{color:#d5c6a8}
.ending-causes{margin:30px 0 0;padding-top:22px;border-top:1px solid #ceb27c55}
.ending-causes h2{font:23px/1.5 'Songti SC',serif;color:#ebd6ac;margin:0 0 18px}
.ending-causes article{padding:15px 18px;margin-bottom:12px;background:#203438;border-left:2px solid #b8a071}
.ending-causes h3{font:500 14px/1.6 'PingFang SC',sans-serif;color:#e8c78f;margin:0 0 7px}
#story .ending-causes p{font:13px/1.95 'PingFang SC',sans-serif;margin:0;color:#c6d0ca}
.journal-result{display:block;margin:6px 0 15px;color:#acbdb7;font-size:12px;line-height:1.8}
.ending-record p{padding:8px 0;border-bottom:1px solid #ffffff09}
.resolution #story>p{animation:reveal-line .75s both;animation-delay:calc(var(--order,0)*.1s)}
.comic-scene .art:after{display:none}
@media(max-width:760px){.ending-causes article{padding:13px 15px}.ending-causes h2{font-size:21px}.resolution .status{gap:12px}}