body.craft-playing{overflow:hidden}body.craft-playing>header{display:none!important}#craftApp[hidden],#craftApp [hidden]{display:none!important}#craftApp{position:fixed;inset:0;z-index:60;overflow:hidden;background:#9acfe1;color:#fff;font:14px system-ui,sans-serif}#craftCanvas{display:block;width:100%;height:100%;touch-action:none;outline:none;cursor:grab}#craftCanvas:active{cursor:grabbing}#craftApp button{cursor:pointer;background:#152d39dc;border:2px solid #ceded855;border-bottom:4px solid #101f2a;color:#f7ffe7;border-radius:5px;padding:10px 15px;font:700 13px system-ui}#craftApp button:hover{background:#305147}#craftApp button:disabled{opacity:.4;cursor:default}#craftApp button:focus-visible{outline:3px solid #edcf73;outline-offset:3px}.craft-top{position:absolute;top:max(15px,env(safe-area-inset-top));left:18px;right:18px;display:flex;gap:14px;align-items:center}.craft-brand{font-weight:1000;font-size:19px;line-height:1.05;letter-spacing:2px;text-shadow:2px 3px #2e4634}.craft-brand span{display:block;font-size:28px;color:#d8fb96;letter-spacing:4px}.craft-top-right{margin-left:auto;display:flex;gap:8px}.craft-location{position:absolute;left:22px;top:97px;text-shadow:1px 2px #18372e;pointer-events:none}.craft-location span{font-weight:900;letter-spacing:2px;font-size:12px;display:block}.craft-location small{display:block;margin:5px 0}.craft-location span:last-child{color:#eaffbb;font-size:10px}#craftMap{position:absolute;right:22px;top:92px;width:108px;height:108px;border:3px solid #ebf7c68c;image-rendering:pixelated;background:#376258;box-shadow:3px 3px #213b3955}.craft-reticle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:26px monospace;text-shadow:0 1px 3px #071921;pointer-events:none}.craft-target{position:absolute;left:50%;top:calc(50% + 26px);transform:translateX(-50%);font-size:11px;font-weight:700;text-shadow:0 2px 3px #123229;pointer-events:none}.craft-bottom{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:22px;right:22px;display:flex;align-items:end;gap:12px;pointer-events:none}.craft-bottom>*{pointer-events:auto}.craft-center{margin:0 auto;max-width:62%;text-align:center}.craft-hotbar{display:flex;gap:5px;padding:5px;background:#142c37a8;border:2px solid #e8f2dc50;overflow-x:auto;max-width:100%}.craft-hotbar button{padding:4px!important;min-width:47px;height:54px;position:relative}.craft-hotbar button.selected{border-color:#e6ff9a!important;background:#577647!important}.craft-hotbar i,.craft-block-icon{display:block;width:27px;height:27px;transform:skewY(-8deg);border:2px solid #ffffff44;box-shadow:inset -7px -6px #00000020;margin:0 auto 2px}.craft-hotbar b{font-size:10px;display:block}.craft-hotbar em{position:absolute;top:0;left:3px;font-style:normal;font-size:8px}.craft-hints{font-size:9px;text-shadow:1px 1px #203a31;margin-top:6px}.craft-actions{display:grid;grid-template-columns:repeat(3,54px);gap:5px}.craft-actions button{padding:8px 3px!important;font-size:23px!important;touch-action:none}.craft-actions small{display:block;font-size:9px}.craft-joystick{width:98px;height:98px;flex-shrink:0;border:2px solid #fff9;background:#18354466;border-radius:50%;position:relative;touch-action:none}.craft-joystick span{display:block;width:38px;height:38px;border:2px solid #ffffed;background:#dbf7c8bb;border-radius:50%;position:absolute;left:28px;top:28px;pointer-events:none}.craft-sheet{position:absolute;inset:0;background:#10283d99;backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px}.craft-dialog{width:min(760px,100%);max-height:calc(100dvh - 40px);overflow:auto;background:#f2f2df;border:5px solid #c4d8b6;border-bottom-color:#8ca884;box-shadow:0 18px 60px #06202d66;border-radius:8px;padding:24px;color:#243b39}.craft-sheet-head{display:flex;align-items:center;justify-content:space-between}.craft-sheet-head small{font-size:10px;letter-spacing:2px;font-weight:900;color:#667e56}.craft-dialog h2{font-size:29px;margin:8px 0 14px;letter-spacing:-1px}.craft-dialog p,.craft-dialog li{line-height:1.7;font-size:13px}.craft-dialog ul{padding-left:20px}.craft-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.craft-grid button{background:#e1e8cf!important;color:#2a4339!important;text-align:center;padding:12px 6px!important;border-color:#a5bd92!important}.craft-grid button.selected{background:#bad988!important}.craft-grid strong,.craft-grid small{display:block;font-size:11px;margin-top:5px}.craft-block-icon{width:38px;height:38px;margin:5px auto 10px}.craft-recipes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.craft-recipe{background:#e4ead5;padding:16px;border:2px solid #c4d4b5;text-align:center}.craft-recipe h3{font-size:15px;margin:8px 0}.craft-recipe button{font-size:12px!important;padding:10px!important;width:100%}.craft-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.craft-goals{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.craft-goals>div{padding:12px;background:#e0e9d3;border-radius:4px;font-size:11px}.craft-goals b{display:block;font-size:22px;margin:4px 0;color:#446c39}.craft-note{font-size:11px!important;color:#687768}#craftToast{position:absolute;left:50%;top:24%;transform:translateX(-50%);padding:10px 18px;max-width:90%;background:#153936ed;color:#f5ffda;border:1px solid #b6d396;border-radius:4px;text-align:center;pointer-events:none;opacity:0;font-size:13px}#craftToast.visible{opacity:1}.craft-cover{background:linear-gradient(#9ecfe0 0 54%,#75a45a 54% 66%,#785a45 66%)!important}.craft-cover .glyph{font-size:68px;color:#e6f8b4;text-shadow:5px 5px #36533e;letter-spacing:-8px}
@media(max-width:700px){.craft-top{left:10px;right:10px;gap:8px}.craft-top button{padding:9px!important}.craft-top button span{display:none}.craft-brand{font-size:14px}.craft-brand span{font-size:23px}.craft-top-right{gap:5px}.craft-location{left:14px;top:85px}#craftMap{right:14px;top:85px;width:80px;height:80px}.craft-bottom{left:12px;right:12px;bottom:14px;gap:5px}.craft-center{position:absolute;bottom:110px;left:0;right:0;max-width:100%;width:max-content}.craft-hotbar{max-width:calc(100vw - 24px)}.craft-hotbar button{min-width:36px;height:47px}.craft-hotbar i{width:22px;height:22px}.craft-hints{display:none}.craft-actions{margin-left:auto;grid-template-columns:repeat(3,49px)}.craft-dialog{padding:17px}.craft-grid{grid-template-columns:repeat(3,1fr)}.craft-recipes{grid-template-columns:1fr}.craft-goals{gap:5px}.craft-goals>div{padding:8px}.craft-dialog h2{font-size:25px}}
@media(max-height:500px){.craft-top{top:8px}.craft-location{top:75px}#craftMap{top:72px;width:66px;height:66px}.craft-bottom{bottom:9px}.craft-joystick{width:80px;height:80px}.craft-joystick span{left:19px;top:19px}.craft-center{max-width:55%;position:static;bottom:auto;width:auto}.craft-hotbar button{min-width:35px;height:46px}.craft-hotbar i{width:22px;height:22px}.craft-hints{display:none}.craft-actions{grid-template-columns:repeat(3,47px)}.craft-sheet{padding:10px}.craft-dialog{max-height:calc(100dvh - 20px);padding:15px}.craft-recipes{grid-template-columns:repeat(3,1fr)}}
/* All expansion controls remain inside the game HUD. */
#craftCoins{display:block;margin-top:9px;color:#ffe29a;font-size:13px;letter-spacing:.3px}.craft-item-icon{display:block;width:44px;height:44px;margin:3px auto 9px;filter:drop-shadow(2px 3px 0 #20383822);flex-shrink:0}.craft-hotbar .craft-item-icon{width:27px;height:27px;margin:0 auto 2px}.craft-actions{grid-template-columns:repeat(2,54px)}#craftUse{background:#587944!important;border-color:#d9ed9b!important}.craft-tabs{display:flex;gap:6px;overflow:auto;padding:0 0 12px;margin:12px 0}.craft-tabs button{white-space:nowrap;background:#dbe5ca!important;color:#385643!important;border-color:#bacdad!important}.craft-tabs button.selected{background:#537950!important;color:white!important}.craft-wallet{display:flex;align-items:center;gap:14px;padding:15px;background:#d8e8c9;border:2px solid #9bb88b}.craft-wallet .craft-item-icon{margin:0;width:35px}.craft-wallet b{font-size:25px;white-space:nowrap}.craft-wallet b small{display:block;font-size:12px}.craft-wallet span{font-size:12px;margin-left:auto;max-width:200px}.craft-shop{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.craft-shop article{background:#e2e9d2;border:2px solid #bed0b0;padding:14px;text-align:center}.craft-shop h3{font-size:14px;margin:5px 0}.craft-shop small{color:#617253}.craft-shop article>div{display:grid;gap:6px;margin-top:12px}.craft-shop button{font-size:11px!important;padding:9px 4px!important}.craft-shop button[data-sell]{background:#7a694c!important}.craft-storage>div{display:flex;align-items:center;gap:8px;border-bottom:1px solid #b9cbb0;padding:10px 0}.craft-storage .craft-item-icon{width:32px;height:32px;margin:0}.craft-storage span{flex:1}.craft-storage small{display:block;font-size:11px;margin-top:4px}.craft-storage button{padding:8px!important;font-size:11px!important}.craft-smelt{text-align:center;background:#e1e8d2;padding:22px}.craft-smelt progress{width:100%;height:19px;accent-color:#dd9551}.craft-grid button:focus-visible,.craft-tabs button:focus-visible{outline-color:#385c39!important}
@media(max-width:700px){.craft-actions{grid-template-columns:repeat(2,49px)}.craft-top{gap:6px}.craft-top-right{gap:3px}.craft-top button{padding:8px!important}.craft-shop{grid-template-columns:repeat(2,1fr)}.craft-wallet span{display:none}.craft-storage button{font-size:9px!important}.craft-storage b{font-size:11px}.craft-hotbar .craft-item-icon{width:23px;height:23px}}
@media(max-height:500px){.craft-actions{grid-template-columns:repeat(2,47px)}#craftCoins{margin-top:5px}.craft-center{max-width:60%}.craft-shop{grid-template-columns:repeat(3,1fr)}}

#craftVitals{display:block;font-size:12px;color:#fff3b4;margin-top:5px;letter-spacing:.3px}#craftTool{max-width:240px;font-size:10px;letter-spacing:0}#craftMap{cursor:pointer}.craft-destinations{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.craft-destinations article{padding:15px;background:#dce9cc;border:2px solid #b1c69d}.craft-destinations h3{margin:0 0 7px}.craft-destinations button{width:100%}.craft-destinations p{margin:5px 0 12px}.craft-update{color:#487547;font-weight:800}@media(max-height:500px){#craftVitals{font-size:10px}#craftTool{max-width:165px}.craft-brand{font-size:12px}.craft-brand span{font-size:18px}.craft-top button{padding:7px 9px!important}.craft-location{top:68px}.craft-target{max-width:45%;text-align:center}}@media(max-width:450px){.craft-brand{display:none}.craft-top-right{gap:2px}.craft-top button{padding:7px!important}.craft-destinations{grid-template-columns:1fr}#craftTool{max-width:200px}}

/* Craft HUD v3: translucent circular controls and one slim inventory dock. */
#craftApp{font-family:system-ui,sans-serif}
#craftApp .craft-top button,#craftApp .craft-actions button{border:1px solid #ffffff45;border-radius:50%;background:#142f3b70;box-shadow:0 3px 14px #10252a20;backdrop-filter:blur(10px);width:48px;height:48px;padding:0!important;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:20px;transition:background .15s,transform .15s}
#craftApp .craft-top button:hover,#craftApp .craft-actions button:hover{background:#234b4dc9}
#craftApp .craft-top button:active,#craftApp .craft-actions button:active{transform:scale(.94)}
.craft-top{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));gap:12px}
.craft-top button span{display:none}.craft-top-right{gap:8px}.craft-brand{font-size:10px;letter-spacing:2px;text-shadow:0 1px 8px #153c32}.craft-brand span{font-size:19px;letter-spacing:3px}
.craft-location{top:78px;left:18px;max-width:calc(100% - 132px);text-shadow:0 1px 5px #142e3be0}
.craft-location span{font-size:11px;letter-spacing:1.4px;font-weight:750}.craft-location small{font-size:10px;opacity:.75;margin:3px 0}#craftModeLabel{font-size:8px;opacity:.7;margin-top:6px}
#craftCoins{font-size:12px;margin-top:8px}#craftVitals{font-size:12px;letter-spacing:.5px;margin-top:5px}#craftTool{max-width:210px}
#craftMap{top:78px;right:16px;width:88px;height:88px;border:2px solid #ffffff88;border-radius:50%;box-shadow:0 3px 20px #173d3430}
.craft-reticle{font:22px system-ui;color:#fff;opacity:.9}.craft-target{font-size:11px;max-width:66%;width:max-content;text-align:center;text-shadow:0 1px 4px #102e35,0 0 6px #102e35}
.craft-bottom{inset: auto 18px max(18px,env(safe-area-inset-bottom));height:172px;display:block;pointer-events:none}
.craft-center{position:absolute;bottom:0;left:50%;right:auto;transform:translateX(-50%);margin:0;max-width:calc(100vw - 290px);width:max-content}
.craft-hotbar{border:0;border-radius:22px;padding:5px 8px;gap:3px;background:#102c3e70;backdrop-filter:blur(12px);box-shadow:0 4px 22px #0d34372b;overflow:visible;max-width:none}
#craftApp .craft-hotbar button{border:0!important;border-radius:14px;background:transparent;padding:4px!important;min-width:42px;width:42px;height:48px;box-shadow:none}
#craftApp .craft-hotbar button.selected{background:#d6ff9a30!important;box-shadow:inset 0 -3px #d6ff9a}
.craft-hotbar .craft-item-icon{width:25px;height:25px;margin:0 auto 1px;filter:drop-shadow(0 2px 2px #0003)}.craft-hotbar em{display:none}.craft-hotbar b{font-size:10px;font-weight:650}.craft-hints{opacity:.65;font-size:9px}
.craft-joystick{position:absolute;bottom:0;left:0;width:100px;height:100px;border:1px solid #ffffff70;background:#17374630;box-shadow:inset 0 0 25px #ffffff10;backdrop-filter:blur(3px)}
.craft-joystick span{width:36px;height:36px;left:30px;top:30px;background:#e5ffd6b0;border:1px solid #f5ffe8;box-shadow:0 2px 10px #0a30362b}
.craft-actions{position:absolute;bottom:0;right:0;display:grid;grid-template-columns:repeat(2,56px);gap:8px}
#craftApp .craft-actions button{width:56px;height:56px;font-size:22px!important}.craft-actions small{font-size:9px;font-weight:650;line-height:14px}
#craftApp #craftUse{background:#80b96d65!important;border:1px solid #e1ffb775!important}
#craftToast{top:29%;border:0;border-radius:24px;background:#183c40dc;padding:10px 18px;font-size:12px;box-shadow:0 5px 22px #12352930}
.craft-dialog{border:1px solid #e2edda;border-radius:24px;background:#f7faef;box-shadow:0 20px 70px #06202d66}
#craftApp .craft-dialog button{border:1px solid #93ad8d;border-radius:12px;border-bottom-width:1px;box-shadow:none}
.craft-recipe,.craft-shop article,.craft-destinations article{border:1px solid #c9dac1;border-radius:16px}.craft-goals>div,.craft-wallet{border-radius:14px}
body.craft-playing #boxOnline{bottom:max(18px,env(safe-area-inset-bottom));right:152px;transform:none}
body.craft-playing #boxOnlineToggle{background:#163e3b85!important;color:#f4ffe7!important;border:1px solid #ffffff55;border-radius:24px;font-size:11px;box-shadow:none;backdrop-filter:blur(10px);padding:8px 12px}
body.craft-playing #boxOnlinePanel{right:0;transform:none}
body.craft-playing #boxChat:not([style*="bottom"]){bottom:250px;right:16px}
body.craft-playing #boxChatToggle{border:1px solid #ffffff55;border-radius:24px;background:#1e5a4cad;backdrop-filter:blur(10px);font-size:12px}
@media(max-width:700px){
 .craft-brand{display:none}.craft-top{gap:6px}.craft-top-right{gap:6px}
 #craftApp .craft-top button{width:44px;height:44px;min-width:44px;font-size:18px}
 .craft-location{top:72px;left:14px;max-width:calc(100% - 115px)}#craftMap{top:74px;right:14px;width:76px;height:76px}
 .craft-bottom{left:14px;right:14px;bottom:max(18px,env(safe-area-inset-bottom))}
 .craft-center{bottom:138px;max-width:100%;width:max-content}
 #craftApp .craft-hotbar button{min-width:40px;width:40px;height:46px}.craft-hotbar{padding:4px 7px;gap:2px}.craft-hotbar .craft-item-icon{width:24px;height:24px}
 .craft-hints{display:none}.craft-joystick{width:96px;height:96px}.craft-joystick span{left:28px;top:28px}
 body.craft-playing #boxOnline{right:50%;transform:translateX(50%);bottom:32px}
 body.craft-playing #boxOnlinePanel{right:50%;transform:translateX(50%)}
}
@media(max-height:500px){
 .craft-top{top:8px}#craftApp .craft-top button{width:42px;height:42px;min-width:42px}.craft-location{top:58px}#craftMap{top:60px;width:60px;height:60px}
 #craftCoords,#craftModeLabel{display:none}#craftCoins{margin-top:4px}.craft-bottom{bottom:12px;left:14px;right:14px;height:130px}
 .craft-center{bottom:0;max-width:calc(100vw - 285px)}.craft-hotbar{padding:3px;gap:1px}#craftApp .craft-hotbar button{min-width:36px;width:36px;height:44px}
 .craft-joystick{width:86px;height:86px}.craft-joystick span{left:23px;top:23px}.craft-actions{grid-template-columns:repeat(2,48px);gap:6px}#craftApp .craft-actions button{width:48px;height:48px}
 body.craft-playing #boxOnline{bottom:72px;right:50%;transform:translateX(50%)}body.craft-playing #boxChat:not([style*="bottom"]){bottom:140px}
}
@media(prefers-reduced-motion:reduce){#craftApp button{transition:none!important}}