:root{color:#18362d;background:#69cde6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{background:radial-gradient(circle at 18% 12%,#ffffff94,#0000 16%),radial-gradient(circle at 82% 22%,#ffffff5c,#0000 14%),linear-gradient(#b7f3f1 0%,#65c9e2 50%,#2585b7 100%);min-height:100vh;overflow:hidden}button{font:inherit;-webkit-tap-highlight-color:transparent}.screen{background:radial-gradient(circle at 18% 9%,#ffffff80,#0000 14%),repeating-linear-gradient(168deg,#ffffff1c 0 2px,#0000 2px 38px),linear-gradient(#a6edf0 0%,#5bc8df 50%,#2285b9 100%);width:min(100%,520px);min-height:100vh;margin:0 auto;position:relative;overflow:hidden}.home-screen,.map-screen,.level-screen-3d,.level-screen-3d{flex-direction:column;display:flex}.home-scene{pointer-events:none;position:absolute;inset:0}.home-river{filter:drop-shadow(0 14px 22px #0a688f2e);border:34px solid #7ef1ffad;border-color:#7ef1ffad #7ef1ffad #0000 #0000;border-radius:48% 50% 52% 48%;width:250px;height:530px;position:absolute;top:102px;left:50%;transform:translate(-50%)rotate(42deg)}.home-river:after{content:"";border-radius:inherit;border:3px solid #ffffff5c;border-color:#ffffff5c #ffffff5c #0000 #0000;position:absolute;inset:16px}.home-foam{background:#e6ffff57;border-radius:999px;width:106px;height:16px;position:absolute;transform:rotate(-28deg)}.foam-a{top:390px;left:46px}.foam-b{opacity:.78;width:76px;top:202px;right:44px}.home-island{background:radial-gradient(circle at 34% 24%,#ffffff57,#0000 21%),linear-gradient(145deg,#aee076 0 64%,#5fa249 64% 72%,#a36f34 72% 100%);border-radius:50% 47% 45% 52%;width:128px;height:98px;position:absolute;box-shadow:0 14px #8f5d2e,0 26px 28px #184c4b3d}.home-island:before,.home-island:after{content:"";opacity:.9;background:#2c9d59;border-radius:50%;position:absolute}.home-island:before{width:18px;height:18px;top:18px;left:24px}.home-island:after{background:#9bcf5f;width:28px;height:18px;bottom:24px;right:22px}.home-island span{color:#c62457;background:#f7df94;border-radius:46% 54% 48% 52%;place-items:center;width:44px;height:38px;font-size:27px;font-weight:950;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-3deg);box-shadow:inset 0 -3px #7c552133,0 5px 10px #3f5a402e}.home-island-a{top:158px;left:54px}.home-island-b{top:270px;right:38px;transform:scale(.9)rotate(4deg)}.home-island-c{top:432px;left:86px;transform:scale(.72)rotate(-7deg)}.home-wood-bridge{background:linear-gradient(#b9824d 0 7px,#0000 7px 14px,#b9824d 14px 21px,#0000 21px 25px,#b9824d 25px 32px);border-radius:999px;width:215px;height:32px;position:absolute;top:244px;left:142px;transform:rotate(24deg);box-shadow:0 7px 14px #2a4b442e}.home-wood-bridge-b{width:150px;top:376px;left:147px;transform:rotate(-17deg)}.home-cloud{background:#ffffff94;border-radius:999px;width:92px;height:30px;position:absolute}.home-cloud:before,.home-cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.home-cloud:before{width:40px;height:40px;top:-17px;left:17px}.home-cloud:after{width:50px;height:50px;top:-24px;right:8px}.cloud-a{top:48px;left:24px}.cloud-b{opacity:.72;top:112px;right:26px;transform:scale(.76)}.home-copy{z-index:2;text-align:center;justify-items:center;gap:12px;margin-top:auto;padding:0 28px 48px;display:grid;position:relative}.home-copy p{color:#22604d;letter-spacing:0;text-transform:uppercase;background:#fff8d4e0;border-radius:999px;min-height:30px;margin:0;padding:7px 13px;font-size:13px;font-weight:950;box-shadow:0 5px #4b764e2e}.home-copy h1{color:#fff5be;text-shadow:0 5px #2e71595c,0 16px 24px #144c5940;max-width:420px;margin:0 0 12px;font-size:clamp(40px,12vw,66px);line-height:.92}.home-copy span{display:none}.game-button,.icon-button{cursor:pointer;border:0;transition:transform .12s,box-shadow .12s,filter .12s}.game-button:active,.icon-button:active{filter:brightness(.98);transform:translateY(3px)}.game-button{color:#27402e;background:radial-gradient(circle at 32% 18%,#ffffffe6,#0000 24%),linear-gradient(#fff8dc,#f3d989);border-radius:999px;min-width:min(82vw,300px);min-height:60px;font-size:20px;font-weight:950;box-shadow:0 8px #845c2347,0 18px 24px #23575933}.game-button.primary{color:#fff;background:radial-gradient(circle at 30% 16%,#ffffff54,#0000 24%),linear-gradient(#91eb68,#35a953);box-shadow:0 8px #23703d6b,0 18px 24px #23575933}.game-button.small{min-width:0;min-height:48px;font-size:15px}.game-button:disabled{cursor:not-allowed;opacity:.58}.map-screen{height:100dvh;min-height:0;padding:18px 18px max(34px, env(safe-area-inset-bottom));overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;overflow:hidden auto}.map-header,.level-hud-3d{z-index:3;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.map-header h1{color:#fff5be;text-shadow:0 4px #30705947,0 12px 18px #12586a2e;margin:0;font-size:33px;font-weight:950}.header-spacer{width:48px;height:48px}.icon-button{color:#255142;background:radial-gradient(circle at 34% 21%,#ffffffe6,#0000 25%),linear-gradient(#fff8e0,#dff0d3);border:3px solid #ffffff94;border-radius:50%;place-items:center;width:48px;height:48px;font-size:28px;font-weight:950;line-height:1;display:grid;box-shadow:0 5px #316e5347,0 12px 18px #2357592e}.icon-button.large{width:58px;height:58px;font-size:32px}.saga-map{--level-height-unit:108px;--chapter-height-unit:120px;min-height:var(--map-content-height,328px);min-height:calc((var(--level-count,1) * var(--level-height-unit)) + (var(--chapter-count,1) * var(--chapter-height-unit)) + 100px);margin-top:18px;padding:26px 0 54px;position:relative}.map-river{background:linear-gradient(90deg,#ffffff4d,#0000 28% 72%,#ffffff38),linear-gradient(#7bf4ff,#46cfef);border-radius:999px;width:30px;position:absolute;top:46px;bottom:94px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 4px #ffffff3d,0 10px 22px #186b8d38}.map-river:before,.map-river:after{content:"";border:26px solid #7bf4ffc2;border-color:#7bf4ffc2 #7bf4ffc2 #0000 #0000;border-radius:50%;width:194px;height:194px;position:absolute;left:50%;transform:translate(-50%)rotate(45deg)}.map-river:before{top:112px}.map-river:after{top:386px;transform:translate(-50%)rotate(225deg)}.level-node{z-index:2;isolation:isolate;color:#bf2857;cursor:pointer;background:radial-gradient(circle at 36% 22%,#ffffff57,#0000 23%),linear-gradient(#88de64,#39b862);border:0;border-radius:46% 54% 48% 52%;place-items:center;width:76px;height:66px;margin:0 auto 28px;font-size:22px;font-weight:950;display:grid;position:relative;box-shadow:0 10px #8c5c31,0 18px 22px #1a525038}.level-node:before{content:"";z-index:-1;background:#f6df96;border-radius:48% 52% 45% 55%;position:absolute;inset:16px 18px 12px;box-shadow:inset 0 -3px #7b54232e}.level-node:after{content:"";background:#268c55;border-radius:50%;width:13px;height:13px;position:absolute;top:11px;left:11px;box-shadow:40px 9px #94c85c,27px 37px #2f9c5e}.level-node span{z-index:1;position:relative}.level-node.current{color:#684017;background:radial-gradient(circle at 34% 23%,#ffffff57,#0000 22%),linear-gradient(#f4d86b,#d99336)}.level-node.completed:after{content:"✓";color:#5c4218;content:"OK";background:#f3cf61;border-radius:50%;place-items:center;width:30px;height:26px;font-size:10px;font-weight:950;display:grid;position:absolute;top:-8px;right:-5px}.level-screen-3d{padding:12px 14px 10px}.level-badge{color:#255142;background:radial-gradient(circle at 33% 20%,#ffffffe0,#0000 25%),linear-gradient(#fff8df,#e4f4d2);border-radius:999px;place-items:center;gap:1px;min-width:min(52vw,220px);min-height:56px;padding:7px 14px;font-size:18px;font-weight:950;display:grid;box-shadow:0 6px #30755342,0 14px 20px #1e5b6926}.level-badge span,.level-badge small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.level-badge small{color:#4b8067;font-size:11px;font-weight:900}.canvas-stage{height:calc(100vh - 124px);min-height:520px;box-shadow:none;background:0 0;border:0;border-radius:0;flex:auto;margin:10px -14px 0;position:relative;overflow:hidden}.canvas-interactions{position:absolute;inset:0}.level-stage-fallback{z-index:1;color:#355a4b;letter-spacing:.035em;pointer-events:none;background:radial-gradient(circle at 50% 43%,#fff8d5e6,#0000 15%),linear-gradient(#cceaf7db,#4e9fc1e0);place-content:center;justify-items:center;gap:14px;font-size:13px;font-weight:900;display:grid;position:absolute;inset:0}.level-stage-fallback-island{color:#a54f69;background:radial-gradient(circle at 34% 23%,#fff6,#0000 22%),linear-gradient(#93d96f,#4ca45e);border:3px solid #ffffeeb8;border-radius:46% 54% 48% 52%;place-items:center;width:74px;height:60px;font-size:22px;display:grid;box-shadow:0 8px #8b6441,0 16px 22px #20514f33}.level-screen-3d:focus{outline:none}.three-canvas{touch-action:pinch-zoom;width:100%;display:block;height:100%!important}.river-status-chip{z-index:8;color:#15546a;pointer-events:none;white-space:nowrap;background:#e1fcffeb;border:2px solid #ffffffd6;border-radius:999px;align-items:center;gap:9px;min-height:34px;padding:7px 12px;font-size:12px;font-weight:900;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 5px 14px #145c6b2e}.river-status-chip strong{color:#fff;background:#168ca8;border-radius:999px;padding:3px 7px;font-size:11px}.river-status-chip.complete{color:#276640;background:#e5ffe0f0}.river-status-chip.complete strong{background:#43a85d}.tutorial-coach{z-index:8;color:#214739;pointer-events:none;background:radial-gradient(circle at 22% 14%,#ffffffeb,#0000 28%),linear-gradient(#fffbe0f7,#dbf6dbf5);border:3px solid #ffffffb8;border-radius:22px;grid-template-columns:auto 1fr;align-items:center;gap:9px 11px;width:min(88%,382px);min-height:82px;padding:12px 13px 12px 12px;animation:.24s ease-out both tutorialCoachIn;display:grid;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px #48754938,0 22px 34px #15576038}.tutorial-step-pill{color:#fff;text-align:center;background:radial-gradient(circle at 34% 18%,#ffffff57,#0000 25%),linear-gradient(#77dd62,#2fa85b);border-radius:18px;place-items:center;width:56px;min-height:42px;font-size:12px;font-weight:950;display:grid;box-shadow:inset 0 -3px #1c683847}.tutorial-copy{min-width:0}.tutorial-copy h2{color:#203b31;margin:0 0 3px;font-size:18px;line-height:1.05}.tutorial-copy p{color:#426b58;margin:0;font-size:13px;font-weight:800;line-height:1.28}.tutorial-action{color:#7b4d14;background:#fff0a4;border-radius:999px;grid-column:1/-1;justify-self:start;min-height:24px;padding:5px 10px;font-size:12px;font-weight:950;box-shadow:inset 0 -2px #865c1c29}.game-toast{z-index:9;color:#81381f;text-align:center;background:#fff5ecf2;border-radius:999px;width:min(84%,370px);padding:10px 14px;font-size:13px;font-weight:850;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 18px #3b565129}.game-toast.info{color:#245d62;background:#e4fcf8f7}.bottom-controls{justify-content:center;align-items:center;gap:10px;padding:12px 0 2px;display:flex}.bottom-controls .icon-button{background:radial-gradient(circle at 34% 20%,#ffffffe0,#0000 23%),linear-gradient(#fff8df,#dbf1d0)}.icon-button:disabled{cursor:default;opacity:.5;filter:grayscale(.25)}.island-keyboard-controls{z-index:8;opacity:0;pointer-events:none;background:#fff9e7f5;border:2px solid #ffffffd6;border-radius:16px;flex-wrap:wrap;gap:5px;max-width:min(320px,100% - 24px);padding:7px;transition:opacity .14s,transform .14s;display:flex;position:absolute;bottom:86px;left:12px;transform:translateY(8px);box-shadow:0 8px 20px #2a4e4d33}.island-keyboard-controls:focus-within{opacity:1;pointer-events:auto;transform:translateY(0)}.island-keyboard-controls button{color:#953e5a;background:#fff8df;border:2px solid #7ab987;border-radius:10px;width:34px;height:34px;font-weight:950}.island-keyboard-controls button:focus,.island-keyboard-controls button[aria-pressed=true]{outline-offset:2px;color:#fff;background:#3e9562;outline:3px solid #f1a1b9}.river-keyboard-controls{z-index:8;opacity:0;pointer-events:none;background:#e1fcfff7;border:2px solid #ffffffd6;border-radius:16px;flex-wrap:wrap;gap:5px;max-width:min(340px,100% - 24px);max-height:126px;padding:7px;transition:opacity .14s,transform .14s;display:flex;position:absolute;bottom:86px;right:12px;overflow-y:auto;transform:translateY(8px);box-shadow:0 8px 20px #185b6a33}.river-keyboard-controls:focus-within{opacity:1;pointer-events:auto;transform:translateY(0)}.river-keyboard-controls button{color:#17637a;background:#f1fdff;border:2px solid #6bb8c6;border-radius:10px;width:34px;height:34px;font-weight:950}.river-keyboard-controls button:focus,.river-keyboard-controls button[aria-pressed=true]{outline-offset:2px;color:#fff;background:#168ca8;outline:3px solid #a8edf3}.island-keyboard-controls button.mechanic-keyboard-control,.river-keyboard-controls button.mechanic-keyboard-control{border-style:double;border-width:4px;position:relative}.island-keyboard-controls button.mechanic-keyboard-control:after,.river-keyboard-controls button.mechanic-keyboard-control:after{content:"";border:1px solid;width:6px;height:6px;position:absolute;top:2px;right:2px;transform:rotate(45deg)}.win-overlay-3d{z-index:10;-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);background:radial-gradient(circle at 50% 38%,#ffef9f38,#0000 30%),#115b7147;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.win-card-3d{text-align:center;background:radial-gradient(circle at 20% 0,#ffffffd9,#0000 28%),linear-gradient(#fffbe6f7,#ecfaddf5);border:3px solid #ffffff9e;border-radius:26px;width:min(92%,348px);padding:28px 18px 18px;animation:.32s cubic-bezier(.2,1.25,.28,1) both winCardIn;box-shadow:0 10px #7553273d,0 28px 44px #18525742,inset 0 1px #ffffffe6}.win-medal{color:#bf2857;background:radial-gradient(circle at 34% 20%,#ffffff5c,#0000 23%),linear-gradient(#8cdf63,#38b65f);border-radius:46% 54% 48% 52%;place-items:center;width:78px;height:64px;margin:-58px auto 8px;display:grid;position:relative;box-shadow:0 10px #8c5c31,0 18px 24px #205b5833}.win-medal:before{content:"";background:#f6df96;border-radius:48% 52% 45% 55%;width:42px;height:34px;position:absolute;box-shadow:inset 0 -3px #7b54232e}.win-medal span{z-index:1;font-size:24px;font-weight:950;position:relative}.win-card-3d p{color:#3f8f5a;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:950}.win-card-3d h2{color:#243f34;margin:0;font-size:25px;line-height:1.15}.win-stats-3d{grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0;display:grid}.win-stats-3d span{color:#496255;background:radial-gradient(circle at 32% 18%,#ffffffb3,#0000 25%),linear-gradient(#e9f8d8,#cfedbe);border-radius:16px;min-width:0;padding:10px 6px;font-size:12px;font-weight:850;line-height:1.2;box-shadow:inset 0 -3px #4e7f4d1f}.win-stats-3d b{color:#243f34;font-size:16px;display:block}.win-actions-3d{grid-template-columns:1fr 1fr;gap:10px;display:grid}@keyframes winCardIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tutorialCoachIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width<=380px){.home-copy{padding-inline:18px}.level-screen-3d{padding:10px 10px 8px}.icon-button{width:44px;height:44px}.level-badge{min-width:min(52vw,176px);min-height:50px;padding-inline:10px;font-size:16px}.level-badge small{font-size:10px}.three-canvas{height:100%!important}.canvas-stage{min-height:470px;margin-inline:-10px}.tutorial-coach{grid-template-columns:1fr;gap:7px;width:min(92%,344px);padding:11px}.tutorial-step-pill{justify-self:start;width:auto;min-height:30px;padding:0 10px}.tutorial-copy h2{font-size:16px}.tutorial-copy p{font-size:12px}}:root{color:#29493d;background:#9bd4ec}body{background:radial-gradient(circle at 12% 18%,#ffeff5eb,#0000 18%),radial-gradient(circle at 88% 12%,#fffae0b3,#0000 16%),linear-gradient(#d9effa 0%,#a2d8eb 46%,#65abc9 100%)}.screen{background:radial-gradient(circle at 16% 8%,#fff5f7c7,#0000 17%),radial-gradient(circle at 86% 18%,#fff9dc80,#0000 15%),linear-gradient(#cceaf7 0%,#93d5e7 48%,#4e9fc1 100%)}.level-screen-3d{isolation:isolate;width:min(100%,960px);height:100vh;min-height:620px}.level-screen-3d:before,.level-screen-3d:after{content:"";z-index:2;opacity:.55;pointer-events:none;background:#76513b;border-radius:999px;width:170px;height:28px;position:absolute}.level-screen-3d:before{top:148px;left:-76px;transform:rotate(24deg);box-shadow:42px -23px 0 -7px #e988a8,92px 14px 0 -8px #ffc2d4,132px -13px 0 -9px #f5a0ba}.level-screen-3d:after{top:210px;right:-88px;transform:rotate(-27deg);box-shadow:-38px -22px 0 -7px #f29ab7,-86px 13px 0 -9px #ffd2df,-127px -10px 0 -8px #ec88aa}.home-screen{background:radial-gradient(circle at 50% 19%,#fff5d3eb,#0000 20%),linear-gradient(#d8eff8 0%,#a8dfec 52%,#5aabc5 100%)}.home-sanctuary-sun{background:#fff1c4ad;border-radius:50%;width:188px;height:188px;position:absolute;top:56px;left:50%;transform:translate(-50%);box-shadow:0 0 55px #ffefb594}.home-branch{z-index:1;filter:drop-shadow(0 8px 10px #42413e1f);background:linear-gradient(#825740,#5d3c31);border-radius:999px;width:210px;height:20px;position:absolute}.home-branch:before,.home-branch:after{content:"";background:#f39bb8;border-radius:60% 42% 58% 46%;width:42px;height:34px;position:absolute;box-shadow:38px -17px #ffd0df,77px 12px #eb88ab,113px -12px #ffc0d3}.branch-left{top:92px;left:-66px;transform:rotate(28deg)}.branch-left:before{top:-34px;left:58px}.branch-right{top:142px;right:-72px;transform:rotate(-31deg)scaleX(-1)}.branch-right:before{top:-30px;left:48px}.home-torii{z-index:1;filter:drop-shadow(0 8px 6px #49493b2e);border-left:9px solid #d84d48;border-right:9px solid #d84d48;width:90px;height:94px;position:absolute;top:92px;left:50%;transform:translate(-50%)scale(.72)}.home-torii:before,.home-torii:after{content:"";background:#d84d48;border-radius:8px 8px 3px 3px;height:11px;position:absolute;left:50%;transform:translate(-50%)}.home-torii:before{width:126px;top:-9px}.home-torii:after{width:100px;height:7px;top:12px}.home-torii i,.home-torii b{background:#633c31;border-radius:4px;width:22px;height:8px;position:absolute;bottom:-3px}.home-torii i{left:-15px}.home-torii b{right:-15px}.home-river{border-color:#69e2f5c7 #69e2f5c7 #0000 #0000}.home-island{background:radial-gradient(circle at 34% 24%,#fff6,#0000 21%),linear-gradient(145deg,#a8dc76 0 64%,#5c9f54 64% 72%,#9c6b42 72% 100%);border:3px solid #fffff47a}.home-petal{--x:0px;--y:0px;--r:0deg;z-index:3;background:#ffd3e0;border-radius:70% 30%;width:13px;height:7px;animation:5.8s ease-in-out infinite alternate petalDrift;position:absolute;top:50%;left:50%;box-shadow:inset -2px -1px #dd709426}.home-petal:first-of-type{--x:-212px;--y:-304px;--r:18deg;animation-delay:-.4s}.home-petal:nth-of-type(2){--x:-152px;--y:-244px;--r:-28deg;animation-delay:-2.7s}.home-petal:nth-of-type(3){--x:-84px;--y:-325px;--r:54deg;animation-delay:-1.2s}.home-petal:nth-of-type(4){--x:132px;--y:-302px;--r:-44deg;animation-delay:-3.5s}.home-petal:nth-of-type(5){--x:205px;--y:-206px;--r:32deg;animation-delay:-2s}.home-petal:nth-of-type(6){--x:164px;--y:-88px;--r:73deg;animation-delay:-4.1s}.home-petal:nth-of-type(7){--x:-198px;--y:-98px;--r:-16deg;animation-delay:-3s}.home-petal:nth-of-type(8){--x:-125px;--y:18px;--r:46deg;animation-delay:-1.8s}.home-petal:nth-of-type(9){--x:105px;--y:5px;--r:-61deg;animation-delay:-4.8s}.home-petal:nth-of-type(10){--x:218px;--y:92px;--r:26deg;animation-delay:-.9s}.home-petal:nth-of-type(11){--x:-224px;--y:142px;--r:66deg;animation-delay:-2.2s}.home-petal:nth-of-type(12){--x:-65px;--y:156px;--r:-38deg;animation-delay:-3.8s}.home-petal:nth-of-type(13){--x:72px;--y:138px;--r:18deg;animation-delay:-1.4s}.home-petal:nth-of-type(14){--x:190px;--y:208px;--r:-52deg;animation-delay:-4.5s}.home-copy{padding-bottom:max(48px, env(safe-area-inset-bottom))}.home-copy p{color:#a24461;background:#fff2e5eb;box-shadow:0 4px #87533d29}.home-copy h1{color:#fff8dc;letter-spacing:-.045em;text-shadow:0 5px #7653464d,0 16px 30px #27585e3d;font-family:Georgia,Times New Roman,serif}.game-button.primary{background:radial-gradient(circle at 30% 16%,#ffffff6b,#0000 24%),linear-gradient(#84d66e,#3f9e5a);box-shadow:0 8px #31693b6b,0 18px 28px #2d504e38}.map-screen{background:radial-gradient(circle at 14% 5%,#ffe4edc7,#0000 13%),linear-gradient(#d8eef6 0%,#a4dce8 48%,#65acc4 100%)}.map-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 0 12px;position:sticky;top:-8px}.map-header h1{color:#fff8df;font-family:Georgia,Times New Roman,serif;font-size:30px}.map-progress-card{z-index:4;color:#355a4b;background:radial-gradient(circle at 12% 0,#ffffffe6,#0000 34%),#fff9e5f0;border:2px solid #ffffffbf;border-radius:22px;width:min(100%,390px);margin:6px auto 0;padding:12px 16px 11px;position:relative;box-shadow:0 6px #4a6a5129,0 14px 25px #2c5e631f}.map-progress-heading{letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;font-weight:900;display:flex}.map-progress-heading strong{color:#a64b67;flex:none;font-size:15px}.map-progress-track{background:#4675652b;border-radius:999px;height:10px;margin-top:8px;overflow:hidden;box-shadow:inset 0 1px 3px #2a4d412e}.map-progress-track span{width:var(--progress-percent,0%);border-radius:inherit;background:linear-gradient(90deg,#6fc66c,#e8ad59);height:100%;display:block}.map-progress-card p,.next-milestone{color:#5a766a;margin:7px 0 0;font-size:11px;font-weight:850}.next-milestone{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.next-milestone strong{color:#8e4961;text-align:right}.saga-map{padding-top:8px}.map-river{background:linear-gradient(90deg,#ffffff6b,#0000 28% 72%,#ffffff3d),linear-gradient(#85edfa,#45bddf);width:34px;top:84px;bottom:52px}.map-zone-label{z-index:3;color:#38564a;background:#fff9e5e6;border:2px solid #ffffffb8;border-radius:24px;justify-items:center;width:min(86%,360px);margin:14px auto 30px;padding:12px 22px 11px;display:grid;position:relative;box-shadow:0 6px #4a6a5129,0 14px 25px #2c5e6324}.map-zone-label:before,.map-zone-label:after{content:"";background:#f4a8bf;border-radius:70% 30%;width:34px;height:16px;position:absolute;top:50%;transform:translateY(-50%)rotate(25deg)}.map-zone-label:before{left:18px}.map-zone-label:after{right:18px;transform:translateY(-50%)rotate(-25deg)}.map-zone-label span{color:#b65370;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:950}.map-zone-label strong{text-align:center;max-width:76%;font-family:Georgia,Times New Roman,serif;font-size:21px}.map-zone-label small{max-width:76%;color:var(--chapter-accent,#75675e);letter-spacing:.035em;text-align:center;font-size:10px;font-weight:850}.milestone-marker{z-index:3;border:2px solid #ffffffdb;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-style:normal;line-height:1;display:grid;position:absolute;box-shadow:0 4px #44472e38}.restoration-marker{color:#815220;background:#ffd778;top:5px;right:-12px}.collectible-marker{color:#275c6f;background:#8de3ed;bottom:4px;left:-12px}.level-node.mastery-milestone{outline-offset:4px;outline:3px solid #fff4ade0}.level-node.mastery-milestone.locked{outline-color:#e1ece680}.map-chapter{z-index:1;padding-top:1px;position:relative}.map-zone-label,.level-node{--chapter-card:#fff9e5f0;--chapter-top:#8ad56c;--chapter-bottom:#409c5a;--chapter-accent:#b65370}.map-zone-label.pearl-brook,.level-node.zone-pearl-brook{--chapter-card:#fff1e8f2;--chapter-top:#93d96f;--chapter-bottom:#4ca45e;--chapter-accent:#b65370}.map-zone-label.lotus-basin,.level-node.zone-lotus-basin{--chapter-card:#ffeff4f5;--chapter-top:#ec9fbd;--chapter-bottom:#b85f8b;--chapter-accent:#8d426f}.map-zone-label.koi-sanctuary,.level-node.zone-koi-sanctuary{--chapter-card:#fff5daf5;--chapter-top:#efb85f;--chapter-bottom:#cf7044;--chapter-accent:#9a4d37}.map-zone-label.granite-terraces,.level-node.zone-granite-terraces{--chapter-card:#eaf2f6f5;--chapter-top:#8fc6bd;--chapter-bottom:#517f7a;--chapter-accent:#5c708a}.map-zone-label.bamboo-heights,.level-node.zone-bamboo-heights{--chapter-card:#edf4dbf5;--chapter-top:#a4cc69;--chapter-bottom:#59874b;--chapter-accent:#6d783c}.map-zone-label.amber-ruins,.level-node.zone-amber-ruins{--chapter-card:#fbedd2f5;--chapter-top:#d9a453;--chapter-bottom:#97623b;--chapter-accent:#8b5535}.map-zone-label.cloudfall-compass,.level-node.zone-cloudfall-compass{--chapter-card:#f0f6f7f7;--chapter-top:#a4cdd2;--chapter-bottom:#5d8e9b;--chapter-accent:#4d7788}.map-zone-label.farshore-pass,.level-node.zone-farshore-pass{--chapter-card:#e1f5eff7;--chapter-top:#69bfa5;--chapter-bottom:#347c75;--chapter-accent:#a34f59}.map-zone-label.flowstone-gardens,.level-node.zone-flowstone-gardens{--chapter-card:#edebf9f7;--chapter-top:#9c91cb;--chapter-bottom:#5e5c99;--chapter-accent:#5a477e}.map-zone-label.lighthouse-crown,.level-node.zone-lighthouse-crown{--chapter-card:#fff3cff7;--chapter-top:#e0bd62;--chapter-bottom:#356a86;--chapter-accent:#8a4d42}.map-zone-label{background:var(--chapter-card)}.map-zone-label span,.map-zone-label small{color:var(--chapter-accent)}.level-node{--map-node-offset:clamp(78px, 25vw, 102px);background:linear-gradient(180deg, var(--chapter-top), var(--chapter-bottom));border:3px solid #ffffee85;margin-bottom:42px;box-shadow:0 9px #8b6441,0 18px 24px #20514f33}.level-node.offset-1,.level-node.offset-3{transform:translateX(calc(-1 * var(--map-node-offset)))}.level-node.offset-2{transform:translateX(var(--map-node-offset))}.level-node small{color:#2d453ad1;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;width:142px;font-size:9px;font-weight:900;position:absolute;top:70px;left:50%;overflow:hidden;transform:translate(-50%)}.level-node.completed{filter:saturate(.78);border-color:#fff2b2eb}.level-node.current{color:#684017;filter:none;background:radial-gradient(circle at 34% 23%,#ffffff57,#0000 22%),linear-gradient(#f4d86b,#d99336);border-color:#fff2a8;box-shadow:0 0 0 5px #fff6b380,0 9px #8b6441,0 18px 24px #20514f33}.level-node.current:before{background:#fff0a9}.level-node.locked,.level-node.locked:disabled{color:#67756f;cursor:not-allowed;filter:grayscale(.28);opacity:.82;background:linear-gradient(#a9bbb4,#748982);border-color:#ebf2eead;box-shadow:0 8px #68756f,0 14px 20px #2a423d2b}.level-node.locked:before{background:#dce1d7}.level-node.locked:after{background:#87948e;box-shadow:40px 9px #aebbb5,27px 37px #798781}.level-node.locked small{color:#53625c;letter-spacing:.08em;text-transform:uppercase}.level-hud-3d{padding-inline:clamp(0px,2vw,14px)}.level-badge,.icon-button{background:radial-gradient(circle at 34% 21%,#ffffffeb,#0000 25%),linear-gradient(#fff9e9,#e8f0d8);border-color:#ffffffc2;box-shadow:0 5px #556b4940,0 12px 20px #27505429}.level-badge small{color:#a54f69}.canvas-stage{height:auto;min-height:0;margin-top:4px}.bottom-controls{left:50%;bottom:max(14px, env(safe-area-inset-bottom));z-index:7;width:auto;padding:0;position:absolute;transform:translate(-50%)}.bottom-controls .icon-button{width:54px;height:54px;font-size:28px}.tutorial-coach{background:radial-gradient(circle at 22% 14%,#fffffff0,#0000 28%),linear-gradient(#fffae8f7,#ebf6e0f5);border-color:#ffffffd1;bottom:84px}.tutorial-step-pill{background:linear-gradient(#ef9bb4,#c85d7b);box-shadow:inset 0 -3px #7e2f4b3d}.game-toast{color:#8b342d;background:#ffebe6f7;border:2px solid #ffffffc7;animation:.34s ease-out both toastPulse;bottom:88px}.win-overlay-3d{background:radial-gradient(circle at 50% 38%,#ffeab04d,#0000 32%),#27535845}.win-card-3d{background:radial-gradient(circle at 20% 0,#fffffff0,#0000 28%),linear-gradient(#fff7e2fa,#ecf6ddf7);border-color:#ffffffd1;max-height:calc(100% - 28px);overflow-y:auto}.win-card-3d p{color:#b45770}.win-medal{background:linear-gradient(#f0b1c3,#d96c8b)}.win-announcement{gap:8px;margin-top:14px;display:grid}.reward-reveal,.finale-rewards,.mastery{border-radius:16px;padding:10px 12px}.reward-reveal{color:#5e451b;background:radial-gradient(circle at 18% 0,#fffc,#0000 32%),linear-gradient(#fff1b1,#f2ca70);gap:2px;animation:.48s cubic-bezier(.2,1.4,.32,1) both rewardRevealIn;display:grid;box-shadow:inset 0 -3px #7b542324}.reward-reveal.collectible{color:#285d66;background:linear-gradient(#d7fbf7,#9ee1de)}.reward-reveal.world{color:#67451b;background:linear-gradient(#fff2ae,#e6b95b)}.reward-reveal span,.finale-rewards span{letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:900}.reward-reveal strong,.finale-rewards strong{font-family:Georgia,Times New Roman,serif;font-size:17px}.finale-rewards{color:#6c4664;background:#fff0f7c2;border:1px solid #9f658938;gap:3px;display:grid}.mastery{color:#5d6670;background:#e4edead1;font-size:12px;font-weight:900}.mastery.earned{color:#356143;background:#d2f2bfe6}@keyframes petalDrift{0%{transform:translate(var(--x), var(--y)) rotate(var(--r))}to{transform:translate(calc(var(--x) + 16px), calc(var(--y) + 26px)) rotate(calc(var(--r) + 130deg))}}@keyframes toastPulse{0%{opacity:0;transform:translate(-50%)scale(.88)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes rewardRevealIn{0%{opacity:0;transform:translateY(14px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width>=700px){.level-screen-3d{padding-inline:24px}.canvas-stage{margin-inline:-24px}.level-badge{min-width:260px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reward-reveal{animation:none!important;transform:none!important}}