*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f8f5ec;color:#283f34;font-family:ui-rounded,"PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:4px solid #f5b832;outline-offset:5px}button:disabled{cursor:default}button[hidden],[hidden]{display:none!important}.topbar{max-width:1480px;margin:auto;padding:22px 40px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{color:#304837;display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:700;font-size:17px;letter-spacing:1px}.brand-icon{font-size:37px;color:#ad8240}.brand small{display:block;font-size:9px;letter-spacing:2.3px;margin-top:5px;color:#7b897b}.tools{display:flex;gap:10px}.small-btn{min-height:44px;border:1px solid #dcded1;background:#fffaf0;padding:9px 16px;border-radius:30px;color:#465b49;font-size:14px}.small-btn:hover,.secondary:hover{background:#ecebdc}main{max-width:1400px;margin:auto;padding:0 32px}.hero-art{position:relative;border-radius:24px;overflow:hidden;min-height:570px;aspect-ratio:2.05;isolation:isolate;background:#4b6247}.hero-art>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 43%;z-index:-3}.art-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,43,31,.84),rgba(18,43,31,.48) 30%,transparent 63%),linear-gradient(0deg,rgba(10,33,24,.42),transparent 40%);z-index:-2}.scene-tag{position:absolute;top:24px;left:30px;background:#fff8e51e;border:1px solid #fff4c94d;border-radius:30px;padding:10px 18px;color:#fff2cd;font-size:12px;letter-spacing:2px;backdrop-filter:blur(8px)}.hero-title{position:absolute;left:5%;top:24%;color:#fff8e9;max-width:44%}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;color:#8b713b;font-weight:700}.hero-title .eyebrow{color:#f7d995}.hero-title h1{font-family:"Noto Serif TC","Songti TC",serif;font-weight:700;font-size:clamp(38px,4.5vw,67px);line-height:1.22;letter-spacing:3px;margin:20px 0}.hero-title h1 span{display:block;color:#f6dd95;font-size:1.12em}.hero-title p{font-size:16px;line-height:1.8;color:#f2ead5}.hero-action{position:absolute;left:5%;bottom:9%;display:flex;gap:12px;align-items:center;flex-wrap:wrap;max-width:47%}.primary{background:#f4d695;color:#3e422d;border:1px solid #fff1bd;border-radius:16px;min-height:56px;padding:15px 25px;font-size:18px;font-weight:750;box-shadow:0 5px 0 #bc9550,0 8px 18px #15271f25;transition:transform .15s,background .15s}.primary:hover{background:#ffe6ac;transform:translateY(-2px)}.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #bc9550}.primary span{padding-left:25px}.secondary{border:1px solid #d9d4c2;border-radius:15px;min-height:48px;background:#fffaf0;color:#48533e;padding:12px 20px;font-size:16px}.gentle{display:block;width:100%;font-size:12px;color:#ece8d2;margin-top:8px;letter-spacing:1px}.story-strip{display:flex;align-items:center;gap:20px;padding:30px 24px;border-bottom:1px solid #e4e2d7}.story-seal{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:#eee9dc;font-size:26px;flex:none}.story-strip b{font-size:19px;letter-spacing:1px}.story-strip p{color:#768073;font-size:14px;margin:10px 0 0;line-height:1.7}.story-note{margin-left:auto;font-size:12px;letter-spacing:1px;color:#8f957b;white-space:nowrap}.chapter-preview{display:flex;justify-content:space-around;align-items:center;padding:30px 10px}.chapter-preview div{display:grid;grid-template-columns:40px 1fr;column-gap:10px}.chapter-preview span{grid-row:span 2;font:italic 29px Georgia,serif;color:#b39860}.chapter-preview b{font-size:15px}.chapter-preview small{color:#85907e;font-size:12px;margin-top:8px}.chapter-preview i{color:#c8bd9e}footer{text-align:center;margin:30px auto 24px;font-size:11px;color:#8e977f;line-height:1.8;letter-spacing:1px}footer span{padding:0 15px;color:#bca060}.play-top{display:flex;align-items:center;justify-content:space-between;margin:8px 0 20px}.steps{display:flex;align-items:center;gap:8px}.steps span{border:1px solid #d5d9c7;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;color:#8a967e}.steps span.active{background:#38573e;color:white;border-color:#38573e}.steps span.done{background:#f0db9d;color:#415435}.steps i{width:25px;height:2px;background:#d5d9c7}.collection{background:#fff5d6;color:#8d682a;border-radius:30px;padding:10px 16px;font-size:15px;font-weight:700}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:stretch}.board{aspect-ratio:1.4;min-height:490px;position:relative;overflow:hidden;border-radius:22px;background:#3b573d;border:5px solid #fffdf5;box-shadow:0 8px 36px #29453116}.board>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:50% 50%}.board::after{content:"";position:absolute;inset:0;border-radius:15px;box-shadow:inset 0 0 40px #2e4d3b25;pointer-events:none}.board-label{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#294531b8;color:#fff9e6;padding:9px 17px;font-size:12px;border-radius:20px;pointer-events:none;letter-spacing:1px}.objects{position:absolute;inset:0}.star{position:absolute;transform:translate(-50%,-50%);background:#fff7d7eb;color:#e9a624;border:2px solid #ffebaa;border-radius:50%;font-size:38px;width:64px;height:64px;display:grid;place-items:center;text-shadow:0 2px 0 #be7c13;box-shadow:0 0 24px #fff7aa,0 4px 0 #b78836;animation:twinkle 2s ease-in-out infinite}.star:hover{background:#fff}.star.collected{pointer-events:none;opacity:.6;animation:none;transform:translate(-50%,-50%) scale(.7);color:#4a7650;text-shadow:none;background:#eef5d9}.star.hint{outline:6px solid white;box-shadow:0 0 45px 20px #ffeb72}.story-panel{border:1px solid #e0dfcf;border-radius:22px;background:#fffcf3;padding:27px 24px;display:flex;flex-direction:column}.story-panel h2{font-size:27px;line-height:1.45;letter-spacing:1px;margin:15px 0 20px}.dialogue{display:flex;gap:12px;align-items:flex-start}.tiger{width:42px;height:42px;border-radius:50%;background:#fae8bc;display:grid;place-items:center;font-size:26px;flex:none}.dialogue p{font-size:16px;line-height:1.9;margin:0;color:#65725d}.instruction{font-size:16px;font-weight:700;line-height:1.8;border-top:1px dashed #dedac8;padding-top:20px;margin-top:20px}.feedback{font-size:15px;line-height:1.7;min-height:50px;color:#8e713d;margin:15px 0}.task{display:flex;gap:10px;flex-wrap:wrap}.task .dot{font-size:27px;color:#c8c7b2}.task .dot.filled{color:#d8a630}.panel-tools{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto;padding-top:20px}.text-btn{border:0;background:none;color:#687d5c;font-size:13px;min-height:44px;padding:5px 0;margin-right:12px}.reassurance{font-size:12px;color:#929981;line-height:1.8}.color-choice{min-height:64px;min-width:64px;border:3px solid #fff;border-radius:18px;font-weight:750;font-size:17px;box-shadow:0 3px 0 #d9d0b7;padding:12px 16px}.color-choice.red{background:#f7a3ae;color:#722d3c}.color-choice.yellow{background:#ffe599;color:#73560a}.color-choice.blue{background:#a8d8f7;color:#285374}.color-choice.selected{outline:3px solid #6a8d4e;transform:translateY(3px);box-shadow:none}.order{display:flex;gap:10px;padding:12px 0;font-size:16px;flex-wrap:wrap}.order span{display:flex;align-items:center;gap:6px}.order i{display:inline-block;width:17px;height:17px;border-radius:50%}.order i.red{background:#ea788b}.order i.yellow{background:#f3c84b}.order i.blue{background:#64b4e5}.bridge{position:absolute;left:5%;right:5%;bottom:14%;display:flex;justify-content:center;gap:12px;padding:17px;background:#fff9e2cf;border-radius:25px}.bridge>span{width:26%;height:30px;max-width:120px;background:#d1cdbb;border-radius:8px;box-shadow:0 4px 0 #a19c83}.bridge>span.lit:nth-child(1){background:#f57d99;box-shadow:0 0 24px #ffb4d0}.bridge>span.lit:nth-child(2){background:#ffe06e;box-shadow:0 0 24px #fff3a9}.bridge>span.lit:nth-child(3){background:#8ad7ff;box-shadow:0 0 24px #c7efff}.treasure{position:absolute;left:50%;top:66%;transform:translate(-50%,-50%);background:#fff4d6e8;border:3px solid #e2be69;border-radius:27px;padding:12px 22px;font-size:70px;box-shadow:0 0 45px #ffe896}.treasure:disabled{filter:saturate(.6)}.count-stars{position:absolute;left:50%;top:22%;transform:translateX(-50%);display:flex;gap:12px;background:#fff8daed;padding:10px 20px;border-radius:30px;color:#d79f1f;font-size:36px;box-shadow:0 0 24px #ffeaa9}.number{min-width:64px;min-height:64px;border:1px solid #ddcd9c;background:#f9edc8;border-radius:17px;color:#5e633f;font-size:28px;font-weight:700}.number.correct{background:#dbecc1;border-color:#91b46d}.celebration{position:absolute;inset:0;background:#253d3a66;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;color:#fff7db;text-shadow:0 2px 8px #1c3a2d}.celebration>span{font-size:90px;color:#ffdf80}.celebration h2{font-size:32px;letter-spacing:3px}.spark{position:absolute;pointer-events:none;font-size:23px;animation:burst 1s ease-out forwards;color:#fff1b2;z-index:4}.ending{display:grid;grid-template-columns:1fr 1fr;background:#fffcf3;border:1px solid #e5e1d2;overflow:hidden;border-radius:24px}.ending-art img{width:100%;height:100%;min-height:600px;object-fit:cover;object-position:58%}.ending-content{padding:55px 35px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center}.ending-content .crown{font-size:60px;margin-top:20px}.ending-content h1{font-family:"Noto Serif TC","Songti TC",serif;font-size:42px;line-height:1.4;margin:15px 0}.ending-content p{color:#76816e;font-size:16px;line-height:2}.medal{padding:15px 20px;border:1px solid #dfcf9e;background:#fbf2d9;border-radius:30px;color:#9d7a37;font-size:14px;margin:15px 0 30px}.ending-content button{margin-bottom:17px;width:90%;max-width:310px}.gallery{padding:36px 0;text-align:center}.gallery h2{font-size:27px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.gallery figure{margin:0;background:#fffaf0;border:1px solid #e3dfcd;border-radius:18px;overflow:hidden}.gallery img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover}.gallery figcaption{padding:18px;font-size:15px}dialog{border:1px solid #ddd4b7;max-width:470px;width:calc(100% - 35px);padding:35px;border-radius:24px;background:#fffaf0;color:#3f553d;box-shadow:0 20px 100px #142e2d55}dialog::backdrop{background:#153e3255;backdrop-filter:blur(5px)}dialog h2{font-size:25px}dialog p{line-height:1.8}.close{position:absolute;right:14px;top:10px;background:none;border:0;font-size:30px;color:#718364;width:44px;height:44px}dialog .primary{margin-top:12px;width:100%}@keyframes twinkle{50%{filter:brightness(1.15);box-shadow:0 0 32px 7px #fff1ac}}@keyframes burst{from{transform:translate(0,0);opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(80deg);opacity:0}}@media(min-width:1500px){.hero-art{min-height:650px}}@media(max-width:1000px){.hero-art{min-height:530px}.hero-title{max-width:50%}.hero-action{max-width:50%}.game-layout{grid-template-columns:minmax(0,1fr) 280px}.story-panel{padding:23px 20px}.story-panel h2{font-size:23px}.board{min-height:500px}.story-note{display:none}}@media(max-width:720px){.topbar{padding:14px 17px}.brand{font-size:14px;gap:7px}.brand-icon{font-size:28px}.brand small{font-size:7px;letter-spacing:1.3px}.small-btn{font-size:12px;padding:8px 12px}.tools{gap:6px}main{padding:0 12px}.hero-art{aspect-ratio:auto;min-height:650px;border-radius:19px}.hero-art>img{object-position:52% 10%;height:67%}.art-shade{background:linear-gradient(0deg,#244532 0%,#244532 24%,#24453277 53%,transparent 70%)}.scene-tag{top:16px;left:16px;font-size:10px;padding:9px 13px}.hero-title{left:7%;top:auto;bottom:140px;max-width:90%}.hero-title .eyebrow{font-size:10px}.hero-title h1{font-size:40px;margin:12px 0;line-height:1.2}.hero-title h1 span{display:inline;font-size:1em;padding-left:10px}.hero-title p{font-size:14px;margin-bottom:4px}.hero-action{left:7%;bottom:28px;max-width:88%;gap:10px}.hero-action .primary{font-size:17px;min-height:53px;padding:14px 22px}.hero-action .secondary{font-size:14px}.gentle{margin-top:0;font-size:11px}.story-strip{gap:12px;padding:24px 8px}.story-strip b{font-size:16px}.story-strip p{font-size:13px}.story-seal{width:44px;height:44px;font-size:22px}.chapter-preview{gap:12px;padding:25px 6px}.chapter-preview div{display:flex;flex-direction:column;text-align:center;align-items:center}.chapter-preview span{font-size:24px;margin-bottom:8px}.chapter-preview b{font-size:13px}.chapter-preview small{font-size:10px;line-height:1.6;max-width:90px}.chapter-preview i{display:none}.play-top{margin:4px 0 13px}.steps{gap:5px}.steps span{width:28px;height:28px;font-size:13px}.steps i{width:14px}.collection{font-size:13px;padding:9px 12px}.game-layout{display:flex;flex-direction:column;gap:14px}.board{aspect-ratio:1.13;min-height:0;border-radius:17px;border-width:3px}.board>img{object-fit:cover;object-position:50%}.star{width:52px;height:52px;font-size:30px}.board-label{font-size:10px;padding:7px 12px;bottom:8px}.story-panel{padding:22px;border-radius:18px}.story-panel h2{font-size:24px;margin:10px 0 15px}.dialogue p{font-size:16px;line-height:1.8}.instruction{padding-top:14px;margin-top:16px}.feedback{min-height:25px;margin:14px 0}.panel-tools{margin-top:2px;padding-top:12px}.task{justify-content:flex-start}.story-panel>.primary{width:100%}.treasure{font-size:55px}.count-stars{font-size:27px;gap:8px}.ending{grid-template-columns:1fr}.ending-art img{min-height:0;height:auto;max-height:340px;object-fit:cover;aspect-ratio:1.3}.ending-content{padding:30px 22px}.ending-content h1{font-size:34px}.ending-content p{font-size:14px}.ending-content .crown{font-size:45px}.gallery-grid{grid-template-columns:1fr}.gallery h2{font-size:22px;line-height:1.6}footer{font-size:10px;padding:0 25px}footer span{padding:0 7px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}