*{box-sizing:border-box}
/* Woodland release: compact equipment and tactile controls. */
canvas,button,button *,header,#vitals,#hint,#toast{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button,canvas{touch-action:none}input,textarea{-webkit-user-select:text;user-select:text}body{margin:0;background:#152633;color:#edf1da;font:14px system-ui;overflow:hidden;touch-action:none}canvas{display:block;width:100vw;height:100dvh;image-rendering:pixelated}button,input{font:inherit;color:inherit;border:1px solid #688073;background:#182c2e; border-radius:7px;padding:10px;cursor:pointer}button:active,button.selected{border-color:#ffdc86;background:#45543b}header{position:absolute;top:16px;left:22px;right:22px;display:flex;gap:12px;align-items:center}header strong{font-size:23px;text-shadow:2px 2px #18202a}header span{font-size:11px;letter-spacing:1px;color:#c3dbb1}#sound{margin-left:auto}#vitals{position:absolute;top:64px;left:24px;color:#ffcf9a;font-weight:bold}#hint{position:absolute;bottom:92px;width:100%;text-align:center;font-size:12px;color:#e2dec1;text-shadow:1px 2px #000}#hotbar{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:5px}#hotbar button{position:relative;width:58px;height:58px;padding:4px;background:#182729e8;font-size:10px}#hotbar i{display:block;width:18px;height:18px;margin:auto auto 3px;box-shadow:inset -4px -3px #0003}#hotbar b{position:absolute;right:4px;top:2px;color:#fff}#craftToggle{position:absolute;bottom:22px;right:22px;height:58px}#craft{position:absolute;right:22px;top:115px;width:310px;background:#14272af5;border:1px solid #7d8d68;border-radius:12px;padding:20px;z-index:3}h2{margin:0}#recipes button{display:block;width:100%;text-align:left;margin:8px 0}#recipes small{display:block;color:#c7c8a9}#toast{position:absolute;top:105px;left:50%;transform:translateX(-50%);text-align:center;background:#17272ade;border-radius:8px;padding:8px;pointer-events:none}#toast:empty{display:none}#entry{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(120deg,#10282ced,#18293bae);z-index:9}#entry>div{max-width:560px;padding:36px;border:1px solid #75846b;background:#142629e8;border-radius:16px;box-shadow:0 20px 100px #0006}h1{font-size:48px;letter-spacing:-2px;margin:20px 0;color:#ffe4a3}#entry p{line-height:1.7;color:#cbd8c4}#entry small{letter-spacing:2px;color:#9dc49b}input{font-size:18px;width:100%;margin:10px 0}#play{width:100%;background:#b7ca84;color:#192c28;font-weight:bold;font-size:18px}.fine{font-size:12px}a{color:#d7d5a5;font-size:12px}#touch{display:none}[hidden]{display:none!important}@media(max-height:500px) and (min-width:700px){#hint{display:none}}@media(pointer:coarse),(max-width:700px){header{top:10px;left:12px;right:12px;gap:6px}header strong{font-size:20px}header span{display:none}header button{font-size:12px;padding:8px}#vitals{top:52px;left:12px;font-size:12px}#hint{display:none}#touch{display:flex;position:absolute;bottom:18px;left:12px;right:12px;justify-content:space-between}#touch>div{display:flex;gap:7px}#touch button{width:55px;height:60px;font-size:24px;background:#1b3038d9;touch-action:none}#touch #mode{font-size:11px;width:58px}#hotbar{bottom:95px;width:calc(100% - 20px);justify-content:center;gap:3px;flex-wrap:wrap}#hotbar button{width:calc((100vw - 40px)/5);min-width:44px;height:48px;font-size:0;padding:2px}#hotbar b{font-size:10px}#hotbar i{width:15px;height:15px;margin-top:12px}#craftToggle{bottom:205px;right:12px;height:36px;padding:6px 12px;font-size:12px}#craft{top:95px;right:10px;max-height:calc(100dvh - 265px);overflow:auto;width:calc(100% - 20px);padding:15px}#entry>div{margin:14px;padding:24px}h1{font-size:39px}#toast{top:79px;font-size:12px;width:90%}}
@media(pointer:coarse) and (min-width:700px){#hotbar button{width:calc((100vw - 60px)/10)}#hotbar{bottom:87px}#craftToggle{bottom:auto;top:60px}#craft{max-height:210px;top:95px;width:360px}#entry>div{padding:15px;max-width:620px}#entry h1{margin:4px 0;font-size:30px}#entry p{margin:6px 0}#entry input{width:48%;margin-right:2%}#play{width:48%}}
button{border-radius:5px;box-shadow:inset 0 1px #dce6bc18,0 2px 0 #101e27a0}button:focus-visible{outline:2px solid #ffe0a0;outline-offset:2px}button.held{background:#6b7950!important;border-color:#ffe0a0;transform:translateY(2px)}header strong{font-size:20px;letter-spacing:-.5px}#vitals{padding:6px 10px;background:#182c38b8;border-left:2px solid #d5b67b;border-radius:3px;font-size:12px;top:57px;left:22px}#hotbar button{height:62px;width:60px;border-color:#638184;background:#172c37e8}#hotbar button.selected{background:#485445;border:2px solid #e4c281;box-shadow:inset 0 0 0 2px #223b38,0 0 14px #eed18c20}#hotbar i{width:28px;height:28px;background-size:28px;background-repeat:no-repeat;image-rendering:pixelated;box-shadow:none;margin:1px auto 3px}#hotbar b{text-shadow:1px 1px #10202c}#toast{border:1px solid #93a27d44}#touch button{border-color:#839b8c80}#touch #attack{color:#ffe2a2}
@media(pointer:coarse),(max-width:700px){header strong{font-size:17px}#vitals{top:49px;left:12px;padding:5px 7px;font-size:11px}#hotbar{top:86px;bottom:auto;gap:3px}#hotbar button{height:44px;width:calc((100vw - 40px)/5);border-radius:4px}#hotbar i{width:28px;height:28px;margin:4px auto 0;background-size:28px}#craftToggle{bottom:94px;height:32px;background:#213942cc}#touch{bottom:max(14px,env(safe-area-inset-bottom))}#touch button{height:56px;opacity:.93}#toast{top:184px}#craft{top:181px;max-height:calc(100dvh - 320px);z-index:5}#hotbar button.selected{border-width:1px}#sound{font-size:11px}}
@media(pointer:coarse) and (min-width:700px){#hotbar{top:82px;width:calc(100% - 180px);left:12px;transform:none;flex-wrap:nowrap}#hotbar button{width:calc((100vw - 205px)/10);min-width:44px}#craftToggle{top:85px;bottom:auto}#toast{top:132px}#craft{top:132px;max-height:calc(100dvh - 220px)}}