:root{color-scheme:dark;--ink:#05070b;--paper:#e9e3d6;--muted:#979ca5;--line:rgba(235,230,218,.13);--warm:#e6c58e;font-family:'Segoe UI','Microsoft YaHei',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);overflow:hidden;width:100%;height:100svh}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--warm);outline-offset:5px}button{border:0;background:none}button:disabled{cursor:wait;opacity:.45}[hidden]{display:none!important}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#universe{position:fixed;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none}#universe:active{cursor:grabbing}.edge-shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(3,5,9,.5),transparent 24%,transparent 83%,rgba(3,5,9,.28))}.ui{transition:opacity .6s,transform .6s}.ui-hidden .ui{opacity:0;pointer-events:none}.ui-hidden .edge-shade{opacity:0}.masthead{position:fixed;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:32px 42px;z-index:3}.brand{display:flex;align-items:center;gap:15px}.brand svg{width:35px;height:35px;stroke-width:.9;color:var(--warm)}.brand span{font-size:15px;letter-spacing:.35em}.brand small{display:block;font-size:8px;letter-spacing:.22em;margin-top:6px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:25px}.chapter-label{font:9px 'Consolas',monospace;letter-spacing:.18em;color:#9ca3ac}.text-link{font-size:11px;color:#b6b7b9}.text-link:hover{color:var(--warm)}.text-link span{margin-left:8px}.icon-btn{display:grid;place-items:center;min-width:38px;height:38px;border-radius:8px;color:#acb0b7;transition:background .2s,color .2s}.icon-btn:hover,.icon-btn.on{color:var(--paper);background:rgba(255,255,255,.08)}#info{border:1px solid var(--line);font-family:Georgia,serif;font-size:16px;border-radius:50%;min-width:28px;height:28px}
.story{position:fixed;left:5.2vw;bottom:175px;z-index:2;pointer-events:none;max-width:340px}.eyebrow{font-size:10px;letter-spacing:.25em;color:var(--warm);font-weight:400;margin:0 0 20px}.story h1{font:300 clamp(36px,4.4vw,72px) 'STSong','Songti SC','SimSun',serif;letter-spacing:.1em;line-height:1.15;margin:0 0 22px;text-shadow:0 2px 20px #000}.poem{font-size:12px;line-height:2;letter-spacing:.12em;color:#a4a4a7;margin:0;text-shadow:0 2px 12px #000}.view-note{position:fixed;right:44px;bottom:146px;display:flex;align-items:center;gap:10px;font:9px 'Consolas','Microsoft YaHei',monospace;letter-spacing:.12em;color:#8e939b;z-index:2}.tiny-dot{width:4px;height:4px;background:#d1b688;border-radius:50%;box-shadow:0 0 7px #dbb985}.note-line{width:24px;height:1px;background:var(--line)}.controls-wrap{position:fixed;left:0;bottom:max(32px,env(safe-area-inset-bottom));width:100%;display:flex;flex-direction:column;align-items:center;gap:18px;z-index:4}.gesture{font-size:10px;letter-spacing:.13em;color:#828893;user-select:none}.gesture span{padding:0 10px;color:#525967}.dock{position:relative;display:flex;align-items:center;gap:9px;background:rgba(9,12,18,.82);border:1px solid rgba(236,224,197,.14);border-radius:14px;padding:8px 11px;box-shadow:0 10px 45px rgba(0,0,0,.45);backdrop-filter:blur(18px)}.film-button{display:flex;align-items:center;gap:10px;padding:7px 14px;font-size:11px;color:#e7d2ae;white-space:nowrap}.film-button svg{width:18px;height:18px;fill:currentColor;stroke-width:0}.film-button.active{color:#fff2cf}.divider{height:23px;width:1px;background:var(--line);margin:0 4px}.views{display:flex;gap:3px}.views button{font-size:11px;padding:11px 15px;border-radius:7px;color:#999fa8;white-space:nowrap}.views button:hover{color:var(--paper)}.views button.selected{color:#e6d0aa;background:rgba(197,156,96,.12)}.tools{display:flex;gap:2px}.tools svg{width:18px;height:18px}.quality-panel{position:absolute;right:65px;bottom:75px;width:270px;padding:20px;background:rgba(14,18,26,.97);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 50px #0008}.quality-panel>p:first-child{font-size:12px;margin:0 0 14px}.quality-panel div{display:flex;gap:5px}.quality-panel div button{flex:1;font-size:11px;padding:8px;border-radius:5px;background:#ffffff06;color:#a5aab3}.quality-panel button.selected{color:var(--warm);background:#d7ac681c}.quality-panel label{display:block;font-size:11px;color:#afb3bc;margin-top:24px}.quality-panel output{float:right;color:var(--warm)}input[type=range]{width:100%;margin:15px 0 0;accent-color:#d1b17c}.panel-hint{font-size:10px;line-height:1.6;color:#737e8c;margin:16px 0 0}.film-progress{position:fixed;bottom:0;left:0;width:100%;height:2px;background:#ffffff0a;z-index:5}.film-progress span{display:block;width:0;height:100%;background:var(--warm);box-shadow:0 0 9px #f3bd6c}.restore-ui{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.15em;border-radius:6px;padding:9px 12px;color:#b1b5bc;background:#070b1190;opacity:.35;z-index:8}.restore-ui:hover{opacity:1}.toast{position:fixed;top:100px;left:50%;transform:translate(-50%,-10px);opacity:0;pointer-events:none;font-size:12px;line-height:1.7;background:#121a27f5;border:1px solid var(--line);padding:10px 18px;border-radius:8px;z-index:15;transition:.25s;max-width:min(90vw,600px)}.toast.visible{opacity:1;transform:translate(-50%,0)}
dialog{max-width:540px;width:calc(100% - 40px);max-height:85svh;overflow:auto;background:#10151d;color:#c4c7ce;border:1px solid #d9c39930;border-radius:14px;padding:40px;box-shadow:0 20px 90px #000a}dialog::backdrop{background:#02040abf;backdrop-filter:blur(8px)}dialog .eyebrow{font-size:9px;margin-bottom:20px}dialog h2{font:300 27px 'STSong','SimSun',serif;color:var(--paper);margin:0 0 20px}dialog p{font-size:12px;line-height:1.95}dialog a{display:block;color:var(--warm);font-size:11px;padding-top:12px}.close-dialog{position:absolute;right:12px;top:12px;font-size:25px}.about-detail{border-top:1px solid var(--line);margin-top:24px;padding-top:8px}.about-detail p{color:#9099a6;font-size:11px}.credit{font-size:10px;color:#667281;margin-top:25px}.loading{position:fixed;inset:0;background:#05070b;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:20;transition:opacity .8s}.loading.done{opacity:0;pointer-events:none}.loading h1{font:300 27px 'STSong','SimSun',serif;letter-spacing:.12em;margin:0 0 30px}.loading .eyebrow{font-size:9px}.loading>p:last-child{color:#798493;font-size:10px;letter-spacing:.1em;margin-top:18px}.loading-track{width:170px;height:1px;background:#ffffff12}.loading-track span{display:block;width:0;height:100%;background:#e4c38b;transition:width .2s}.loading-orbit{width:75px;height:75px;border-radius:50%;border:1px solid #c5a26a40;box-shadow:0 0 22px #c5a26a0b;position:relative;margin-bottom:35px}.loading-orbit:after{content:'';position:absolute;inset:-12px 5px;border-radius:50%;border-top:1px solid #eed1a3;transform:rotate(35deg);animation:orbit 4s linear infinite}@keyframes orbit{to{transform:rotate(395deg)}}
@media(min-width:1800px){.masthead{padding:40px 55px}.story{bottom:185px}.poem{font-size:14px}.dock{padding:10px 15px}.views button,.film-button{font-size:12px}.view-note{right:55px}}
@media(max-width:900px){.chapter-label{display:none}.story{bottom:165px;left:28px;max-width:260px}.story h1{font-size:40px}.view-note{display:none}.masthead{padding:25px}.top-actions{gap:17px}.dock{gap:4px;padding:7px}.views button{padding:10px}.film-button{padding:8px}.tools .icon-btn{min-width:33px}.tools svg{width:17px}}
@media(max-width:600px){.masthead{padding:20px}.brand{gap:9px}.brand span{font-size:13px}.brand small{font-size:7px}.brand svg{width:29px}.top-actions{gap:12px}.text-link{font-size:10px}.story{bottom:170px;left:24px}.story h1{font-size:34px;margin-bottom:14px}.story .eyebrow{font-size:9px;margin-bottom:14px}.poem{font-size:10px;line-height:1.8}.controls-wrap{bottom:max(20px,env(safe-area-inset-bottom));gap:12px}.gesture{font-size:8px}.gesture span{padding:0 5px}.dock{width:calc(100% - 32px);max-width:390px;flex-wrap:wrap;justify-content:center;gap:2px}.film-button{font-size:10px;padding:10px 8px}.views button{font-size:10px;padding:9px}.tools-divider{display:none}.tools{width:100%;justify-content:center;gap:16px;border-top:1px solid #ffffff0b;padding-top:4px}.tools .icon-btn{min-width:35px;height:34px}.quality-panel{right:0;bottom:115px;width:260px}dialog{padding:30px 25px}dialog h2{font-size:23px}.toast{top:80px}.film-progress{bottom:0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.loading-orbit:after{animation:none}}
.world-selector{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;border:1px solid #d8c1991a;background:#080c1380;border-radius:9px;padding:4px;backdrop-filter:blur(16px)}.world-selector button{font-size:11px;letter-spacing:.08em;padding:9px 17px;color:#9aa3af;border-radius:5px;white-space:nowrap}.world-selector button.selected{color:#e8d3ad;background:#d4ad6920}.world-selector button:hover{color:#f1e5d0}.scene-curtain{position:fixed;inset:0;z-index:1;pointer-events:none;background:#05070b;opacity:0;transition:opacity .2s}.scene-curtain.covered{opacity:1}.boost-button{font-size:10px;white-space:nowrap;padding:10px;color:#b4dbf6;border-radius:6px;background:#587caa18;touch-action:none}.boost-button.active{background:#6396c547;color:white}.asset-credit{position:fixed;bottom:9px;right:20px;z-index:3;color:#c8c8c6;font-size:9px;text-shadow:0 1px 7px #000;background:#03060a55;border-radius:3px;padding:3px 7px}
@media(max-width:900px){.world-selector button{padding:9px 12px;font-size:10px}.top-actions .text-link{display:none}.masthead{padding-bottom:20px}.asset-credit{font-size:8px}}
@media(max-width:600px){.world-selector{top:78px;width:calc(100% - 40px);justify-content:center;max-width:360px}.world-selector button{flex:1;padding:9px 4px}.asset-credit{right:8px;bottom:3px;font-size:7px}.boost-button{padding:7px 8px;font-size:9px}.dock .views button{padding:9px 8px}.dock:has(.boost-button:not([hidden])) .film-button{padding:7px 3px;font-size:9px}.dock:has(.boost-button:not([hidden])) .divider{margin:0 2px}}

.evolution{width:250px;padding:0 12px}.evolution label{display:block;font-size:9px;color:#8d99a9;letter-spacing:.08em}.evolution output{float:right;color:#d8bd90}.evolution input{display:block;margin:5px 0 0;height:13px;width:100%;accent-color:#d0b47d}.world-selector button{padding:9px 19px}.story{max-width:360px}.story h1{font-size:clamp(36px,4vw,65px)}@media(max-width:600px){.dock{max-width:390px}.evolution{width:calc(100% - 145px);min-width:135px;padding:0 6px}.dock .film-button{padding:7px 3px;font-size:10px}.dock .divider{margin:0 2px}.evolution label{font-size:8px}.world-selector button{padding:9px 10px}.story{bottom:180px;max-width:270px}.story h1{font-size:34px}}

.galaxy-credit{max-width:720px;text-align:right;font-size:8px;line-height:1.45}@media(max-width:600px){.galaxy-credit{font-size:6px;max-width:calc(100% - 16px);line-height:1.2}}