.chapter-dialog{width:min(1260px,94vw);max-height:94dvh;padding:36px;background:#302432;color:#fff7ef;border:1px solid #b79ca9;border-radius:18px;box-shadow:0 30px 100px #0008;overflow:auto}
.chapter-dialog::backdrop{background:#190d1bd9;backdrop-filter:blur(12px)}
.chapter-dialog header{padding:0 42px 25px 0}.chapter-dialog header p{color:#d3b8c8;margin:0 0 10px;font-size:14px}.chapter-dialog h2{font-size:clamp(26px,4vw,40px);font-weight:800;margin:0}
.chapter-close{position:absolute;right:18px;top:18px;width:42px;height:42px;color:inherit;background:none;border:1px solid #fff4;border-radius:50%;font-size:26px;cursor:pointer}
.chapter-views{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;border-radius:12px;overflow:hidden}
.chapter-view{position:relative;min-height:425px;display:flex;align-items:end;isolation:isolate;color:#fff7ef;text-decoration:none;overflow:hidden;background:#191b2b}
.chapter-landscape{position:absolute;inset:0;z-index:-2;background:url('optimized-v51/scene/boulevard-skyline-v3-thumb.webp') 50% 40%/auto 110%;transition:transform .5s}
.chapter-view:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 10%,#23192755 35%,#221727f7 90%)}
.chapter-view.sunset .chapter-landscape{filter:sepia(.75) saturate(1.7) brightness(.8)}
.chapter-view.night .chapter-landscape{filter:brightness(.26) sepia(.2) hue-rotate(155deg)}
.chapter-view.future .chapter-landscape{background-image:linear-gradient(100deg,#2b99d66b,transparent 42%,#da376c77),url('3d/harbor-tokyo-painted-v44.png');background-size:cover,auto 100%;background-position:center,80% 50%;filter:brightness(.85)}
.chapter-copy{display:grid;gap:13px;padding:26px 21px;width:100%;box-sizing:border-box}.chapter-copy small{font-size:12px;color:#e2bed1}.chapter-copy strong{font-size:25px}.chapter-copy>span{font-size:13px;line-height:1.65;min-height:44px;color:#e4d5dc}.chapter-copy em{font-size:11px;font-style:normal;color:#c6afbd}.chapter-copy b{font-size:13px;border-top:1px solid #fff3;padding-top:15px;color:#ffd2e4}
.chapter-view:hover .chapter-landscape{transform:scale(1.055)}.chapter-view:focus-visible{outline:3px solid #fff1a8;outline-offset:-4px}.chapter-close:focus-visible{outline:3px solid #fff1a8}
.chapter-dialog footer{font-size:12px;color:#c9b2c0;margin-top:22px;line-height:1.5}
.mode-views{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;border-radius:12px;overflow:hidden}.mode-view{position:relative;isolation:isolate;min-height:410px;display:flex;align-items:end;overflow:hidden;background:#201923}.mode-view:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#23192711,#221727e8 55%,#221727 100%)}.mode-copy{padding:28px 23px;width:100%}.mode-copy h3{font-size:23px;margin:0 0 14px}.mode-copy p{font-size:13px;line-height:1.9;color:#e1d1db;margin:0 0 24px}.mode-view.future .chapter-landscape{background-image:url('optimized-v51/scene/harbor-tokyo-future-v45-thumb.webp');background-size:cover;background-position:center;filter:brightness(.75)}.mode-view.racing .chapter-landscape{background-image:url('optimized-v51/scene/boulevard-skyline-v3-thumb.webp');background-size:cover;background-position:50% 100%;background-color:#a8b3ba}.mode-actions{display:grid;gap:10px;min-height:112px;align-content:start}.chapter-dialog .mode-actions :is(a,button){display:block;width:100%;margin:0;padding:13px 12px;text-align:center;color:#ffe4ef;background:#513b4b;border:1px solid #af8d9f;border-radius:8px;font:700 13px "Microsoft YaHei",sans-serif;text-decoration:none;cursor:pointer}.chapter-dialog .mode-actions :is(a,button):hover{background:#684b5f}.chapter-dialog .mode-actions :is(a,button):focus-visible{outline:3px solid #b9eeee;outline-offset:-3px}.mode-actions small{font-size:10px;color:#cbb3c1;line-height:1.8}.mode-actions a:only-of-type{background:#f5d1e0;color:#54374a}.mode-view.classic .chapter-landscape{background-image:url('optimized-v51/portraits/uu-preview.webp');background-size:250px auto;background-repeat:no-repeat;background-position:center 2%;background-color:#916d83}
@media(max-width:800px){.mode-views{grid-template-columns:1fr}.mode-view{min-height:245px}.mode-copy{padding:24px}.mode-copy p{margin-bottom:16px}.mode-view .chapter-landscape{opacity:.6}.mode-actions{min-height:0}.mode-view.classic .chapter-landscape{background-position:95% center}.mode-view:after{background:linear-gradient(90deg,#221727ed,#22172785)}.mode-actions{max-width:400px}}
@media(max-width:760px){.chapter-dialog{padding:25px 18px}.chapter-views{grid-template-columns:1fr 1fr}.chapter-view{min-height:305px}.chapter-copy{padding:18px 13px;gap:9px}.chapter-copy strong{font-size:20px}.chapter-copy>span{font-size:12px}.chapter-dialog header{padding-bottom:20px}}
@media(max-width:420px){.chapter-views{grid-template-columns:1fr}.chapter-view{min-height:250px}.chapter-landscape{background-position:50% 50%;background-size:cover}.chapter-copy>span{min-height:0}.chapter-copy{padding:22px}}
@media(prefers-reduced-motion:reduce){.chapter-landscape{transition:none}.chapter-view:hover .chapter-landscape{transform:none}}
.chapter-dialog .mode-actions :is(a,button){height:45px;min-height:45px;line-height:18px;padding:12px}