@charset "UTF-8";
:root{--paper:#f6eed9;--ink:#3b2f2a;--red:#b54a3c;--navy:#25304b;--gold:#ffd27a;--muted:#8b8071;--line:#d8cbb2;--serif:"Noto Serif SC","Songti SC","STSong","SimSun",serif;--sans:"Microsoft YaHei","PingFang SC",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px}body:after{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%233b2f2a' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #ba8737;outline-offset:5px}button{border:0;background:none}a{color:var(--red);text-underline-offset:5px}.site-header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 4.7%;gap:24px}.brand{font-family:var(--serif);font-weight:bold;display:flex;align-items:center;gap:13px;font-size:20px;letter-spacing:2px;padding:0;white-space:nowrap}.brand-seal{background:var(--red);color:var(--paper);font-size:25px;font-weight:normal;border-radius:3px 1px 4px 1px;outline:1px solid var(--red);outline-offset:3px;width:33px;height:37px;display:grid;place-items:center}.brand-dot{font-weight:normal}.site-header nav{display:flex;gap:36px;margin-left:auto;margin-right:5%}.nav-link{padding:12px 0;letter-spacing:2px;font-size:13px;position:relative}.nav-link.active{color:var(--red)}.nav-link.active:after{content:"";position:absolute;bottom:1px;left:calc(50% - 3px);width:5px;height:5px;background:var(--red);transform:rotate(45deg)}.nav-link span{font-size:12px;padding-left:5px}.sound-button{display:flex;align-items:center;gap:9px;font-size:12px;color:#796d5d;letter-spacing:1px}#sound-icon{font-size:24px}.sound-bars{display:flex;align-items:center;gap:3px;height:18px}.sound-bars i{display:block;width:2px;height:6px;background:#9b8c70}.sound-bars i:nth-child(2){height:13px}.playing .sound-bars i{animation:sound 1s ease-in-out infinite alternate}.playing .sound-bars i:nth-child(2){animation-delay:.3s}.playing .sound-bars i:nth-child(3){animation-delay:.6s}.stage{position:relative;isolation:isolate;min-height:640px;height:min(700px,72vw);overflow:hidden;background:#172e35;color:var(--paper);margin:0 22px;border-radius:2px}.scene-image,.scene-shade{position:absolute;inset:0;z-index:-3}.scene-image{background:url('assets/xingdeng-storybook.png') center 48%/cover no-repeat, url('assets/xingdeng-watercolor.png') center/cover;transform:scale(1.015);animation:reveal 1.2s ease}.scene-shade{z-index:-2;background:linear-gradient(90deg,rgba(13,34,40,.65),rgba(12,30,37,.24) 43%,transparent 70%),linear-gradient(0deg,rgba(15,34,39,.62),transparent 25%)}.scene-border{position:absolute;inset:18px;pointer-events:none;border:1px solid #f6eed930;z-index:3}.scene-border:before,.scene-border:after{content:"✧";position:absolute;color:var(--gold);font-size:18px;top:-12px;background:#20373c;padding:0 5px}.scene-border:before{left:-8px}.scene-border:after{right:-8px}.scene-side-note{position:absolute;right:39px;top:46px;writing-mode:vertical-rl;font-family:var(--serif);letter-spacing:5px;font-size:11px;color:#f6eed9a3}.scene-location{position:absolute;bottom:34px;left:4.5%;right:4.5%;display:flex;align-items:center;gap:13px;letter-spacing:2px;font-size:10px;color:#ede0c1b3}.tiny-star{font-size:21px;color:var(--gold)}.location-line{height:1px;background:#ead7ab50;flex:1;margin:0 15px}#scene-content{height:100%;position:relative;animation:pagein .65s ease}.cover-copy{position:absolute;left:7%;top:12%;max-width:520px}.eyebrow{font-size:10px;letter-spacing:3px;font-family:var(--sans);color:var(--red)}.cover-copy .eyebrow{color:#e4d3a8;font-size:11px;letter-spacing:5px;display:flex;align-items:center;gap:15px}.cover-copy .eyebrow:before{content:"";width:30px;height:1px;background:#ddc88d}.cover-copy h1{font-family:var(--serif);font-weight:500;margin:26px 0 23px;line-height:1.22;font-size:clamp(54px,5.8vw,88px);letter-spacing:9px;color:#f8e9bc;text-shadow:0 3px 20px #122d36}.cover-copy h1 span{display:block;font-size:.73em;letter-spacing:16px;margin-top:8px}.title-dot{font-size:19px!important;display:inline!important;vertical-align:middle;letter-spacing:7px!important}.cover-copy p{line-height:2.15;color:#f3e6c9ce;font-family:var(--serif);font-size:14px;letter-spacing:2px;margin:0 0 26px}.primary{background:var(--red);color:#fff2d6;min-height:49px;padding:0 26px;border:1px solid #d18159;letter-spacing:3px;display:inline-flex;gap:30px;align-items:center;justify-content:center;border-radius:2px;transition:background .2s,transform .2s;box-shadow:0 5px 20px #1a1b1633}.primary:hover{background:#c45e43;transform:translateY(-2px)}.primary .arrow{font-size:20px;letter-spacing:0}.cover-buttons{display:flex;gap:20px;align-items:center}.cover-buttons .text-button{color:#e7d7b6}.text-button{font-size:12px;letter-spacing:1px;text-decoration:underline;text-underline-offset:5px}.cover-footnote{display:flex;align-items:center;gap:10px;margin-top:24px;color:#e3d7bb99;font-size:10px;letter-spacing:2px}.cover-footnote svg{width:17px;fill:none;stroke:currentColor}.floating-seal{position:absolute;right:7.2%;bottom:15%;background:#b54a3cdd;color:#f5e4c3;writing-mode:vertical-rl;font-family:var(--serif);padding:13px 9px;letter-spacing:5px;border-radius:2px;outline:1px solid #ebbc8050;outline-offset:4px;font-size:13px}.firefly{position:absolute;width:3px;height:3px;background:#ffd27a;border-radius:50%;box-shadow:0 0 10px #ffd27a;pointer-events:none;animation:drift var(--duration) ease-in-out infinite alternate;animation-delay:var(--delay);opacity:0;z-index:-1}.journey{padding:39px 6.5% 32px;display:grid;grid-template-columns:240px 1fr;gap:50px;align-items:center}.journey-intro h2{font-family:var(--serif);font-weight:500;font-size:27px;letter-spacing:3px;margin:9px 0}.journey-intro p{font-size:10px;line-height:2;color:var(--muted);margin:0;letter-spacing:1px}.chapter-nav{display:grid;grid-template-columns:repeat(7,1fr);position:relative;gap:6px}.chapter-nav:before{content:"";height:1px;position:absolute;top:21px;left:25px;right:25px;background:var(--line)}.chapter-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:65px;padding:0}.chapter-item .step{font-family:var(--serif);background:var(--paper);width:43px;height:43px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:17px;z-index:1;transition:.3s}.chapter-item.current .step{background:var(--red);color:var(--paper);border-color:var(--red);box-shadow:0 0 0 4px var(--paper),0 0 0 5px #b54a3c60}.chapter-item.done .step{border-color:#b54a3c;color:var(--red)}.chapter-item .step-label{font-family:var(--serif);font-size:12px;letter-spacing:2px;margin-top:6px;white-space:nowrap}.chapter-item .step-detail{font-size:9px;letter-spacing:1px;color:#9e9382}.chapter-item:disabled{opacity:.5}footer{padding:21px 4.7%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#968a77;letter-spacing:1px;gap:20px}footer>span:first-child{font-family:var(--serif);letter-spacing:3px;color:#796b58}footer button{font-size:10px}.footer-dot{padding:0 15px}.scene-heading{position:absolute;left:5.7%;top:42px;z-index:2}.scene-heading .eyebrow{color:#e5bd74}.scene-heading h1{font:500 32px/1.4 var(--serif);letter-spacing:4px;margin:10px 0}.scene-heading p{font-size:12px;color:#e5dac2;letter-spacing:1px;margin:0;line-height:1.9}.scene-back{position:absolute;right:5%;top:40px;color:#dfd0af;font-size:12px;z-index:4}.dialogue-box{position:absolute;left:5.6%;right:5.6%;bottom:82px;background:#f6eed9f5;color:var(--ink);padding:25px 30px;border:1px solid #e1ceaa;border-radius:3px;box-shadow:0 8px 40px #12232044;z-index:4;min-height:138px;display:grid;grid-template-columns:72px 1fr;gap:20px}.speaker-seal{border-right:1px solid #cbb790;font:18px/1.7 var(--serif);letter-spacing:3px;display:flex;align-items:center;color:var(--red)}.dialogue-text{font:15px/2 var(--serif);margin:0;letter-spacing:1px;min-height:60px}.dialogue-controls{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:15px}.dialogue-controls span{font-size:10px;color:#948067}.small-primary{background:var(--red);color:var(--paper);padding:9px 17px;letter-spacing:1px;border:1px solid #9f4135;font-size:12px;border-radius:2px}.street-people{position:absolute;inset:165px 7% 220px;display:flex;align-items:end;justify-content:space-around}.person{width:115px;color:var(--paper);filter:drop-shadow(0 7px 10px #0b222a66);position:relative;transition:transform .2s}.person:hover{transform:translateY(-5px)}.person svg{width:100%;height:190px}.person-name{display:block;background:#263a3bd9;border:1px solid #ecd19b66;border-radius:30px;padding:8px 13px;font-size:11px;letter-spacing:2px;white-space:nowrap}.person .prompt{position:absolute;top:-20px;left:50%;transform:translateX(-50%);color:var(--gold);font-size:24px;animation:float 2s ease-in-out infinite}.person[disabled]{opacity:.55}.hanging-row{position:absolute;left:40%;right:12%;top:115px;display:flex;justify-content:space-between;height:150px;pointer-events:none}.hanging-lantern{width:49px;transform-origin:top center;animation:sway 5s ease-in-out infinite alternate;transition:filter 1.3s}.hanging-lantern:nth-child(2){animation-delay:-2s}.hanging-lantern:nth-child(3){animation-delay:-3s}.hanging-lantern svg{width:100%;height:125px;filter:drop-shadow(0 0 16px #ffd27a99)}.hanging-lantern .plastic{opacity:0;transition:opacity 1.4s}.hanging-lantern .handmade{opacity:1;transition:opacity 1.4s}.hanging-lantern.replaced .plastic{opacity:1}.hanging-lantern.replaced .handmade{opacity:0}.hanging-lantern.replaced svg{filter:drop-shadow(0 0 15px #ff705899)}.workshop{background:#5c5140}.workshop .scene-image{opacity:.18;filter:sepia(.7);background-position:right center}.workshop .scene-shade{background:linear-gradient(100deg,#293736ee,#514c3ace 50%,#5c493ad9)}.workshop .scene-heading{top:34px}.workshop-layout{position:absolute;inset:135px 5.7% 85px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px}.workbench{background:linear-gradient(0deg,#bba07712,#dbbc7b15);border:1px solid #e3c69b48;border-radius:3px;position:relative;padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 80px #ac7e4420}.workbench:before{content:"星 灯 巷 · 制 灯 作 坊";position:absolute;top:15px;left:20px;font-size:9px;color:#ebd5ad66;letter-spacing:2px}.craft-panel{padding:23px;background:#f6eed9ed;color:var(--ink);border-radius:2px;align-self:stretch;display:flex;flex-direction:column;gap:14px}.craft-panel .eyebrow{font-size:9px}.craft-panel h2{font:22px var(--serif);letter-spacing:3px;margin:0}.craft-panel p{font:13px/1.9 var(--serif);margin:0;letter-spacing:.5px}.craft-panel .craft-hint{font:11px/1.8 var(--sans);color:#8b7057;border-top:1px solid #cbb79680;padding-top:12px}.craft-panel .small-primary{margin-top:auto}.craft-progress{font:11px var(--sans);color:var(--red);letter-spacing:1px}.materials-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;width:100%;margin-bottom:18px}.material{background:#f6eed9ed;color:#51402e;min-height:87px;padding:10px 3px 7px;border-radius:3px;border:1px solid #e6d3a5;display:flex;align-items:center;flex-direction:column;gap:6px;font-size:10px;letter-spacing:1px;transition:transform .2s,opacity .2s;touch-action:manipulation}.material:hover{transform:translateY(-3px)}.material svg{width:48px;height:40px}.material.collected{opacity:.28;pointer-events:none}.basket{border:1px dashed #f8df9f99;border-radius:5px;width:90%;min-height:95px;padding:13px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;background:#c7a46720;font-size:12px;letter-spacing:2px}.basket.drag-over,.drop-zone.drag-over{background:#ffd27a33;outline:2px dashed #ffd27a}.basket-items{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;font-size:10px}.basket-items span{border:1px solid #e5c89170;padding:4px 7px;border-radius:2px}.craft-lantern{height:260px;max-width:100%;overflow:visible;filter:drop-shadow(0 6px 15px #1c251e44)}.craft-lantern .lamp-paper{fill:#eadbb7;opacity:var(--paper-opacity,.95);transition:opacity 1s,fill .8s}.craft-lantern .ribs{stroke:#9f763e;stroke-width:3;fill:none}.craft-lantern .fine-ribs{stroke:#ab864c;stroke-width:1.5;fill:none;opacity:.7}.craft-lantern .motif-art{color:#b54a3c}.craft-lantern.lit{filter:drop-shadow(0 0 36px #ffd27aaa)}.craft-lantern.lit .lamp-paper{fill:#ffe3a1}.tool-tray{display:flex;gap:13px;justify-content:center;flex-wrap:wrap;margin-top:16px}.tool{border:1px solid #ead3a480;color:#f4dfb7;padding:10px 18px;border-radius:3px;font-size:12px;letter-spacing:2px;background:#80674738}.tool.active{background:#f6eed9;color:var(--red)}.bone-node{cursor:pointer;fill:#e0d0a6;stroke:#9f763e;stroke-width:2}.bone-node.bound{fill:#b54a3c;stroke:#f6eed9}.bone-segment{stroke:#f5d68e;stroke-width:4;stroke-linecap:round;fill:none;transition:opacity .5s}.bone-segment.missing{opacity:.12;stroke-dasharray:7 6}.drop-zone{border-radius:10px;display:flex;justify-content:center;align-items:center;min-width:230px;min-height:260px}.process-label{position:absolute;bottom:13px;font-size:10px;letter-spacing:2px;color:#e1cda4}.range-field{display:flex;flex-direction:column;gap:8px;width:100%;font-size:11px}.range-field input{width:100%;accent-color:var(--red)}.range-ends{display:flex;justify-content:space-between;font-size:10px;color:#947d5e}.drying-meter{height:4px;background:#a68e6433;width:100%;overflow:hidden}.drying-meter span{display:block;height:100%;background:var(--red);transition:width .2s}.pattern-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pattern-option{border:1px solid #cdbb97;border-radius:3px;padding:9px 4px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px}.pattern-option svg{height:32px;width:50px;color:var(--red)}.pattern-option.selected{background:#b54a3c12;border-color:var(--red)}.check-row{display:flex;gap:13px;font-size:11px;align-items:center}.check-row label{display:flex;align-items:center;gap:5px}.check-row input{accent-color:var(--red)}.light-scene{position:absolute;inset:140px 7% 220px;display:flex;align-items:center;justify-content:center}.light-scene .craft-lantern{height:260px;z-index:1;transition:transform 2s}.light-glow{position:absolute;width:500px;height:500px;max-width:90vw;border-radius:50%;background:radial-gradient(circle,#ffda8c66,transparent 65%);opacity:var(--light,0);transform:scale(calc(.3 + var(--light,0)));transition:opacity .3s,transform .8s;pointer-events:none}.light-control{display:flex;align-items:center;gap:20px;justify-content:center;margin-top:12px;font-size:11px;color:#8b7057}.light-control input{width:260px;accent-color:var(--red)}.walking .craft-lantern{animation:walk 3s ease-in-out forwards}.panorama{position:absolute;inset:130px 5.7% 240px;overflow:auto hidden;scroll-behavior:smooth;scrollbar-color:#ffd27a66 transparent;scrollbar-width:thin;cursor:grab;touch-action:pan-x}.panorama-inner{width:1600px;height:100%;display:flex;align-items:center;justify-content:space-around;position:relative;background:linear-gradient(#142e3433,#18303566),url('assets/xingdeng-storybook.png') center 57%/cover}.festival-lamp{width:145px;color:#f5e1b0;display:flex;flex-direction:column;align-items:center;gap:8px;animation:sway 5s ease-in-out infinite alternate;transform-origin:top center}.festival-lamp .craft-lantern{width:90px;height:160px}.festival-lamp span{font-size:11px;background:#193536bb;padding:7px 13px;border:1px solid #e6c18566;border-radius:30px;letter-spacing:2px}.festival-lamp:nth-child(even){animation-delay:-2s;align-self:start}.pan-arrows{position:absolute;right:6%;top:95px;display:flex;gap:10px}.pan-arrows button{border:1px solid #ead8af70;border-radius:50%;width:30px;height:30px;color:#e4c78e}.paper-dialog{background:var(--paper);color:var(--ink);width:min(860px,calc(100% - 32px));border:1px solid #c9b48d;border-radius:4px;padding:36px 40px;box-shadow:0 15px 80px #0d242566;max-height:85vh}.paper-dialog::backdrop{background:#10282dcc;backdrop-filter:blur(6px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-heading h2{font:32px var(--serif);letter-spacing:5px;margin:10px 0}.close{font-size:30px;color:#9c805a;align-self:start;padding:0 5px}.dialog-intro{color:#9a8669;font:13px var(--serif);letter-spacing:2px;margin:12px 0 28px}.library-layout{display:grid;grid-template-columns:170px 1fr;gap:30px;min-height:260px}#knowledge-tabs{display:flex;flex-direction:column;border-right:1px solid var(--line);padding-right:20px;gap:4px}#knowledge-tabs button{text-align:left;padding:10px;font:13px var(--serif);letter-spacing:1px}#knowledge-tabs button[aria-selected="true"]{color:var(--red);background:#b54a3c0b;border-left:2px solid var(--red)}#knowledge-content{padding:10px 0}#knowledge-content h3{font:26px var(--serif);letter-spacing:3px;margin:0 0 20px}#knowledge-content p{font:15px/2.2 var(--serif);letter-spacing:1px}#knowledge-content .knowledge-mark{font-size:60px;color:#b54a3c33;font-family:var(--serif);float:right;line-height:1;padding-left:15px}.source-note{font:10px/1.8 var(--sans)!important;color:#a38b66;margin-top:24px}.library-bottom{border-top:1px solid var(--line);padding-top:19px;display:flex;justify-content:space-between;margin-top:25px;font-size:11px;color:#9b8565;align-items:center}.library-bottom button{border:1px solid var(--line);width:33px;height:31px;margin-left:8px}#contents-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contents-item{text-align:left;border:1px solid var(--line);padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.contents-item span{font:17px var(--serif);letter-spacing:2px}.contents-item small{font-size:10px;color:#9c8768}.reset{margin-top:28px;color:var(--red)}.small-dialog{max-width:610px}.small-dialog p{font:14px/2.1 var(--serif);letter-spacing:1px}.muted{color:#99866c}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#263a38f5;color:#f6e4b8;padding:13px 25px;border:1px solid #c1a56c;border-radius:3px;z-index:200;opacity:0;pointer-events:none;transition:.25s;font-size:12px;letter-spacing:1px;max-width:90vw;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}.shake{animation:shake .3s}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes drift{0%{opacity:.05;transform:translate(0,8px)}60%{opacity:.8}100%{opacity:.2;transform:translate(20px,-40px)}}@keyframes float{50%{transform:translate(-50%,-7px)}}@keyframes sway{from{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@keyframes pagein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal{from{opacity:.4;transform:scale(1.04)}to{opacity:1;transform:scale(1.015)}}@keyframes sound{to{height:16px}}@keyframes shake{25%,75%{transform:translateX(-4px)}50%{transform:translateX(4px)}}@keyframes walk{50%{transform:translate(70px,-5px) rotate(4deg)}100%{transform:translate(150px,0) scale(.85)}}
.stage.workshop{height:800px;min-height:800px}.chapter-item.current .step{color:var(--paper)}
@media(min-width:1600px){.stage{height:740px}.cover-copy{top:15%}.journey{padding-top:44px;padding-bottom:44px}}@media(max-width:1100px){.site-header{height:78px;padding:0 4%}.site-header nav{gap:22px;margin-right:1%}.brand{font-size:17px}.stage{margin:0 14px;min-height:620px}.cover-copy{left:7%;top:14%}.journey{grid-template-columns:195px 1fr;gap:25px;padding:32px 5%}.journey-intro h2{font-size:23px}.chapter-item .step-label{font-size:11px;letter-spacing:1px}.workshop-layout{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.materials-grid{grid-template-columns:repeat(4,1fr);gap:7px}.material{min-height:66px;padding:5px;font-size:10px}.material svg{width:35px;height:30px}.craft-panel{padding:18px;gap:12px}.basket{min-height:70px}.workbench{padding:25px 15px 20px}.dialogue-text{font-size:14px}.street-people{inset:180px 7% 220px}.person svg{height:155px}}
@media(max-width:760px){.site-header{height:72px;padding:0 22px;gap:12px}.brand{font-size:15px;gap:10px;letter-spacing:1px}.brand-seal{width:26px;height:30px;font-size:20px}.site-header nav{gap:14px;margin:0 0 0 auto}.nav-link{font-size:11px;letter-spacing:0}.nav-link:first-child{display:none}.sound-button{padding:3px}.sound-button #sound-label,.sound-bars{display:none}.stage{margin:0 9px;min-height:650px;height:calc(100svh - 165px);max-height:780px}.scene-image{background-position:60% center}.scene-shade{background:linear-gradient(90deg,#122c36b8,#17303840 75%),linear-gradient(0deg,#142c37b3,transparent 60%)}.scene-border{inset:12px}.cover-copy{left:8%;top:12%;right:7%}.cover-copy .eyebrow{font-size:9px;letter-spacing:3px}.cover-copy h1{font-size:59px;letter-spacing:7px;margin:30px 0}.cover-copy h1 span{letter-spacing:11px;font-size:.78em}.cover-copy p{font-size:12px;line-height:2.2;letter-spacing:1px}.primary{min-height:46px;padding:0 20px;font-size:13px;gap:22px}.cover-footnote{font-size:9px;letter-spacing:1px}.scene-location{bottom:28px;font-size:8px;letter-spacing:1px;left:8%;right:8%;gap:8px}.scene-side-note{right:25px;font-size:9px;letter-spacing:3px}.floating-seal{bottom:16%;right:10%;font-size:11px}.journey{display:block;padding:25px 22px 24px}.journey-intro{display:flex;align-items:center;gap:14px;margin-bottom:23px}.journey-intro .eyebrow{font-size:8px;letter-spacing:1px}.journey-intro h2{font-size:19px;margin:0;letter-spacing:2px}.journey-intro p{display:none}.chapter-nav{gap:0}.chapter-item{min-width:0;gap:7px}.chapter-item .step{width:31px;height:31px;font-size:14px}.chapter-nav:before{top:15px;left:15px;right:15px}.chapter-item .step-label{font-size:9px;letter-spacing:0;margin-top:3px}.chapter-item .step-detail{display:none}footer{padding:16px 22px;font-size:8px;flex-wrap:wrap;gap:12px}footer>span:first-child{font-size:10px}footer>span:nth-child(2){order:3;width:100%;font-size:8px}.footer-dot{padding:0 7px}.scene-heading{left:8%;top:35px;right:8%}.scene-heading h1{font-size:25px;letter-spacing:2px;margin:10px 0}.scene-heading .eyebrow{font-size:9px}.scene-heading p{font-size:10px}.scene-back{right:8%;top:19px;font-size:10px}.dialogue-box{left:6%;right:6%;bottom:65px;padding:18px 17px;grid-template-columns:39px 1fr;gap:12px;min-height:150px}.speaker-seal{font-size:15px;letter-spacing:1px;writing-mode:vertical-rl;justify-content:center;border-right:1px solid #cbb790}.dialogue-text{font-size:12px;line-height:1.95;letter-spacing:.5px}.dialogue-controls{gap:6px;flex-wrap:wrap}.dialogue-controls span{font-size:9px}.small-primary{font-size:11px;padding:8px 11px}.street-people{inset:190px 6% 285px;gap:5px}.person{width:85px}.person svg{height:145px}.person-name{font-size:9px;letter-spacing:1px;padding:6px 8px}.hanging-row{left:16%;right:16%;top:113px;height:100px}.hanging-lantern{width:32px}.hanging-lantern svg{height:90px}.workshop{height:auto;min-height:950px;max-height:none}.workshop-layout{position:relative;inset:auto;display:flex;flex-direction:column;padding:133px 7% 80px;gap:15px;min-height:930px}.workbench{min-height:335px;padding:35px 14px 25px}.materials-grid{grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:12px}.material{min-height:63px;font-size:9px}.material svg{height:28px}.basket{width:100%;min-height:69px;font-size:10px}.basket-items{gap:4px;font-size:9px}.craft-panel{padding:20px;gap:13px}.craft-panel h2{font-size:23px}.craft-panel p{font-size:13px}.craft-panel .small-primary{min-height:40px;margin-top:5px}.craft-lantern{height:230px}.tool{padding:9px 12px;font-size:11px}.tool-tray{gap:7px;margin-top:10px}.process-label{font-size:8px}.light-scene{inset:160px 7% 280px}.light-scene .craft-lantern{height:230px}.light-control{gap:10px;font-size:10px}.light-control input{width:160px}.panorama{inset:150px 6% 325px}.panorama-inner{width:1150px}.pan-arrows{top:117px}.festival-lamp .craft-lantern{height:140px}.paper-dialog{padding:24px 22px;max-height:90svh}.dialog-heading h2{font-size:26px;letter-spacing:3px}.dialog-intro{font-size:11px;line-height:1.8;letter-spacing:1px}.library-layout{display:flex;flex-direction:column;gap:18px}#knowledge-tabs{display:flex;flex-direction:row;overflow-x:auto;border:0;border-bottom:1px solid var(--line);padding:0 0 12px;gap:5px}#knowledge-tabs button{flex-shrink:0;font-size:11px;padding:7px 9px}#knowledge-content h3{font-size:24px}#knowledge-content p{font-size:14px}#contents-list{grid-template-columns:1fr}.contents-item{padding:12px 15px}.contents-item span{font-size:16px}.library-bottom{margin-top:15px}.cover-buttons{gap:15px}.text-button{font-size:11px}.small-dialog p{font-size:13px}}
@media(max-width:760px){.stage.workshop{height:auto;min-height:950px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}