:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#344b43;background:#c4eeea;font-synthesis:none}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}button{font:inherit;font-weight:650;color:inherit;border:1px solid #a7b6a3;border-radius:8px;background:#f3f2e6;cursor:pointer;min-height:44px;padding:10px 15px;touch-action:manipulation}button:hover{background:#dce5d6}button:disabled{opacity:.5;cursor:default}button:focus-visible{outline:3px solid #9ab789;outline-offset:2px}#app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}header{position:absolute;top:0;left:0;right:0;height:48px;padding:7px 12px;z-index:8;pointer-events:none;display:flex;align-items:flex-start}.brand{font-size:24px;font-weight:850;letter-spacing:-1px;text-shadow:0 1px 0 #ffffffa0}.brand span{color:#315f58}.divider,.subtitle{display:none}.header-actions{position:absolute;right:10px;top:7px;display:flex;gap:6px;pointer-events:auto}.header-actions button{width:40px;height:38px;min-height:38px;padding:0;display:flex;align-items:center;justify-content:center}.menu-icon{width:38px;height:38px;display:block;object-fit:contain;filter:saturate(.65)}main{position:relative;flex:1;min-height:0;overflow:hidden}#game{position:absolute;inset:0;background:#c4eeea url(/assets/mountains.jpg) center/cover no-repeat}#game canvas{display:block;touch-action:none}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#c4eeea;font-size:20px;z-index:10}.readout{position:absolute;top:37px;left:13px;font-size:8px;opacity:.65;pointer-events:none}#materials{position:absolute;top:9px;left:50%;transform:translate(-50%);display:flex;gap:6px;pointer-events:none;z-index:4}#materials>span{position:relative;display:flex;align-items:center;gap:5px;padding:3px 6px;background:#f3f2e6e8;border:1px solid #bec8b6;border-radius:8px;font-size:13px;box-shadow:0 1px 4px #34564315}#materials .item-icon,#materials .build-icon{width:26px;height:26px}#materials small{font-size:9px;color:#587568}.item-icon,.control-icon,.build-icon{display:inline-block;background-repeat:no-repeat;flex-shrink:0}.item-icon{width:32px;height:32px;background-image:url(/assets/item-icons.png);background-size:400% 200%}.control-icon{display:block;width:100%;height:100%;background-image:url(/assets/control-icons.png);background-size:300% 100%;filter:saturate(.7);opacity:.88}.build-icon{width:40px;height:40px;background-image:url(/assets/build-icons.png);background-size:500% 200%;filter:saturate(.75)}#bottom-bar{position:absolute;inset:0;pointer-events:none;z-index:6}#bottom-bar button{pointer-events:auto;-webkit-user-select:none;user-select:none}#controls{position:absolute;left:12px;bottom:12px;display:flex;gap:9px}#controls.paused{display:none}#controls button,#jump,#run,#interact,#menu,#help,.quick-slot,#build-controls button{background:linear-gradient(#eeeedeeb,#d3d8cadb);border:1px solid #929e8c;color:#344a43;box-shadow:0 2px #6b796680,inset 0 1px #ffffffe0;border-radius:8px}#controls button:active,#jump:active,#run:active,#interact:active,#menu:active,#help:active,.quick-slot:active,#build-controls button:active{transform:translateY(2px);box-shadow:none;background:#c7d1bfe6}#controls button{width:64px;height:58px;padding:3px;touch-action:none}#jump{position:absolute;bottom:12px;right:12px;width:62px;height:62px;padding:5px;touch-action:none}#inventory-rail{position:absolute;left:50%;bottom:12px;transform:translate(-50%)}#quick-slots{display:flex;gap:6px}.quick-slot{position:relative;width:46px;height:46px;min-height:0;padding:7px;border-radius:4px}.quick-slot small{position:absolute;left:4px;top:2px;font-size:9px;color:#718169}.quick-slot .item-icon{width:31px;height:31px;filter:saturate(.75)}.quick-slot.selected{border:2px solid #657858;background:#cbd8bfeb}#run{position:absolute;right:85px;bottom:12px;width:54px;height:54px;min-height:0;padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:center}#run .item-icon,#run .control-icon{width:38px;height:36px;filter:saturate(.75)}#run small{font-size:9px;line-height:10px}#interaction{position:absolute;right:12px;bottom:86px;pointer-events:auto}#interaction-label{display:none}#interact{width:62px;height:62px;padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}#interact .item-icon{width:40px;height:40px;filter:saturate(.75)}#interact small{font-size:9px;line-height:11px;max-width:58px}#build-controls{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:7px}#build-controls button{position:relative;width:62px;height:62px;min-height:0;padding:5px;display:flex;align-items:center;justify-content:center}#build-controls button.selected{border:2px solid #657858;background:#cbd8bfeb}#build-controls button>small{position:absolute;right:5px;bottom:3px;font-size:10px;background:#f5f1dfc0;padding:0 3px;border-radius:3px}#build-controls #run{position:static;display:flex;flex-direction:column}#build-controls #run small{position:static;background:none;padding:0}.mission{position:absolute;top:54px;right:12px;width:min(270px,80vw);padding:14px 16px;background:#f5f3e7f0;border:1px solid #a9bba0;border-radius:12px;box-shadow:0 6px 22px #37564125;z-index:9;display:flex;flex-direction:column;gap:10px}.mission strong{font-size:15px}.mission #status{font-size:11px;line-height:1.4;color:#506c5b}#status:empty{display:none}#tutorial{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;font-size:12px;line-height:1.3}#tutorial li{display:flex;gap:7px;align-items:center;color:#3d625b}#tutorial li>span{width:14px;text-align:center}#tutorial li.done{color:#7b8c7b}#tutorial li.done>span{color:#3c8260}#victory{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:min(330px,85%);padding:25px;background:#f5f3e7f5;border:1px solid #adc3a3;border-radius:15px;box-shadow:0 15px 50px #1c493940;text-align:center;z-index:10}#victory strong{font-size:25px}#victory p{font-size:14px}#victory button{background:#315f52;color:#fff}dialog{border:1px solid #97b79e;border-radius:14px;padding:24px;width:min(400px,92vw);background:#f8f7ef;color:#344b43}dialog::backdrop{background:#234c3e75}dialog h2{margin:0 0 16px;font-size:24px}#menu-dialog>button,#level-list>button{display:block;width:100%;margin:8px 0;text-align:left}#menu-dialog #menu-close{background:#315f52;color:#fff;text-align:center}#level-list{padding-left:10px}.sound-settings{display:flex;gap:6px;margin:8px 0}.sound-settings button{flex:1;font-size:12px;white-space:nowrap;padding:8px}.credits{font-size:10px;line-height:1.5;color:#70806d;margin-bottom:0}.credits a{color:inherit}.phone-dialog p{font-size:13px;line-height:1.5}.phone-dialog a{display:block;overflow-wrap:anywhere;color:#315f52}.phone-dialog button{margin:8px 8px 0 0}#sawmill-dialog{width:min(440px,92vw)}#saw-stock{font-size:12px;color:#647760}#recipes{display:flex;flex-direction:column;gap:9px;margin-bottom:18px}#recipes button{position:relative;overflow:hidden;display:flex;text-align:left;gap:12px;align-items:center;padding:12px;touch-action:none;-webkit-user-select:none;user-select:none}#recipes button>span:not(.item-icon):not(.build-icon):not(.release-icon){display:flex;flex-direction:column;gap:5px;flex:1}#recipes small{font-size:11px;font-weight:400}#recipes .item-icon{width:40px;height:40px}#recipes b{font-size:20px;color:#3e7953}.craft-bar{position:absolute;bottom:0;left:0;height:5px;width:var(--craft-progress, 0%);background:#75b992}.craft-added{position:absolute;right:20px;top:15px;font-size:24px;font-style:normal;color:#238054;pointer-events:none;animation:craft-added .65s ease-out forwards}@keyframes craft-added{0%{transform:translateY(10px) scale(.8);opacity:1}to{transform:translateY(-30px) scale(1.4);opacity:0}}.count-changed{animation:count-pop .6s ease-out}.gain{color:#258352}.loss{color:#b96143}@keyframes count-pop{0%{transform:scale(1)}30%{transform:scale(1.8)}to{transform:scale(1)}}.material-delta{position:absolute;top:7px;right:7px;font-size:18px;font-weight:750;font-style:normal;animation:material-delta .85s ease-out forwards;pointer-events:none}@keyframes material-delta{0%{transform:translateY(4px);opacity:1}to{transform:translateY(-22px);opacity:0}}@media(max-width:950px){#materials small{display:none}#materials>span{padding:3px 5px}#materials .item-icon,#materials .build-icon{width:24px;height:24px}}@media(max-height:480px){dialog{padding:16px}dialog h2{font-size:21px;margin-bottom:8px}#menu-dialog>button,#level-list>button{margin:5px 0;min-height:36px;padding:6px 12px}#sawmill-dialog{padding:14px}#recipes{gap:6px;margin-bottom:10px}#recipes button{padding:8px}#saw-stock{margin:8px 0}.credits{font-size:9px}.quick-slot{width:44px;height:44px}}@media(max-width:600px){.brand{font-size:20px}#materials{gap:3px}#materials>span{padding:2px 3px;font-size:12px}#materials .item-icon,#materials .build-icon{width:20px;height:20px}#materials b{font-size:12px}.readout{top:33px;left:12px;font-size:7px}#controls{left:8px;gap:5px}#controls button{width:46px;height:48px}#jump{width:52px;height:52px;right:8px}#run{width:44px;height:47px;right:67px}#run .item-icon,#run .control-icon{width:31px;height:28px}#run small{font-size:8px}#interaction{right:8px;bottom:76px}#interact{width:52px;height:56px}#interact .item-icon{width:34px;height:34px}.quick-slot{width:34px;height:34px;padding:4px 1px}.quick-slot .item-icon{width:28px;height:28px}#quick-slots{gap:4px}#inventory-rail{left:46%;bottom:19px}#build-controls{gap:4px}#build-controls button{width:47px;height:49px;padding:3px}#build-controls .build-icon{width:35px;height:35px}}#menu .menu-icon{transform:translateY(-1px)}.bridge-icon{width:100%;height:100%;object-fit:contain;filter:saturate(.75)}#home-screen{position:absolute;inset:0;z-index:15;background:linear-gradient(100deg,#d9eee7e8,#c0dfd97a 55%,#b2d9d2c9),url(/assets/mountains.jpg) center/cover;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;padding:8vh 8vw;gap:6vw}.home-copy{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.home-tag{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#55786b}.home-copy h1{font-size:clamp(54px,8vw,104px);line-height:1;letter-spacing:-5px;margin:16px 0;color:#344b43;font-weight:850}.home-copy h1 span{color:#315f58}.home-copy p{font-size:clamp(13px,1.6vw,20px);line-height:1.6;color:#567366;margin:0}.home-mascot{position:absolute;bottom:-5vh;right:-2vw;width:clamp(90px,19vw,230px);height:clamp(90px,19vw,230px);background:url(/assets/engineer-motion.png) 0% 0%/200% 200% no-repeat;filter:saturate(.8);opacity:.95;pointer-events:none}.home-actions{display:flex;flex-direction:column;gap:12px;z-index:1;width:min(290px,100%);justify-self:end}.home-actions button{height:58px;border:1px solid #9eae98;background:#f4f1e5e8;box-shadow:0 3px #85927a65;border-radius:11px;font-size:17px;text-align:left;padding:12px 22px}.home-actions .home-primary{background:#3a6859;color:#faf5df;border-color:#315b4d;box-shadow:0 4px #224b3c;display:flex;justify-content:space-between;align-items:center;font-size:22px}.home-actions small{font-size:10px;line-height:1.5;color:#668171;margin-top:8px}.home-version{position:absolute;bottom:16px;left:8vw;font-size:10px;color:#749181}#level-dialog{width:min(640px,92vw)}.level-card{display:flex;align-items:center;gap:15px;width:100%;text-align:left;margin-bottom:18px;padding:15px;background:#e5ebda}.level-card>span:not(.level-art){display:flex;flex-direction:column;gap:8px;flex:1}.level-card small{font-size:12px;line-height:1.5;font-weight:400;color:#64775e}.level-art{width:70px;height:70px;background:url(/assets/build-mode-icon.png) center/contain no-repeat;flex-shrink:0}#level-close{width:100%}@media(max-height:480px){#level-dialog{padding:14px}#level-dialog h2{margin:0 0 10px;font-size:18px}#level-dialog .level-card{padding:10px;margin-bottom:8px;gap:10px}#level-dialog .level-art{width:42px;height:42px}#level-dialog .level-card>span:not(.level-art){gap:3px}#level-dialog .level-card small{font-size:11px;line-height:1.25}}#menu-dialog.home-settings #reset,#menu-dialog.home-settings #levels,#menu-dialog.home-settings #phone,#menu-dialog.home-settings #to-home,#menu-dialog.home-settings #level-list{display:none!important}@media(max-height:480px){#home-screen{padding:8vh 8vw;gap:7vw}.home-copy h1{font-size:66px;margin:12px 0}.home-actions{gap:9px;max-width:230px}.home-actions button{height:45px;min-height:42px;font-size:15px;padding:9px 17px}.home-actions .home-primary{font-size:19px}.home-tag{font-size:8px}.home-copy p{font-size:13px}.home-mascot{width:135px;height:135px;bottom:-4vh;right:-4vw}}@media(orientation:portrait){#home-screen{grid-template-columns:1fr;padding:10vh 8vw 9vh;gap:6vh}.home-copy{justify-content:flex-start}.home-copy h1{font-size:70px}.home-mascot{right:0;bottom:-5vh;width:145px;height:145px}.home-actions{width:100%;max-width:none;justify-self:stretch;align-self:start}}:root{--hud-left: max(12px, env(safe-area-inset-left));--hud-right: max(12px, env(safe-area-inset-right));--hud-bottom: max(12px, env(safe-area-inset-bottom))}header{padding-left:var(--hud-left)}.header-actions{right:var(--hud-right)}.readout{left:var(--hud-left)}#controls{left:var(--hud-left);bottom:var(--hud-bottom)}#jump{right:var(--hud-right);bottom:var(--hud-bottom)}#run{right:calc(var(--hud-right) + 73px);bottom:var(--hud-bottom)}#interaction{right:var(--hud-right);bottom:calc(var(--hud-bottom) + 74px)}.mission{right:var(--hud-right)}@media(max-width:600px){#run{right:calc(var(--hud-right) + 59px)}}#grab{position:absolute;right:calc(var(--hud-right) + 73px);bottom:calc(var(--hud-bottom) + 74px);width:64px;height:64px;padding:3px;background:linear-gradient(#eeeedeeb,#d3d8cadb);border:1px solid #929e8c;border-radius:8px;box-shadow:0 2px #6b796680;touch-action:none;display:flex;flex-direction:column;align-items:center;justify-content:center}#grab[hidden]{display:none}#grab .item-icon{width:42px;height:42px}#grab small{font-size:10px;color:#344a43}#grab.held{background:#bbd8c8;border-color:#357b65}body.is-building #grab{display:none}#rotate-screen{position:fixed;inset:0;z-index:200;background:#eaf1e5;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#315b55;text-align:center}#rotate-screen[hidden]{display:none}#rotate-screen strong{font-size:28px}#rotate-screen span{font-size:80px}@media(max-width:600px){#grab{right:calc(var(--hud-right) + 59px);width:52px;height:54px;bottom:calc(var(--hud-bottom) + 62px)}}#level-dialog{max-height:90dvh;overflow:auto}#level-stats{display:block;margin-top:3px;color:#315b55;font-variant-numeric:tabular-nums}#victory-stars{font-size:38px;color:#c99a36;letter-spacing:4px}#victory-result{font-variant-numeric:tabular-nums}#build-feedback{position:absolute;top:80px;left:50%;transform:translate(-50%);max-width:75vw;padding:8px 12px;background:#fff0dcf2;color:#88452e;border:1px solid #bb8e70;border-radius:8px;font-size:12px;pointer-events:none;z-index:12;text-align:center}#build-feedback[hidden]{display:none}@media(orientation:portrait){body.phone-portrait dialog{visibility:hidden}body.phone-portrait dialog::backdrop{background:transparent}}body.phone-controls #controls{gap:10px}body.phone-controls #controls button{width:80px;height:76px;padding:6px}body.phone-controls #controls .control-icon{width:64px;height:64px}body.phone-controls #jump{width:84px;height:84px;padding:7px}body.phone-controls #jump .control-icon{width:68px;height:68px}body.phone-controls #bottom-bar>#run{right:calc(var(--hud-right) + 96px)}body.phone-controls #interaction{bottom:calc(var(--hud-bottom) + 96px)}body.phone-controls #grab{right:calc(var(--hud-right) + 96px);bottom:calc(var(--hud-bottom) + 96px)}@media(max-height:360px){body.phone-controls #controls button{width:72px;height:68px}body.phone-controls #controls .control-icon{width:56px;height:56px}body.phone-controls #jump{width:76px;height:76px}body.phone-controls #jump .control-icon{width:60px;height:60px}body.phone-controls #bottom-bar>#run,body.phone-controls #grab{right:calc(var(--hud-right) + 88px)}body.phone-controls #interaction,body.phone-controls #grab{bottom:calc(var(--hud-bottom) + 88px)}}#engineering-tools{position:absolute;right:var(--hud-right);top:62px;display:flex;gap:6px;z-index:15}#engineering-tools[hidden]{display:none}#engineering-tools button{width:56px;height:54px;padding:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(#eeeedeeb,#d3d8cadb);border:1px solid #929e8c;border-radius:8px;color:#344a43;box-shadow:0 2px #6b796680}#engineering-tools button[hidden]{display:none}#engineering-tools .control-icon,#engineering-tools .build-icon{width:32px;height:32px}#engineering-tools small{font-size:9px;white-space:nowrap}#diagnostics[aria-pressed=true]{background:#f1dfab;border-color:#b5944c}#trial-label{position:absolute;left:50%;top:64px;transform:translate(-50%);padding:5px 8px;background:#eff2e7e6;color:#315b58;border-radius:6px;font-size:10px;pointer-events:none}#stress-legend{position:absolute;right:var(--hud-right);top:123px;max-width:230px;padding:8px;background:#f5f3e6ed;border-radius:8px;color:#344a43;font-size:10px;pointer-events:none;z-index:14}#stress-legend strong{display:block;color:#9c5f36;margin-bottom:3px}#break-notice{position:absolute;left:50%;top:120px;transform:translate(-50%);max-width:55vw;padding:8px;background:#fff0dcee;border:1px solid #ba7c53;border-radius:8px;color:#88452e;font-size:11px;pointer-events:none;z-index:16}#trial-label[hidden],#stress-legend[hidden],#break-notice[hidden]{display:none}@media(max-height:420px){#engineering-tools{top:52px}#engineering-tools button{width:48px;height:48px}#trial-label{top:52px;max-width:36vw}#stress-legend{top:106px;max-width:190px}#break-notice{top:108px}}.club-icon,.beaver-icon{display:inline-block;width:40px;height:40px;background-repeat:no-repeat;vertical-align:middle}.club-icon{background-image:url(/assets/engineer-bonk-clean.png);background-size:300% 232.73%;background-position:100% 100%}.beaver-icon{background-image:url(/assets/beaver.png);background-size:300% 200%;background-position:50% 100%}.release-icon{display:inline-block;flex-shrink:0;width:40px;height:40px;background:url(/assets/release-icons.png) no-repeat;background-size:400% 200%;filter:saturate(.75)}#materials .release-icon{width:26px;height:26px}#build-controls .release-icon{width:40px;height:40px}#interact .release-icon{width:45px;height:45px}#engineering-tools button small,#grab small,#materials small{display:none}#recipes button>span:not(.item-icon):not(.build-icon):not(.release-icon){flex:1}#recipes button>.release-icon,#recipes button>.build-icon{flex:0 0 40px;display:inline-block}#recipes small{display:flex;align-items:center;gap:4px;flex-wrap:wrap}#recipes small .item-icon,#recipes small .build-icon,#recipes small .release-icon,#saw-stock .item-icon{width:22px;height:22px;vertical-align:middle}.sound-settings button{display:flex;align-items:center;gap:7px;white-space:normal;line-height:1.15;min-height:58px}.sound-settings .release-icon{width:38px;height:38px}.language-picker{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#496654;font-size:13px}.language-picker select{color:#315744;background:#f1f3e8;border:1px solid #b5c5af;border-radius:7px;padding:7px 9px;font:inherit;min-width:120px;cursor:pointer}.controller-help{color:#71806c;font-size:11px;line-height:1.4}#status{display:none}@media(max-height:450px){.language-picker select{padding:4px 7px}.home-actions{gap:7px}.language-picker{font-size:12px}}@media(max-height:450px){#recipes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:10px}#recipes button{padding:7px;gap:7px;min-height:66px}#recipes strong{font-size:13px}#recipes small{font-size:10px;gap:2px}#recipes button>.item-icon,#recipes button>.release-icon,#recipes button>.build-icon{flex:0 0 32px;width:32px;height:32px}#sawmill-dialog{padding:14px}#sawmill-dialog h2{margin-bottom:8px}#saw-stock{margin:4px 0 10px;font-size:11px}}.gate-icon{display:inline-block;width:40px;height:40px;background:url(/assets/lever-side.png) 75% 50% / 150% 150% no-repeat;flex-shrink:0}#interact .gate-icon{width:45px;height:45px}.quick-slot.selected{border:3px solid #a16c27;background:#f9e2a5;box-shadow:0 0 0 2px #354b4d,inset 0 0 0 2px #fff7d1}.quick-slot.selected:after{content:"✓";position:absolute;right:-3px;bottom:-3px;width:15px;height:15px;border-radius:3px;background:#a16c27;color:#fff7d1;font:700 12px/15px sans-serif;text-align:center}.quick-slot:not(.selected) .item-icon,.quick-slot:not(.selected) .club-icon{opacity:.62}.quick-slot.selected .item-icon,.quick-slot.selected .club-icon{opacity:1;filter:saturate(1.1);transform:scale(1.08)}#start-world .level-art{background:url(/assets/home/home-distance.webp) center/cover no-repeat;border-radius:8px}