*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:Courier New,monospace;position:fixed}canvas{display:block}#splash{position:fixed;inset:0;z-index:100;background:linear-gradient(180deg,#ff8c42,#f5a623 35%,#d2691e 65%,#7a3b10);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}#splash h1{font-size:min(9vw,44px);color:#fff;text-shadow:4px 4px 0 #7a3b10,7px 7px 0 rgba(0,0,0,.5);letter-spacing:2px}#splash .sub{font-size:min(4vw,17px);color:#fff8e7;text-shadow:2px 2px 0 #7a3b10}#splash .owner{font-size:min(4.6vw,20px);color:#fff;background:#00000073;padding:10px 26px;border-radius:10px;border:2px solid #ffd700}#splash .emo{font-size:min(9vw,38px);letter-spacing:9px}#startBtn{margin-top:12px;padding:17px 54px;font-size:min(6vw,23px);font-weight:700;background:#3fae49;color:#fff;border:3px solid #1d6b25;border-radius:6px;cursor:pointer;font-family:inherit;box-shadow:0 6px #1d6b25;letter-spacing:2px}#startBtn:active{transform:translateY(4px);box-shadow:0 2px #1d6b25}#splash .foot{position:absolute;bottom:12px;font-size:11px;color:#ffffffb3}#loading{display:none;color:#fff;font-size:15px;margin-top:10px}#fx{position:fixed;inset:0;pointer-events:none;z-index:4}#hud{position:fixed;inset:0;pointer-events:none;z-index:10;display:none}#brand{position:absolute;top:max(8px,env(safe-area-inset-top));left:10px;background:#00000080;border:2px solid #ffd700;border-radius:8px;padding:5px 12px;color:#fff}#brand b{color:gold;font-size:13px}#brand div{font-size:9px;color:#ddd}#fpsbox{position:absolute;top:max(8px,env(safe-area-inset-top));right:64px;background:#00000080;border-radius:8px;padding:5px 10px;color:#9f9;font-size:11px}#hearts{position:absolute;top:calc(max(8px,env(safe-area-inset-top)) + 50px);left:10px;font-size:18px;text-shadow:1px 1px 0 #000}#hunger{position:absolute;top:calc(max(8px,env(safe-area-inset-top)) + 76px);left:12px;font-size:15px;text-shadow:1px 1px 0 #000}#cross{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:22px;height:22px}#cross:before,#cross:after{content:"";position:absolute;background:#ffffffd9}#cross:before{left:50%;top:0;width:2px;height:100%;margin-left:-1px}#cross:after{top:50%;left:0;height:2px;width:100%;margin-top:-1px}#hotbar{position:absolute;bottom:max(10px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;gap:4px;pointer-events:auto}.slot{width:50px;height:54px;background:#141414bf;border:3px solid #555;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;position:relative}.slot.sel{border-color:#fff;background:#ffffff2e}.slot canvas{width:26px;height:26px;image-rendering:pixelated;border-radius:3px}.slot .lbl{font-size:7px;margin-top:2px;color:#ccc}.slot .cnt{position:absolute;right:3px;bottom:11px;font-size:10px;font-weight:700;color:gold;text-shadow:1px 1px 0 #000}.slot .key{position:absolute;left:3px;top:1px;font-size:8px;color:#888}.slot.empty canvas{opacity:.15}#joyZone{position:absolute;left:0;bottom:0;width:45%;height:60%;pointer-events:auto}#joyBase{position:fixed;left:30px;bottom:calc(max(10px,env(safe-area-inset-bottom)) + 96px);width:134px;height:134px;border-radius:50%;background:radial-gradient(circle,#00000073 55%,#ffffff1f);border:3px solid rgba(255,255,255,.4)}#joyBase:after{content:"✛";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#ffffff40;font-size:44px}#joyKnob{position:fixed;width:58px;height:58px;border-radius:50%;background:#ffffff80;border:3px solid rgba(255,255,255,.7);box-shadow:0 2px 8px #0006}#lookZone{position:absolute;right:0;bottom:0;width:55%;height:100%;pointer-events:auto}.gbtn{position:absolute;pointer-events:auto;z-index:6;background:#141414b3;border:3px solid #666;border-radius:50%;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;font-family:inherit}.gbtn:active,.gbtn.on{background:#ffd70066;border-color:gold}#jumpBtn{right:18px;bottom:calc(max(10px,env(safe-area-inset-bottom)) + 78px);width:74px;height:74px;font-size:26px}#modeBtn{right:104px;bottom:calc(max(10px,env(safe-area-inset-bottom)) + 92px);width:60px;height:60px;font-size:10px}#viewBtn{right:26px;bottom:calc(max(10px,env(safe-area-inset-bottom)) + 166px);width:58px;height:58px;font-size:18px}#craftBtn{right:108px;bottom:calc(max(10px,env(safe-area-inset-bottom)) + 170px);width:54px;height:54px;font-size:18px}#pauseBtn{position:absolute;right:10px;top:max(8px,env(safe-area-inset-top));width:46px;height:46px;font-size:17px;border-radius:10px}#arm{position:absolute;right:0;bottom:0;pointer-events:none;z-index:5}#wm{position:absolute;bottom:calc(max(10px,env(safe-area-inset-bottom)) + 66px);left:50%;transform:translate(-50%);color:#ffffff59;font-size:11px;letter-spacing:2px}#ptag{position:absolute;left:-999px;top:-999px;background:#000000a6;color:gold;font-size:12px;font-weight:700;padding:3px 10px;border-radius:6px;border:1px solid #ffd700;transform:translate(-50%,-100%);white-space:nowrap;display:none}#rtag{position:absolute;left:-999px;top:-999px;background:#000000a6;color:#7ee8ff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;border:1px solid #7ee8ff;transform:translate(-50%,-100%);white-space:nowrap}.bub{position:absolute;left:-999px;top:-999px;background:#fff;color:#222;font-size:13px;font-weight:700;padding:6px 11px;border-radius:12px;border:2px solid #333;transform:translate(-50%,-135%);white-space:nowrap;display:none;z-index:7;max-width:70vw}.bub:after{content:"";position:absolute;left:50%;bottom:-9px;margin-left:-5px;border:5px solid transparent;border-top-color:#333}#msg{position:absolute;top:20%;left:50%;transform:translate(-50%);background:#000c;border:2px solid #ffd700;border-radius:10px;padding:12px 24px;color:#fff;font-size:15px;display:none;text-align:center;max-width:84%}.menu{position:fixed;inset:0;z-index:60;background:#0a0a19c7;display:none;flex-direction:column;align-items:center;justify-content:center;gap:11px}.menu h2{color:gold;font-size:24px;letter-spacing:2px;text-shadow:2px 2px 0 #000;margin-bottom:4px}.mbtn{width:min(80vw,320px);padding:13px;font-size:16px;font-weight:700;font-family:inherit;color:#fff;background:#3b3b4f;border:3px solid #777;border-radius:8px;cursor:pointer;box-shadow:0 4px #1c1c28}.mbtn:active{transform:translateY(3px);box-shadow:0 1px #1c1c28}.mbtn.green{background:#3fae49;border-color:#1d6b25;box-shadow:0 4px #1d6b25}.mbtn.red{background:#b3402f;border-color:#6e2418;box-shadow:0 4px #6e2418}.menu .who{color:#ccc;font-size:12px;margin-top:8px}#craftList{display:flex;flex-direction:column;gap:8px;max-height:55vh;overflow-y:auto}.recipe{display:flex;align-items:center;gap:10px;background:#0006;border:2px solid #555;border-radius:8px;padding:8px 12px;width:min(86vw,360px)}.recipe .rtxt{flex:1;color:#fff;font-size:13px;text-align:left}.recipe .rtxt small{color:#aaa;font-size:10px}.recipe button{padding:8px 14px;font-family:inherit;font-weight:700;font-size:13px;border-radius:6px;border:2px solid #1d6b25;background:#3fae49;color:#fff;cursor:pointer}.recipe button:disabled{background:#444;border-color:#333;color:#888}