:root{font-family:Trebuchet MS,sans-serif;color:#233f36;background:#f7f5ed;font-synthesis:none;--mint:#d7f58e;--ink:#183f39}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #eb7d53;outline-offset:4px}#app{max-width:1392px;margin:auto;padding:0 54px}header{height:95px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dcded3}.wordmark{color:var(--ink);font-size:31px;font-weight:900;letter-spacing:-1.5px;text-decoration:none;display:flex;align-items:center;gap:10px}.wordmark-dot{color:#e58663;margin-left:-9px}.logo{display:grid;place-items:center;width:32px;height:31px;border-radius:12px 12px 8px 8px;background:var(--ink);color:#eff8bf;font-size:23px;letter-spacing:-3px;padding-right:3px}.edition,.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:800}.edition{color:#758176}.tools{display:flex;align-items:center;gap:12px}.tools button{border:1px solid #d5dacf;background:transparent;border-radius:99px;padding:9px 14px;font-size:11px;font-weight:700}.tools #help{width:32px;padding:8px}.intro{display:flex;align-items:center;justify-content:space-between;padding:36px 0 29px}.eyebrow{color:#788476}h1{font-size:clamp(26px,3.2vw,43px);letter-spacing:-1.8px;margin:8px 0 0;font-weight:900}.intro p{font-size:13px;line-height:1.8;color:#7b8478;margin:14px 0 0}#stage{position:relative;aspect-ratio:1200/640;overflow:hidden;border-radius:15px;background:#163f3e;box-shadow:0 15px 32px #173e3c16}#game,#game canvas{width:100%;height:100%;display:block}.hud{position:absolute;top:26px;left:29px;right:26px;display:flex;justify-content:space-between;color:#f8f5d9;pointer-events:none}.hud span#chapter{font-size:10px;letter-spacing:2.1px;color:#c3d7b7;font-weight:700}.hud strong{display:block;font-size:15px;margin-top:7px;font-weight:500}.hud-right{display:flex;align-items:flex-start;gap:15px}#stars{font-size:17px;font-weight:700;color:#f2da86;background:#082b2b55;padding:9px 15px;border:1px solid #b5d5b51c;border-radius:99px}#pause{pointer-events:auto;background:#ffffff0a;color:#e7edcc;border:1px solid #ffffff25;border-radius:50%;width:36px;height:36px}.power{position:absolute;bottom:22px;left:26px;border:1px solid #dff2c82b;background:#102c2ed9;border-radius:12px;display:flex;align-items:center;padding:10px 15px;gap:12px;color:#f0efcc;pointer-events:none}#power-icon{font-size:27px;color:#dca3c3}.power small{font-size:8px;letter-spacing:1.8px;display:block;color:#abc6ac;margin-bottom:4px}.power b{font-size:12px;font-weight:500}#hint{position:absolute;bottom:26px;left:50%;transform:translate(-50%);border-radius:99px;padding:10px 17px;color:#e8efd3;font-size:11px;letter-spacing:.3px;background:#102e2ddb;text-align:center;pointer-events:none;white-space:nowrap}.below{display:flex;justify-content:space-between;padding:21px 0 25px;border-bottom:1px solid #dddfd5;font-size:11px;color:#7d887b}.keys{display:flex;gap:22px}.keys>span{display:flex;align-items:center;gap:5px}kbd{border:1px solid #d6dbcf;border-bottom-width:2px;background:#fdfcf6;min-width:22px;padding:4px 5px;border-radius:4px;text-align:center;color:#5f6c5c;font:9px monospace}.save{font-size:10px}.save:first-letter{color:#7f9c70}footer{display:flex;align-items:center;justify-content:space-between;padding:23px 0 26px;color:#889082;font-size:10px}footer>span:first-child{font-size:8px;font-weight:700;letter-spacing:1.6px}footer div{color:#586e5e;font-size:11px}footer i{font-style:normal;margin:0 13px;color:#b8bdb0}.flavour{margin-right:4px}.berry{color:#aa81bb}.mushroom{color:#d6b66f}.pepper{color:#e58c6a}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#092c30b8;display:grid;place-items:center;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}#overlay[hidden]{display:none}.modal{text-align:center;color:#f4f2d8;max-width:440px;padding:28px}.modal .eyebrow{color:#c3d5a5}.modal h2{font-size:43px;letter-spacing:-2px;margin:12px 0}.modal p{font-size:14px;line-height:1.8;color:#d0dcc9;white-space:pre-line}.primary{display:block;margin:23px auto 13px;background:#d9ef9a;color:#203e35;font-weight:700;border:0;border-radius:99px;padding:14px 27px}.secondary{background:none;border:0;color:#b9caae;text-decoration:underline;font-size:11px}.touch{display:none;gap:9px;padding:12px 0;touch-action:none}.touch button{border:1px solid #c8d0bb;background:#e7ecdd;border-radius:12px;padding:14px 18px;color:#254638;font-weight:700;-webkit-user-select:none;user-select:none}.touch span{flex:1}@media(pointer:coarse){.touch{display:flex}.keys{display:none}}@media(max-width:800px){#app{padding:0 20px}header{height:70px}.edition{display:none}.intro{padding:25px 0 20px}.intro p{font-size:11px}.eyebrow{font-size:8px}.hud{top:15px;left:16px;right:15px}.hud strong{font-size:12px}.hud span#chapter{font-size:8px}.power{bottom:12px;left:14px;padding:6px 9px}.power b{font-size:10px}#hint{bottom:15px;font-size:9px;padding:7px 10px}.keys{gap:10px}footer>span:last-child{display:none}footer{gap:15px}#stars{font-size:13px;padding:7px 10px}.modal h2{font-size:30px}.modal p{font-size:12px}.modal{padding:10px}.primary{margin:10px auto;padding:10px 20px}}@media(max-width:520px){#app{padding:0 10px}.intro p{display:none}.intro{padding:20px 4px}#stage{aspect-ratio:1.25}.hud strong{font-size:10px}.hud span#chapter{letter-spacing:1px}.power small{display:none}#power-icon{font-size:18px}.power{gap:5px}#hint{left:auto;right:9px;transform:none;max-width:57%;white-space:normal}.below{padding:14px 0;justify-content:center}.keys{display:none}.touch{display:flex}.touch button{padding:13px 10px;font-size:12px}footer>span:first-child{display:none}footer{justify-content:center}footer i{margin:0 7px}footer div{font-size:10px}.modal h2{font-size:28px}h1{font-size:31px}.tools{gap:7px}}@media(max-width:520px){.power{width:137px;flex-direction:column;align-items:flex-start;gap:3px;padding:8px 9px}.power b{font-size:9px}#power-icon{font-size:13px!important}#hint{max-width:54%}}.volume-control{display:flex;align-items:center;gap:7px;font-size:10px}.volume-control input{width:85px;accent-color:#668858}.volume-control output{min-width:28px}@media(max-width:520px){.tools{gap:4px}.tools button{font-size:10px;padding:8px}.wordmark{font-size:26px;gap:6px}.below{gap:12px;flex-wrap:wrap}.save{font-size:9px}.volume-control input{width:75px}}.section-tag{position:absolute;top:90px;left:29px;display:flex;align-items:center;gap:10px;color:#e2e8c7;font-size:11px;letter-spacing:.5px;pointer-events:none}.section-tag small{font-size:8px;padding:3px 6px;border:1px solid #c7d6b344;border-radius:20px;color:#bccbb0}@media(max-width:800px){.section-tag{top:66px;left:16px;font-size:9px}}.story-link{border:0;background:none;padding:0;color:#416c51;font-size:12px;text-decoration:underline;text-underline-offset:4px}.modal{max-height:100%;overflow-y:auto}@media(max-width:520px){.intro{flex-wrap:wrap;gap:8px}.intro p{display:block;font-size:10px;margin:0}.story-link{font-size:10px}}#level-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#092c30ed;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:grid;place-items:center}#level-select[hidden]{display:none}.level-select-panel{width:min(470px,100%);max-height:100%;overflow:auto;padding:24px;text-align:center;color:#eff1d5}.level-select-panel .eyebrow{color:#b5cc8c}.level-select-panel h2{font-size:27px;letter-spacing:-1px;margin:10px 0}.level-select-panel p{font-size:11px;color:#bdcfb8;line-height:1.5;margin:0 0 17px}#level-choices{display:grid;gap:8px;margin-bottom:17px}.level-choice{display:flex;align-items:center;gap:16px;text-align:left;background:#20483f;border:1px solid #b7cf8e33;border-radius:10px;padding:11px 15px;color:#f0edca}.level-choice:hover,.level-choice:focus-visible{background:#375d44;border-color:#d9ec9e}.level-number{font:19px monospace;color:#d8eaa0}.level-choice small{display:block;font-size:9px;color:#b0c2a5;margin-top:4px}@media(max-width:520px){.level-select-panel{padding:14px 20px}.level-select-panel h2{font-size:21px}.level-choice{padding:9px 12px;font-size:12px}}#intro-cutscene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#112f32;color:#f4ebc6;padding:35px 20px 22px;overflow:auto}#intro-cutscene[hidden]{display:none}#intro-skip{position:absolute;right:20px;top:16px;background:transparent;color:#cad8b5;border:0;font-size:11px;z-index:2}.intro-film{width:min(760px,85%);min-height:0;flex:1;max-height:340px}.intro-film svg{width:100%;height:100%}.intro-caption{text-align:center;max-width:610px}.intro-caption span{font-size:9px;letter-spacing:3px;color:#bace9f}.intro-caption h2{font-size:28px;letter-spacing:-.8px;margin:10px 0}.intro-caption p{font-size:13px;line-height:1.7;color:#c8d4b8;margin:0}#intro-next{margin:14px 0 0;padding:10px 23px}.film-king,.film-steps{opacity:0;transition:opacity 1.4s}.film-nib{transition:transform 5s ease-in-out}.film-seeds{transform-origin:center;transition:transform 4s ease-in,opacity 4s}.film-lanterns{transition:opacity 3s}.film-seeds{animation:seed-glow 3s ease-in-out infinite alternate}#intro-cutscene[data-beat="1"] .film-king{opacity:1}#intro-cutscene[data-beat="1"] .film-seeds{transform:translate(270px,85px) scale(.5);opacity:0}#intro-cutscene[data-beat="1"] .film-lanterns{opacity:.12}#intro-cutscene[data-beat="2"] .film-seeds{opacity:0}#intro-cutscene[data-beat="2"] .film-steps{opacity:1}#intro-cutscene[data-beat="2"] .film-nib{transform:translate(340px,-110px)}@keyframes seed-glow{0%{filter:drop-shadow(0 0 3px #fbe99866)}to{filter:drop-shadow(0 0 11px #fbe998bb)}}@media(max-width:520px){#intro-cutscene{padding:30px 14px 10px}.intro-film{width:95%;max-height:110px;flex:none;height:100px}.intro-caption h2{font-size:17px;margin:5px 0}.intro-caption p{font-size:10px;line-height:1.45}#intro-next{font-size:11px;padding:8px 18px;margin-top:9px}#intro-skip{top:9px;right:10px;font-size:10px}}@media(prefers-reduced-motion:reduce){.film-nib,.film-king,.film-steps,.film-seeds,.film-lanterns{animation:none;transition:none}}