:root{color-scheme:dark;--bg:#101214;--ink:#e8e3d9;--muted:#9f9f9a;--line:#d4d0bb25;--serif:"Songti SC","STSong",serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font:16px/1.7 var(--sans)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #dfc9a6;outline-offset:5px}button{border:0;background:none;min-height:44px}[hidden]{display:none!important}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}.library-header,.library-footer{display:flex;justify-content:space-between;align-items:center;gap:24px}.library-header{height:98px;border-bottom:1px solid var(--line)}#library{max-width:1800px;padding:0 clamp(22px,4vw,70px);margin:auto;min-height:100dvh;display:grid;grid-template-rows:98px auto 1fr auto}.wordmark{display:flex;gap:18px;align-items:center;font:22px var(--serif);letter-spacing:.1em}.book-mark{font:34px/1 var(--serif);color:#c4b296;letter-spacing:-.09em;border:1px solid #9c8e764a;padding:7px 8px}.wordmark small{display:block;font:10px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:.17em;margin-top:9px;color:#8d8f88}.edition{font-size:13px;color:#898e8c;letter-spacing:.08em}.library-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;padding:37px 0 27px}.eyebrow{font:11px/1.6 ui-monospace,SFMono-Regular,monospace;color:#b4a489;letter-spacing:.17em}.library-intro h1{font:34px/1.45 var(--serif);letter-spacing:.04em;margin-top:9px}.library-intro>p{font-size:14px;color:var(--muted);padding-bottom:5px}.story-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;min-height:470px}.story-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:470px;overflow:hidden;text-align:left;border:1px solid #e4e1d124;background:#181b1d;padding:25px 28px;isolation:isolate}.card-art{position:absolute;inset:0;z-index:-3;transition:transform .7s ease,filter .7s ease}.card-art>img,.card-art>svg{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.72) brightness(.76);transition:filter .65s}.card-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0d1011f2 0%,#0d1011c4 23%,#0b0e1037 65%,#0d0f127d 100%)}.story-card[data-story=atelier] .card-art:after{background:linear-gradient(0deg,#22201ef2,#28262290 40%,#29272140)}.story-card[data-story=curtain] .card-art:after{background:linear-gradient(0deg,#201418f5,#23131960 66%,#160f1377)}.story-card:hover .card-art,.story-card:focus-visible .card-art{transform:scale(1.025)}.story-card:hover .card-art>img,.story-card:hover .card-art>svg{filter:saturate(.88) brightness(.90)}.card-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#e0d6c4b5;letter-spacing:.07em}.card-number{font:17px var(--serif);color:var(--accent)}.card-copy{margin-top:150px}.card-title{font:clamp(39px,4.1vw,69px)/1.18 var(--serif);font-weight:500;letter-spacing:.07em;text-shadow:0 3px 24px #0005;margin:0 0 21px}.card-title span{display:block;margin-left:.75em}.card-year{font:11px/1.7 ui-monospace,SFMono-Regular,monospace;letter-spacing:.08em;color:var(--accent);margin-bottom:17px}.card-description{font-size:14px;line-height:1.9;color:#c6c5bc;max-width:25em;min-height:54px}.card-bottom{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:29px;padding-top:16px;border-top:1px solid #e1d8c337}.card-bottom strong{font:16px var(--serif);font-weight:400;letter-spacing:.06em}.card-bottom .arrow{font-size:22px;color:var(--accent);transition:transform .25s}.story-card:hover .arrow{transform:translateX(4px)}.card-progress{font-size:12px;color:#a4a79f;margin-top:13px;min-height:20px}.library-footer{padding:22px 0 27px;font-size:12px;color:#999e97}.library-footer p span{margin-left:20px;color:#6e7774}.text-button{font-size:13px;min-height:44px;padding:8px 12px;color:#b6b6a9;border-bottom:1px solid #aeab8d40}.text-button:hover{color:#f0debd}#stage{position:fixed;inset:0;background:#0c0d0f;z-index:10}#stage iframe{width:100%;height:100%;border:0;display:block;background:#0c0d0f}#transition{position:fixed;inset:0;z-index:20;background:#101214;display:grid;place-items:center;text-align:center;transition:opacity .2s}#transition strong{font:42px var(--serif);display:block;letter-spacing:.13em;margin:18px 0 28px}.loading-line{display:block;height:1px;width:130px;margin:0 auto;background:#37392f;position:relative;overflow:hidden}.loading-line:after{content:'';position:absolute;inset:0;background:#bda680;animation:passing 1.2s ease-in-out infinite;transform:translateX(-100%)}#transition-error{margin:25px 0 10px;color:#b9ab97;font-size:14px}body.playing{overflow:hidden}dialog{width:min(560px,calc(100% - 36px));max-height:calc(100dvh - 50px);padding:27px 30px 32px;border:1px solid #786c535f;background:#1d2121;color:#d6d3c6;box-shadow:0 20px 80px #0009}dialog::backdrop{background:#030607bb;backdrop-filter:blur(6px)}dialog header{display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}dialog h2{font:28px var(--serif)}dialog header button{font:25px/1 var(--serif);width:40px}dialog p{font-size:15px;line-height:1.95;margin-top:17px;color:#b5b9b0}#notice{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:#2d2922;color:#e1d3ba;border:1px solid #aa907e5c;padding:13px 22px;max-width:90vw;font-size:14px;z-index:25;box-shadow:0 6px 25px #0006}#notice:empty{display:none}@keyframes passing{50%{transform:translateX(0)}100%{transform:translateX(100%)}}@media(min-width:1600px){.story-shelf{min-height:590px}.story-card{padding:30px 36px}.card-copy{margin-top:200px}.library-intro{padding-top:40px;padding-bottom:34px}}@media(max-width:1000px){.story-shelf{gap:12px}.story-card{padding:22px 21px}.card-description{font-size:13px;min-height:74px}.card-title{font-size:45px}.card-copy{margin-top:130px}.library-intro h1{font-size:30px}.library-footer p span{display:block;margin:5px 0 0}}@media(max-width:680px){#library{padding:0 22px;grid-template-rows:82px auto 1fr auto}.library-header{height:82px}.wordmark{font-size:19px;gap:13px}.wordmark small{font-size:8px}.book-mark{font-size:27px;padding:7px}.edition{font-size:11px}.library-intro{padding:29px 0 22px}.library-intro h1{font-size:29px}.library-intro>p{display:none}.story-shelf{grid-template-columns:1fr;gap:17px;min-height:0}.story-card{min-height:400px;padding:23px 24px}.card-copy{margin-top:105px}.card-title{font-size:45px;display:flex;gap:.13em;margin-bottom:17px}.card-title span{display:inline;margin:0}.card-description{font-size:14px;min-height:0;max-width:280px}.card-bottom{margin-top:23px;padding-top:15px}.card-progress{margin-top:8px}.card-year{margin-bottom:13px;font-size:10px}.library-footer{padding-top:20px;align-items:flex-end;gap:10px}.library-footer p{font-size:11px}.library-footer .text-button{font-size:12px;padding:6px}.card-top{font-size:12px}#transition strong{font-size:36px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.save-options{display:flex;gap:15px;flex-wrap:wrap;margin-top:20px}.save-options button:first-child{background:#b7a17e;color:#171916;padding:10px 17px}.save-options button:last-child{font-size:13px}

/* Five independent stories; the two newest files lead the shelf. */
#library{grid-template-rows:88px auto 1fr auto;max-width:1720px}.library-header{height:88px}.library-intro{padding:29px 0 25px}
.story-shelf{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;min-height:0}.story-card{grid-column:span 2;min-height:360px;padding:24px 26px}.story-card.new-story{grid-column:span 3;min-height:375px}.card-copy{margin-top:70px}.new-story .card-copy{margin-top:90px}.card-title{font-size:43px;display:flex;gap:.08em;margin-bottom:14px}.card-title span{display:inline;margin:0}.new-story .card-title{font-size:52px}.card-year{margin-bottom:12px}.card-description{min-height:0;font-size:14px;max-width:25em}.card-bottom{margin-top:22px;padding-top:13px}.card-progress{margin-top:9px}.card-number{display:flex;gap:14px;align-items:center;font:15px var(--serif)}.card-number em{font:11px var(--sans);font-style:normal;letter-spacing:.15em;border:1px solid #dacbaa66;padding:2px 8px;color:#eedbc1}.story-card[data-story=orbit] .card-art:after{background:linear-gradient(0deg,#091520f5,#0e2029a0 35%,#07121b12 75%,#10192544)}.story-card[data-story=lantern] .card-art:after{background:linear-gradient(0deg,#21120df5,#24171199 36%,#12191b18 76%,#1a170e66)}.new-story .card-art>svg{filter:saturate(.86) brightness(.91)}
@media(min-width:1500px){.story-card.new-story{min-height:430px}.story-card{min-height:395px}.new-story .card-copy{margin-top:125px}}
@media(max-width:1100px) and (min-width:681px){.story-card{padding:20px 18px}.card-title{font-size:34px}.new-story .card-title{font-size:45px}.card-top{font-size:11px}.card-description{font-size:13px}.story-shelf{gap:14px}.card-number{gap:8px}.card-copy{margin-top:65px}}
@media(max-width:680px){#library{grid-template-rows:82px auto 1fr auto}.library-header{height:82px}.story-shelf{grid-template-columns:1fr;gap:17px}.story-card,.story-card.new-story{grid-column:auto;min-height:365px;padding:23px 24px}.card-title,.new-story .card-title{font-size:43px}.card-copy,.new-story .card-copy{margin-top:90px}.card-description{font-size:14px}.library-intro{padding:27px 0 23px}}