:root{font-family:Microsoft YaHei,PingFang SC,sans-serif;color:#343d34;background:#f4f1e8;font-synthesis:none;font-weight:400;--paper:#f4f1e8;--paper-light:#faf8f1;--ink:#343d34;--muted:#737869;--line:#dedfd2;--jade:#536e5c;--cinnabar:#9a5039;--serif:"STSong","Songti SC","SimSun",serif;--shadow:0 12px 35px #283b2912}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0;background:none}button:disabled{opacity:.5;cursor:not-allowed}a{color:var(--jade);text-decoration-thickness:1px;text-underline-offset:4px}button,select,a,input{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cinnabar)}button:hover{color:var(--cinnabar)}input{accent-color:var(--jade);caret-color:var(--cinnabar)}::selection{background:#d8dfcc;color:#26362b}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#c7cdbe;border-radius:3px}::-webkit-scrollbar-track{background:transparent}p{line-height:1.9}svg{flex-shrink:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}.app-shell{height:100svh;min-height:570px;display:flex;flex-direction:column;overflow:hidden}.masthead{height:85px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--line);z-index:30;background:var(--paper)}.brand{display:flex;align-items:center;gap:13px;text-align:left;padding:0;min-width:254px}.brand-seal{background:var(--cinnabar);color:#f6eee0;width:42px;height:44px;display:grid;place-items:center;font:20px/1.2 var(--serif);writing-mode:vertical-rl;border:3px double #f4f1e8;outline:1px solid var(--cinnabar);letter-spacing:3px}.brand strong{font:26px/1.3 var(--serif);letter-spacing:3px}.brand small{display:block;font-size:10px;letter-spacing:3.8px;color:var(--muted);margin-top:5px}.brand-dot{padding:0 7px;color:#8e9a87}.masthead nav{display:flex;height:100%;gap:34px}.masthead nav button{display:flex;gap:8px;align-items:center;font-size:13px;position:relative;white-space:nowrap}.masthead nav button.active{color:var(--cinnabar)}.masthead nav button.active:after{content:"";position:absolute;height:2px;background:var(--cinnabar);bottom:0;left:0;right:0}.header-end{display:flex;gap:20px;align-items:center}.source-nav{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.icon-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:3px;flex-shrink:0}.icon-button:hover,.icon-button.active{background:#e4e8dc;color:var(--jade)}.workspace{display:flex;flex:1;min-height:0}.index{width:232px;flex-shrink:0;background:var(--paper);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:22;transition:opacity .25s}.index.closed{width:0;overflow:hidden;border:0;opacity:0}.index-heading{padding:23px 18px 12px 25px;display:flex;align-items:center;justify-content:space-between;min-width:232px}.index-heading h2{font:18px var(--serif);margin:0;letter-spacing:2px}.index-tabs{display:flex;margin:0 23px;border-bottom:1px solid var(--line);gap:23px}.index-tabs button{font-size:12px;padding:8px 1px 12px;color:var(--muted);position:relative}.index-tabs [aria-selected=true]{color:var(--cinnabar)}.index-tabs [aria-selected=true]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--cinnabar)}.search{margin:17px 21px 13px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding-bottom:9px;color:#838979}.search input{border:0;background:none;width:100%;min-width:0;font-size:11px;color:var(--ink);outline:none}.search input::placeholder{color:#6e7769}.search button{padding:0;display:flex}.index-scroll{overflow:auto;flex:1;min-height:0;padding:0 12px 15px;min-width:232px}.place-row{width:100%;display:flex;align-items:center;padding:11px 13px;text-align:left;gap:13px;position:relative;border-radius:2px}.place-number{font-size:10px;color:#8b927f;font-variant-numeric:tabular-nums;width:14px}.place-row strong{font:15px var(--serif);letter-spacing:2px}.place-row small{display:block;font-size:9px;color:#828777;margin-top:5px;letter-spacing:1px}.place-row>svg{margin-left:auto;color:#92977f;opacity:0}.place-row:hover,.place-row.selected{background:#e4e8dc}.place-row.selected strong{color:#3e614b}.place-row.selected>svg,.place-row:hover>svg{opacity:1}.place-row.associated:after{content:"";position:absolute;right:13px;width:5px;height:5px;background:var(--cinnabar);border-radius:50%}.index-footer{display:flex;gap:10px;align-items:center;padding:18px 22px;border-top:1px solid var(--line);min-width:232px}.seal-small{color:var(--cinnabar);font:17px var(--serif);border:1px solid #b88b75;width:25px;height:28px;display:grid;place-items:center}.index-footer p{font:11px var(--serif);margin:0;color:#67755f}.index-footer small{font:9px sans-serif;display:block;margin-top:6px;color:#737969;white-space:nowrap}.garden-main{position:relative;flex:1;min-width:0;background:#e9eadf;overflow:hidden}.canvas-wrap{position:absolute;inset:0}.canvas-wrap canvas{touch-action:none}.scene-heading{position:absolute;top:28px;left:34px;display:flex;align-items:flex-start;gap:8px;pointer-events:none;z-index:14}.scene-heading button{pointer-events:auto}.scene-heading h1{font:30px/1.5 var(--serif);letter-spacing:3px;margin:0 0 5px;color:#4d5e4b}.scene-heading p{font:11px/1.6 sans-serif;letter-spacing:1.6px;color:#68745f;margin:0}.scene-toolbar{position:absolute;top:27px;right:26px;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:15}.toolbar-rule{width:18px;height:1px;background:#b4bea9;margin:5px 0 10px}.north-arrow{color:#617359}.scene-toolbar small{font:11px var(--serif);color:#6c775f}.scene-bottom{position:absolute;bottom:21px;left:29px;right:26px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;z-index:14}.minimap{width:138px;background:#f4f1e8de;padding:10px 12px 6px;pointer-events:auto;border:1px solid #d4dbc9}.minimap>div{display:flex;justify-content:space-between;font:11px var(--serif);color:#57684f}.minimap button{font:9px sans-serif;display:flex;gap:4px;padding:0;color:#728267;align-items:center}.minimap svg{width:100%;display:block;margin-top:5px}.minimap g{cursor:pointer}.minimap g:focus{outline:none}.minimap g:focus circle:last-of-type{stroke:#a0583e;stroke-width:3px}.scene-caption{text-align:right;color:#64715d;font-size:10px}.scene-caption>span{display:flex;align-items:center;justify-content:flex-end;gap:6px}.scene-caption p{font-size:10px;margin:7px 0 3px}.scene-caption small{font-size:9px;color:#75806b;letter-spacing:1px}.live-dot{width:5px;height:5px;border-radius:50%;background:#6c8a66}.place-label{white-space:nowrap;font:12px var(--serif);letter-spacing:1px;padding:7px 10px;background:#f5f3e8ed;color:#445e49;box-shadow:0 3px 13px #344e2e10;border-radius:2px;display:flex;gap:7px;align-items:center;border:1px solid #cdd6c1}.place-label span{font:8px sans-serif;letter-spacing:0;color:#7a886b}.place-label:after{content:"";position:absolute;width:1px;height:10px;background:#718761;top:100%;left:50%}.place-label.selected{background:#4e6c55;color:#fff9ec;border-color:#4e6c55}.place-label.selected span{color:#d8e0cc}.hotspot{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#f6f1df;color:var(--cinnabar);border:1px solid var(--cinnabar);font:12px var(--serif);box-shadow:0 3px 9px #352d2320}.bottom-area{height:88px;flex-shrink:0;display:flex;border-top:1px solid var(--line);background:var(--paper);z-index:25}.reading-status{width:232px;flex-shrink:0;border-right:1px solid var(--line);display:flex;align-items:center;padding:0 22px;gap:12px;color:var(--jade);position:relative}.reading-status>div{display:flex;flex-direction:column;gap:5px}.reading-status strong{font:13px var(--serif);letter-spacing:1px}.reading-status span{font-size:9px;color:var(--muted)}.reading-status>button{padding:0;display:flex;align-items:center;gap:4px;margin-left:auto;position:absolute;bottom:12px;right:21px;color:#6b765f}.reading-status>button span{font-size:8px}.reading-status .enabled{color:var(--cinnabar)}.tour-bar{flex:1;display:flex;align-items:center;gap:29px;padding:0 30px;min-width:0}.tour-picker{display:flex;gap:12px;align-items:center;min-width:158px;color:var(--jade)}.tour-picker label{display:block;font-size:9px;letter-spacing:1px;color:var(--muted);margin-bottom:5px}.tour-picker select{border:0;background:transparent;font:16px var(--serif);letter-spacing:2px;color:#435d47;max-width:150px;margin-left:-4px;cursor:pointer}.tour-description{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.tour-description strong{font:12px var(--serif);letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tour-description span{font-size:9px;letter-spacing:.5px;color:var(--muted)}.tour-controls{display:flex;align-items:center;gap:3px}.tour-play{height:39px;padding:0 19px;background:var(--jade);color:#fff9eb;display:flex;gap:8px;align-items:center;font-size:11px;white-space:nowrap;letter-spacing:1px;border-radius:2px}.tour-play:hover{background:#3f5a48;color:#fff}.detail-panel{position:absolute;top:0;right:0;bottom:0;width:332px;z-index:20;background:var(--paper-light);display:flex;flex-direction:column;border-left:1px solid var(--line);animation:reveal .35s cubic-bezier(.16,1,.3,1)}@keyframes reveal{0%{transform:translate(16px);opacity:.8}to{transform:translate(0);opacity:1}}.detail-top{display:flex;justify-content:space-between;align-items:center;padding:18px 22px 0}.detail-top>span{font-size:10px;letter-spacing:2px;color:var(--muted)}.detail-scroll{padding:14px 27px 28px;overflow:auto;flex:1}.detail-scroll h2{font:32px/1.4 var(--serif);letter-spacing:3px;margin:0 0 8px;color:#405d48}.detail-subtitle{font-size:10px;color:#7f816d;display:flex;align-items:center;gap:12px;line-height:1.9}.detail-subtitle>span{font-size:9px;color:var(--jade)}.detail-prose{font:14px/2.05 var(--serif);margin:21px 0;color:#525c4b}.detail-scroll h3{font:14px var(--serif);letter-spacing:1px;margin:25px 0 12px;display:flex;align-items:center;gap:8px}.detail-scroll h3>span{font:10px sans-serif;color:#838b78}.place-context{display:flex;gap:7px;align-items:center;background:#eef0e5;padding:10px 9px;font-size:10px;color:#65715d}.note{font-size:10px;line-height:1.9;color:#737b68;margin:9px 0 13px}.people-chips{display:flex;flex-wrap:wrap;gap:7px}.people-chips button{padding:6px 10px;font:12px var(--serif);background:#edeedf;color:#586d51;border-radius:2px}.people-chips button:hover{background:#dfe7d5}.event-row{text-align:left;border-bottom:1px solid var(--line);padding:12px 0;width:100%;display:grid;grid-template-columns:1fr 16px;gap:6px}.event-row>span{font-size:9px;color:#8a8b73;grid-column:1/-1}.event-row strong{font:12px/1.6 var(--serif)}.event-row>svg{color:#7a8e6e}.event-row.selected strong{color:var(--cinnabar)}.source-list details{border-bottom:1px solid var(--line)}.source-list summary{list-style:none;cursor:pointer;padding:11px 0;font-size:10px;display:flex;align-items:center;gap:7px;color:#617358}.source-list summary::-webkit-details-marker{display:none}.source-list summary>svg:last-child{margin-left:auto}.source-list details[open] summary>svg:last-child{transform:rotate(90deg)}.source-body blockquote{margin:4px 0 8px;font:12px/1.9 var(--serif);color:#66715c}.source-body p{font-size:9px;color:#7d816e;margin:4px 0}.source-body a{font-size:10px;display:flex;align-items:center;gap:4px;padding-bottom:11px}.detail-footer{border-top:1px solid var(--line);padding:12px 25px;display:flex;align-items:center;gap:7px;font-size:9px;color:#7b836e}.related-places{display:flex;flex-wrap:wrap;gap:7px}.related-places button{border:1px solid #d9dfce;padding:8px 9px;display:flex;align-items:center;gap:5px;font:12px var(--serif);color:var(--jade)}.text-button{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--jade);padding:17px 0}.hotspot-note{padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:13px var(--serif);color:var(--jade)}.hotspot-note p{font:11px/1.8 sans-serif;margin:8px 0}.relation{font-size:11px;margin-top:14px}.empty{font:12px/1.9 var(--serif);color:#6e7963;margin:18px 10px}.character-list>button{display:flex;align-items:center;gap:12px;padding:11px 10px;width:100%;text-align:left}.character-list>button:hover,.character-list>button.selected{background:#e4e8dc}.character-seal{font:22px var(--serif);width:35px;height:38px;background:#e4e7d9;display:grid;place-items:center;color:#778368}.character-list strong,.chapter-list strong{font:14px var(--serif)}.character-list small,.chapter-list small{display:block;font-size:9px;margin-top:5px;color:#7b8470}.character-list button>svg{margin-left:auto;color:#8f977f}.chapter-list button{display:flex;align-items:center;gap:13px;text-align:left;width:100%;padding:16px 12px;border-bottom:1px solid var(--line)}.chapter-list button>svg{color:#839075}.chapter-list button>span:last-child{margin-left:auto;font-size:10px;color:#7a866d}.chapter-list button.selected{background:#e4e8dc}.has-detail .scene-toolbar{right:352px}.has-detail .scene-caption{display:none}.settings-panel{position:absolute;right:18px;top:14px;width:290px;background:var(--paper-light);box-shadow:var(--shadow);padding:17px 22px;z-index:45}.settings-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.settings-title h2{font:19px var(--serif);margin:0;letter-spacing:2px}.settings-panel>label{display:flex;flex-direction:column;font-size:12px;gap:9px;margin:15px 0}.settings-panel select{background:#edf0e4;color:var(--jade);border:1px solid #d7decc;padding:8px;font-size:11px;width:100%}.settings-panel .check-row{flex-direction:row;align-items:center;gap:10px}.setting-divider{border-top:1px solid var(--line);margin:18px 0}.sound-status{display:flex;gap:8px;font-size:10px;align-items:center;color:#7b846f;border-top:1px solid var(--line);padding:15px 0 3px}.sources-page{position:absolute;inset:0;overflow:auto;z-index:40;background:var(--paper-light);padding:20px 55px 60px}.sources-page h1{font:38px/1.5 var(--serif);color:var(--jade);margin:25px 0 13px;letter-spacing:3px}.source-intro{font:16px/1.9 var(--serif);color:#6a765f;margin-bottom:35px}.source-columns{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;max-width:1000px}.source-columns h2{font:20px var(--serif);margin:28px 0 12px;letter-spacing:1px}.source-columns h2:first-child{margin-top:0}.source-columns p{font-size:12px;line-height:2;color:#67725d}.source-columns p.note{font-size:10px}.source-chapter{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none}.source-chapter strong{font:14px var(--serif)}.source-chapter small{display:block;font-size:9px;color:#7c866f;margin-top:7px}.loading,.fallback{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#e9eadf;z-index:18;text-align:center;color:var(--jade);padding:30px}.loading h2,.fallback h2{font:27px var(--serif);letter-spacing:3px;margin:15px}.loading p,.fallback p{font-size:12px;color:#717d65}.loading-seal{font:33px var(--serif);border:1px solid #87977b;padding:6px 9px}.loading progress{height:3px;width:150px;accent-color:var(--jade)}.scene-error{background:var(--paper-light);padding:25px;box-shadow:var(--shadow);width:270px;text-align:center}.scene-error strong{font:20px var(--serif)}.scene-error p{font-size:12px}.scene-error button,.boot button{background:var(--jade);color:#fff;padding:10px 20px;font-size:12px}.boot{height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--jade)}.boot h1{font:34px var(--serif);margin-top:25px}.boot p{font-size:13px}.boot button{display:flex;gap:8px;align-items:center}.skip-link{position:fixed;left:10px;top:-60px;background:var(--paper);z-index:100;padding:10px}.skip-link:focus{top:10px}.drawer-handle{display:none}@media(min-width:1600px){.index,.reading-status{width:254px}.place-row{padding:14px 15px}.index-scroll{padding-left:16px;padding-right:16px}.scene-heading{left:42px;top:35px}.scene-heading h1{font-size:36px}.detail-panel{width:360px}.has-detail .scene-toolbar{right:380px}}@media(max-width:1150px){.masthead{padding:0 22px}.brand{min-width:224px}.masthead nav{gap:18px}.header-end{gap:8px}.source-nav span{display:none}.tour-description strong{max-width:250px}.tour-bar{gap:17px;padding:0 22px}.scene-heading h1{font-size:26px}.scene-caption{max-width:200px}.index,.reading-status{width:218px}.index-heading,.index-footer,.index-scroll{min-width:218px}.detail-panel{width:304px}.has-detail .scene-toolbar{right:319px}.has-detail .scene-heading{max-width:calc(100% - 330px)}.has-detail .scene-heading p{display:none}.source-columns{gap:30px}.sources-page{padding:20px 32px 40px}}@media(max-width:850px){.masthead{height:73px;padding:0 18px}.brand{min-width:0}.brand strong{font-size:22px;letter-spacing:2px}.brand small{font-size:8px;letter-spacing:2px}.brand-seal{width:34px;height:38px;font-size:17px}.masthead nav{gap:8px}.masthead nav button{font-size:11px;gap:5px}.header-end{gap:0}.index,.reading-status{width:200px}.index-heading,.index-footer,.index-scroll{min-width:200px}.index-heading{padding-left:19px}.index-tabs{gap:20px;margin:0 18px}.index-footer{padding:15px}.index-footer small{font-size:8px}.tour-description{display:none}.tour-bar{justify-content:space-between;gap:8px;padding:0 18px}.scene-heading{left:22px;top:22px}.scene-heading p{font-size:10px;letter-spacing:0}.scene-toolbar{right:15px;top:20px}.minimap{width:110px}.scene-bottom{left:18px;right:17px;bottom:17px}.scene-caption,.scene-caption p{font-size:9px}.scene-caption small,.has-detail .scene-heading,.has-detail .scene-toolbar{display:none}.sources-page h1{font-size:29px}.source-columns{grid-template-columns:1fr}.reading-status{padding-left:18px;gap:8px}.reading-status>button{right:12px}}@media(max-width:600px){.app-shell{min-height:540px}.masthead{height:67px;padding:0 15px}.brand{gap:9px}.brand strong{font-size:20px;letter-spacing:1.5px}.brand small{font-size:8px;letter-spacing:1.9px}.brand-seal{width:30px;height:34px;font-size:15px}.masthead nav{position:fixed;bottom:0;left:0;right:0;height:54px;justify-content:space-around;background:var(--paper);border-top:1px solid var(--line);z-index:55;padding-bottom:env(safe-area-inset-bottom)}.masthead nav button{font-size:10px;gap:6px}.masthead nav button.active:after{display:none}.header-end{gap:6px}.header-end .source-nav{padding:9px}.index{position:absolute;top:67px;bottom:131px;left:0;width:230px;box-shadow:12px 0 30px #27361e12;z-index:23}.index-heading,.index-scroll,.index-footer{min-width:230px}.index-heading{padding-top:15px}.index-tabs{gap:27px}.place-row{padding-top:9px;padding-bottom:9px}.place-row strong{font-size:14px}.index-scroll{padding-bottom:10px}.index-footer{padding:12px 20px}.index-footer small{font-size:9px}.workspace{min-height:0}.bottom-area{height:77px;margin-bottom:54px}.reading-status{display:none}.tour-bar{padding:0 15px}.tour-picker{min-width:0;gap:9px}.tour-picker>svg{width:17px}.tour-picker select{font-size:14px;max-width:130px}.tour-picker label{font-size:8px;letter-spacing:0}.tour-play{height:36px;font-size:10px;padding:0 13px}.tour-controls{gap:0}.tour-controls .icon-button{width:27px}.scene-heading{left:17px;top:18px;max-width:calc(100% - 60px);gap:0}.scene-heading h1{font-size:25px;letter-spacing:2px}.scene-heading p{font-size:9px;letter-spacing:.5px}.scene-toolbar{top:17px;right:12px}.scene-toolbar .icon-button{width:29px;height:29px}.scene-toolbar .toolbar-rule{margin:3px 0 7px}.scene-toolbar .north-arrow{width:22px;height:22px}.scene-toolbar small{font-size:9px}.scene-bottom{left:16px;right:16px;bottom:14px}.minimap{width:95px;padding:7px 9px 3px}.scene-caption{max-width:155px;font-size:8px}.scene-caption p{font-size:8px;line-height:1.7}.place-label{font-size:10px;padding:5px 7px;gap:5px;letter-spacing:0}.place-label span{font-size:7px}.detail-panel{inset:auto 0 0;width:100%;height:52%;max-height:460px;border:0;border-top:1px solid var(--line);border-radius:15px 15px 0 0;animation:drawer .3s ease-out}.drawer-handle{display:block;width:35px;height:3px;background:#c9cdbd;border-radius:3px;margin:8px auto 0}.detail-top{padding:4px 18px 0}.detail-top>span{font-size:9px}.detail-scroll{padding:3px 24px 20px}.detail-scroll h2{font-size:26px;margin-bottom:5px;letter-spacing:2px}.detail-prose{font-size:13px;margin:13px 0}.detail-scroll h3{margin:18px 0 10px}.detail-footer{padding:9px 22px;font-size:8px}.has-detail .scene-heading{display:flex;max-width:calc(100% - 60px)}.has-detail .scene-heading h1{font-size:22px}.has-detail .scene-toolbar{display:flex;right:12px}.has-detail .scene-bottom{display:none}.settings-panel{right:12px;top:10px;width:280px;max-height:calc(100% - 20px);overflow:auto}.settings-panel>label{margin:12px 0}.sources-page{padding:10px 23px 30px}.sources-page h1{font-size:27px;letter-spacing:2px;margin:20px 0 12px}.source-intro{font-size:14px;margin-bottom:26px}.source-columns{gap:30px}.sources-page p{font-size:12px}.sources-page .source-chapter small{font-size:8px}.loading h2{font-size:25px}.fallback h2{font-size:22px}.loading p{font-size:11px}}@keyframes drawer{0%{transform:translateY(25px);opacity:.8}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.scene-heading{background:#f4f1e8ee;padding:9px 13px;left:24px;top:20px}.scene-heading h1{font-size:27px}.detail-prose{font-size:15px}.detail-subtitle,.note,.detail-footer,.source-body p{color:#606e56}.place-row small,.character-list small,.chapter-list small,.tour-description span,.tour-picker label,.reading-status span{color:#626e59}.source-body blockquote{font-size:13px}.source-body a{font-size:11px}.event-row strong{font-size:13px}.index{transition:opacity .25s}.source-list summary{font-size:11px}.has-detail .scene-heading{max-width:calc(100% - 365px)}@media(max-width:600px){.scene-heading{left:10px;top:10px;padding:7px 9px}.scene-heading h1,.has-detail .scene-heading h1{font-size:21px}.scene-heading p{font-size:9px}.has-detail .scene-heading{max-width:calc(100% - 58px)}.detail-prose{font-size:14px}}.architecture-features{padding:0 0 0 1.1em;margin:0;color:var(--ink);font-size:13px;line-height:1.9}.architecture-features li+li{margin-top:9px}.mobile-gesture{display:none}@media(max-width:600px){.desktop-gesture{display:none}.mobile-gesture{display:inline}}.interior-button{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 13px;background:var(--jade);color:var(--paper-light);font-size:13px;margin-top:18px}.interior-button:hover{background:#425c4c;color:var(--paper-light)}.detail-scroll,.index-scroll{overscroll-behavior:contain}.canvas-wrap{touch-action:none}@media(max-width:600px){.app-shell{min-height:420px}.masthead nav{height:calc(54px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.bottom-area{margin-bottom:calc(54px + env(safe-area-inset-bottom));height:86px}.tour-bar{padding:0 10px;gap:5px}.tour-picker{gap:5px}.tour-picker>svg{display:none}.tour-picker select{font-size:13px;max-width:110px}.tour-controls{gap:1px}.tour-controls .icon-button{width:36px;height:44px}.tour-play{height:44px;padding:0 10px;font-size:12px}.tour-picker label{font-size:10px}.header-end .icon-button,.scene-toolbar .icon-button{width:42px;height:42px}.scene-toolbar{right:4px}.scene-toolbar .north-arrow,.scene-toolbar small,.scene-toolbar .toolbar-rule{display:none}.index{bottom:calc(140px + env(safe-area-inset-bottom));width:min(280px,85vw)}.index-heading,.index-scroll,.index-footer{min-width:260px}.index-heading h2{font-size:19px}.index-tabs button{font-size:14px;min-height:44px}.place-row{min-height:52px}.place-row strong{font-size:16px}.place-row small{font-size:11px}.search input{font-size:16px;min-height:32px}.detail-panel{height:48%;max-height:none}.detail-scroll{padding:0 20px 22px}.detail-top .icon-button{width:44px;height:36px}.detail-prose,.architecture-features{font-size:15px;line-height:1.9}.detail-subtitle{font-size:12px}.detail-scroll h3{font-size:15px}.event-row{min-height:52px}.event-row strong{font-size:14px}.people-chips button{min-height:38px;font-size:13px}.source-list summary{font-size:13px;min-height:44px}.source-body blockquote{font-size:14px}.source-body a,.source-body p,.note{font-size:12px}.detail-footer{font-size:10px}.place-label{font-size:11px;min-height:34px;padding:5px 9px}.hotspot{min-width:40px;min-height:40px}.scene-caption p{font-size:10px}.minimap{width:82px}.scene-heading{max-width:calc(100% - 55px)}.settings-panel{width:min(320px,calc(100% - 24px))}.settings-panel select,.settings-panel>label{font-size:14px}.settings-panel input[type=range]{min-height:32px}}@media(max-width:370px){.tour-picker select{max-width:92px}.tour-controls .icon-button{width:32px}.tour-picker label{font-size:9px}.tour-play{padding:0 7px}.brand small{display:none}}.search input:focus-visible{outline:2px solid var(--cinnabar);outline-offset:4px}.detail-top{justify-content:flex-end;padding-top:10px}.detail-scroll{padding-top:4px}@media(max-width:600px){.detail-top,.detail-scroll{padding-top:0}}