@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
.brand .brand-art{width:134px}
:root{--ink:#243d32;--muted:#7a857a;--green:#426e45;--cream:#f7f6ef}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}.header{height:104px;border-bottom:1px solid #e4e6dc;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);gap:24px}.brand{width:146px;height:86px;overflow:hidden;flex:none;display:block}.brand-art{display:block;background:url('assets/atlas.png') -12px -7px / 638px 425px;width:146px;height:86px}nav{display:flex;gap:36px;align-items:center;font-size:13px;font-weight:700}button{font:inherit;cursor:pointer;color:inherit}nav button{background:none;border:0;font-size:13px;font-weight:600;display:flex;gap:18px}.nav-active{display:flex;align-items:center;gap:9px}.nav-active i{width:6px;height:6px;background:#639350;border-radius:50%}.header-end{display:flex;align-items:center;gap:24px}.edition{font-size:9px;letter-spacing:1.6px;color:#7d8879;font-weight:700}.icon-btn{width:37px;height:37px;border:1px solid #d8ddce;border-radius:50%;background:transparent;position:relative;font-size:21px}.sound-off{position:absolute;height:1px;background:var(--ink);width:22px;transform:rotate(-45deg);top:17px;left:7px}main{max-width:1320px;margin:auto;padding:38px 40px 0}.intro{display:flex;align-items:center;justify-content:space-between;padding:0 0 30px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:9px;margin:0 0 13px}.eyebrow>span{width:17px;height:1px;background:#7d9a55}h1{font-family:Outfit,sans-serif;font-size:39px;font-weight:600;letter-spacing:-1.5px;line-height:1.1;margin:0 0 13px}h1 em{font-style:normal;color:#6e8d55}.subtitle{font-size:13px;color:#7a857a;margin:0}.chapter{display:flex;align-items:center;gap:14px;padding-top:20px}.chapter-icon{border:1px solid #d9dfd0;color:#79945c;border-radius:50%;width:45px;height:45px;display:grid;place-items:center;font-size:23px}.chapter small{font-size:9px;letter-spacing:1.9px;display:block;color:#8a9280;margin-bottom:6px}.chapter strong{font-size:13px;font-weight:600}.game-shell{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 12px 30px #22382c12;border:7px solid #fff;isolation:isolate;background:#99ddeb;aspect-ratio:1200/580}canvas{width:100%;height:100%;display:block;outline:none;touch-action:none}.hud{position:absolute;top:22px;left:25px;right:25px;display:flex;justify-content:space-between;pointer-events:none}.hud-left{display:flex;align-items:center;gap:18px;padding:10px 17px;background:#fbfcf0e8;box-shadow:0 3px 0 #274f3420;border:1px solid #fff9;border-radius:12px;height:49px}.hearts{color:#ed6a57;letter-spacing:3px;font-size:24px;white-space:nowrap;text-shadow:0 2px #c44234}.hud-divider{width:1px;height:20px;background:#d7decd}.currency{display:flex;align-items:center;gap:7px;font-size:15px}.currency small{font-size:10px;color:#8b947b}.coin-icon{display:grid;place-items:center;color:#ba7919;width:25px;height:25px;background:#ffd65c;border-radius:50%;border:2px solid #e2a139;box-shadow:inset 0 0 0 2px #ffed9f;font-size:18px}.gems>span{color:#26a8e5;font-size:28px;text-shadow:1px 1px #197db8}.hud-right{display:flex;align-items:center;gap:16px}.level-name{font-size:9px;letter-spacing:1.4px;font-weight:700;color:#2d644d;text-shadow:0 1px #fff8}.level-name i{font-style:normal;color:#6d9983;margin:0 7px}.pause{pointer-events:auto;background:#fbfcf0e8;border:1px solid #fff9;border-radius:10px;width:43px;height:43px;font-weight:700;font-size:22px;box-shadow:0 3px 0 #274f3420}.overlay{position:absolute;inset:0;display:flex;align-items:center;pointer-events:none;background:linear-gradient(90deg,#f8f8eeda,transparent 65%)}.start-card{margin-left:6%;margin-top:0;pointer-events:auto}.little-label{font-size:9px;font-weight:700;letter-spacing:2px;color:#547e50}.start-card h2{font-family:Outfit,sans-serif;font-size:48px;font-weight:600;line-height:1.04;letter-spacing:-1.4px;margin:17px 0}.start-card p{font-size:12px;line-height:1.8;color:#546e5d;margin:0 0 23px}.primary{display:flex;align-items:center;justify-content:space-between;gap:48px;border:0;border-radius:9px;padding:16px 22px;background:#345e3c;box-shadow:0 4px 0 #24482d;color:#fffce9;font-size:13px;font-weight:700;transition:transform .15s,background .15s}.primary:hover{background:#45764c;transform:translateY(-1px)}.primary:disabled{opacity:.7;cursor:wait}.primary span{font-size:20px;line-height:14px}.start-hint{margin-top:19px;font-size:10px;color:#6f8569}.start-hint span{color:#c19b3f;margin-right:5px}.scene-caption{position:absolute;bottom:20px;left:27px;font-size:8px;letter-spacing:1.5px;color:#e9f2cb;font-weight:700;text-shadow:0 1px 4px #183725}.scene-caption span{margin:0 9px;color:#dbcb78}.progress-track{height:3px;position:absolute;bottom:0;left:0;right:0;background:#224e34aa}.progress-track span{height:100%;background:#ffd76e;display:block;width:0;transition:width .1s}.toast{position:absolute;top:88px;left:50%;transform:translate(-50%,-8px);background:#fffceeec;padding:10px 18px;border-radius:20px;font-size:12px;font-weight:600;box-shadow:0 4px 18px #173d2822;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.below{display:flex;align-items:center;justify-content:space-between;padding:23px 6px 28px;border-bottom:1px solid #e0e4d7}.key-guide{display:flex;gap:25px;font-size:10px;color:#7d877b}.key-guide>span{display:flex;align-items:center;gap:5px}.key-guide kbd{font-family:inherit;border:1px solid #d9dfd1;border-bottom-width:2px;min-width:23px;height:23px;display:inline-grid;place-items:center;border-radius:5px;font-size:9px;background:#fcfcf7;padding:0 5px;color:#5a6c54}.key-guide small{font-size:9px;color:#a0a88d}.best{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1px;color:#8a927e}.best>span{font-size:16px;color:#8d9e70}.best b{font-size:14px;color:#516b49;margin-left:5px}.best small{letter-spacing:0}footer{display:flex;justify-content:space-between;padding:23px 3px;font-size:10px;color:#969d8b}footer>span:last-child{font-size:8px;letter-spacing:1.6px}.footer-flower{font-size:17px;margin-left:12px;color:#83996d}.touch-controls{display:none;position:absolute;left:17px;right:17px;bottom:38px;justify-content:space-between;pointer-events:none}.touch-controls>div{display:flex;gap:10px}.touch-controls button{width:48px;height:48px;border:1px solid #fff8;border-radius:50%;background:#f3f8dc88;backdrop-filter:blur(4px);font-size:24px;pointer-events:auto;touch-action:none;user-select:none}.touch-controls button:active{background:#fffce6}dialog{border:1px solid #dce4d1;border-radius:20px;padding:35px;max-width:490px;color:var(--ink);background:#faf9f1;box-shadow:0 20px 100px #173b2844}dialog::backdrop{background:#163c3366;backdrop-filter:blur(5px)}dialog h2{font:600 30px Outfit,sans-serif;letter-spacing:-.5px}dialog p,dialog li{font-size:13px;line-height:1.8;color:#6c7d68}dialog ul{padding-left:20px}.close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:26px}button:focus-visible,a:focus-visible{outline:3px solid #e1ab3d;outline-offset:4px}[hidden]{display:none!important}@media(min-width:1500px){main{padding-top:45px}.intro{padding-bottom:35px}}@media(max-width:900px){.edition{display:none}.header{height:85px}.brand{transform:scale(.85);transform-origin:left center;width:130px}main{padding:26px 20px 0}h1{font-size:32px}.chapter{display:none}.key-guide{gap:14px}.best{font-size:8px}.level-name{display:none}.start-card h2{font-size:36px}.start-card p{font-size:11px}.hud{top:15px;left:15px;right:15px}.hud-left{height:40px;gap:11px;padding:6px 12px}.hearts{font-size:19px}.start-card{margin-top:25px}.primary{padding:12px 18px}.scene-caption{font-size:7px;bottom:14px}}@media(max-width:600px){.header{padding:0 16px;gap:10px}.header nav{gap:15px}.nav-active{font-size:11px}nav button{font-size:11px;gap:4px}.header-end{gap:0}.icon-btn{width:32px;height:32px}.brand{width:100px;transform:scale(.68)}h1{font-size:29px;letter-spacing:-1px}.eyebrow{font-size:8px;letter-spacing:1.5px}.subtitle{font-size:11px;max-width:270px;line-height:1.6}.intro{padding-bottom:22px}.game-shell{aspect-ratio:3/4;border-width:5px;border-radius:15px}canvas{object-fit:cover}.start-card{margin:25px 22px 0}.start-card h2{font-size:36px}.overlay{background:linear-gradient(90deg,#f8f8eed9,#f8f8ee20)}.touch-controls{display:flex}.scene-caption{bottom:13px;left:15px;font-size:6px}.hud{left:12px;right:12px;top:12px}.hud-left{gap:9px}.currency{font-size:12px}.gems>span{font-size:22px}.currency small{font-size:8px}.coin-icon{width:22px;height:22px}.pause{width:36px;height:36px;font-size:18px}.hearts{font-size:18px;letter-spacing:1px}.hud-divider{height:16px}.key-guide{gap:12px;flex-wrap:wrap;max-width:240px}.key-guide>span{font-size:9px}.best{flex-wrap:wrap;gap:5px;width:90px;justify-content:flex-end}.below{padding:18px 0 21px;gap:12px}footer{font-size:8px;padding-top:18px}footer>span:last-child{font-size:6px;letter-spacing:1px}.toast{width:max-content;max-width:90%;font-size:10px;top:65px}dialog{margin:auto 16px;padding:25px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}