*{box-sizing:border-box;margin:0;padding:0}html,body{background:#000;width:100%;height:100%;overflow:hidden}body{-webkit-user-select:none;user-select:none;font-family:Courier New,monospace}canvas{touch-action:none;display:block}.hidden{display:none!important}#crosshair{color:#fff;text-shadow:0 0 2px #000;pointer-events:none;font-size:24px;font-weight:700;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#topbar{z-index:20;align-items:center;gap:8px;display:flex;position:fixed;top:10px;right:10px}#room-badge{color:#fff;cursor:pointer;text-shadow:1px 1px #000;background:#14141abf;border:1px solid #ffffff14;border-radius:8px;padding:7px 12px;font-size:13px}#room-badge:hover{background:#14141af2}#room-badge:empty{display:none}#btn-settings,#btn-craft{color:#ddd;cursor:pointer;background:#14141abf;border:1px solid #ffffff14;border-radius:8px;width:33px;height:33px;font-size:17px;line-height:1}#btn-settings:hover,#btn-craft:hover{color:#fff;background:#14141af2}#minimap-wrap{pointer-events:none;z-index:5;position:fixed;top:10px;left:10px}#minimap{opacity:.92;width:160px;height:160px;image-rendering:pixelated;pointer-events:auto;cursor:pointer;border:1px solid #ffffff2e;border-radius:10px;display:block}#minimap-wrap.big{z-index:40;top:50%;left:50%;transform:translate(-50%,-50%)}#minimap-wrap.big #minimap{opacity:1;cursor:crosshair;width:min(82vmin,560px);height:min(82vmin,560px);box-shadow:0 24px 80px #0009}#map-close{color:#fff;cursor:pointer;pointer-events:auto;background:#2a2a32;border:1px solid #44444e;border-radius:50%;width:34px;height:34px;font-size:20px;line-height:1;position:absolute;top:-12px;right:-12px}#map-close:hover{background:#3a3a44}@media (width<=760px){#minimap{width:110px;height:110px}}#settings-menu{z-index:20;background:#1c1c22f7;border:1px solid #34343c;border-radius:10px;flex-direction:column;gap:4px;padding:6px;display:flex;position:fixed;top:50px;right:10px;box-shadow:0 10px 30px #00000080}#settings-menu button{text-align:left;color:#ddd;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-family:inherit;font-size:13px}#settings-menu button:hover{color:#fff;background:#ffffff14}#btn-exit{color:#f87!important}#hotbar{background:#0006;border-radius:6px;gap:4px;padding:4px;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.hotbar-slot{background:#0000004d;border:3px solid #555;border-radius:4px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.hotbar-slot.selected{border-color:#fff}.hotbar-slot canvas{image-rendering:pixelated;width:36px;height:36px}.hotbar-slot .num{color:#ccc;text-shadow:1px 1px #000;font-size:10px;position:absolute;top:1px;left:3px}.hotbar-slot .count{color:#fff;text-shadow:1px 1px #000;font-size:12px;font-weight:700;position:absolute;bottom:1px;right:3px}.hotbar-slot.empty canvas{opacity:.3}.hotbar-slot .dura{background:#000000a6;border-radius:2px;height:3px;position:absolute;bottom:2px;left:5px;right:5px;overflow:hidden}.hotbar-slot .dura-fill{background:#5ade5a;height:100%}.hotbar-slot .dura-fill.low{background:#e07050}#craft-panel{z-index:30;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#craft-box,#cook-box{background:#1c1c22f7;border:1px solid #34343c;border-radius:14px;width:min(440px,92vw);padding:16px 18px;box-shadow:0 20px 60px #0000008c}#craft-box.backpack{flex-direction:column;width:85vw;height:80vh;display:flex}#craft-box.backpack #craft-head{flex-shrink:0}#craft-body{flex:1;gap:14px;min-height:0;display:flex}#craft-tabs{flex-direction:column;flex-shrink:0;gap:6px;width:112px;display:flex}.tab-btn{text-align:left;color:#9a9aa6;cursor:pointer;background:0 0;border:1px solid #2c2c33;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:13px}.tab-btn:hover{color:#fff;background:#ffffff0d}.tab-btn.active{color:#fff;background:#4a9d4026;border-color:#3a7d33}#craft-content{flex:1;min-height:0;overflow-y:auto}.tool-row{color:#ddd;background:#ffffff08;border:1px solid #2c2c33;border-radius:9px;align-items:center;gap:10px;margin:6px 0;padding:9px 12px;font-size:13px;display:flex}.tool-row .tool-name{min-width:110px;font-weight:700}.tool-dura{background:#0009;border-radius:3px;flex:1;height:6px;overflow:hidden}.tool-dura-fill{background:#5ade5a;height:100%}.tool-dura-fill.low{background:#e07050}.tool-uses{color:#9a9aa6;text-align:right;min-width:56px;font-size:11px}#craft-head,#cook-head{color:#fff;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:17px;font-weight:700;display:flex}#craft-close{color:#ddd;cursor:pointer;background:#ffffff0f;border:1px solid #3a3a44;border-radius:7px;width:30px;height:30px;font-size:18px;line-height:1}#craft-close:hover{color:#fff;background:#ffffff24}.craft-row{color:#ddd;background:#ffffff08;border:1px solid #2c2c33;border-radius:9px;align-items:center;gap:10px;margin:6px 0;padding:9px 12px;font-size:13px;display:flex}.craft-result{align-items:center;gap:7px;min-width:120px;font-weight:700;display:flex}.craft-needs{color:#9a9aa6;flex:1;align-items:center;gap:7px;display:flex}.craft-needs:before{content:"←";color:#666;margin-right:2px}.craft-needs .lack{color:#f76}.tile-icon{image-rendering:pixelated;flex-shrink:0;width:26px;height:26px}.craft-btn{color:#fff;cursor:pointer;background:#3a7d33;border:1px solid #2a5d25;border-radius:7px;padding:7px 16px;font-family:inherit;font-size:13px}.craft-btn:hover:not(:disabled){background:#4a9d40}.craft-btn:disabled{color:#777;cursor:default;background:#333;border-color:#2a2a2a}#inv-grid{flex-wrap:wrap;gap:6px;min-height:48px;margin-bottom:14px;display:flex}.inv-cell{background:#ffffff0a;border:1px solid #30303a;border-radius:7px;justify-content:center;align-items:center;width:46px;height:46px;display:flex;position:relative}.inv-cell .tile-icon{width:30px;height:30px}.inv-count{color:#fff;text-shadow:1px 1px #000;font-size:11px;font-weight:700;position:absolute;bottom:1px;right:4px}.inv-empty{color:#55555e;align-self:center;font-size:13px}.craft-sub{color:#8b8b96;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;font-size:11px}#hotbar-empty{color:#bbb;text-shadow:1px 1px #000;padding:10px 16px;font-size:12px}#mine-progress{pointer-events:none;background:#0000008c;border:1px solid #ffffff40;border-radius:3px;width:58px;height:5px;position:fixed;top:calc(50% + 26px);left:50%;overflow:hidden;transform:translate(-50%)}#mine-fill{background:#fff;width:0%;height:100%}#held-name{color:#fff;text-shadow:1px 1px #000,0 0 6px #0009;opacity:0;pointer-events:none;z-index:7;font-size:15px;font-weight:700;transition:opacity .4s;position:fixed;bottom:92px;left:50%;transform:translate(-50%)}#interact-hint{color:#fff;pointer-events:none;z-index:7;text-shadow:1px 1px #000;background:#14141acc;border:1px solid #ffffff26;border-radius:8px;padding:7px 14px;font-size:13px;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}#cook-panel{z-index:30;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#cook-close{color:#ddd;cursor:pointer;background:#ffffff0f;border:1px solid #3a3a44;border-radius:7px;width:30px;height:30px;font-size:18px;line-height:1}.need-bench{color:#c9a227}.need-bench.lack{color:#f76}#bars{pointer-events:none;flex-direction:row;gap:6px;width:330px;display:flex;position:fixed;bottom:3px;left:50%;transform:translate(-50%)}.bar.half{flex:1}#status-bars{pointer-events:none;flex-direction:column;gap:4px;width:330px;display:flex;position:fixed;bottom:70px;left:50%;transform:translate(-50%)}#oxygen-fill{background:linear-gradient(#54b8e8,#2a7fb8);width:100%;height:100%}#freeze-fill{background:linear-gradient(#cfeaff,#8fc6e8);width:0%;height:100%}#heat-fill{background:linear-gradient(#ffae4a,#e06030);width:0%;height:100%}.bar{background:#00000080;border:1px solid #ffffff2e;border-radius:4px;height:7px;overflow:hidden}#health-fill{background:linear-gradient(#5ade5a,#3aa83a);width:100%;height:100%;transition:width .15s}#stamina-fill{background:linear-gradient(#fff,#cfcfd6);width:100%;height:100%}#stamina-fill.low{background:linear-gradient(#e07050,#b05040)}#damage-flash{opacity:0;pointer-events:none;z-index:9;background:radial-gradient(#0000 35%,#dc1e1e80);position:fixed;inset:0}#debug{color:#fff;text-shadow:1px 1px #000;pointer-events:none;white-space:pre;font-size:12px;line-height:1.5;position:fixed;top:10px;left:180px}@media (width<=760px){#debug{left:130px}}#toast{color:#fff;text-shadow:1px 1px #000;opacity:0;pointer-events:none;z-index:25;font-size:16px;transition:opacity .4s;position:fixed;top:20%;left:50%;transform:translate(-50%)}#chat-btn{cursor:pointer;z-index:6;-webkit-user-select:none;user-select:none;touch-action:none;background:#14141abf;border:1px solid #ffffff1f;border-radius:50%;width:40px;height:40px;font-size:19px;line-height:1;position:fixed;top:180px;left:10px}#chat-btn:hover{background:#1e1e26e6}.voice-btn{cursor:pointer;z-index:6;-webkit-user-select:none;user-select:none;background:#14141abf;border:1px solid #ffffff1f;border-radius:50%;width:40px;height:40px;font-size:18px;line-height:1;position:fixed;left:10px}#mic-btn{opacity:.55;top:228px}#spk-btn{top:276px}.voice-btn:hover{background:#1e1e26e6}.voice-btn.on{opacity:1;border-color:#4a9d40;box-shadow:0 0 8px #4a9d4099}.voice-btn.off{opacity:.45;border-color:#b04040}.voice-btn.talking{border-color:#7adf6e;box-shadow:0 0 14px #6ee664f2}@media (width<=760px){#mic-btn{top:178px}#spk-btn{top:226px}}#chat-feed{pointer-events:none;z-index:6;flex-direction:column;gap:2px;width:240px;display:flex;position:fixed;top:182px;left:58px}#chat-feed .chat-row{color:#eee;text-shadow:1px 1px #000;text-overflow:ellipsis;white-space:nowrap;font-size:11px;transition:opacity .5s;overflow:hidden}#chat-feed .chat-row.emote span{font-size:18px}#chat-modal{z-index:35;background:#1c1c22f7;border:1px solid #34343c;border-radius:12px;width:min(300px,80vw);padding:10px 12px;position:fixed;top:180px;left:58px;box-shadow:0 14px 40px #00000080}#chat-head{color:#fff;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:700;display:flex}#chat-close{color:#ddd;cursor:pointer;background:#ffffff0f;border:1px solid #3a3a44;border-radius:6px;width:24px;height:24px;font-size:15px;line-height:1}#chat-log{flex-direction:column;gap:4px;height:200px;margin-bottom:8px;display:flex;overflow-y:auto}#chat-log .chat-row{color:#ccc;word-break:break-word;font-size:12px;line-height:1.4}#chat-log .chat-row.emote span{font-size:22px}#chat-input-row{gap:6px;display:flex}#chat-input{color:#fff;background:#15151a;border:1px solid #3a3a44;border-radius:7px;flex:1;padding:8px 10px;font-family:inherit;font-size:13px}#chat-input:focus{border-color:#4a9d40;outline:none}#chat-send{color:#fff;cursor:pointer;background:#3a7d33;border:1px solid #2a5d25;border-radius:7px;width:38px;font-size:15px}#emote-wheel{z-index:45;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#emote-wheel.tap-mode{pointer-events:auto;background:#00000040}#emote-ring{width:230px;height:230px;position:relative}#emote-ring button{cursor:pointer;pointer-events:auto;background:#18181eeb;border:2px solid #44444e;border-radius:50%;width:66px;height:66px;font-size:30px;line-height:1;transition:transform 80ms;position:absolute}#emote-ring button.sel{background:#32323ef7;border-color:#fff;transform:scale(1.3)}.em-up{margin-left:-33px;top:0;left:50%}.em-right{margin-top:-33px;top:50%;right:0}.em-down{margin-left:-33px;bottom:0;left:50%}.em-left{margin-top:-33px;top:50%;left:0}#emote-hint{color:#888;text-align:center;font-size:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=760px){#chat-btn{top:130px}#chat-feed{top:132px}#chat-modal{top:130px}}#pause{z-index:10;cursor:pointer;background:#14141acc;border:1px solid #ffffff26;border-radius:10px;padding:10px 20px;position:fixed;top:58%;left:50%;transform:translate(-50%)}#pause:hover{background:#1c1c24eb}#pause-title{color:#fff;text-shadow:1px 1px #000;font-size:16px;font-weight:700}#pause-name-row{padding:4px 6px 8px}#pause-name{color:#fff;background:#14141ad9;border:1px solid #3a3a44;border-radius:7px;width:100%;padding:7px 10px;font-family:inherit;font-size:13px}#pause-name:focus{border-color:#4a9d40;outline:none}#help-panel{z-index:30;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#help-box{background:#1c1c22f7;border:1px solid #34343c;border-radius:14px;width:min(460px,92vw);max-height:86vh;padding:16px 18px;overflow-y:auto;box-shadow:0 20px 60px #0000008c}.help-col{background:#ffffff08;border:1px solid #2c2c33;border-radius:9px;margin:8px 0;padding:10px 14px}.help-col h4{color:#fff;margin-bottom:6px;font-size:13px}.help-col p{color:#9a9aa6;font-size:12px;line-height:1.7}.help-col b{color:#ddd}#help-close{color:#ddd;cursor:pointer;background:#ffffff0f;border:1px solid #3a3a44;border-radius:7px;width:30px;height:30px;font-size:18px;line-height:1}#help-close:hover{color:#fff;background:#ffffff24}#lobby{z-index:10;background:radial-gradient(80% 60% at 50% -10%,#5a8c5a2e,#0000),linear-gradient(#181d26,#0d1015);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#btn-join-toggle{color:#ddd;cursor:pointer;z-index:30;background:#282830e6;border:1px solid #3a3a44;border-radius:8px;padding:9px 16px;font-family:inherit;font-size:14px;position:fixed;top:16px;right:16px}#btn-join-toggle:hover{color:#fff;background:#373741f2}#join-pop{z-index:30;background:#1c1c22f7;border:1px solid #34343c;border-radius:10px;padding:12px;position:fixed;top:60px;right:16px;box-shadow:0 10px 30px #00000080}#join-row{gap:6px;display:flex}#join-input{color:#fff;text-transform:uppercase;background:#15151a;border:1px solid #3a3a44;border-radius:7px;width:170px;padding:9px 12px;font-family:inherit;font-size:15px}#join-input:focus{border-color:#4a9d40;outline:none}#btn-join{color:#fff;cursor:pointer;background:#3a7d33;border:1px solid #2a5d25;border-radius:7px;padding:9px 14px;font-family:inherit;font-size:14px}#btn-join:hover{background:#4a9d40}#join-error{color:#f76;min-height:14px;margin-top:8px;font-size:12px}#lobby-panel{text-align:center;background:#1c1c22ed;border:1px solid #34343c;border-radius:16px;width:min(640px,92vw);padding:38px 42px 30px;box-shadow:0 24px 70px #0000008c}#lobby-logo{margin-bottom:6px;font-size:44px}#lobby-panel h1{color:#fff;text-shadow:2px 2px #000;margin-bottom:8px;font-size:30px}#lobby-tagline{color:#9a9aa6;margin-bottom:22px;font-size:13px}#uid-badge{color:#55555e;cursor:pointer;z-index:30;-webkit-user-select:none;user-select:none;font-size:11px;position:fixed;bottom:12px;right:14px}#uid-badge:hover{color:#8b8b96}#name-input{color:#fff;text-align:center;background:#15151a;border:1px solid #3a3a44;border-radius:8px;width:280px;margin:0 auto 14px;padding:10px 14px;font-family:inherit;font-size:15px;display:block}#name-input:focus{border-color:#4a9d40;outline:none}#btn-create{color:#fff;cursor:pointer;background:linear-gradient(#4a9d40,#3a7d33);border:1px solid #2a5d25;border-radius:10px;padding:15px 54px;font-family:inherit;font-size:19px;font-weight:700;box-shadow:0 4px #235020,0 8px 24px #0006}#btn-create:hover{background:linear-gradient(#55b04a,#429039)}#btn-create:active{transform:translateY(2px);box-shadow:0 2px #235020}#lobby-cols{text-align:left;flex-wrap:wrap;gap:16px;margin-top:30px;display:flex}.lobby-col{background:#ffffff08;border:1px solid #2c2c33;border-radius:10px;flex:1;min-width:220px;padding:14px}.lobby-col h3{color:#8b8b96;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;font-size:11px}.lobby-empty{color:#55555e;padding:4px 2px;font-size:13px}.history-item{color:#ddd;cursor:pointer;background:#ffffff0a;border:1px solid #30303a;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;width:100%;margin:3px 0;padding:8px 12px;font-family:inherit;font-size:14px;display:flex}.history-item:hover{color:#fff;background:#ffffff17}.history-item .when{color:#777784;font-size:11px}#touch-ui{pointer-events:none;z-index:8;position:fixed;inset:0}#joystick{pointer-events:auto;touch-action:none;background:#ffffff12;border:2px solid #ffffff38;border-radius:50%;width:124px;height:124px;position:absolute;bottom:92px;left:22px}#joystick-thumb{background:#ffffff52;border-radius:50%;width:52px;height:52px;margin:-26px;position:absolute;top:50%;left:50%}#touch-actions{pointer-events:auto;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:92px;right:18px}#touch-actions button{color:#fff;touch-action:none;background:#14141a8c;border:2px solid #ffffff40;border-radius:50%;width:58px;height:58px;font-size:22px;line-height:1}#t-jump{width:68px!important;height:68px!important}@media (width<=760px){.hotbar-slot{border-width:2px;width:38px;height:38px}.hotbar-slot canvas{width:28px;height:28px}#debug{font-size:10px}#bars{width:270px;bottom:3px}#status-bars{width:270px;bottom:58px}#lobby{overflow-y:auto}#lobby-panel{padding:26px 20px 20px}}