@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{font-family:DM Sans,Segoe UI,sans-serif;color:#4b584d;background:#f4ecd9;font-synthesis:none;font-weight:400;font-size:14px;--ink:#405345;--orange:#e97c42;--cream:#fffaf0;--muted:#8b917d}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer;border:0;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #627ead;outline-offset:4px}button:disabled{opacity:.4;cursor:default}svg{width:20px;height:20px;stroke-width:1.8}button svg{pointer-events:none}button:hover:not(:disabled){filter:brightness(1.025)}button:active:not(:disabled){transform:translateY(2px)}button{transition:transform .18s,background .2s,box-shadow .2s,opacity .2s}#game{position:relative;width:100%;height:100svh;min-height:0;isolation:isolate}#scene{position:absolute;inset:0;touch-action:none}#game[data-busy=true] #scene{pointer-events:none}canvas{display:block;width:100%;height:100%}.wash{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#fff7e6fa,#fff7e6cc 13%,#fff7e600 32% 65%,#fff7e6d9 88%,#fff7e7)}.header{position:absolute;top:28px;left:42px;right:42px;z-index:2}.top-tools{display:contents}.weather{display:none}.icon-btn{display:grid;place-items:center;width:42px;height:42px;color:#737d66;border:1px solid #dcdac5;background:#fffbeeaf;border-radius:50%}.icon-btn:hover{background:#fffdf3}#sound{position:absolute;left:0;top:0}#pause{position:absolute;right:0;top:0}.stats{position:absolute;left:50%;top:0;transform:translate(-50%);display:flex;background:#fff9e7ed;border:1px solid #e4dac1;box-shadow:0 5px #bfa58918,0 14px 35px #8e754210;border-radius:20px;padding:14px 8px;gap:0}.stat{min-width:87px;display:flex;align-items:center;flex-direction:column;border-right:1px solid #e6dfcb;padding:0 17px;gap:6px}.stat:last-child{border:0}.stat>span{font-size:8px;font-weight:700;letter-spacing:1.8px;color:#a19273}.stat b{font-family:Outfit,sans-serif;font-size:24px;color:#5b664d;font-weight:600;font-variant-numeric:tabular-nums}.stat.level-stat b{color:#d47740}.star-stat b{font-size:22px;color:#ceaf69;letter-spacing:1px}.chapter-badge{position:absolute;right:48px;top:229px;display:flex;align-items:center;gap:7px;color:#77836a;font-size:10px;font-weight:500}.badge-dot{width:6px;height:6px;border-radius:50%;background:#92ad76}.scene-caption{position:absolute;left:43px;bottom:229px;display:flex;gap:9px;align-items:center;color:#7d8069}.scene-caption svg{width:16px;height:16px;opacity:.7}.scene-caption>span{font-size:9px;letter-spacing:1.6px;font-weight:700}.scene-caption span span{display:block;font-size:7px;letter-spacing:1.8px;margin-top:4px;font-weight:400;opacity:.7}.bottom-ui{position:absolute;bottom:19px;left:0;right:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:18px}.bottom-ui>*{pointer-events:auto}.instruction{display:flex;gap:12px;align-items:center;text-align:left;color:#8d917d;line-height:1.6;font-size:11px;max-width:500px}.instruction p{margin:0}.instruction strong{color:#5b694e;font-weight:600;font-size:12px}.mouse-cue{display:grid;place-items:center;background:#fff7e5a8;border:1px solid #d8cfb5;border-radius:12px;width:39px;height:41px;color:#87936e;transform:rotate(-5deg)}.mouse-cue svg{width:18px;height:18px}.actions{display:flex;gap:13px}.actions button{display:flex;align-items:center;gap:11px;border:1px solid #d4ccb4;background:#fff8e8;color:#727b62;border-radius:15px;padding:15px 22px;box-shadow:0 4px #d2c7ab4d;min-width:135px;justify-content:center;font-size:15px;font-weight:700}.actions .hint-btn{border-color:#cc6839;color:#fff8eb;background:var(--orange);box-shadow:0 4px #bd5d31;min-width:183px}.actions kbd{background:#b8bca01c;border:1px solid #a3ab9140;font-family:inherit;font-size:12px;border-radius:4px;min-width:21px;padding:2px 4px;color:inherit;opacity:.8}.hint-btn kbd{border-color:#fff4cd66;background:#fbecd611}.actions svg{width:18px;height:18px}.bottom-meta{display:flex;align-items:center;gap:64px;color:#b1ad96;font-size:9px}.bottom-meta button{display:flex;align-items:center;gap:7px;background:none;color:#87917a;font-size:10px;padding:8px}.bottom-meta svg{width:13px;height:13px}#toast{position:absolute;left:50%;transform:translate(-50%);top:26%;background:#fffbeaef;border:1px solid #e2d6b7;border-radius:40px;box-shadow:0 6px 15px #7a653715;padding:12px 22px;font-size:12px;z-index:4;opacity:0;transition:opacity .2s;pointer-events:none;text-align:center;max-width:min(440px,85vw)}#toast.show{opacity:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;pointer-events:none}#loader{position:absolute;inset:0;background:#fff8e8;z-index:20;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .45s}.loader-icon{display:grid;place-items:center;background:var(--orange);color:#fff;font-family:Outfit,sans-serif;font-size:34px;font-weight:700;height:80px;width:80px;border-radius:26px;box-shadow:0 7px #c86537}#loader h2{font-family:Outfit,sans-serif;margin-top:30px}#loader p{font-size:12px;color:#889176}.modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:24px;background:#354a465c;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal[hidden]{display:none}.modal-card{background:#fffaec;border:1px solid #ead7b7;border-radius:28px;padding:36px;box-shadow:0 8px #bda98a,0 30px 100px #28382944;max-width:460px;width:100%;max-height:90svh;overflow:auto;text-align:center;color:#54654d}.modal-card h2{font-family:Outfit,sans-serif;font-weight:700;font-size:34px;line-height:1.12;letter-spacing:-1px;margin:12px 0;color:#465840}.modal-card p{font-size:12px;color:#879076;line-height:1.75}.modal-kicker{font-size:9px;letter-spacing:2px;color:#bf784b;font-weight:700}.modal-symbol{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 18px;color:#68945b;border-radius:23px;background:#e3ebcd}.modal-symbol svg{width:30px;height:30px}.modal-actions{display:flex;gap:10px;margin-top:25px}.modal-actions button,.wide-button{border-radius:12px;border:1px solid #d8d3ba;padding:14px 18px;background:#f3eedc;color:#6d785c;font-weight:600;flex:1}.modal-actions button.primary,.wide-button.primary{background:var(--orange);color:#fff9e7;border-color:#d7753f;box-shadow:0 3px #c96b39}.modal-stars{font-size:42px;letter-spacing:8px;color:#ebbb54;text-shadow:0 3px 0 #c3963840;margin:20px 0}.result-stats{display:flex;justify-content:space-evenly;padding:18px 0;border-top:1px solid #e9e2cb;border-bottom:1px solid #e9e2cb}.result-stats small{font-size:8px;letter-spacing:1.5px;color:#a0967b}.result-stats b{display:block;font-family:Outfit,sans-serif;font-size:23px;font-weight:600;color:#687556;margin-top:5px}.help-step{display:flex;text-align:left;gap:14px;align-items:flex-start;margin:20px 0}.help-step>b{display:grid;place-items:center;min-width:28px;height:28px;background:#efe8cf;border-radius:10px;color:#ac854a;font-size:12px}.help-step p{margin:0}.help-step strong{display:block;color:#5c6c51}.setting{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e2ddc9;padding:16px 0;text-align:left;font-size:12px}.setting input{accent-color:#e47e47;width:20px;height:20px}.map-card{max-width:760px;text-align:left}.map-top{display:flex;justify-content:space-between;align-items:center}.map-top h2{margin:6px 0}.chapter-heading{display:flex;justify-content:space-between;align-items:center;margin:24px 0 10px;font-size:11px;letter-spacing:.3px}.chapter-heading span{font-size:10px;color:#a0a68e}.level-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:8px}.level-grid button{background:#eeecd9;border:1px solid #dddcc7;border-radius:11px;padding:12px 4px 8px;color:#6d7c5b;font-family:Outfit,sans-serif;font-size:18px}.level-grid button small{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:1px;margin-top:4px;color:#c39a45;min-height:11px}.level-grid button.current{background:#e8874e;color:#fff;border-color:#d97942;box-shadow:0 3px #c66b3b}.level-grid button.current small{color:#ffedb9}.level-grid button:disabled{opacity:.4}.level-grid svg{width:14px;height:14px}.close-modal{float:right;background:none;color:#859173;padding:4px}.wide-button{width:100%;margin-top:20px}.fail-card .modal-symbol{background:#f5e1c8;color:#c58a54}body.reduce-motion *{animation:none!important;transition:none!important}.chapter-label p,.instruction,.weather,.bottom-meta,.bottom-meta button,.modal-card p{color:#66705a}.stat>span,.chapter-badge{color:#6e755d}.scene-caption{color:#656c55}.chapter-label p{text-shadow:0 1px 8px #fff4d9}.stat>span{font-size:12px;font-weight:800;letter-spacing:1.35px;color:#59644f;text-shadow:0 1px 0 #fffaf0}.stat b{font-size:27px;font-weight:700;color:#4e5b46}.bottom-meta{font-size:13px;font-weight:600;color:#59644f}.bottom-meta button{font-size:14px;font-weight:600;color:#59644f}.bottom-meta span,.bottom-meta button{text-shadow:0 1px 0 #fffaf0}.action-count{display:inline-grid;place-items:center;min-width:21px;height:21px;margin-left:3px;padding:0 6px;border-radius:11px;background:#e9dfc7;color:#69735d;font-size:12px;font-weight:700;line-height:1}.hint-btn .action-count{background:#fff4d633;color:#fff8eb}.key-tray{position:absolute;right:47px;top:257px;display:flex;align-items:center;gap:9px;padding:7px 10px;border:1px solid #e4dac1;border-radius:14px;background:#fff9e7df;color:#8a8069;font-size:8px;font-weight:800;letter-spacing:1.3px;box-shadow:0 4px 16px #8e754210}.key-tray b{display:flex;gap:6px}.key-chip{display:grid;place-items:center;width:21px;height:21px;border-radius:8px;color:#fff;font-size:11px;opacity:.38;box-shadow:inset 0 -2px #0002;transition:opacity .2s,transform .2s}.key-chip.coral{background:#e56f62}.key-chip.aqua{background:#38acc8}.key-chip.violet{background:#8e70c8}.key-chip.collected{opacity:1;transform:translateY(-1px)}@media(min-width:1600px){.header{left:60px;right:60px;top:37px}.chapter-label{left:60px;top:165px}.chapter-label h1{font-size:50px}.stats{top:0}.chapter-badge{right:64px;top:259px}.bottom-ui{bottom:29px;gap:20px}.actions button{padding:17px 26px}.scene-caption{left:60px;bottom:250px}}@media(max-width:1050px){.weather{display:none}.header{left:25px;right:25px;top:24px}.chapter-label{left:25px;top:121px}.chapter-label h1{font-size:33px}.chapter-label p{max-width:240px}.stats{top:0}.stat{min-width:62px;padding:0 12px}.star-stat{display:none}.stats .stat:nth-child(3){border:0}.chapter-badge{right:30px;top:215px}.key-tray{right:25px;top:240px}.scene-caption{left:25px}}@media(max-width:640px){#game{min-height:0}.header{top:max(12px,env(safe-area-inset-top));left:12px;right:12px}.icon-btn{height:44px;width:44px}.icon-btn svg{width:17px}.stats{top:0;transform:translate(-50%);padding:7px 3px;border-radius:14px}.stat{padding:0 4px;gap:2px;min-width:44px}.stat>span{font-size:6px;letter-spacing:.8px}.stat b{font-size:17px}.chapter-badge,.scene-caption{display:none}.bottom-ui{bottom:max(8px,env(safe-area-inset-bottom));gap:7px}.actions{gap:6px}.actions button{min-width:72px;min-height:44px;padding:10px;border-radius:12px;font-size:13px;gap:6px}.actions .hint-btn{min-width:118px}.actions svg{width:16px;height:16px}.actions kbd{display:none}.bottom-meta{gap:18px}.bottom-meta span{display:none}.bottom-meta button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #d4ccb4;border-radius:50%;background:#fff8e8d9;font-size:0;box-shadow:0 3px #d2c7ab35}.bottom-meta svg{width:16px;height:16px}#toast{top:25%;font-size:10px;padding:9px 14px;width:max-content}.modal{padding:17px}.modal-card{padding:28px 24px;border-radius:24px}.modal-card h2{font-size:28px}.level-grid{grid-template-columns:repeat(5,1fr)}.level-grid button{padding:9px 4px 5px}.chapter-heading{margin-top:19px}}@media(max-height:700px)and (min-width:641px){.header{top:17px}.chapter-label{top:101px}.chapter-label h1{font-size:31px}.stats{top:0}.chapter-badge{top:189px}.bottom-ui{bottom:9px;gap:9px}.scene-caption{bottom:165px}.actions button{padding:12px 18px}.instruction{font-size:10px}.bottom-meta{font-size:11px}}.level-transition{position:absolute;inset:0;z-index:12;display:grid;place-items:center;pointer-events:none;background:#fff7e761;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0;transition:opacity .3s ease,backdrop-filter .35s ease}.level-transition[hidden]{display:none}.level-transition.show{opacity:1;background:#fff7e7b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.level-transition.leaving{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition-duration:.5s}.level-transition-card{position:relative;display:flex;flex-direction:column;align-items:center;min-width:min(350px,82vw);padding:24px 30px 27px;overflow:hidden;border:1px solid #ead8b9;background:#fffaf0f2;border-radius:24px;box-shadow:0 8px #c7ac8740,0 28px 75px #58432822;opacity:0;transform:translateY(20px) scale(.94);transition:opacity .28s ease,transform .5s cubic-bezier(.2,.8,.2,1)}.level-transition-card:after{content:"";position:absolute;left:-45%;bottom:0;width:45%;height:4px;background:linear-gradient(90deg,transparent,#e97c42,#efc168);transition:left .7s cubic-bezier(.2,.8,.2,1)}.level-transition.show .level-transition-card{opacity:1;transform:translateY(0) scale(1)}.level-transition.show .level-transition-card:after{left:100%}.level-transition.swapped .level-transition-card{transform:translateY(-3px) scale(1.025)}.level-transition.leaving .level-transition-card{opacity:0;transform:translateY(-18px) scale(1.04)}.level-transition-card span{font-size:8px;font-weight:800;letter-spacing:1.8px;color:#a77652}.level-transition-card strong{margin-top:9px;font-family:Outfit,sans-serif;font-size:14px;letter-spacing:2.2px;color:#e0783e}.level-transition-card b{margin-top:6px;font-family:Outfit,sans-serif;font-size:29px;line-height:1.1;color:#465840;text-align:center}@media(max-width:640px){.level-transition{background:#fff7e747}.level-transition.show{background:#fff7e7a8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.level-transition-card{min-width:min(310px,82vw);padding:21px 22px 24px;border-radius:21px}.level-transition-card b{font-size:26px}.level-transition-card strong{font-size:13px}}@media(max-width:640px){.stat>span{font-size:10px;letter-spacing:.35px}.stat b{font-size:21px}}#loader.brand-loader{position:absolute;inset:0;z-index:20;display:grid;place-items:center;overflow:hidden;background:#202220;color:#fff;isolation:isolate;transition:opacity .45s ease,transform .55s cubic-bezier(.2,.8,.2,1)}#loader.brand-loader:before{content:"";position:absolute;inset:0;z-index:-2;background-image:url(../branding/loading-tile.png);background-repeat:no-repeat;background-position:center;background-size:cover;opacity:.4;filter:saturate(.78)}#loader.brand-loader:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#00000005,#0000001f)}.loader-brand{display:flex;flex-direction:column;align-items:center;width:min(720px,78vw);transform:translateY(-2vh)}.loader-logo{display:block;width:min(640px,72vw);height:auto;object-fit:contain;filter:drop-shadow(0 12px 32px rgba(0,239,188,.11));animation:loader-logo-in .8s cubic-bezier(.2,.8,.2,1) both}.loader-status{display:flex;align-items:center;margin-top:clamp(28px,7vh,68px);font-family:Outfit,Segoe UI,sans-serif;font-size:clamp(25px,3.2vw,45px);font-weight:700;letter-spacing:.2px;color:#fff;text-shadow:0 2px 18px #000}.loader-dots{display:inline-flex;align-items:center;gap:.2em;margin-left:.24em}.loader-dots i{width:.15em;height:.15em;border-radius:50%;background:currentColor;animation:loader-dot 1.05s ease-in-out infinite}.loader-dots i:nth-child(2){animation-delay:.15s}.loader-dots i:nth-child(3){animation-delay:.3s}.loader-site{position:absolute;right:clamp(18px,3.2vw,58px);bottom:max(clamp(18px,3.2vw,44px),env(safe-area-inset-bottom));display:block;width:clamp(190px,22vw,340px);height:auto;object-fit:contain;filter:drop-shadow(0 2px 10px #000)}#loader.brand-loader.leaving{opacity:0;transform:scale(1.025);pointer-events:none}@keyframes loader-logo-in{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}@keyframes loader-dot{0%,65%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-.2em)}}@media(max-width:640px){#loader.brand-loader:before{opacity:.4}.loader-brand{width:90vw;transform:translateY(-3vh)}.loader-logo{width:86vw}.loader-status{margin-top:34px;font-size:27px}.loader-site{right:18px;bottom:max(22px,env(safe-area-inset-bottom));width:min(220px,62vw)}}.loader-logo{background:transparent;box-shadow:none;filter:none;text-shadow:none}
@media(max-height:500px){.bottom-ui{bottom:max(2px,env(safe-area-inset-bottom));gap:2px}.actions button{min-height:36px;padding:6px 9px;font-size:12px}.actions .hint-btn{min-width:112px}.actions svg{width:14px;height:14px}.bottom-meta{gap:16px}.bottom-meta button{width:28px;height:28px;padding:4px}.bottom-meta svg{width:14px;height:14px}}