:root{color-scheme:dark;--gold:#d9bf88;--muted:#9da6ae}*{box-sizing:border-box}body{margin:0;background:#070b11;color:#eee9df;font:14px/1.7 system-ui,sans-serif}canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0}header,main,section,aside,footer,#hint{position:relative;z-index:1}header{height:82px;display:flex;align-items:center;gap:22px;margin:0 4%;border-bottom:1px solid #ffffff15}button,a,input{touch-action:manipulation}button{font:inherit;color:var(--gold);background:#111923b0;border:1px solid #d9bf8835;padding:9px 15px;cursor:pointer;border-radius:3px}button:hover,button:focus-visible{background:#29313b;border-color:var(--gold)}button:focus-visible,a:focus-visible{outline:2px solid #e6d3a3;outline-offset:4px}header button{border:0;background:none}#home{font-size:24px;padding-left:0}small,.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted)}#breadcrumb{margin-right:auto;font-size:12px;color:var(--muted)}h1{font-family:Georgia,'Songti SC',serif;font-size:clamp(32px,3.7vw,59px);font-weight:400;line-height:1.3;letter-spacing:2px;margin:20px 0}main{margin:50px 0 90px 5%;max-width:470px;background:linear-gradient(90deg,#070b11e8,#070b1155);padding:16px}main>p,section>p{color:#b3bdc7}#chapters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:30px 0 18px}#chapters button{text-align:left;padding:16px;background:#0b111bcc}#chapters span{display:block;color:#8f9ca8;font-size:10px;letter-spacing:1px}#chapters strong{font-weight:400;font-size:16px}#voice{position:fixed;right:5%;top:120px;width:260px;padding-left:20px;border-left:1px solid #d9bf8855;color:#c5bda9}#voice p{font:17px/1.9 Georgia,'Songti SC',serif}#chapter{margin:35px 0 260px 5%;width:340px;max-height:calc(100vh - 360px);overflow:auto;padding:15px;background:#080d15dc}#chapter h1{font-size:34px}#moments{display:flex;gap:5px;flex-wrap:wrap}#moments button{padding:5px 9px;font-size:11px}#moments .active{background:#b99a5c;color:#08101a}.experiment{border-block:1px solid #ffffff20;margin:20px 0;padding:12px 0}.experiment p{font-size:10px;color:#8c98a5}.experiment output{display:block;color:var(--gold)}input[type=range]{width:100%;accent-color:#d2b77e}#action,#related{display:block;width:100%;margin:12px 0}a{color:var(--gold);font-size:12px}#actionResult{font-size:12px}footer{position:fixed;bottom:18px;left:5%;right:5%;padding:18px 25px;background:#0a101be8;border:1px solid #d9bf8830;backdrop-filter:blur(15px)}footer>div:first-child{display:flex;justify-content:space-between;color:var(--gold);font-size:12px}#narration{font-size:17px;max-width:900px;margin:10px 0}.transport{display:flex;align-items:center;gap:15px}.transport input{flex:1}.transport button{white-space:nowrap}#hint{position:fixed;bottom:15px;right:5%;font-size:11px;color:var(--muted)}dialog{width:min(540px,92vw);max-height:80vh;background:#0c1420;color:#eee8db;border:1px solid #c6ae783d;padding:28px;overflow:auto}dialog::backdrop{background:#000a;backdrop-filter:blur(8px)}dialog label{display:block;margin:20px 0}.close{float:right}#catalogList p{border-bottom:1px solid #ffffff16;padding:8px}#status{position:fixed;bottom:15px;left:5%;color:#b8a271;font-size:12px;z-index:3}[hidden]{display:none!important}@media(max-width:700px){header{gap:5px;height:70px;margin:0 3%}#home{font-size:20px}#home small,#breadcrumb,#voice{display:none}header #audio{margin-left:auto}main{margin:25px 3% 70px;max-width:440px;background:#070b1199}h1{font-size:35px}#chapter{margin:15px 3% 240px;width:65%;max-height:calc(100dvh - 325px);padding:12px}#chapter h1{font-size:26px}footer{left:3%;right:3%;padding:12px;bottom:8px}#narration{font-size:14px}.transport{gap:7px}.transport button{padding:7px;font-size:12px}footer small{font-size:8px}#hint{font-size:9px}#status{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

#panelToggle{position:fixed;z-index:4;top:90px;left:5%;font-size:11px;padding:4px 10px}#chapter{margin-top:55px}#chapter.folded{visibility:hidden;pointer-events:none}