*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:'Arial Rounded MT Bold','Microsoft JhengHei',system-ui,sans-serif;color:#643817;background:#87d7df}button{font:inherit;cursor:pointer;color:#673911;-webkit-tap-highlight-color:transparent}button:focus-visible,video:focus-visible,[tabindex]:focus-visible{outline:4px solid #fff;outline-offset:5px;box-shadow:0 0 0 7px #258cc9}button:disabled{cursor:default}button{transition:filter .15s,transform .15s}button:hover:not(:disabled){filter:brightness(1.08)}[hidden]{display:none!important}.wood{border:3px solid #e4a953;border-radius:17px;background:linear-gradient(100deg,#f6cc79,#ffe4a6 45%,#edbc6d);box-shadow:inset 0 0 0 2px #ffefb9,0 4px 0 #88521e,0 8px 17px #57300f23;text-shadow:0 2px #fff2ca;font-weight:800}.wood:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 0 0 2px #ffefb9,0 2px 0 #88521e}#viewport{position:absolute;inset:0;overflow:hidden;touch-action:none;background:#8fd5df url(assets/map-book1.webp) center/cover}#stage{position:absolute;width:1920px;height:1080px;transform-origin:0 0;will-change:transform}#backdrop{position:absolute;inset:0;width:100%;height:100%;user-select:none;pointer-events:none}#routes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.route-shadow{fill:none;stroke:#975c29;stroke-width:14;stroke-linecap:round;stroke-dasharray:1 36;opacity:.45}.route{fill:none;stroke:#ffeaa8;stroke-width:9;stroke-linecap:round;stroke-dasharray:1 36;opacity:.85}#nodes,#landmarks,#branches{position:absolute;inset:0;pointer-events:none}.level-node{position:absolute;transform:translate(-50%,-15%);border:0;background:none;width:190px;min-height:110px;padding:0;text-align:center;pointer-events:auto;z-index:4;color:#593013}.node-disc{display:block;width:86px;height:38px;line-height:29px;margin:0 auto 8px;border:6px solid #ffdb55;border-radius:50%;background:radial-gradient(ellipse at 50% 20%,#72786d,#222920 70%);box-shadow:0 6px 0 #97612b,0 10px 10px #264b2b38;color:#fcebb0;font-size:19px}.node-sign{display:block;font-size:25px;font-weight:950;letter-spacing:1px;padding:7px 8px;border:3px solid #c57e35;background:#ffe7ac;border-radius:11px;box-shadow:inset 0 0 0 3px #fff1cb,0 5px 0 #99612a;text-shadow:0 2px #fff9df}.node-caption{display:block;margin-top:9px;font-size:15px;font-weight:bold;text-shadow:0 1px 3px white,0 1px 5px white}.ready .node-disc{background:radial-gradient(ellipse at 50% 25%,#6addff,#078edb 70%);box-shadow:0 6px 0 #bf8723,0 0 30px #fff9b9}.ready .node-sign{background:#fff0be}.ready .node-callout{position:absolute;left:50%;top:-255px;transform:translateX(-50%);white-space:nowrap;background:#fffad9;border:3px solid #deb64c;box-shadow:0 4px 0 #a36e2a;border-radius:25px;padding:11px 25px;font-size:21px;font-weight:800;animation:bob 2s ease-in-out infinite}.complete .node-disc{background:radial-gradient(ellipse,#9fe2a7,#329465);color:white}.upcoming{opacity:.8}.upcoming .node-sign{filter:saturate(.65)}.soon{display:inline-block;background:#fff6d9d9;border-radius:15px;padding:3px 14px;font-size:13px;margin-top:5px;color:#927b4a}.selected .node-sign{outline:3px solid #fff8cd}.map-rose{position:absolute;left:55%;top:17%;width:145px}.map-coco{position:absolute;left:18%;top:47%;width:110px;filter:drop-shadow(0 6px 2px #36572b44)}#traveler{position:absolute;width:145px;height:225px;transform:translate(-50%,-92%);z-index:8;pointer-events:none}#travelerImage{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 9px 2px #36552d3f)}.traveler-glow{position:absolute;left:20%;right:20%;height:17px;background:#fff7b5;box-shadow:0 0 30px #fff6ad;bottom:0;border-radius:50%}.you{position:absolute;top:-18px;left:50%;transform:translateX(-50%);background:#e5a531;color:white;border:2px solid #fff7cd;padding:3px 15px;border-radius:20px;font-size:14px;font-weight:bold;letter-spacing:1px}.departing{animation:hop .45s ease-out}.branch-node{pointer-events:auto;position:absolute;border:0;background:none;display:flex;flex-direction:column;align-items:center;min-width:210px;transform:translate(-50%,-50%);filter:drop-shadow(0 5px 2px #42622b33)}.branch-node.festival{left:63%;top:25%}.branch-node.culture{left:84%;top:22%}.branch-art{display:grid;place-items:center;font-size:65px;width:100px;height:100px;background:#fff5cf;border:5px solid #e7aa50;border-radius:30% 50% 30% 50%;color:#e28256;box-shadow:inset 0 0 0 6px #ffdc8b,0 5px 0 #8b5825}.branch-node b{background:#ffe6a6;border:3px solid #c88a3a;border-radius:12px;padding:8px 20px;font-size:22px;margin-top:3px}.branch-node small{background:#fff4d6ed;border-radius:10px;padding:3px 12px;font-size:13px}.hud{position:absolute;inset:20px 24px auto;display:flex;justify-content:space-between;align-items:start;pointer-events:none;z-index:10}.hud>*{pointer-events:auto}.world-badge{min-width:225px;padding:10px 17px 0;position:relative}.world-badge>small{font-size:9px;letter-spacing:2px;color:#9b642a}.world-badge>div:first-of-type{display:flex;align-items:center;gap:15px}.world-badge #bookLabel{font-size:27px;white-space:nowrap}.world-badge em{font-style:normal;color:#7c982c;font-size:45px;text-shadow:-1px -1px #fff9d5,2px 2px #70431d}.world-badge #bookTitle{font-size:11px;max-width:90px;line-height:1.5}.hero-badge{display:flex;align-items:center;gap:8px;margin:5px -17px -5px;padding:6px 13px;background:#714323;border:3px solid #ffeab0;border-radius:13px;color:#fff3c7;text-shadow:0 2px #42210d}.hero-badge img{width:44px;height:48px;object-fit:contain;margin-top:-10px}.hero-badge strong{font-size:19px}.hero-badge span{font-size:10px;margin-left:auto;font-weight:normal}.logo{position:absolute;left:50%;top:2px;transform:translateX(-50%);width:145px;filter:drop-shadow(0 2px 0 white)}.hud nav{display:grid;gap:9px;min-width:180px}.hud nav button{font-size:20px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:20px}.hud nav button span{display:grid;place-items:center;font-size:21px;background:#fff9e4;border:2px solid #b77935;border-radius:50%;width:28px;height:28px}.hint{position:absolute;top:22px;left:50%;transform:translateX(-50%);padding:13px 24px;background:#fff9e3e8;border:2px solid #fff5ce;border-radius:30px;box-shadow:0 3px 15px #4b622b20;text-align:center;z-index:9;display:none}.hint b{font-size:13px;display:block}.hint span{font-size:10px;color:#9d7d4f}.bottom-hud{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;z-index:10;max-width:95vw}.chapter-info{padding:9px 25px;display:flex;align-items:center;gap:14px;white-space:nowrap}.chapter-info>span:first-child{font-size:10px;color:#997137;border-right:1px solid #c99953;padding-right:14px}.chapter-info b{font-size:16px}.chapter-info>span:last-child{font-size:11px}.round{border:3px solid #fff4b9;background:#e8ae50;border-radius:50%;width:42px;height:42px;box-shadow:0 4px 0 #935b25;font-size:30px;line-height:1}.round:disabled{opacity:.5}.map-control{font-size:11px;padding:10px 12px;white-space:nowrap}.map-note{position:absolute;bottom:6px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:9px;color:#fff3c7;text-shadow:0 1px 3px #39582f;pointer-events:none;z-index:9}#arrival{position:absolute;top:190px;left:50%;transform:translate(-50%,-10px);z-index:40;color:#fff6d8;background:#654223ed;border:2px solid #ffdf89;padding:12px 22px;border-radius:25px;font-size:13px;opacity:0;pointer-events:none;transition:.2s;max-width:85vw;text-align:center}#arrival.show{opacity:1;transform:translate(-50%,0)}dialog{margin:auto;max-width:94vw;max-height:93dvh;overflow:auto;background:#fff5d8;border:5px solid #d6a04e;border-radius:25px;box-shadow:inset 0 0 0 4px #fffbe5,0 15px 80px #1a454866;color:#673e20;padding:32px}dialog::backdrop{background:#234e4b80;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:15px;top:12px;border:2px solid #d9ab69;background:#fff8e3;color:#8a562e;font-size:26px;border-radius:50%;width:36px;height:36px;line-height:1;z-index:5}dialog small{letter-spacing:2px;font-size:10px;color:#b48243}dialog h1{font-size:28px;margin:12px 0}dialog p{font-size:13px;line-height:1.9}#worldDialog{width:1120px}.world-heading{text-align:center}.world-heading h1{font-size:28px}.world-heading p{color:#a28657}#worldCards{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:30px}.world-card{border:3px solid #cda05d;border-radius:18px;padding:0 0 18px;background:#ffecc1;overflow:hidden;position:relative}.world-card>div{height:180px;background-size:cover;background-position:center;position:relative}.world-card img{height:130px;max-width:90px;object-fit:contain;position:absolute;bottom:5px;left:50%;transform:translateX(-50%);filter:drop-shadow(0 4px 1px #39562944)}.world-card>span{display:inline-block;background:#fff7de;border:2px solid #deb16d;border-radius:13px;padding:5px 20px;transform:translateY(-16px);font-size:15px}.world-card span b{font-size:23px}.world-card h2{font-size:14px;margin:-5px 5px 10px}.world-card>small{font-size:11px;letter-spacing:0}.world-card.not-yet{filter:saturate(.55);opacity:.65}.world-card.current{border-color:#c77b27;box-shadow:0 4px 0 #bc7a2b}.dialog-footnote{text-align:center;color:#a78652;margin:20px 0 0}.side-dialog{width:540px;padding:35px}.menu-list{display:grid;gap:12px;margin:25px 0}.menu-list button,.festival-card{border:2px solid #e7c181;border-radius:13px;background:#fff9e8;padding:16px;text-align:left;font-size:15px}.menu-list button{display:flex;justify-content:space-between}.menu-note{color:#9c825d;font-size:12px}.side-dialog ol{padding-left:22px;font-size:14px;line-height:2.3}.primary,.secondary{border:2px solid #c8913b;border-radius:12px;padding:12px 22px;font-weight:800;font-size:13px}.primary{background:linear-gradient(#ffdd76,#f2ae3a);box-shadow:inset 0 0 0 2px #ffedac,0 4px 0 #a66e23}.secondary{background:#fff8e6;border-color:#dcc291;color:#977446}.primary:disabled{opacity:.5}#levelDialog{padding:0;width:850px}.level-hero{height:270px;position:relative;overflow:hidden;background:#78bd91}.level-hero>img:first-child{width:100%;height:100%;object-fit:cover;filter:brightness(.68)}.level-character{position:absolute;right:12%;bottom:-10px;height:240px;filter:drop-shadow(0 7px 2px #31552555)}.level-hero>div{position:absolute;left:35px;bottom:35px;color:#fff8d7;text-shadow:0 2px 3px #4c471f}.level-hero small{display:block;color:#fff1ca;font-size:10px;letter-spacing:2px}.level-hero #levelBadge{display:inline-block;font-size:13px;background:#e3a84a;border:2px solid #ffe6a1;border-radius:15px;padding:5px 16px;margin-top:14px}.level-hero h1{font-size:33px;max-width:480px;margin:10px 0}.level-hero p{margin:0}.level-body{padding:27px 35px}.journey{display:flex;align-items:center;gap:15px;font-size:12px;color:#baab89}.journey span{display:flex;align-items:center;gap:7px}.journey b{display:grid;place-items:center;background:#e9dfc6;border-radius:50%;width:25px;height:25px}.journey .active{color:#96632b}.journey .active b{background:#ebc769}.journey i{flex:1;height:1px;background:#dcc89c}.story-slot{display:flex;align-items:center;gap:20px;padding:20px;background:#f5e5bd;border:2px dashed #d7b47a;border-radius:15px;margin:22px 0}.story-slot svg{width:65px;flex:0 0 65px}.story-slot svg circle{fill:#fff3d3;stroke:#d4b173;stroke-width:2}.story-slot svg path{fill:#d6ad67}.story-slot h2{font-size:18px;margin:0 0 5px}.story-slot p{margin:0;font-size:12px;color:#9c825e}.pending{display:inline-block;padding:4px 9px;background:#fff2d4;border-radius:10px;color:#ab8e62;font-size:10px;margin-top:8px}.level-actions{display:flex;justify-content:space-between;gap:15px;margin-top:20px}#lessonInfo{font-size:12px;color:#977b52}#lessonInfo p{margin:5px 0;font-size:12px}#lessonInfo b{display:inline-block;min-width:65px}#festivalCards{display:grid;gap:15px;margin:23px 0}.festival-card{display:flex;align-items:center;gap:20px}.festival-card>span{font-size:45px;color:#e4ad4f;width:60px;text-align:center}.festival-card h2{font-size:19px;margin:6px 0}.festival-card p{margin:0}.festival-card em{display:inline-block;font-size:10px;font-style:normal;background:#f1e5c8;padding:4px 9px;border-radius:9px;color:#a18b64;margin-top:8px}#cultureDialog{width:1100px;text-align:center}.culture-heading h1{margin-bottom:0}.culture-heading p{margin:5px 0 17px}#countryTabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}#countryTabs button{display:grid;gap:4px;border:2px solid #ddbf8b;border-radius:12px;padding:10px;background:#fff9e8}#countryTabs .active{border-color:#cf8a32;background:#ffe7ac}#countryTabs b{font-size:13px}#countryTabs span{font-size:10px;color:#a38251}#countryTabs small{font-size:8px;letter-spacing:1px}#cultureMap{width:100%;max-height:60vh;object-fit:contain;border-radius:14px}.culture-note{font-size:12px;color:#9d7f50}
/* Unit 1: a real video cut followed by a 2D catching game. */
.playing-unit>.hud,.playing-unit>.hint,.playing-unit>.bottom-hud,.playing-unit>.map-note{visibility:hidden}#unitScreen{position:fixed;inset:0;z-index:100;background:#65c5db url(assets/fountain-bg.webp) center/cover;color:#663d1d;overflow:hidden}#unitScreen:before{content:'';position:absolute;inset:0;background:#eaf7e7a8;backdrop-filter:blur(16px);pointer-events:none}.unit-toolbar{height:66px;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 24px;position:relative;z-index:2;background:#fff2ceaa;border-bottom:1px solid #fff6d9}.unit-toolbar button{font-size:12px;padding:9px 15px}.unit-toolbar>span{font-size:10px;letter-spacing:1px}.unit-toolbar b{margin-left:12px;font-size:12px}#movieView{position:relative;max-width:1120px;margin:0 auto;padding:20px 30px 0}.movie-heading{text-align:center}.movie-heading small{font-size:10px;letter-spacing:3px;color:#8b632c}.movie-heading h1{font-size:25px;margin:8px 0}.movie-heading p{font-size:12px;margin:7px 0 18px}.movie-wrap{position:relative;background:#193b37;border:5px solid #fff5d4;border-radius:18px;overflow:hidden;box-shadow:0 8px 0 #bb8d51,0 20px 50px #3f6c5744}.movie-wrap video{width:100%;max-height:calc(100dvh - 270px);display:block;aspect-ratio:16/9;background:#193b37}.movie-play{position:absolute;inset:0;border:0;background:#203e3b44;color:#fff7d3;font-size:60px;display:grid;place-content:center;justify-items:center;text-shadow:0 2px 6px #243d36}.movie-play span{font-size:15px;margin-top:10px;background:#835529;padding:10px 25px;border:2px solid #f9d786;border-radius:25px}.movie-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 3px;font-size:11px;color:#8d6e41}.movie-bottom button{font-size:12px;padding:10px 17px}#gameView{position:relative;height:calc(100% - 66px);display:flex;flex-direction:column}.game-top{height:105px;display:flex;align-items:center;justify-content:center;gap:18px;padding:13px 22px;position:relative;z-index:2}.target{padding:8px 20px;min-width:135px;text-align:center}.target small{display:block;font-size:11px}.target strong{font-size:40px;line-height:1.15;color:#a56423;text-shadow:0 2px #fff6c9}.target strong.badge-target{font-size:24px}.round-meter{padding:13px 20px 9px;width:440px}.round-meter>div:first-child{display:flex;justify-content:space-between;font-size:13px}.round-meter>div:first-child span{font-size:12px}.meter-track{height:15px;background:#906331;border:2px solid #ffe7ab;border-radius:20px;overflow:hidden;margin-top:8px;box-shadow:inset 0 2px 3px #5a341d55}#meterFill{height:100%;width:0;background:linear-gradient(#d6f384,#6eb953);border-radius:20px;transition:width .25s}.round-stamps{display:flex;gap:6px;margin-top:5px}.round-stamps span{font-size:9px;border:1px solid #d3ae71;border-radius:7px;padding:2px 8px;color:#b18c54;background:#fff0c4}.round-stamps span.done{background:#7bad57;color:#fff7d7;border-color:#5f933c}.mistakes{padding:10px 20px;min-width:150px;text-align:center}.mistakes small{font-size:10px}.mistakes>div{font-size:26px;line-height:1.3;display:flex;justify-content:center;gap:6px;color:#a57437}.mistakes .used{color:#c04e49}#gameViewport{position:relative;min-height:0;flex:1;overflow:hidden}#gameField{position:absolute;width:1280px;height:720px;transform-origin:0 0;overflow:hidden;touch-action:none;user-select:none;background:#89d4db;border-radius:14px;box-shadow:0 0 0 5px #fff5d0,0 10px 20px #598a6155}.fountain-backdrop{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#cookies{position:absolute;inset:0;pointer-events:none}.falling-cookie{position:absolute;left:0;top:0;width:78px;height:78px;will-change:transform;filter:drop-shadow(0 4px 2px #78532344);display:flex;align-items:center;justify-content:center}.falling-cookie>img{position:absolute;width:100%;height:100%;object-fit:contain;pointer-events:none}.falling-cookie>b{position:relative;font-family:'Arial Rounded MT Bold','Trebuchet MS',Arial,sans-serif;font-size:43px;font-weight:900;color:#5b2a13;text-shadow:0 2px 0 #f9df99,0 -1px 0 #32190950;line-height:1}.falling-cookie.nameplate{width:80px;height:92px;z-index:3;filter:drop-shadow(0 0 12px #fffac2)}.tag-aura{position:absolute;inset:-17px;background:#fff0a755;border-radius:50%;border:3px solid #fff5b8;animation:pulse 1s infinite}.nameplate img{image-rendering:auto}.fountain-puff{position:absolute;width:70px;height:30px;left:47.8%;top:32%;pointer-events:none}.fountain-puff.pop{animation:puff .5s ease-out}.fountain-puff:before,.fountain-puff:after{content:'';position:absolute;width:25px;height:25px;background:#fff8d9b0;border-radius:50%;left:8px}.fountain-puff:after{left:38px;width:21px;height:21px}#catcher{position:absolute;left:0;top:0;width:144px;height:190px;z-index:5;will-change:transform;pointer-events:none}#catcher>img{height:178px;width:100%;object-fit:contain;position:absolute;bottom:2px;filter:drop-shadow(0 3px 1px #66864b40)}.catcher-shadow{position:absolute;bottom:-3px;left:25px;width:100px;height:18px;border-radius:50%;background:#57743d36;filter:blur(3px)}.basket{position:absolute;width:118px;height:64px;left:13px;top:-12px;filter:drop-shadow(0 3px 1px #754f2644)}#catchFeedback{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);background:#fff8d9ec;border-radius:25px;padding:7px 25px;font-size:17px;z-index:8;color:#55813e;white-space:nowrap}#catchFeedback:empty{display:none}#catchFeedback.bad{color:#b4583b}.catch-pop{position:absolute;z-index:10;font-size:28px;font-weight:900;pointer-events:none;animation:catchpop .9s ease-out forwards;text-shadow:0 2px 0 #fff}.catch-pop.correct{color:#488644}.catch-pop.incorrect{color:#c35340}#roundBanner{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);z-index:20;background:#fff5d7ef;border:5px solid #ecc56d;box-shadow:0 9px 0 #aa7335,0 15px 50px #55704b44;border-radius:25px;padding:23px 45px;min-width:660px;text-align:center}#roundBanner b{font-size:29px;display:block}#roundBanner span{display:block;font-size:16px;margin-top:10px;color:#9c7b47}.game-bottom{display:flex;align-items:center;justify-content:center;gap:30px;min-height:82px;padding:10px 25px}.move-buttons{display:flex;gap:12px}.move-buttons button{font-size:22px;width:70px;height:48px;touch-action:none}.game-bottom p{font-size:12px;line-height:1.8;text-align:center;margin:0}.game-bottom small{font-size:10px;color:#9b8259}.game-bottom>button{font-size:12px;padding:9px 15px}#gameOverlay{position:absolute;inset:66px 0 0;z-index:30;display:grid;place-items:center;background:#4b726b66;backdrop-filter:blur(6px);padding:25px}.game-card{max-width:830px;width:100%;display:grid;grid-template-columns:170px 1fr;gap:25px;align-items:center;background:#fff4d3;border:5px solid #dfac55;border-radius:28px;box-shadow:inset 0 0 0 4px #fffbe6,0 13px 0 #8e6032,0 20px 70px #294f4655;padding:40px}.game-card>img{width:100%;height:230px;object-fit:contain;filter:drop-shadow(0 6px 2px #9c865b22)}.game-card small{font-size:10px;letter-spacing:2px;color:#bb8d44}.game-card h1{font-size:28px;line-height:1.4;margin:13px 0;color:#78441d}.game-card p{font-size:14px;line-height:1.9;color:#a08150;white-space:pre-line}.overlay-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.rule-letters,.victory-stamps{display:flex;align-items:center;gap:10px;margin-top:20px}.rule-letters span,.victory-stamps b{font-size:20px;font-weight:900;padding:9px;background:#f2d694;border:2px solid #dfb76a;border-radius:12px;color:#936026}.rule-letters i{font-style:normal;color:#bc9459}.rule-letters img,.victory-stamps img{width:44px;height:50px;object-fit:contain}.victory-stamps b{font-size:16px;background:#b9d985;color:#4e793b}
@keyframes bob{50%{margin-top:-9px}}@keyframes hop{50%{margin-top:-22px}}@keyframes puff{0%{opacity:0;transform:scale(.3) translateY(0)}30%{opacity:1}100%{opacity:0;transform:scale(1.8) translateY(-25px)}}@keyframes catchpop{to{transform:translateY(-60px);opacity:0}}@keyframes pulse{50%{transform:scale(1.13);opacity:.65}}
@media(min-width:1550px){.hint{display:block}.logo{left:370px;width:120px;top:12px;transform:none}}
@media(max-width:800px){.hud{inset:13px 13px auto}.world-badge{min-width:180px;padding:6px 12px 0;border-radius:13px}.world-badge>small{font-size:7px;letter-spacing:1px}.world-badge #bookLabel{font-size:20px}.world-badge em{font-size:33px}.world-badge #bookTitle{font-size:9px;max-width:65px}.hero-badge{margin:3px -12px -5px;padding:5px 9px}.hero-badge img{height:35px;width:32px}.hero-badge strong{font-size:14px}.hero-badge span{font-size:8px}.logo{display:none}.hud nav{min-width:135px;gap:7px}.hud nav button{font-size:14px;padding:6px 10px;gap:9px}.hud nav button span{width:23px;height:23px;font-size:17px}.bottom-hud{gap:7px;bottom:26px}.round{display:none}.chapter-info{padding:8px 12px;gap:8px}.chapter-info b{font-size:11px}.chapter-info>span:first-child{font-size:8px;padding-right:7px}.chapter-info>span:last-child{display:none}.map-control{font-size:10px;padding:8px}.map-note{font-size:8px;left:15px;right:15px}dialog{padding:25px;border-width:4px}dialog h1{font-size:23px}#worldCards{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.world-card>div{height:135px}.world-card img{height:105px}.world-card h2{font-size:12px}.world-heading h1{font-size:23px}.level-hero{height:220px}.level-hero>div{left:22px;bottom:20px}.level-hero h1{font-size:27px;max-width:65vw}.level-character{height:180px;right:6%}.level-body{padding:22px}.story-slot{padding:14px;gap:12px}.story-slot svg{width:45px;flex-basis:45px}.story-slot h2{font-size:15px}.level-actions{flex-direction:column}#countryTabs{gap:5px}#countryTabs b{font-size:10px}#countryTabs button{padding:7px 3px}.unit-toolbar{height:54px;padding:8px 12px;gap:8px}.unit-toolbar button{font-size:10px;padding:7px 10px}.unit-toolbar>span{font-size:8px;letter-spacing:0}.unit-toolbar b{display:block;font-size:9px;margin-left:0}.movie-heading h1{font-size:20px}#movieView{padding:25px 12px 0}.movie-wrap{border-width:3px;border-radius:12px}.movie-wrap video{max-height:calc(100dvh - 250px)}.movie-bottom{font-size:9px;gap:8px;flex-wrap:wrap}.movie-bottom button{font-size:10px;padding:9px 12px}#gameView{height:calc(100% - 54px)}.game-top{height:90px;gap:8px;padding:10px}.target{padding:8px 10px;min-width:85px}.target small{font-size:9px}.target strong{font-size:30px}.round-meter{padding:9px 10px;width:230px}.round-meter>div:first-child{font-size:10px}.round-meter>div:first-child span{font-size:9px}.mistakes{min-width:90px;padding:9px 8px}.mistakes small{font-size:8px}.mistakes>div{font-size:20px;gap:3px}.game-bottom{gap:14px;min-height:100px;flex-wrap:wrap;padding:12px}.game-bottom p{font-size:10px}.move-buttons button{width:65px}.game-bottom small{font-size:9px}.game-bottom>button{font-size:10px;padding:8px}.game-card{grid-template-columns:95px 1fr;gap:13px;padding:24px;border-radius:20px}.game-card>img{height:170px}.game-card h1{font-size:21px}.game-card p{font-size:12px}.game-card small{font-size:8px;letter-spacing:1px}.rule-letters,.victory-stamps{gap:5px;flex-wrap:wrap}.rule-letters span{font-size:16px;padding:6px}.rule-letters img{width:32px;height:36px}.overlay-actions{margin-top:18px;gap:10px}.primary,.secondary{font-size:11px;padding:10px 13px}#gameOverlay{inset:54px 0 0;padding:15px}}
@media(max-height:650px){.unit-toolbar{height:45px}.movie-heading{display:none}#movieView{padding:10px 65px 0;max-width:1000px}.movie-wrap video{max-height:calc(100dvh - 130px)}.movie-bottom{padding:10px 2px}.movie-bottom button{padding:6px 10px}#gameView{height:calc(100% - 45px)}.game-top{height:76px;padding:7px}.target{padding:4px 15px}.target strong{font-size:28px}.round-meter{padding:8px 12px}.mistakes{padding:6px 12px}.mistakes>div{font-size:20px}.game-bottom{min-height:58px;padding:6px;gap:20px}.move-buttons button{height:37px;font-size:18px}.game-card{padding:22px}.game-card>img{height:180px}.game-card h1{font-size:22px}.game-card p{font-size:12px}.rule-letters{margin-top:8px}.overlay-actions{margin-top:14px}#gameOverlay{inset:45px 0 0}.bottom-hud{bottom:15px}.map-note{display:none}.world-badge{transform:scale(.8);transform-origin:top left}.hud nav{transform:scale(.85);transform-origin:top right}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Reference layout v2: one horizontal world, start at left and final castle at right. */
#viewport{background:#8cd9e3}#stage{width:2046px;height:652px}#backdrop{width:1160px;height:652px;inset:0 auto auto 0}.end-panel{position:absolute;left:1160px;top:0;width:886px;height:652px;pointer-events:none;user-select:none}#routes{width:2046px;height:652px}.road-edge{fill:none;stroke:#c98e47;stroke-width:33;stroke-linecap:round}.road-fill{fill:none;stroke:#f4c47b;stroke-width:25;stroke-linecap:round}
.level-node{width:125px;min-height:74px;transform:translate(-50%,-12px);opacity:1}.node-disc{width:76px;height:30px;border-width:5px;margin-bottom:8px;font-size:16px;line-height:20px}.node-sign{font-size:21px;padding:4px 8px;border-width:2px;letter-spacing:0;border-radius:12px;box-shadow:inset 0 0 0 2px #fff1cb,0 3px 0 #99612a}.upcoming .node-sign{filter:none}.selected .node-sign{outline:2px solid #fff8cd}.level-node[data-index="6"]{width:100px}
#traveler{width:110px;height:162px;transform:translate(-50%,-94%)}.you{display:none}.traveler-glow{height:10px}.branch-node{min-width:150px;width:150px;transform:translate(-50%,-50%);padding:0;filter:none}.branch-node.festival{left:780px;top:264px}.branch-node.culture{left:1030px;top:308px}.branch-node b{background:none;border:0;box-shadow:none;font-size:20px;padding:0;margin:0}.branch-node small{background:none;font-size:12px;padding:1px}
.hud{inset:4.5% 2% auto 3.5%}.world-badge{min-width:0;width:180px;padding:0 12px 3px;text-align:center;transform:none!important}.world-title{font-size:29px;font-weight:900;line-height:1.2;margin-top:-12px;text-shadow:2px 2px white,-2px -2px white}.world-badge #worldNumber{font-size:42px;line-height:1.2;color:#7a961d;text-shadow:2px 2px #614019,-1px -1px #fff}.hero-badge{margin:5px -12px -58px;padding:3px 10px;justify-content:center;gap:8px;height:53px}.hero-badge img{height:55px;width:45px}.hero-badge strong{font-size:29px}.hud nav{min-width:190px;gap:6px;transform:none!important}.hud nav button{font-size:23px;padding:4px 12px}.hud nav button span{font-size:23px;width:27px;height:27px}.bottom-hud{inset:auto 18px 16px;justify-content:space-between;pointer-events:none;gap:10px}.bottom-hud button{pointer-events:auto}.chapter-info,.map-note{display:none}.bottom-hud .round{width:48px;height:43px;font-size:31px;border:3px solid #e4ac4b;background:#ffe9b4;box-shadow:0 3px #986527}.bottom-hud #nextBook{margin-left:auto}.map-control{font-size:12px;padding:8px 12px}.bottom-hud #zoom{display:none}
#worldDialog{padding:0;border:0;background:transparent;box-shadow:none;width:min(94vw,calc(92dvh * 577 / 441));max-width:none;max-height:none;overflow:visible;border-radius:20px}#worldDialog::backdrop{background:#073a4de0;backdrop-filter:blur(5px)}.world-sheet{position:relative;width:100%;aspect-ratio:577/441;overflow:hidden;border-radius:20px;box-shadow:0 12px 50px #00374c80}.selection-art{position:absolute;inset:0;width:100%;height:100%}#worldTitle{position:absolute;left:5%;top:1.2%;width:34%;margin:0;font-size:clamp(23px,4vw,47px);text-align:center;text-shadow:2px 2px #fff3c5}#worldProgress{position:absolute;left:49%;top:6%;font-size:clamp(12px,2vw,22px);color:#ad5b15}.selection-lives{position:absolute;left:75%;top:2%;width:20%;height:12%;display:flex;align-items:center;font-size:clamp(20px,3vw,36px);font-weight:900}.selection-lives img{height:110%;width:45%;object-fit:contain}.world-sheet .dialog-close{right:1%;top:21%;width:30px;height:30px;font-size:23px;z-index:4}#miniRoute{position:absolute;left:3%;top:19%;width:94%;height:27%}#miniRoute button{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px;border:3px solid #294ec6;border-radius:50%;background:#fff9d9;color:#253d9c;font-weight:900;font-size:12px;padding:0}#worldCards{position:absolute;inset:46% 0 16%;display:block;padding:0}.island-hit{position:absolute;top:0;height:100%;width:24%;border:0;background:transparent;border-radius:35%;padding:0}.island-1{left:1%}.island-2{left:26%}.island-3{left:50%}.island-4{left:75%}.island-hit span{position:absolute;bottom:0;left:12%;width:80%;background:#fff0c5ed;border:1px solid #d39a50;border-radius:10px;font-size:clamp(10px,1.4vw,15px);padding:3px}.island-1 span{background:#fff4a8}.island-hit:hover{background:#ffffff20}.island-hit:focus-visible{outline-offset:-4px}
@media(max-width:650px){.hud{inset:3% 2% auto 3%}.world-badge{width:105px;padding:0 6px 1px}.world-title{font-size:20px}.world-badge #worldNumber{font-size:27px}.hero-badge{margin:4px -6px -38px;height:35px;padding:0 4px}.hero-badge img{height:36px;width:28px}.hero-badge strong{font-size:21px}.hud nav{min-width:125px}.hud nav button{font-size:14px;padding:3px 8px}.hud nav button span{width:19px;height:19px;font-size:17px}.bottom-hud{bottom:8px;left:9px;right:9px}.bottom-hud .round{width:38px;height:35px;font-size:25px}.map-control{font-size:10px;padding:7px}#miniRoute button{width:23px;height:23px;border-width:2px;font-size:9px}}
#backdrop{width:2046px;height:652px}.bottom-hud{transform:none;max-width:none}.bottom-hud .round{display:block}
#worldTitle{top:4.3%}#worldProgress{left:55%;top:6.5%}#miniRoute{inset:0;width:100%;height:100%;pointer-events:none}#miniRoute button{width:3.6%;height:4.7%;pointer-events:auto;font-size:clamp(9px,1.5vw,17px)}.world-sheet .dialog-close{top:1%;right:1%}
/* User-supplied pixel map: retain the complete original raster, with transparent hit areas. */
#viewport{background:#102d4d}#stage{width:2172px;height:724px}#backdrop{width:2172px;height:724px;image-rendering:pixelated}.level-node{transform:none;padding:0;border:3px solid transparent;border-radius:0;background:transparent;min-height:0;opacity:1!important}.level-node:hover,.level-node:focus-visible{border-color:#ffef92;box-shadow:inset 0 0 0 2px #643c20;background:#fff2a01a;outline:none}.pixel-hotspot-caption{display:none;position:absolute;left:50%;bottom:7px;transform:translateX(-50%);white-space:nowrap;font-size:18px;font-weight:bold;background:#fff0c2;color:#382411;border:3px solid #6d4629;padding:6px 12px;pointer-events:none}.level-node:hover .pixel-hotspot-caption,.level-node:focus-visible .pixel-hotspot-caption{display:block}#traveler{display:none}.world-badge{display:none}.hud{inset:12px 12px auto auto}.hud nav{display:flex;min-width:0;gap:8px}.hud nav button{font-size:15px;padding:5px 10px;border-radius:4px;border-width:2px}.hud nav button span{width:20px;height:20px;font-size:17px}.bottom-hud .round{display:none}.bottom-hud{bottom:12px}.bottom-hud #overview{margin-left:auto;border-radius:4px}.level-node:active{transform:none}
/* Scrollable scene, contour lighting, and moving original character. */
#viewport{cursor:grab}#viewport:active{cursor:grabbing}#stage{transition:none}.level-node,.level-node:hover,.level-node:focus-visible,.level-node.selected{border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;border-radius:0;filter:none;cursor:pointer}.scene-glow{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:.12;transition:opacity .25s}.scene-glow path{fill:#fff0a000;stroke:#fff4aa;stroke-width:3;stroke-linejoin:round;filter:drop-shadow(0 0 5px #ffdf65) drop-shadow(0 0 13px #ffc339)}.level-node.selected .scene-glow{opacity:.8;animation:scene-breathe 2.4s ease-in-out infinite}.level-node:hover .scene-glow,.level-node:focus-visible .scene-glow{opacity:1;animation:none}.level-node:hover .scene-glow path,.level-node:focus-visible .scene-glow path{fill:#fff2a012;stroke-width:4}.pixel-hotspot-caption{border:0;background:#132e49e8;color:#fff4ba;border-radius:14px;font-size:15px;padding:5px 12px;bottom:0}.level-node:focus-visible .pixel-hotspot-caption{display:block}
#traveler{display:block;width:60px;height:86px;transform:translate(-50%,-100%);z-index:9;transition:none}#travelerImage{position:relative;z-index:1;animation:character-float 1.6s ease-in-out infinite;transform:scaleX(var(--face,1));filter:drop-shadow(0 3px 1px #16342c70)}#traveler.walking #travelerImage{animation:character-step .32s ease-in-out infinite}.traveler-glow{bottom:-3px;left:12%;right:12%;height:9px;background:#0a294d66;box-shadow:0 0 9px #ffe6a580;animation:shadow-breathe 1.6s ease-in-out infinite}.bottom-hud .round{display:block;width:44px;height:40px;border-radius:8px;background:#f7d28e}.bottom-hud{gap:12px}.bottom-hud #nextBook{margin-left:auto}.bottom-hud #overview{margin-left:0}#sparkles{position:absolute;inset:0;pointer-events:none;z-index:2}.sea-spark{position:absolute;width:6px;height:6px;background:#dbffff;box-shadow:0 0 10px 2px #b8edff;opacity:0;animation:sea-glint 4s ease-in-out infinite;image-rendering:pixelated}
@keyframes scene-breathe{0%,100%{opacity:.4}50%{opacity:.95}}@keyframes character-float{0%,100%{transform:translateY(0) scaleX(var(--face,1))}50%{transform:translateY(-6px) scaleX(var(--face,1))}}@keyframes character-step{0%,100%{transform:translateY(0) rotate(-3deg) scaleX(var(--face,1))}50%{transform:translateY(-8px) rotate(3deg) scaleX(var(--face,1))}}@keyframes shadow-breathe{0%,100%{transform:scaleX(1);opacity:.7}50%{transform:scaleX(.78);opacity:.4}}@keyframes sea-glint{0%,65%,100%{opacity:0;transform:translateY(0) scale(.5)}78%{opacity:.75;transform:translateY(-4px) scale(1)}90%{opacity:0;transform:translateY(-9px) scale(.5)}}
@media(prefers-reduced-motion:reduce){#travelerImage,.sea-spark,.scene-glow,.traveler-glow{animation:none!important}.scene-glow{transition:none}}
.scene-glow path{stroke-width:14;stroke:#ffeeb0;fill:none;filter:blur(5px) drop-shadow(0 0 8px #ffdd5c) drop-shadow(0 0 14px #ffc937)}.level-node:hover .scene-glow path,.level-node:focus-visible .scene-glow path{stroke-width:17;fill:none}.scene-glow{opacity:0}.level-node.selected .scene-glow{opacity:.8}
/* Soft storybook treatment uses smooth sampling, warm paper controls and subdued light. */
#backdrop{image-rendering:auto}#viewport{background:#75c6d1}.hud nav button,.bottom-hud .round,.bottom-hud #overview{border-radius:18px;background:linear-gradient(#fff9df,#f4dfb7);border-color:#d8bd8e;color:#634835;box-shadow:0 3px 0 #b49a7066,inset 0 0 0 1px #fffdf0}.scene-glow path{stroke:#fff5ca;filter:blur(5px) drop-shadow(0 0 9px #fff3b1) drop-shadow(0 0 13px #ffd983)}.pixel-hotspot-caption{background:#fff8e7ec;color:#644735;box-shadow:0 2px 6px #80654233}.sea-spark{border-radius:50%;background:#e5fbff;box-shadow:0 0 8px #b5ebf5;image-rendering:auto}
/* DEMO media layout: preserve the video frame and prevent art from stretching. */
#movieView{height:calc(100dvh - 66px);max-width:1120px;width:100%;margin:0 auto;padding:16px 24px 0;display:flex;flex-direction:column;align-items:center;gap:10px;min-height:0}.movie-heading{flex:none}.movie-heading h1{font-size:clamp(18px,2.2vw,25px);margin:5px 0}.movie-heading p{margin:4px 0 8px}.movie-wrap{flex:none;width:min(100%,calc((100dvh - 254px)*16/9));aspect-ratio:16/9;min-height:0;margin:0 auto;border-width:4px}.movie-wrap video{width:100%;height:100%;max-height:none;aspect-ratio:16/9;object-fit:contain;background:#173d3a}.movie-bottom{flex:none;width:100%;max-width:1000px;margin:0 auto;padding:10px 3px 14px;min-height:52px}.movie-play{touch-action:manipulation}#videoError{margin:0;font-size:12px;text-align:center;color:#9e422d}.fountain-backdrop{object-fit:contain}#overlayCharacter,#travelerImage,#catcher>img,.falling-cookie>img,.rule-letters img,.victory-stamps img{object-fit:contain;flex-shrink:0}.game-card{grid-template-columns:minmax(90px,170px) minmax(0,1fr)}.game-card>div{min-width:0}.level-hero>img:first-child{object-fit:cover}.game-card p{overflow-wrap:anywhere}.movie-bottom button{white-space:nowrap}
@media(max-height:650px){#movieView{height:calc(100dvh - 45px);padding:8px 14px 0;gap:6px}.movie-heading{display:none}.movie-wrap{width:min(100%,calc((100dvh - 123px)*16/9))}.movie-bottom{padding:5px 0 8px;min-height:45px}.movie-bottom button{padding:6px 10px}}
@media(max-width:650px) and (min-height:651px){#movieView{padding:16px 12px 0}.movie-wrap{width:100%}.movie-bottom{flex-wrap:wrap;justify-content:center;text-align:center}.game-card{grid-template-columns:75px minmax(0,1fr);padding:20px;gap:14px}.game-card>img{height:150px}}
.movie-wrap{aspect-ratio:auto}.movie-wrap video{height:auto;aspect-ratio:16/9}
/* Tight scene halos and ground anchors for the storybook artwork. */
.scene-glow path{stroke-width:7;filter:blur(3px) drop-shadow(0 0 5px #ffe6a1) drop-shadow(0 0 8px #ffdc81)}.level-node:hover .scene-glow path,.level-node:focus-visible .scene-glow path{stroke-width:10}.level-node.selected .scene-glow{animation:scene-breathe-demo 2.4s ease-in-out infinite}@keyframes scene-breathe-demo{0%,100%{opacity:.25}50%{opacity:.65}}