*{box-sizing:border-box}body{margin:0;background:#10271f;color:#ece5d2;font-family:Georgia,'Microsoft YaHei',serif}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:13px system-ui,'Microsoft YaHei',sans-serif;border:1px solid #bda36a55;background:#244534;color:#f2e7cd;border-radius:7px;padding:11px 18px}button:hover{background:#385d42}button:focus-visible,a:focus-visible{outline:3px solid #f4cd7d;outline-offset:4px}[hidden]{display:none!important}header{display:flex;justify-content:space-between;align-items:center;padding:18px 4vw;border-bottom:1px solid #d9c48022;gap:20px}.brand{display:flex;align-items:center;gap:15px;color:inherit;text-decoration:none}.brand>span{font-size:36px;color:#d5b568}.brand small{display:block;font:9px system-ui,sans-serif;letter-spacing:2.3px;color:#c4ad76}.brand strong{display:block;font-size:20px;font-weight:normal;margin-top:6px}.brand i{font-style:normal;font-size:11px;color:#b3c1b3;margin-left:13px}nav{display:flex;gap:9px}main{max-width:1320px;margin:0 auto;padding:20px 28px}.chapter-line{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 17px}.chapter-line span{font:10px system-ui,sans-serif;letter-spacing:2px;color:#b9ad87}.chapter-line h1{font-size:26px;font-weight:normal;margin:8px 0 0}#sceneNav{display:flex;gap:8px}#sceneNav button{width:38px;height:38px;padding:0;border-radius:50%}#sceneNav button[aria-current=true]{color:#153522;background:#d6bc7b}#stage{position:relative;aspect-ratio:16/9;overflow:hidden;background:#27352a;border-radius:12px 12px 0 0;isolation:isolate}#before,#after{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#after{opacity:0;transition:opacity 1.25s ease}#stage.completed #after{opacity:1}#effects,#objects{position:absolute;inset:0}#effects{pointer-events:none}#tag{position:absolute;top:20px;left:23px;font:9px system-ui,sans-serif;letter-spacing:3px;color:#fff1cd;background:#1832297a;padding:8px 12px;border-radius:4px;pointer-events:none}#loadStatus{position:absolute;inset:0;display:grid;place-content:center;background:#142b26e8;font:15px system-ui,sans-serif;z-index:10}#storyPanel{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;background:#efe4cb;color:#2e4436;border-radius:0 0 12px 12px;padding:23px 28px;min-height:146px}#story{max-width:900px;font-size:19px;line-height:1.6}#story .zh{font:13px/1.8 system-ui,'Microsoft YaHei',sans-serif;color:#526553;margin-top:7px}#controls{display:flex;flex-direction:column;gap:9px;max-width:240px}#controls p{font:12px/1.7 system-ui,sans-serif;margin:0;color:#536447}#quizPanel{background:#efe4cb;color:#294032;padding:24px 28px;border-radius:0 0 12px 12px}#quizPanel h2{font-size:21px;font-weight:normal;margin:0 0 17px}#quizPanel .zh{font:14px/1.6 system-ui,sans-serif;display:block;margin-top:7px}#options{display:flex;gap:12px;flex-wrap:wrap}#options button{max-width:360px;text-align:left;line-height:1.6}#hint{font:13px system-ui,sans-serif;color:#876331}footer{display:flex;justify-content:space-between;gap:20px;align-items:center;font:10px/1.8 system-ui,sans-serif;color:#a6b29f;padding:8px 1px}footer #status{font-size:12px;color:#e4cd99;min-height:20px}.hotspot,.target{position:absolute;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;border:2px solid #ffe5a7b3;background:#ffeab914;box-shadow:0 0 0 8px #fae6aa12;padding:0;touch-action:none}.hotspot:after{content:'';position:absolute;inset:-8px;border:1px solid #ffeab987;border-radius:50%;animation:ripple 2.6s infinite}.hotspot.active{background:conic-gradient(#fff5b69e var(--progress),#fff2 0)}.hotspot span,.target span{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);white-space:nowrap;font:11px system-ui,sans-serif;padding:6px 9px;background:#193d2ae0;color:#fff0c6;border-radius:5px;pointer-events:none}.target{width:48px;height:48px;border-style:dashed;background:#ecda7619;pointer-events:none}.necklace{position:absolute;left:0;top:0;width:11%;padding:0;border:0;background:none;transform:translate(-50%,-50%);touch-action:none;cursor:grab;filter:drop-shadow(1px 3px 3px #2e25134d)}.necklace:hover{background:none}.necklace img{width:100%;display:block;pointer-events:none;user-select:none}.necklace.placed{width:6%;pointer-events:none;transition:left .3s,top .3s,width .4s}.necklace.dragging{cursor:grabbing;filter:drop-shadow(3px 7px 5px #0006)}.light{position:absolute;width:15%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#ffffd9dd 0%,#c6ff8977 9%,#85e95e44 25%,transparent 67%);mix-blend-mode:screen;opacity:0}.completed .light{opacity:1;animation:breathe 3s ease-in-out infinite}.light-source{position:absolute;width:1.3%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#e6ffb7;box-shadow:0 0 12px #d1ff7f,0 0 28px #99f15d;opacity:0}.completed .light-source{opacity:.9}.particle{position:absolute;left:var(--x);top:var(--y);height:3px;width:3px;border-radius:50%;background:#e9ffb1;opacity:0}.completed .particle{animation:drift 2.8s var(--delay) infinite ease-out}.badge-glint{position:absolute;width:9%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff4ba88,transparent 60%);opacity:0}.completed .badge-glint{animation:breathe 2s infinite;opacity:1}@keyframes ripple{0%{transform:scale(.8);opacity:.8}100%{transform:scale(1.5);opacity:0}}@keyframes breathe{0%,100%{transform:translate(-50%,-50%) scale(.86);filter:brightness(.9)}50%{transform:translate(-50%,-50%) scale(1.12);filter:brightness(1.15)}}@keyframes drift{0%{opacity:0;transform:translate(0,0)}20%{opacity:.9}100%{opacity:0;transform:translate(var(--dx),-65px)}}@media(prefers-reduced-motion:reduce){*,*:after{animation:none!important;transition:none!important}.completed .particle{display:none}}@media(max-width:800px){main{padding:15px}header{padding:15px}.brand small{font-size:8px}.brand strong{font-size:16px}.brand i{display:none}.chapter-line h1{font-size:20px}#storyPanel{grid-template-columns:1fr;padding:18px;gap:15px}#controls{max-width:none;flex-direction:row;flex-wrap:wrap}#story{font-size:16px}.hotspot{width:42px;height:42px}#tag{display:none}footer{flex-direction:column;gap:0;align-items:flex-start}}
@media(min-width:801px){main{max-width:min(1320px,calc(177.78vh - 480px))}}

/* Complete edition */
button:disabled{opacity:.38;cursor:default}nav{flex-wrap:wrap}#reader{max-width:1140px;padding:18px 24px 8px}.page-tools{display:flex;align-items:center;gap:14px}.chapter-line{margin-bottom:12px}.chapter-line h1{font-size:23px}#storyPanel{min-height:150px;padding:20px 25px;gap:24px}#story{font-size:18px;line-height:1.5}#story .zh{font-size:13px}#controls{min-width:190px;max-width:245px}#controls small{font:11px/1.6 system-ui;color:#556b51}#reading{margin-top:10px;font:12px/1.7 system-ui;color:#58674c}#reading summary{cursor:pointer}#readingText{padding:10px 0;max-width:800px}#readingText .zh{margin-top:10px}footer button{padding:5px 10px;font-size:11px;background:none}#evidence{display:block;text-align:right;font-size:9px;margin-top:5px}#cover{position:relative;min-height:calc(100vh - 88px);overflow:hidden;display:flex;align-items:center}#cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center}#cover:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10271ff5,#10271fa8 38%,#10271f08 75%)}.cover-copy{position:relative;z-index:1;width:55%;padding:70px 7vw}.cover-copy small{font:10px system-ui;letter-spacing:2.7px;color:#d6bd80}.cover-copy h1{font-size:clamp(40px,5vw,73px);font-weight:normal;line-height:1.06;margin:25px 0}.cover-copy p{color:#e7d9b9;font:19px/1.8 system-ui}.cover-copy .cover-description{font-size:14px;line-height:2;margin:28px 0}.cover-copy button{background:#e4c78a;color:#183d2c;font-size:16px;padding:15px 28px}.cover-copy .cover-note{font-size:11px;letter-spacing:1px;color:#b4bea4}dialog{border:1px solid #d5b77866;border-radius:14px;background:#eee4ca;color:#254231;width:min(850px,90vw);max-height:88vh;padding:26px}dialog::backdrop{background:#071b17bb;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:25px;position:sticky;top:-26px;background:#eee4ca;padding:10px 0;z-index:2}.dialog-top h2{font-size:24px;font-weight:normal}dialog p,dialog label{font:14px/1.8 system-ui}#sceneNav{display:block}#sceneNav h3{font-size:16px;font-weight:normal;margin-top:24px}#sceneNav button{width:auto;height:auto;border-radius:7px;padding:9px 14px;margin:0 7px 7px 0;text-align:left}#sourceDialog{width:min(960px,92vw)}.source-tools{display:flex;align-items:center;justify-content:center;gap:16px;margin:10px 0 18px}input,textarea{font:15px/1.7 system-ui;border:1px solid #afbd9e;border-radius:5px;background:#fffae9;color:#254231;padding:8px}input{width:80px}#sourcePage{display:block;max-width:100%;margin:auto}textarea{display:block;width:100%;margin:15px 0}#loadStatus{z-index:10}.prop{position:absolute;transform:translate(-50%,-50%);padding:0;border:0;background:none;touch-action:none;cursor:grab;filter:drop-shadow(1px 3px 2px #0004)}.prop:hover{background:none}.prop img{display:block;width:100%;pointer-events:none;user-select:none}.prop.dragging{cursor:grabbing;filter:drop-shadow(3px 7px 4px #0007)}.hotspot span{max-width:230px;white-space:normal;min-width:90px;text-align:center}.hotspot{width:46px;height:46px}#objects{touch-action:none}.flight-sprite:focus-visible{outline:2px dashed #fff8ba;outline-offset:0;border-radius:40%}.ink-path{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ink-path path{fill:none;stroke-width:.45;stroke-linecap:round;stroke-linejoin:round}.ink-path .guide{stroke:#59381e66;stroke-dasharray:.5 .6}.ink-path .ink{stroke:#402611}.trace-handle{position:absolute;transform:translate(-50%,-50%);font-size:27px;background:#fff4ccaa;border:1px solid #71583177;padding:0;width:35px;height:35px;touch-action:none}.written-d{position:absolute;transform:translate(-50%,-50%) rotate(-5deg);color:#432817;font:italic 82px Georgia}.glow,.spark{position:absolute;transform:translate(-50%,-50%);aspect-ratio:1;border-radius:50%;pointer-events:none}.glow{background:radial-gradient(circle,#eaffcbba,#afff663b 25%,transparent 68%);mix-blend-mode:screen;animation:breathe 3s ease-in-out infinite}.glow.white{background:radial-gradient(circle,#fffefaef,#fffce75e 18%,transparent 68%)}.spark{background:#e0ffa2;box-shadow:0 0 10px #b2ff67,0 0 30px #8ad74b}.spark.white{background:#fffde1;box-shadow:0 0 15px #fffce2,0 0 35px #fff4b6}.beam{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.beam path{fill:none;stroke-linecap:round;stroke-dasharray:8 5;animation:flow 1s linear infinite}.beam-wide{stroke-width:18;opacity:.55}.beam-core{stroke-width:6}.fire .beam-wide{stroke:#fc7926;filter:blur(5px)}.fire .beam-core{stroke:#ffe487}.water .beam-wide{stroke:#5ab9e6;filter:blur(2px)}.water .beam-core{stroke:#d1f6ff}.sunlight .beam-wide{stroke:#fff9c5;filter:blur(5px)}.sunlight .beam-core{stroke:#fffef4}.target-burn{position:absolute;transform:translate(-50%,-50%);height:12%;background:#301b0a66;border-radius:50%;filter:blur(3px)}.rainbow{position:absolute;transform:translate(-50%,-50%);aspect-ratio:1.8;border-radius:50% 50% 0 0;border-top:6px solid #ff795a;box-shadow:0 -5px #ffd77b,0 -10px #92d294,0 -15px #84bedd,0 -20px #b2a5e6;opacity:.85}.mote{position:absolute;width:4px;height:4px;border-radius:50%;background:#dcff97;animation:scatter 2s var(--delay) both infinite}.mote.water{background:#defaff}.mote.rock{width:12px;height:10px;background:#b39d78;border-radius:2px;animation-iteration-count:1}.red-orb{position:absolute;transform:translate(-50%,-50%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffe5c1,#ff6551 20%,#d6172077 48%,transparent 70%);filter:drop-shadow(0 0 14px #fd2727)}.dust-cloud,.dream-smoke{position:absolute;inset:0;background:radial-gradient(ellipse at 55% 45%,#baad8de6,transparent 65%);animation:dust 2.2s both;pointer-events:none}.dream-smoke{background:radial-gradient(ellipse at 50% 10%,#151b29cc,transparent 80%);animation:smoke 3s both}.dream-flash{position:absolute;inset:0;background:#fff6c0;animation:flash 1.7s both}.thought,.letter-card{position:absolute;transform:translateX(-50%);white-space:pre-line;max-width:40%;padding:15px 20px;background:#f6eed7ed;color:#293c2a;border-radius:15px;font:16px/1.65 Georgia;box-shadow:0 5px 30px #0003}.letter-card{font-size:13px;width:36%;max-height:70%;overflow:auto}.shake{animation:quake .6s ease-in-out 2}#stage.quiz .thought,#stage.quiz .letter-card{display:none}#quizPanel small{font:10px system-ui;letter-spacing:2px;color:#7c774f}#quizPanel h2{margin-top:12px}#options button{flex:1;min-width:190px}#hint{min-height:18px}
@keyframes flow{to{stroke-dashoffset:-52}}@keyframes scatter{0%{opacity:0;transform:translate(0,0)}15%{opacity:.95}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(140deg)}}@keyframes orb-approach{from{transform:translate(-50%,-50%) scale(.2);opacity:.3}to{transform:translate(-50%,-50%) scale(1.3);opacity:1}}@keyframes dust{0%{opacity:0}20%{opacity:.9}100%{opacity:0}}@keyframes smoke{from{opacity:0}to{opacity:.85}}@keyframes flash{0%,12%{opacity:0}17%{opacity:.55}40%,100%{opacity:0}}@keyframes quake{0%,100%{transform:translate(0,0)}20%{transform:translate(-3px,2px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-2px,-1px)}80%{transform:translate(2px,1px)}}
@media(min-width:801px){#reader{max-width:min(1140px,calc((100vh - 390px)*1.7778 + 48px));min-width:780px}}@media(prefers-reduced-motion:reduce){.mote,.dust-cloud,.dream-flash{display:none}.red-orb{opacity:1}.dream-smoke{opacity:.7}*{scroll-behavior:auto!important}}@media(max-width:800px){header{flex-direction:column;gap:12px}.cover-copy{width:90%;padding:50px 7vw}#cover:after{background:#10271fa8}#reader{min-width:0;padding:12px}#storyPanel{grid-template-columns:1fr}.chapter-line h1{font-size:18px}.page-tools{gap:5px}#story{font-size:16px}#controls{max-width:none}.thought{font-size:12px;padding:8px}.letter-card{font-size:10px;padding:8px}#evidence{text-align:left}}



.dragon-breath{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}

#mobileReadingButtons{display:none}.mobile-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:800px),(pointer:coarse) and (max-height:600px){
body.reading-open{height:100dvh;overflow:hidden}
body.reading-open>header,body.reading-open .chapter-line,body.reading-open #reader>footer{display:none}
body.reading-open #reader{width:100%;max-width:none;min-width:0;height:100dvh;margin:0;padding:0;display:flex;flex-direction:column;overflow:hidden}
body.reading-open #stage{width:min(100vw,115.55dvh);aspect-ratio:16/9;flex:none;align-self:center;border-radius:0}
body.reading-open #storyPanel{flex:1;min-height:0;overflow:auto;width:100%;border-radius:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:14px;padding:18px 20px max(18px,env(safe-area-inset-bottom))}
body.reading-open #controls{max-width:none;flex-shrink:0}body.reading-open #quizPanel{flex:1;min-height:0;overflow:auto;border-radius:0;margin:0}
body.reading-open #mobileReadingButtons{position:fixed;right:8px;top:max(8px,env(safe-area-inset-top));display:flex;gap:6px;z-index:20}
#mobileReadingButtons button{width:36px;height:36px;padding:0;border-radius:50%;background:#10271fb3;color:white;font:22px system-ui;border:1px solid #ffffff55}
body.reading-open #tag{display:none}
}

#narrationPanel{border-top:1px solid #75845d44;margin-top:14px;padding-top:12px;font:12px system-ui,sans-serif}.voice-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.voice-row button{padding:8px 12px}.voice-row select{padding:6px;border:1px solid #adb698;background:#fff8e9;border-radius:5px}.voice-timeline{display:flex;align-items:center;gap:12px;margin-top:10px}.voice-timeline input{flex:1;min-width:0;accent-color:#356547}.voice-timeline span{font-size:11px;white-space:nowrap}#voiceCaption{font:18px/1.55 Georgia,serif;min-height:1.55em;margin:10px 0 0;color:#163a26}#voiceLabel{color:#63705a;font-size:11px}@media(max-width:800px){#voiceCaption{font-size:17px}.voice-row{gap:6px}#voiceLabel{display:none}}