@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light;--ink:#234637;--muted:#798477;--paper:#f7f8ef}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}.topbar{height:94px;border-bottom:1px solid #dfe4d7;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:800 32px 'Manrope',sans-serif;letter-spacing:-2px}.brand img{width:35px;height:35px}.brand span{margin:6px 0 0 20px;letter-spacing:1.6px;font:600 9px 'DM Sans',sans-serif}.edition{font-size:12px;color:var(--muted)}main{max-width:1440px;margin:auto;padding:44px 5.5% 20px}.level-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.1px;margin:0 0 10px}h1{font:800 38px 'Manrope',sans-serif;letter-spacing:-1.8px;margin:0;display:flex;align-items:center;gap:16px}h1 span{font:500 12px 'DM Sans',sans-serif;letter-spacing:0;border:1px solid #ccd5c5;border-radius:50%;width:29px;height:29px;display:grid;place-items:center}.level-heading p:last-child{font-size:13px;color:var(--muted);margin:9px 0 0}.level-tag{font-size:9px;font-weight:700;letter-spacing:1.6px;display:flex;align-items:center;gap:9px}.level-tag>span{height:6px;width:6px;border-radius:100%;background:#8baf60}.game-frame{position:relative;height:clamp(410px,54vw,620px);border-radius:15px;overflow:hidden;background:#dbeacd;border:1px solid #cedbc4;box-shadow:0 10px 25px #354c3010}canvas{display:block;width:100%;height:100%;outline:none}.hud{position:absolute;top:26px;left:30px;right:25px;display:flex;align-items:flex-start;gap:27px;pointer-events:none}.hud-label{display:block;letter-spacing:1.6px;font-size:8px;font-weight:700;margin-bottom:8px;color:#46664b}.health{min-width:88px}#hearts{color:#34583d;font-size:17px;letter-spacing:4px}.journey{margin:auto;min-width:150px;text-align:center}.track{height:4px;background:#69875628;border-radius:5px;overflow:hidden}.track i{display:block;width:0;height:100%;background:#557d40}.collection{text-align:right}.collection b{font:700 22px 'Manrope',sans-serif}.collection small{font-size:12px;color:#718866}.icon-button{pointer-events:auto;border:1px solid #6d895947;background:#f7f8ef66;border-radius:50%;width:32px;height:32px;color:var(--ink);cursor:pointer}.overlay{position:absolute;inset:0;display:flex;align-items:center;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#dbeacd20,#e5eedcbd 40%,#e5eedc70 65%,#dbeacd00);text-align:center;padding:30px 15px 50px}.overlay.hidden{display:none}.intro-mark{font-size:36px;color:#5c814a;margin-bottom:12px}.overlay .eyebrow{font-size:9px}.overlay h2{font:800 clamp(34px,4.5vw,57px)/1.08 'Manrope',sans-serif;letter-spacing:-2.6px;margin:5px 0 17px}.overlay p:not(.eyebrow){font-size:12px;line-height:1.9;color:#52684d;margin:0 0 24px}.primary{border:0;border-radius:7px;background:#244f39;color:#fff;padding:15px 25px;font:600 13px 'DM Sans',sans-serif;min-width:157px;cursor:pointer;box-shadow:0 5px 10px #23463720}.primary:hover{background:#376448}.primary span{margin-left:22px}#overlay-note{font-size:8px;letter-spacing:1.3px;margin-top:18px;color:#6a8060}.terrain-caption{position:absolute;bottom:23px;left:28px;letter-spacing:1.4px;font-size:8px;font-weight:600;color:#edf1cfb0}.terrain-caption span{padding:0 9px}.guide{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 1px;border-bottom:1px solid #dfe4d7;font-size:11px;color:#7a8474}.guide>div{display:flex;align-items:center;gap:7px}.key{background:#fff;border:1px solid #dce1d4;border-radius:4px;padding:4px 7px;color:#63725c;font-size:10px}.key.space{margin-left:14px;font-size:8px;letter-spacing:1px;padding:6px 9px}.guide strong{font-weight:500}.pebble{display:inline-block;background:#c5b594;width:12px;height:11px;border-radius:40% 60% 35% 45%;margin-right:2px}.thorn{margin:0 2px 0 16px;color:#8e604e;font-size:18px}#restart{font:inherit;background:none;border:0;color:#63735c;cursor:pointer}#restart:first-letter{font-size:18px}.bottom-note{text-align:center;font-size:10px;letter-spacing:.3px;color:#99a08e;margin-top:24px}.touch-controls{display:none;position:absolute;bottom:45px;left:20px;right:20px;gap:12px}.touch-controls button{touch-action:none;border:1px solid #ffffff88;background:#f7f8ef99;color:#234637;border-radius:50%;width:49px;height:49px;font-size:23px}.touch-controls button:last-child{margin-left:auto}button:focus-visible,a:focus-visible{outline:3px solid #9cab54;outline-offset:4px}@media(pointer:coarse){.touch-controls{display:flex}}@media(max-width:700px){.topbar{height:72px}.brand span,.edition,.level-tag,.tips{display:none!important}main{padding:28px 4%}.level-heading{margin-bottom:20px}h1{font-size:31px}.game-frame{height:560px}.hud{top:20px;left:17px;right:17px;gap:12px}.journey{min-width:70px;max-width:100px}.hud-label{font-size:7px;letter-spacing:1px}.guide{font-size:9px;gap:5px}.key.space{margin-left:4px}.overlay h2{font-size:43px}.health{min-width:65px}}