@import "https://miaoda.feishu.cn/fonts/css2?family=ZCOOL+KuaiLe&family=Noto+Sans+SC:wght@500;700;900&display=swap";.countdown{z-index:7;pointer-events:none;background:#261e692e;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.countdown span{color:#ffe45c;text-shadow:0 7px #c75a45,0 12px 28px #25196373;font-family:ZCOOL KuaiLe,sans-serif;font-size:112px;line-height:.9;animation:.65s both countPop}.countdown b{letter-spacing:.16em;background:#422580b8;border-radius:22px;margin-top:18px;padding:8px 18px;font-size:15px}@keyframes countPop{0%{opacity:0;transform:scale(.35)rotate(-8deg)}55%{transform:scale(1.15)rotate(2deg)}to{opacity:1;transform:scale(1)}}:root{color:#fff;font-synthesis:none;background:#5431b4;font-family:Noto Sans SC,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button{font:inherit}.app-shell{isolation:isolate;background:linear-gradient(165deg,#764fe3 0%,#a54ccf 43%,#ff548f 100%);width:100vw;max-width:520px;height:100dvh;margin:auto;position:relative;overflow:hidden}.sky-glow{z-index:-1;background:radial-gradient(circle,#ffd95552,#0000 64%);height:65%;position:absolute;inset:-20% -40% auto}.home-screen,.result-screen{height:100%;padding:max(20px,env(safe-area-inset-top)) 22px max(24px,env(safe-area-inset-bottom));flex-direction:column;align-items:center;display:flex;position:relative}.sound-button{right:20px;top:max(20px,env(safe-area-inset-top));color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3;background:#4a248447;border:1px solid #ffffff61;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute}.sound-button svg,.primary-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px}.sound-button svg{fill:#fff}.sound-off{background:#fff;width:26px;height:2px;position:absolute;transform:rotate(-45deg)}.island-mark{width:58px;height:28px;position:absolute;top:62px;left:18px}.island-mark i{background:#ffd95a;border-radius:50% 50% 38% 38%;position:absolute;bottom:0}.island-mark i:first-child{width:30px;height:18px;left:1px}.island-mark i:nth-child(2){background:#42dcc8;width:26px;height:25px;left:19px}.island-mark i:nth-child(3){background:#ff8e4f;width:18px;height:14px;right:0}.title-lockup{text-align:center;z-index:2;text-shadow:0 3px #59238b2e;margin-top:48px}.title-lockup p,.eyebrow{letter-spacing:.22em;color:#ffe57f;margin:0 0 8px;font-size:12px;font-weight:900}.title-lockup h1{letter-spacing:.02em;margin:0;font-family:ZCOOL KuaiLe,sans-serif;font-size:clamp(40px,11vw,56px);line-height:.96}.title-lockup h1 span{color:#ffd74e;margin-bottom:6px;font-size:.72em;display:block}.title-lockup b{background:#6541bd;border-radius:20px;margin-top:13px;padding:6px 14px;font-size:14px;display:inline-block}.hero-wrap{flex:1;justify-content:center;align-items:center;width:min(96vw,480px);min-height:270px;display:flex;position:relative}.hero-wrap img{filter:drop-shadow(0 18px 14px #311e6c47);z-index:2;width:min(110%,490px);animation:3s ease-in-out infinite heroFloat;position:relative}.sun-disc{background:radial-gradient(circle at 35% 30%,#fff3a6,#ffb63f 62%,#ff7667);border-radius:50%;width:270px;height:270px;position:absolute;box-shadow:0 0 0 18px #ffffff0f}.energy-orb{z-index:3;background:radial-gradient(circle at 30% 25%,#fff,#ffe351 38%,#ff882a);border-radius:50%;position:absolute;box-shadow:0 0 22px #ffd34d}.orb-a{width:34px;height:34px;animation:2.4s ease-in-out infinite orb;top:31%;left:9%}.orb-b{width:24px;height:24px;animation:2s ease-in-out .5s infinite orb;top:20%;right:8%}.primary-button{color:#633281;cursor:pointer;z-index:3;background:linear-gradient(#ffe25a,#ffb92e);border:0;border-radius:23px;justify-content:center;align-items:center;gap:10px;min-width:230px;min-height:62px;font-size:20px;font-weight:900;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 8px #df711f,0 14px 28px #3f1d6a47}.primary-button:active{transform:translateY(6px);box-shadow:0 2px #df711f,0 8px 18px #3f1d6a40}.primary-button svg{fill:#633281}.micro-copy{opacity:.78;z-index:2;margin:18px 0 0;font-size:12px;font-weight:700}.waves{z-index:-1;height:78px;position:absolute;inset:auto 0 0}.waves i{opacity:.4;background:#45d9d0;border-radius:50% 50% 0 0;width:120%;height:75px;animation:5s ease-in-out infinite wave;position:absolute;left:-10%}.waves i:nth-child(2){background:#299bc8;animation-delay:-1.5s;bottom:-30px}.waves i:nth-child(3){background:#176aab;animation-delay:-3s;bottom:-51px}.game-screen{background:#167fb6;height:100%;position:relative}.game-screen canvas{touch-action:none;width:100%;height:100%;display:block}.game-hud{inset:max(12px,env(safe-area-inset-top)) 10px auto;z-index:5;grid-template-columns:44px 1fr 60px 44px;align-items:start;gap:8px;display:grid;position:absolute}.hud-button{color:#fff;background:#36227aa6;border:1px solid #ffffff61;border-radius:15px;height:44px;font-size:30px;font-weight:900;box-shadow:0 4px 12px #162f6733}.hud-button.pause{font-size:18px}.meter,.timer{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#4a2684d1;border:1px solid #ffffff47;border-radius:17px;padding:7px 10px;box-shadow:0 5px 16px #192a6340}.meter span,.timer span,.meter small,.timer small{opacity:.82;font-size:9px;font-weight:800}.meter strong{color:#ffe05b;font-size:19px;display:block}.meter div{background:#3b286f;border-radius:8px;height:7px;overflow:hidden}.meter i{background:linear-gradient(90deg,#ff9442,#ffe55b);border-radius:8px;height:100%;transition:width .3s;display:block}.meter small{margin:-21px 0 0 62px;position:absolute}.timer{text-align:center;padding:6px}.timer strong{color:#fff;font-size:24px;line-height:1;display:block}.timer.urgent{background:#d83e6b;animation:.6s infinite pulse}.game-tip{z-index:4;bottom:max(20px,env(safe-area-inset-bottom));pointer-events:none;background:#3e2478d1;border-radius:22px;width:max-content;max-width:88%;padding:10px 18px;font-size:13px;font-weight:900;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 5px 16px #1f1c5b40}.game-tip.combo{color:#ffe55b;animation:.55s 2 pulse}.pause-card{z-index:8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;background:#311e69b8;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pause-card b{color:#ffe15a;font-family:ZCOOL KuaiLe;font-size:42px}.pause-card p{margin:10px 0 25px}.pause-card button{color:#613281;background:#ffe05a;border:0;border-radius:18px;padding:14px 32px;font-size:17px;font-weight:900}.result-screen{text-align:center;background:radial-gradient(circle at 50% 30%,#ffe65980,#0000 36%);justify-content:center}.result-screen h2{color:#fff;margin:4px 0;font-family:ZCOOL KuaiLe;font-size:42px}.stars{gap:8px;margin:2px 0 0;display:flex}.stars span{color:#6b45ae;text-shadow:0 2px #ffffff2e;font-size:42px}.stars .earned{color:#ffe05b;animation:.5s backwards starPop}.stars .earned:nth-child(2){animation-delay:.18s}.stars .earned:nth-child(3){animation-delay:.36s}.result-doudou{filter:drop-shadow(0 14px 14px #3419684d);width:min(70vw,320px);margin:-16px 0 -25px;animation:2.5s infinite heroFloat}.score-card{text-align:left;background:#4d2b93a6;border:1px solid #ffffff47;border-radius:21px;grid-template-columns:1fr auto;width:240px;margin-bottom:18px;padding:10px 18px;display:grid}.score-card span,.score-card small{font-size:11px}.score-card strong{color:#ffe05b;grid-area:1/2/3;font-size:32px}.text-button{color:#fff;text-underline-offset:5px;background:0 0;border:0;margin-top:18px;text-decoration:underline}.result-burst{z-index:-1;border:2px dashed #ffe65e47;border-radius:50%;width:330px;height:330px;animation:18s linear infinite spin;position:absolute}@keyframes heroFloat{50%{transform:translateY(-8px)rotate(1deg)}}@keyframes orb{50%{transform:translateY(-12px)scale(1.08)}}@keyframes wave{50%{transform:translate(5%)translateY(8px)}}@keyframes pulse{50%{transform:scale(1.05)}}@keyframes starPop{0%{opacity:0;transform:scale(.2)rotate(-30deg)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=650px){body{background:#332074}.app-shell{box-shadow:0 0 70px #00000059}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hero-wrap{min-height:210px;overflow:visible}.hero-wrap img{object-fit:contain;width:min(104%,460px);max-height:45dvh}.sun-disc{width:min(64vw,270px);height:min(64vw,270px)}@media (height<=760px){.home-screen{padding-top:12px;padding-bottom:14px}.title-lockup{margin-top:30px}.title-lockup h1{font-size:38px}.hero-wrap{min-height:190px}.hero-wrap img{max-height:42dvh}.primary-button{min-height:56px}.micro-copy{margin-top:12px}}.app-shell{width:100vw;max-width:none;height:100dvh}.rotate-hint{display:none}@media (orientation:landscape){.home-screen{grid-template-rows:1fr auto auto;grid-template-columns:42% 58%;padding:clamp(14px,3vh,28px) clamp(24px,5vw,64px);display:grid}.home-screen .title-lockup{text-align:left;grid-area:1/1;align-self:center;margin:0}.home-screen .title-lockup h1{font-size:clamp(40px,7vw,76px)}.home-screen .title-lockup h1 span{font-size:.6em}.home-screen .hero-wrap{grid-area:1/2/4;width:100%;min-height:0}.home-screen .hero-wrap img{width:min(88%,620px);max-height:88dvh}.home-screen .sun-disc{width:min(34vw,360px);height:min(34vw,360px)}.home-screen .primary-button{grid-area:2/1;justify-self:start}.home-screen .micro-copy{grid-area:3/1;justify-self:start}.home-screen .waves{height:46px}.home-screen .island-mark{top:24px;left:auto;right:34px}.result-screen{grid-template-rows:auto auto auto auto;grid-template-columns:1fr 1fr;column-gap:5vw;padding:12px 8vw;display:grid}.result-screen .eyebrow{grid-column:1;align-self:end}.result-screen h2{grid-column:1;font-size:clamp(34px,5vw,58px)}.result-screen .stars{grid-column:1;justify-content:center}.result-doudou{grid-area:1/2/5;width:min(42vw,430px);margin:auto}.score-card,.result-screen>.primary-button{grid-column:1;justify-self:center}.text-button{grid-column:1}.result-burst{top:50%;left:58%;transform:translate(-50%,-50%)}}.hero-screen{background:radial-gradient(circle at 50% 10%,#ffe25f40,#0000 33%);grid-template-rows:auto 1fr auto;gap:clamp(10px,2vh,22px);height:100%;padding:clamp(12px,2.8vh,28px) clamp(24px,4vw,60px);display:grid}.hero-screen header{text-align:center}.hero-screen header h2{margin:0;font-family:ZCOOL KuaiLe;font-size:clamp(32px,5vw,58px)}.hero-screen header span{opacity:.8;font-size:12px}.hero-back{color:#fff;z-index:2;background:#3d237b94;border:1px solid #ffffff4d;border-radius:15px;width:46px;height:46px;font-size:32px;position:absolute;top:20px;left:24px}.hero-roster{justify-content:center;align-items:stretch;gap:clamp(8px,1.4vw,18px);min-height:0;display:flex}.hero-card{color:#fff;background:#4f2b977a;border:2px solid #ffffff38;border-radius:24px;width:min(17vw,190px);min-width:120px;padding:8px;transition:all .18s;position:relative;overflow:hidden;box-shadow:0 10px 28px #2f196433}.hero-card.selected{background:#713db9bf;border-color:#ffe25b;transform:translateY(-8px);box-shadow:0 10px #d67b28,0 18px 36px #2f196452}.hero-card.locked{filter:saturate(.72)}.hero-card.locked:after{content:"";background:linear-gradient(#0000 45%,#2d1f60b3);position:absolute;inset:0}.hero-portrait{justify-content:center;align-items:center;height:min(28vh,220px);min-height:110px;display:flex}.hero-portrait img{object-fit:contain;filter:drop-shadow(0 10px 10px #28165538);width:100%;height:100%}.hero-card>b,.hero-card>small,.hero-card>em{z-index:2;display:block;position:relative}.hero-card>b{font-size:clamp(14px,1.8vw,22px)}.hero-card>small{color:#ffe264;font-weight:800}.hero-card>em{background:#301e65b8;border-radius:10px;margin-top:6px;padding:4px;font-size:10px;font-style:normal}.hero-detail{justify-content:center;align-items:center;gap:5vw;display:flex}.hero-detail>div span{opacity:.7;font-size:10px;display:block}.hero-detail>div strong{font-size:clamp(18px,2.6vw,30px)}.hero-detail p{margin:2px 0 0;font-size:12px}.hero-detail .primary-button{min-width:190px;min-height:52px}.app-shell[data-screen-label=game]{background:#342377;place-items:center;display:grid}.game-screen{width:min(100vw,177.778dvh);height:min(100dvh,56.25vw);margin:auto;overflow:hidden;box-shadow:0 0 42px #10164652}.game-hud{z-index:6;inset:auto;top:max(14px,env(safe-area-inset-top));align-items:stretch;gap:8px;width:auto;display:flex;position:absolute}.game-hud-left{left:max(16px,env(safe-area-inset-left));width:min(36%,330px)}.game-hud-right{right:max(16px,env(safe-area-inset-right))}.game-hud .hud-button{border-radius:16px;flex:0 0 48px;height:54px}.game-hud .meter{flex:1;grid-template-rows:15px 20px 7px;grid-template-columns:1fr auto;align-items:center;column-gap:10px;min-width:0;height:54px;padding:6px 12px;display:grid}.game-hud .meter span{grid-area:1/1}.game-hud .meter strong{grid-area:2/1;line-height:1}.game-hud .meter small{white-space:nowrap;grid-area:1/2/3;align-self:end;margin:0;padding-bottom:2px;position:static}.game-hud .meter div{grid-area:3/1/auto/3}.game-hud .timer{grid-template-rows:15px 1fr;grid-template-columns:1fr auto;align-items:center;width:94px;height:54px;padding:5px 8px;display:grid}.game-hud .timer span{grid-column:1/3}.game-hud .timer strong{text-align:right;grid-area:2/1}.game-hud .timer small{grid-area:2/2;align-self:end;padding:0 6px 3px 2px}.active-hero-label{display:none}.game-tip{bottom:max(12px,env(safe-area-inset-bottom));font-size:12px;left:50%}.countdown{background:#261e691f}@media (orientation:portrait) and (width<=700px){.rotate-hint{z-index:30;text-align:center;color:#fff;background:linear-gradient(160deg,#7049dd,#ff4f96);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.rotate-hint span{font-size:72px;animation:1.8s ease-in-out infinite turnPhone}.rotate-hint b{font-family:ZCOOL KuaiLe;font-size:28px}.rotate-hint small{opacity:.78;margin-top:8px}.app-shell>:not(.rotate-hint){visibility:hidden}@keyframes turnPhone{50%{transform:rotate(90deg)}}}@media (height<=430px) and (orientation:landscape){.hero-screen{gap:6px;padding:8px 24px}.hero-screen header h2{font-size:30px}.hero-screen header span{display:none}.hero-portrait{height:41vh}.hero-detail .primary-button{min-height:46px}.game-hud{top:max(7px,env(safe-area-inset-top));gap:5px}.game-hud-left{left:max(8px,env(safe-area-inset-left));width:35%}.game-hud-right{right:max(8px,env(safe-area-inset-right))}.game-hud .hud-button{border-radius:12px;flex-basis:40px;height:42px}.game-hud .meter{grid-template-rows:11px 16px 6px;height:42px;padding:3px 8px}.game-hud .meter strong{font-size:15px}.game-hud .meter small{font-size:8px}.game-hud .timer{grid-template-rows:11px 1fr;width:74px;height:42px;padding:3px 5px}.game-hud .timer strong{font-size:20px}.game-tip{padding:7px 13px;bottom:8px}.active-hero-label{width:118px;padding:3px 7px;top:5px}.active-hero-label b{font-size:12px}.active-hero-label small{display:none}}.hud-button{text-shadow:0 2px #2c165b80;cursor:pointer;background:linear-gradient(#6f47bef0,#3d2281f0);border-color:#ffffffa3;transition:transform .12s,box-shadow .12s;position:relative;box-shadow:inset 0 2px #fff3,0 5px #2d18699e,0 9px 18px #162f673d}.hud-button:active{transform:translateY(3px);box-shadow:inset 0 2px #ffffff29,0 2px #2d18699e,0 5px 10px #162f6733}.meter,.timer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#5830a2f0,#382277e8);border-color:#fff9;position:relative;overflow:hidden;box-shadow:inset 0 2px #ffffff29,inset 0 -3px #2615573d,0 6px #281a5e52,0 12px 24px #192a6338}.meter:after,.timer:after{content:"";pointer-events:none;background:linear-gradient(#ffffff24,#0000);border-radius:14px;height:35%;position:absolute;inset:1px 8px auto}.meter span,.timer span,.meter small,.timer small{z-index:1;letter-spacing:.03em;opacity:.9;font-weight:900;position:relative}.meter strong{z-index:1;color:#ffe66a;text-shadow:0 2px #9e4c54;position:relative}.meter div{z-index:1;border:1px solid #ffffff1f;position:relative}.meter i{background:linear-gradient(90deg,#ff8047,#ffc840 58%,#fff074);box-shadow:0 0 9px #ffe053bf}.timer strong{z-index:1;text-shadow:0 2px #2a175c8f;position:relative}.timer.urgent{background:linear-gradient(145deg,#f15a80,#b92d61);border-color:#ffe5a6;animation:.65s infinite hudUrgent}.danger-vignette{z-index:3;pointer-events:none;animation:.7s infinite dangerBeat;position:absolute;inset:0;box-shadow:inset 0 0 70px #ff2d6680}.time-urgent canvas{animation:.7s infinite dangerTint}.game-tip{text-shadow:0 2px #26185680;background:linear-gradient(#57329eed,#352171e6);border:1px solid #ffffff85;box-shadow:inset 0 2px #ffffff29,0 5px #27195b4d,0 11px 20px #1f1c5b38}.game-tip.combo{animation:.55s 2 tipCombo}@keyframes hudUrgent{50%{filter:brightness(1.16);transform:scale(1.06)}}@keyframes tipCombo{50%{transform:translate(-50%)scale(1.07)}}@keyframes dangerBeat{50%{opacity:.42;box-shadow:inset 0 0 38px #ff2d6657}}@keyframes dangerTint{50%{filter:saturate(1.08)brightness(.96)}}@media (prefers-reduced-motion:reduce){.timer.urgent,.danger-vignette,.time-urgent canvas,.game-tip.combo{animation:none}}.map-screen,.prep-screen{background:radial-gradient(circle at 50% 22%,#ffee8159,#0000 31%),linear-gradient(165deg,#7051df 0%,#8d51d8 45%,#ff6695 100%);width:100%;height:100%;position:relative;overflow:hidden}.map-screen>.hero-back,.prep-screen>.hero-back{z-index:20}.map-screen header{z-index:5;text-align:left;position:absolute;top:5%;left:8%}.map-screen header h2,.prep-copy h2{text-shadow:0 5px #5c2b8a40;margin:0;font:400 clamp(38px,5.4vw,66px)/.95 ZCOOL KuaiLe,sans-serif}.map-screen header span{opacity:.82;font-size:12px;font-weight:800}.map-status{z-index:5;background:linear-gradient(145deg,#5b34a5eb,#362274e6);border:1px solid #ffffff8c;border-radius:19px;grid-template-columns:1fr auto;align-items:center;min-width:142px;padding:10px 16px;display:grid;position:absolute;top:5%;right:5%;box-shadow:inset 0 2px #ffffff29,0 6px #2f1c6959}.map-status span{opacity:.75;font-size:10px;font-weight:900}.map-status strong{color:#ffe565;grid-area:1/2/3;font-size:25px}.map-status i{color:#ffe565;font-size:12px;font-style:normal;font-weight:900}.island-map{isolation:isolate;position:absolute;inset:18% 4% 7%}.island-body{background:radial-gradient(circle at 44% 20%,#fff4a1 0 7%,#0000 8%),linear-gradient(160deg,#9bed85,#43ca9d 58%,#199fa0);border:6px solid #ffffff42;border-radius:49% 43% 38% 52%;position:absolute;inset:16% 10% 3% 12%;box-shadow:inset 0 -24px #207b8c47,0 22px 40px #2323704d}.island-body:after{content:"";background:radial-gradient(circle at 18% 74%,#ff9f64 0 5%,#0000 5.5%),radial-gradient(circle at 72% 23%,#ffce5b 0 7%,#0000 7.5%),radial-gradient(circle at 78% 76%,#e579cb 0 6%,#0000 6.5%),radial-gradient(circle at 42% 54%,#ffffff47 0 8%,#0000 8.5%);border-radius:50%;position:absolute;inset:12% 9%}.island-body i{background:linear-gradient(90deg,#f190ba,#ffe6a8,#ee74b6);border-radius:45% 45% 14px 14px;width:34px;height:72px;position:absolute;box-shadow:inset -6px 0 #82348b26}.island-body i:after{content:"";background:#ffcd63;border-radius:50%;width:62px;height:34px;position:absolute;top:-20px;left:-15px}.island-body i:first-child{top:22%;left:16%;transform:scale(.8)}.island-body i:nth-child(2){top:8%;left:48%;transform:scale(1.15)}.island-body i:nth-child(3){top:33%;right:17%;transform:scale(.72)}.island-body i:nth-child(4){bottom:10%;left:35%;transform:scale(.6)}.map-route{z-index:2;filter:drop-shadow(0 3px #572f8f33);border-top:5px dashed #ffffffb8;height:8px;position:absolute;top:55%;left:20%;right:17%;transform:rotate(-7deg)}.level-node{z-index:4;color:#fff;cursor:pointer;text-shadow:0 2px #351f6973;background:0 0;border:0;flex-direction:column;align-items:center;width:112px;display:flex;position:absolute}.level-node>span{background:linear-gradient(#7452d9,#5133a9);border:3px solid #ffffffb8;border-radius:19px;place-items:center;width:52px;height:52px;font-size:22px;font-weight:900;transition:all .18s;display:grid;box-shadow:0 6px #3e2887,0 10px 18px #2d1f6559}.level-node>b{white-space:nowrap;margin-top:7px;font-size:12px}.level-node>small{color:#ffe466;min-height:15px;font-size:10px;font-weight:900}.level-node small i{color:#ffffff4d;font-style:normal}.level-node small i.earned{color:#ffe361}.level-node.completed>span{background:linear-gradient(#56e0b6,#1baf98);box-shadow:0 6px #147e83,0 0 24px #63ffd480}.level-node.current>span{color:#684082;background:linear-gradient(#ffe962,#ffad39);animation:1.5s infinite nodeBounce;box-shadow:0 6px #d96d34,0 0 28px #ffe255bf}.level-node:disabled{opacity:.58;cursor:not-allowed}.node-1{top:55%;left:15%}.node-2{top:27%;left:32%}.node-3{top:56%;left:51%}.node-4{top:26%;left:68%}.node-5{top:53%;right:3%}.island-flag{z-index:3;flex-direction:column;align-items:center;display:flex;position:absolute;top:10%;left:50%}.island-flag b{background:#ff5f8f;border-radius:8px 20px 20px 8px;place-items:center;width:45px;height:38px;font:28px ZCOOL KuaiLe;display:grid;box-shadow:0 5px #b53f7c}.island-flag span{margin-top:5px;font-size:10px;font-weight:900}.island-cloud{background:#ffffff40;border-radius:50%;width:130px;height:38px;position:absolute}.cloud-a{top:16%;left:3%}.cloud-b{bottom:8%;right:1%;transform:scale(.75)}.map-legend{z-index:5;gap:14px;font-size:9px;font-weight:800;display:flex;position:absolute;bottom:3%;right:4%}.map-legend span{align-items:center;gap:4px;display:flex}.map-legend i{background:#5738ac;border-radius:4px;width:10px;height:10px}.map-legend .done{background:#29bea0}.map-legend .now{background:#ffc344}.prep-screen{grid-template-columns:48% 52%;align-items:center;padding:4% 8%;display:grid}.prep-art{place-items:center;height:82%;display:grid;position:relative}.prep-art:before{content:"";aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#fff6ad,#ffb747 60%,#f36a8e);border-radius:50%;width:min(36vw,390px);position:absolute;box-shadow:0 0 0 22px #ffffff12}.prep-art img{object-fit:contain;filter:drop-shadow(0 20px 18px #2c1b6247);width:min(42vw,450px);max-height:82vh;animation:3s infinite heroFloat;position:relative}.prep-orb{z-index:3;color:#65357f;background:linear-gradient(#ffe968,#ffad37);border-radius:25px;place-items:center;width:70px;height:70px;font:44px ZCOOL KuaiLe;display:grid;position:absolute;top:12%;left:9%;box-shadow:0 8px #d96a31}.prep-copy{z-index:2;max-width:520px;position:relative}.prep-copy>b{color:#ffe472;margin:10px 0 0;display:block}.level-feature{background:#4628898c;border-radius:15px;margin:18px 0 12px;padding:10px 14px;font-size:12px;font-weight:800}.level-goals{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.level-goals div{background:#58309f94;border:1px solid #ffffff6b;border-radius:16px;padding:9px 12px;box-shadow:inset 0 2px #ffffff1a}.level-goals span,.prep-hero>span{opacity:.75;font-size:9px;font-weight:900;display:block}.level-goals strong{color:#ffe462;font-size:21px}.prep-hero{background:#ffffff1f;border-radius:16px;grid-template-rows:auto auto auto;grid-template-columns:42px 1fr;align-items:center;margin:12px 0;padding:8px 12px;display:grid}.prep-hero img{object-fit:contain;grid-row:1/4;width:36px;height:36px}.prep-hero b{font-size:13px}.prep-hero small{color:#ffe56a;font-size:9px}.saved-result{color:#c8fff3;margin:0 0 8px;font-size:10px}.prep-copy .primary-button{min-width:210px;min-height:54px;font-size:17px}.result-screen{overflow:hidden}.result-screen.success{background:radial-gradient(circle at 64% 48%,#ffeb6973,#0000 28%),linear-gradient(160deg,#6b50da,#ff6093)}.result-screen.failure{background:radial-gradient(circle at 64% 48%,#68dbe03d,#0000 30%),linear-gradient(160deg,#6150c7,#8a66c8)}.result-copy,.result-actions{z-index:3;position:relative}.result-copy>p:not(.eyebrow){margin:4px 0 8px;font-size:13px;font-weight:800}.result-actions{flex-direction:column;align-items:center;display:flex}.unlock-toast{background:linear-gradient(90deg,#28bda4,#4fd7b1);border:1px solid #ffffff80;border-radius:18px;margin:5px auto 0;padding:7px 14px;font-size:11px;font-weight:900;animation:.65s .4s backwards unlockPop;box-shadow:0 5px #147a7b66}.energy-path{z-index:0;border-top:4px dotted #ffef8080;border-bottom:0;border-left:0;border-right:4px dotted #ffef8080;border-radius:50%;width:45%;height:70%;animation:1.2s infinite energyGlow;position:absolute;top:14%;left:44%;transform:rotate(12deg)}.confetti{z-index:1;background:#ffe561;border-radius:5px;width:9px;height:18px;animation:1.8s infinite confettiFly;position:absolute;top:48%;left:50%}.confetti:nth-of-type(3n){background:#4de0c7}.confetti:nth-of-type(3n+1){background:#ff6b9b}.confetti-1{--x:-340px;--y:-160px}.confetti-2{--x:-260px;--y:100px}.confetti-3{--x:-130px;--y:-210px}.confetti-4{--x:40px;--y:-190px}.confetti-5{--x:170px;--y:-170px}.confetti-6{--x:310px;--y:-90px}.confetti-7{--x:340px;--y:120px}.confetti-8{--x:230px;--y:180px}.confetti-9{--x:80px;--y:220px}.confetti-10{--x:-80px;--y:210px}.confetti-11{--x:-230px;--y:180px}.confetti-12{--x:-330px;--y:40px}.performance-lite .danger-vignette{animation:none;box-shadow:inset 0 0 35px #ff2d6652}.performance-lite canvas{image-rendering:auto}.app-shell[data-performance=lite] .sky-glow,.app-shell[data-performance=lite] .result-burst,.app-shell[data-performance=lite] .energy-path,.app-shell[data-performance=lite] .confetti{animation:none}.app-shell[data-performance=lite] .confetti:nth-of-type(n+7){display:none}@keyframes nodeBounce{50%{transform:translateY(-5px)scale(1.04)}}@keyframes unlockPop{0%{opacity:0;transform:scale(.4)rotate(-4deg)}}@keyframes energyGlow{50%{filter:drop-shadow(0 0 12px #fff098);opacity:.5}}@keyframes confettiFly{0%{opacity:0;transform:translate(0)rotate(0)}18%{opacity:1}to{transform:translate(var(--x),var(--y)) rotate(420deg);opacity:0}}@media (orientation:landscape){.result-screen{grid-template-rows:1fr 1fr;grid-template-columns:46% 54%;padding:4% 8%}.result-copy{grid-area:1/1;align-self:end}.result-copy h2{font-size:clamp(34px,4.5vw,58px)}.result-copy .stars{justify-content:center}.result-doudou{grid-area:1/2/3}.result-actions{grid-area:2/1;align-self:start}.result-actions .score-card{margin:6px 0 12px}.result-actions .text-button{margin-top:12px}}@media (height<=430px) and (orientation:landscape){.map-screen header{top:3%;left:12%}.map-screen header h2{font-size:35px}.map-screen header span{display:none}.map-status{padding:6px 12px;top:4%}.island-map{inset:14% 3% 3%}.level-node{width:82px}.level-node>span{border-radius:15px;width:42px;height:42px;font-size:18px}.level-node>b{margin-top:4px;font-size:9px}.level-node>small{font-size:8px}.node-5{right:0}.map-legend{display:none}.prep-screen{padding:2% 7%}.prep-art{height:90%}.prep-art img{max-height:88vh}.prep-orb{border-radius:18px;width:52px;height:52px;font-size:32px}.prep-copy h2{font-size:35px}.level-feature{margin:8px 0;padding:7px 10px}.level-goals div{padding:5px 8px}.level-goals strong{font-size:16px}.prep-hero{margin:7px 0;padding:4px 8px}.prep-copy .primary-button{min-height:46px}.result-screen{padding:2% 8%}.result-copy h2{margin:2px;font-size:34px}.result-copy>p:not(.eyebrow){display:none}.result-copy .stars span{font-size:31px}.result-doudou{width:min(40vw,360px)}.result-actions .score-card{margin:4px 0 8px;padding:6px 14px}.result-actions .primary-button{min-height:46px}.unlock-toast{padding:5px 10px}}.hero-card>span{color:#bffcf0;margin-top:3px;font-size:9px;font-weight:900;display:block}.hero-card>i{z-index:4;color:#fff;background:#31c6a5;border-radius:10px;padding:3px 7px;font-size:8px;font-style:normal;font-weight:900;position:absolute;top:7px;right:7px}.hero-card.active:not(.selected){border-color:#4eebc9cc}.hero-detail>div{max-width:520px}.hero-detail>div>small{color:#c7fff3;margin-top:5px;font-size:9px;font-weight:700;display:block}.primary-button.locked-action{color:#e9e4f5;cursor:not-allowed;background:linear-gradient(#9b8bbb,#74639a);box-shadow:0 6px #514473}.primary-button.locked-action:active{transform:none;box-shadow:0 6px #514473}.prop-picker{background:#37227a6b;border:1px solid #ffffff38;border-radius:17px;margin:8px 0 9px;padding:8px 10px}.prop-heading{justify-content:space-between;align-items:center;margin:0 2px 6px;font-size:9px;font-weight:800;display:flex}.prop-heading b{color:#ffe568;font-size:10px}.prop-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.prop-grid button{color:#fff;text-align:left;cursor:pointer;background:#ffffff1a;border:2px solid #0000;border-radius:13px;align-items:center;gap:6px;min-width:0;padding:6px;display:flex}.prop-grid button.selected{background:linear-gradient(145deg,#ffd25247,#50ebcc2e);border-color:#ffe362;box-shadow:0 3px #e07029b3}.prop-grid i{color:#66347f;background:linear-gradient(#ffe563,#ff9b38);border-radius:10px;flex:0 0 28px;place-items:center;height:28px;font-size:18px;font-style:normal;font-weight:900;display:grid}.prop-grid span{min-width:0}.prop-grid b,.prop-grid small{display:block}.prop-grid b{white-space:nowrap;font-size:9px}.prop-grid small{opacity:.75;font-size:7px;line-height:1.2}.active-prop-label{z-index:6;right:max(17px,env(safe-area-inset-right));background:#432482c2;border:1px solid #ffffff59;border-radius:13px;align-items:center;gap:5px;padding:5px 9px;font-size:9px;font-weight:900;display:flex;position:absolute;top:77px;box-shadow:0 5px 12px #19235b33}.active-prop-label span{color:#60347f;background:#ffe45f;border-radius:8px;place-items:center;width:20px;height:20px;font-size:14px;display:grid}.reward-row{justify-content:center;gap:6px;margin:6px 0 0;display:flex}.reward-row span{background:#2bc6a7cc;border-radius:12px;padding:5px 9px;font-size:9px;font-weight:900;box-shadow:0 3px #18707380}.collection-total{background:#ffffff1a;border-radius:13px;align-items:center;gap:7px;margin:-3px 0 8px;padding:5px 9px;font-size:8px;display:flex}.collection-total span{opacity:.75}.collection-total b{color:#ffe465}.result-actions .primary-button{min-height:50px}@media (height<=430px) and (orientation:landscape){.hero-card>span{display:none}.hero-card>i{padding:2px 5px;font-size:7px}.hero-detail>div>small,.prep-screen .prep-hero{display:none}.prop-picker{margin:5px 0;padding:5px 7px}.prop-heading{margin-bottom:4px}.prop-grid button{padding:3px 4px}.prop-grid i{flex-basis:23px;height:23px;font-size:14px}.prop-grid small{display:none}.active-prop-label{padding:3px 6px;top:53px;right:9px}.active-prop-label span{width:16px;height:16px;font-size:11px}.reward-row{margin-top:3px}.reward-row span{padding:3px 6px}.collection-total{margin:-3px 0 4px;padding:3px 7px}.result-actions .primary-button{min-height:42px}}.island-tabs{z-index:12;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#361f7480;border-radius:18px;gap:7px;padding:5px;display:flex;position:absolute;top:4%;left:50%;transform:translate(-50%)}.island-tabs button{color:#ffffffa6;cursor:pointer;background:0 0;border:0;border-radius:13px;padding:8px 14px;font-size:11px;font-weight:900}.island-tabs button.active{color:#65367f;background:linear-gradient(#ffe463,#ffad3c);box-shadow:0 4px #cf6936}.island-tabs button:disabled{opacity:.45;cursor:not-allowed}.map-forest{background:linear-gradient(155deg,#203d79,#1b8e8b 52%,#4bc184)}.map-forest .island-body{background:radial-gradient(circle at 45% 18%,#d8ff9a 0 6%,#0000 7%),linear-gradient(160deg,#4dd69b,#167b75 58%,#144d6c);box-shadow:inset 0 -24px #0c3f5057,0 22px 40px #0f24566b}.map-forest .island-body:after{background:radial-gradient(circle at 18% 74%,#7affcb 0 5%,#0000 5.5%),radial-gradient(circle at 72% 23%,#d9ff66 0 7%,#0000 7.5%),radial-gradient(circle at 78% 76%,#75a7ff 0 6%,#0000 6.5%),radial-gradient(circle at 42% 54%,#dfff9840 0 8%,#0000 8.5%)}.map-forest .island-body i{background:linear-gradient(90deg,#145f67,#72efb0,#174e68)}.map-forest .island-body i:after{background:#b9f672}.map-forest .island-flag b{background:#48d09c;box-shadow:0 5px #147b75}.prep-forest{background:radial-gradient(circle at 23% 36%,#b0ff8140,#0000 25%),linear-gradient(140deg,#24427b,#177d7a 58%,#3eb78e)}.pity-notice{color:#553577;background:linear-gradient(90deg,#ffe05be6,#5cebc6d9);border-radius:13px;margin:7px 0;padding:7px 10px;font-size:10px;font-weight:900}.pity-label{z-index:6;color:#563474;background:linear-gradient(90deg,#ffc337e6,#40d3b5e6);border:1px solid #ffffff73;border-radius:14px;padding:6px 11px;font-size:9px;font-weight:900;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #232f6738}.pity-label span{color:#fff}.finale-screen{text-align:center;background:radial-gradient(circle at 50% 35%,#fff5a1 0 5%,#47dfc5 25%,#4c6fcd 58%,#5431a7 100%);flex-direction:column;justify-content:center;align-items:center;height:100%;padding:4%;display:flex;position:relative;overflow:hidden}.finale-screen h2{text-shadow:0 5px #47257d40;margin:3px 0;font:400 clamp(34px,6vw,62px)/1 ZCOOL KuaiLe}.finale-screen>p:not(.eyebrow){margin:6px 0 0;font-size:12px;font-weight:800}.finale-rays{background:repeating-conic-gradient(#ffffff29 0 8deg,transparent 8deg 20deg);border-radius:50%;width:720px;height:720px;animation:30s linear infinite spin;position:absolute}.finale-cast{z-index:2;justify-content:center;align-items:flex-end;width:min(760px,90vw);height:min(310px,45vh);margin:-15px 0 -28px;display:flex;position:relative}.finale-cast img{object-fit:contain;filter:drop-shadow(0 12px 10px #221f684d);width:21%;max-height:100%;transform:translateY(calc(abs(var(--i) - 2) * 9px));animation:2.2s ease-in-out infinite heroFloat;animation-delay:calc(var(--i)*-.16s)}.finale-cast img:first-child{width:26%}.finale-stars{z-index:2;color:#ffe45f;letter-spacing:.25em;text-shadow:0 3px #d66c35;margin-bottom:10px;font-size:27px}.finale-screen .primary-button,.finale-screen .text-button{z-index:3}.finale-screen .text-button{margin-top:9px}@media (height<=430px) and (orientation:landscape){.island-tabs{padding:3px;top:2%}.island-tabs button{padding:5px 10px;font-size:9px}.map-screen header{left:8%}.pity-notice{margin:3px 0;padding:4px 8px;font-size:8px}.pity-label{padding:3px 7px;top:5px}.finale-screen{padding:1% 5%}.finale-screen h2{font-size:35px}.finale-screen>p:not(.eyebrow){font-size:9px}.finale-cast{height:235px;margin:-30px 0 -45px}.finale-stars{margin-bottom:4px;font-size:20px}.finale-screen .primary-button{min-height:43px}.finale-screen .text-button{margin-top:5px}}