:root{color:#202636;font-synthesis:none;background:#dff2f8;font-family:Arial Rounded MT Bold,Trebuchet MS,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 50% -20%,#fff 0,#0000 50%),#dff2f8;min-height:100vh;overflow-x:hidden}button{font:inherit}.app-shell{place-content:center;min-height:100vh;padding:22px;display:grid}.game-frame{aspect-ratio:16/9;isolation:isolate;background:#6bc7ef;border:10px solid #fffef8;border-radius:34px;width:min(96vw,1440px,177.778vh - 131.556px);position:relative;overflow:hidden;box-shadow:0 24px 65px #315b793d,0 5px #a898c3}.game-frame:after{content:"";pointer-events:none;z-index:20;opacity:.22;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E");position:absolute;inset:0}canvas{width:100%;height:100%;display:block}.hud{z-index:5;pointer-events:none;justify-content:space-between;align-items:center;gap:18px;display:flex;position:absolute;inset:20px 24px auto}.paper-chip,.sound-button,.round-label{background:#fffef8eb;border:4px solid #eef8fb;box-shadow:0 4px #39485e33}.paper-chip{text-transform:uppercase;border-radius:22px 18px 24px 17px;align-items:baseline;gap:12px;min-height:58px;padding:9px 18px;display:flex}.paper-chip span{letter-spacing:.08em;font-size:clamp(12px,1.15vw,18px)}.paper-chip strong{color:#d84536;letter-spacing:.05em;font-size:clamp(20px,2vw,32px)}.round-label{color:#614c86;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:8px 18px;font-size:clamp(13px,1.2vw,18px)}.mission-label{text-align:left;grid-template-rows:auto auto;grid-template-columns:42px auto;align-items:center;column-gap:10px;min-width:220px;padding:6px 17px 7px 10px;display:grid}.mission-label img{object-fit:contain;grid-row:1/3;width:42px;height:45px}.mission-label span{align-self:end;font-size:11px;line-height:1}.mission-label strong{color:#d84536;align-self:start;font-size:18px;line-height:1.15}.hud-right{pointer-events:auto;align-items:center;gap:10px;display:flex}.bamboo-chip{align-items:center;min-height:54px;padding:5px 14px 5px 8px}.bamboo-chip img{object-fit:contain;width:31px;height:40px}.lives{color:#d84536;background:#fffef8eb;border:4px solid #eef8fb;border-radius:999px;gap:6px;padding:10px 13px;display:flex;box-shadow:0 4px #39485e33}.lives span{text-shadow:0 2px #862c2b;font-size:19px}.lives .lost{opacity:.15}.sound-button{color:#3c4775;cursor:pointer;border-radius:50%;place-items:center;width:54px;height:54px;display:grid}.sound-button:hover{transform:rotate(-5deg)scale(1.04)}.sound-button svg{stroke-width:3px;width:27px;height:27px}.overlay{z-index:4;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading-screen{background-color:#7ec3e6;background-image:url("/assets/sky-kingdom.png");background-position:50%;background-size:cover}.start-screen{background:#4caee021}.loading-screen h1,.title-cloud h1{color:#222a35;letter-spacing:-.065em;text-align:center;text-transform:uppercase;text-shadow:3px 3px #fff,7px 7px #30425c1f;max-width:900px;margin:0;font-family:Comic Sans MS,Arial Rounded MT Bold,cursive;font-size:clamp(54px,8.3vw,128px);font-weight:900;line-height:.78;transform:rotate(-1deg)}.loading-screen h1 span,.title-cloud h1 span{color:#d84536;letter-spacing:.015em;margin-top:20px;font-size:.72em;display:block;transform:rotate(1.8deg)}.loading-track{background:#fffef8;border:4px solid #2b3446;border-radius:999px;width:min(430px,58vw);height:22px;margin-top:55px;padding:4px;overflow:hidden}.loading-track i{border-radius:inherit;transform-origin:0;background:repeating-linear-gradient(135deg,#f14d38 0 16px,#ffca2d 16px 32px);width:100%;height:100%;animation:3.2s cubic-bezier(.2,.72,.24,1) forwards loading;display:block;transform:scaleX(.08)}.loading-screen p,.instructions,.title-cloud>p{color:#263248;letter-spacing:.1em;text-transform:uppercase;font-size:clamp(13px,1.25vw,19px)}.title-cloud{text-align:center;filter:drop-shadow(0 9px #54507824);width:min(940px,72vw);margin-top:-6%;padding:62px 30px 42px;position:relative}.title-cloud:before{content:"";z-index:-1;clip-path:polygon(8% 25%,18% 10%,34% 16%,46% 2%,61% 15%,79% 8%,94% 27%,100% 55%,91% 82%,70% 88%,54% 100%,34% 88%,15% 94%,0 70%,1% 44%);background:#fffef8e8;border:7px solid #e8eff6;border-radius:48% 52% 44% 56%/50% 42% 58% 50%;position:absolute;inset:10px -10px 0}.title-cloud .eyebrow{color:#7b6e9d;text-transform:none;margin:0;font-family:Comic Sans MS,cursive;font-size:clamp(11px,1vw,15px);position:absolute;top:22px;left:50%;transform:translate(-50%)rotate(-3deg)}.title-cloud>p:last-child{margin:30px 0 0;font-weight:800}.play-button{color:#fff;text-transform:uppercase;cursor:pointer;background:#e44838;border:7px solid #fffef8;border-radius:28px 33px 24px 30px;min-width:250px;margin-top:-12px;padding:15px 40px 18px;font-family:Comic Sans MS,cursive;font-size:clamp(30px,3.3vw,52px);font-weight:900;line-height:1;transition:transform .12s,box-shadow .12s;transform:rotate(-1.5deg);box-shadow:0 8px #7e2b2f,0 13px #26324829}.play-button:hover{transform:rotate(1deg)translateY(-3px)scale(1.03)}.play-button:active{transform:translateY(5px);box-shadow:0 3px #7e2b2f}.instructions{background:#fffef8b3;border-radius:999px;margin:30px 0 0;padding:8px 16px;font-weight:800}.intro-screen{background:#4eb2e20f;justify-content:flex-end;overflow:hidden}.intro-stage{position:absolute;inset:72px 0 120px}.intro-stage img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute}.intro-fairy{width:min(31%,430px);animation:.65s cubic-bezier(.2,.9,.25,1.2) both fairy-arrive;top:3%;left:18%}.beat-1 .intro-fairy{width:min(38%,520px);animation:.9s ease-in-out both dust-pour}.beat-2 .intro-fairy{width:min(27%,370px);top:1%;left:14%}.intro-panda{width:min(20%,280px);animation:.6s cubic-bezier(.2,1,.3,1.25) .18s both panda-pop;bottom:0;left:43%}.beat-2 .intro-panda{width:min(25%,340px);animation:.7s cubic-bezier(.2,1,.3,1.25) both panda-whoa;bottom:8%;left:39%}.intro-sword{filter:drop-shadow(0 0 16px #ffd34d);width:min(13%,180px);animation:.7s cubic-bezier(.2,1,.3,1.25) .17s both sword-appear;bottom:10%;right:23%;transform:rotate(10deg)}.story-caption{z-index:3;text-align:center;background:#fffef8f2;border:6px solid #eef5f5;border-radius:30px 24px 34px 27px;width:min(920px,78%);margin-bottom:25px;padding:15px 24px 13px;position:relative;box-shadow:0 8px #463f6342}.story-caption h2{color:#253044;text-transform:uppercase;margin:0;font-family:Comic Sans MS,Arial Rounded MT Bold,cursive;font-size:clamp(27px,3.2vw,50px);line-height:1}.story-caption p{color:#556379;margin:7px auto 10px;font-size:clamp(12px,1.05vw,16px);line-height:1.3}.story-caption span{color:#8290a3;letter-spacing:.08em;text-transform:uppercase;margin-top:7px;font-size:10px;display:block}.story-button{color:#fff;text-transform:uppercase;cursor:pointer;background:#d84536;border:4px solid #fff;border-radius:17px 20px 15px 19px;min-width:190px;padding:9px 22px 11px;font-family:Comic Sans MS,cursive;font-size:clamp(18px,1.7vw,27px);font-weight:900;box-shadow:0 5px #7e2b2f}.story-button:active{transform:translateY(4px);box-shadow:0 1px #7e2b2f}kbd{font:inherit;background:#fff;border:2px solid #98a3b8;border-bottom-width:4px;border-radius:6px;padding:2px 7px}.touch-controls{z-index:6;pointer-events:none;justify-content:space-between;align-items:end;display:flex;position:absolute;inset:auto 30px 28px}.touch-controls button{color:#fff;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:7px solid #fffef8;border-radius:50%;place-content:center;gap:1px;width:clamp(78px,9vw,128px);height:clamp(78px,9vw,128px);display:grid;box-shadow:0 7px #37365473,0 12px 22px #34445d33}.touch-controls button:active{transform:translateY(5px)scale(.97);box-shadow:0 2px #37365473}.touch-controls svg{stroke-width:4px;width:clamp(28px,3vw,42px);height:clamp(28px,3vw,42px);margin:auto}.touch-controls span{text-transform:uppercase;font-size:clamp(10px,1.05vw,15px)}.jump-button{background:#e44838}.explode-button{background:#f5b923}.sword-button{color:#fff}.mission-tip{z-index:5;color:#2b3446;letter-spacing:.07em;text-transform:uppercase;pointer-events:none;background:#fffef8e8;border:4px solid #e8eff2;border-radius:20px 24px 18px 26px;justify-content:center;align-items:center;gap:10px;min-width:min(690px,58%);padding:7px 16px;font-size:clamp(10px,1vw,15px);display:flex;position:absolute;bottom:27px;left:50%;transform:translate(-50%);box-shadow:0 5px #4244603d}.mission-tip img{object-fit:contain;width:35px;height:39px}.mission-tip b{color:#6d8d52}.mission-tip em{color:#d84536;font-style:normal;font-weight:900}.result-card{text-align:center;background:#fffef8f2;border:8px solid #fff;border-radius:48px 38px 52px 42px;width:min(540px,82%);padding:36px;box-shadow:0 15px #4042603b}.result-card p{color:#69568e;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:18px}.result-card h2{color:#d84536;margin:8px 0;font-size:clamp(52px,7vw,92px);line-height:1}.result-card span{font-size:18px;display:block}.play-button.small{justify-content:center;align-items:center;gap:12px;min-width:190px;margin:28px auto 0;font-size:28px;display:flex}.victory-screen{background:#74c3e81f}.victory-card{background:#fffef8f5;border:8px solid #fff;border-radius:48px 38px 52px 42px;grid-template-columns:170px 1fr;align-items:center;gap:18px 26px;width:min(720px,78%);padding:28px 35px 32px;display:grid;box-shadow:0 15px #4042603b}.victory-card>img{object-fit:contain;filter:drop-shadow(0 8px #5b4d7d1f);grid-row:1/3;width:170px;height:190px}.victory-card p{color:#6d8d52;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:14px}.victory-card h2{color:#d84536;text-transform:uppercase;margin:5px 0 7px;font-family:Comic Sans MS,cursive;font-size:clamp(34px,4vw,58px);line-height:.98}.victory-card span{color:#59677c;font-size:16px}.victory-card .play-button{grid-column:2;margin-top:4px}.desktop-hint{color:#63758c;letter-spacing:.08em;text-align:center;text-transform:uppercase;justify-content:center;align-items:center;gap:6px;margin:18px 0 0;font-size:13px;display:flex}.desktop-hint svg{width:17px;height:17px}@keyframes loading{0%{transform:scaleX(.08)}to{transform:scaleX(1)}}@keyframes fairy-arrive{0%{opacity:0;transform:translate(-50px,-35px)rotate(-8deg)scale(.7)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}@keyframes dust-pour{0%{opacity:0;transform:translate(-30px,-20px)rotate(-8deg)}55%{opacity:1;transform:translate(0)rotate(2deg)}to{opacity:1;transform:translate(0)rotate(-1deg)}}@keyframes panda-pop{0%{opacity:0;transform:translateY(40px)scale(.75)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes panda-whoa{0%{opacity:0;transform:translateY(30px)rotate(-8deg)scale(.7)}70%{opacity:1;transform:translateY(-12px)rotate(5deg)scale(1.08)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@keyframes sword-appear{0%{opacity:0;transform:translateY(45px)rotate(35deg)scale(.2)}to{opacity:1;transform:translateY(0)rotate(10deg)scale(1)}}@media (width<=720px){.app-shell{background:#6bc7ef;place-content:center;padding:0}.game-frame{width:min(100vw,177.778vh);box-shadow:none;border-width:0;border-radius:0}.hud{gap:5px;inset:8px 8px auto}.paper-chip{border-width:2px;border-radius:12px;gap:6px;min-height:34px;padding:4px 8px}.paper-chip span{display:none}.paper-chip strong{font-size:15px}.round-label{border-width:2px;padding:5px 8px;font-size:9px}.mission-label{grid-template-columns:24px auto;column-gap:3px;min-width:92px}.mission-label img{width:24px;height:27px}.mission-label span{font-size:7px;display:block}.mission-label strong{font-size:10px}.hud-right{gap:4px}.bamboo-chip{min-height:32px}.bamboo-chip img{width:18px;height:24px}.lives{border-width:2px;gap:3px;padding:6px}.lives span{font-size:11px}.sound-button{border-width:2px;width:34px;height:34px}.sound-button svg{width:17px;height:17px}.title-cloud{width:80vw;margin-top:1%;padding:34px 15px 23px}.title-cloud h1{font-size:clamp(38px,10vw,62px)}.title-cloud>p:last-child{margin-top:18px;font-size:9px}.play-button{border-width:4px;border-radius:18px;min-width:142px;padding:8px 20px 10px;font-size:25px}.instructions{margin-top:16px;font-size:8px}.touch-controls{inset:auto 12px 10px}.touch-controls button{border-width:4px;width:66px;height:66px}.story-caption{border-width:3px;border-radius:18px;width:86%;margin-bottom:10px;padding:8px 12px}.story-caption h2{font-size:21px}.story-caption p{margin:4px 0 6px;font-size:8px}.story-caption span{display:none}.story-button{border-width:3px;min-width:120px;padding:6px 12px 7px;font-size:14px}.intro-stage{inset:45px 0 72px}.mission-tip{border-width:2px;gap:4px;min-width:55%;padding:3px 7px;font-size:6px;bottom:7px}.mission-tip img{width:20px;height:23px}.victory-card{border-width:4px;grid-template-columns:85px 1fr;gap:7px 12px;width:82%;padding:14px 18px}.victory-card>img{width:85px;height:95px}.victory-card p{font-size:8px}.victory-card h2{font-size:23px}.victory-card span{font-size:9px}.victory-card .play-button{min-width:130px;font-size:16px}.desktop-hint{display:none}}@media (height<=500px){.app-shell{padding:0}.game-frame{border-width:5px;border-radius:22px;width:min(100vw,177.778vh)}.desktop-hint{display:none}.hud{gap:4px;inset:7px 8px auto}.paper-chip{border-width:2px;border-radius:13px;gap:6px;min-height:33px;padding:4px 9px}.paper-chip span{font-size:9px}.paper-chip strong{font-size:15px}.round-label{border-width:2px;padding:5px 8px;font-size:9px}.mission-label{grid-template-columns:24px auto;column-gap:4px;min-width:95px}.mission-label img{width:24px;height:27px}.mission-label span{font-size:7px}.mission-label strong{font-size:10px}.hud-right{gap:4px}.bamboo-chip{min-height:32px}.bamboo-chip img{width:18px;height:24px}.lives{border-width:2px;gap:3px;padding:6px}.lives span{font-size:11px}.sound-button{border-width:2px;width:34px;height:34px}.sound-button svg{width:17px;height:17px}.title-cloud{width:80%;margin-top:7%;padding:27px 14px 20px}.title-cloud h1{font-size:clamp(34px,6vw,58px)}.title-cloud h1 span{margin-top:10px}.title-cloud .eyebrow{font-size:8px;top:13px}.title-cloud>p:last-child{margin-top:15px;font-size:8px}.play-button{border-width:4px;border-radius:18px;min-width:150px;margin-top:-8px;padding:8px 22px 10px;font-size:27px}.instructions{margin-top:12px;padding:5px 10px;font-size:7px}.touch-controls{inset:auto 10px 8px}.touch-controls button{border-width:4px;width:58px;height:58px}.intro-stage{inset:42px 0 68px}.story-caption{border-width:3px;width:78%;margin-bottom:7px;padding:7px 12px}.story-caption h2{font-size:19px}.story-caption p{margin:3px 0 5px;font-size:7px}.story-caption span{display:none}.story-button{border-width:3px;min-width:110px;padding:5px 10px 6px;font-size:13px}.mission-tip{border-width:2px;gap:4px;min-width:56%;padding:3px 8px;font-size:6px;bottom:7px}.mission-tip img{width:18px;height:21px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}