*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;font-family:Segoe UI,sans-serif;background:#111}#canvas-container{width:100vw;height:100vh;position:relative}canvas{display:block}#vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;box-shadow:inset 0 0 220px #0000008c}#ui{position:absolute;top:0;left:0;width:100%;pointer-events:none;padding:10px 14px;display:flex;justify-content:space-between;align-items:flex-start;z-index:10}.panel{background:#140c06d9;border:2px solid #8b6914;border-radius:6px;padding:4px 10px;color:#f4e4c1;pointer-events:auto}.stats{display:flex;gap:10px;font-size:12px;font-weight:600;align-items:center;flex-wrap:nowrap;line-height:1;white-space:nowrap;height:18px}.stats span.divider{width:1px;height:11px;background:#8b6914;display:inline-block;flex-shrink:0}.stats .energy{display:inline-flex;align-items:center;gap:4px;height:100%}#energybar-wrap,#daybar-wrap{width:56px;height:7px;background:#2a1a0e;border:1px solid #8b6914;border-radius:4px;overflow:hidden;flex-shrink:0}#energybar{height:100%;background:linear-gradient(90deg,gold,#ff8c00);width:100%;transition:width .3s}.topbtn{background:#3c2814e6;border:1px solid #a08b6d;color:#f4e4c1;border-radius:5px;padding:4px 8px;font-size:11px;cursor:pointer;pointer-events:auto;font-weight:600}.topbtn:hover{background:#5a3c1ef2;border-color:gold}#right-col{display:flex;flex-direction:column;gap:6px;align-items:flex-end}#minimap-wrap{pointer-events:auto;padding:4px}#minimap{border:2px solid #8b6914;border-radius:4px;background:#000;display:block;width:clamp(150px,20vmin,260px);height:auto;aspect-ratio:1 / 1}#minimap-dot{display:none}#hotbar{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:5px;pointer-events:auto;z-index:10}.slot{width:46px;height:46px;background:#28190fe6;border:2px solid #a08b6d;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;position:relative}.slot:hover{transform:translateY(-2px);border-color:#d4c4a8}.slot.active{border-color:gold;background:#503c1ef2;box-shadow:0 0 10px #ffd70059}.slot-key{position:absolute;top:1px;left:3px;font-size:9px;color:#a08b6d;font-weight:700}.slot-icon{font-size:20px}.slot-count{position:absolute;bottom:1px;right:3px;font-size:10px;color:#fff;font-weight:700;text-shadow:0 0 2px #000}#tooltip{position:absolute;background:#000000e0;color:#fff;padding:6px 10px;border-radius:5px;font-size:11px;pointer-events:none;display:none;border:1px solid #8b6914;z-index:20;max-width:200px;line-height:1.4}kbd{background:#444;padding:1px 5px;border-radius:3px;border:1px solid #666;font-family:monospace;font-size:10px}#console-log{position:absolute;bottom:70px;left:12px;max-height:90px;overflow-y:auto;background:#0000008c;padding:6px 8px;border-radius:5px;font-size:10px;color:#bbb;max-width:220px;pointer-events:none;z-index:10;opacity:.85}.log-entry{margin-bottom:2px;border-left:2px solid #8b6914;padding-left:6px}#craft-panel{position:absolute;bottom:70px;right:12px;background:#140c06f2;border:2px solid #8b6914;border-radius:6px;padding:10px;color:#f4e4c1;width:200px;display:none;pointer-events:auto;z-index:15}#craft-panel h3{color:gold;font-size:14px;margin-bottom:8px}.recipe-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #4a3520;font-size:12px}.recipe-btn{background:#5c4033;border:1px solid #a08b6d;color:#f4e4c1;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:11px}.recipe-btn:disabled{opacity:.4;cursor:not-allowed}.recipe-btn:not(:disabled):hover{background:#8b6914}#esc-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:none;align-items:center;justify-content:center}#esc-menu.open{display:flex}#esc-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0608108c}.esc-panel{position:relative;z-index:1;width:min(280px,calc(100vw - 32px));padding:16px 18px;text-align:center}.esc-panel h2{color:gold;font-size:18px;margin-bottom:4px;font-weight:700}.esc-hint{font-size:11px;color:#a08b6d;margin-bottom:14px}.esc-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:10px}.menubtn{background:#3c2814f2;border:1px solid #a08b6d;color:#f4e4c1;border-radius:5px;padding:8px 12px;font-size:13px;cursor:pointer;font-weight:600;min-width:108px}.menubtn:hover{background:#5a3c1efa;border-color:gold}.menubtn-help{min-width:42px;font-size:16px;font-weight:700}.menubtn-help[aria-expanded=true]{border-color:gold;color:gold}.menubtn-resume{width:100%;margin-top:4px;background:#283723f2}#help-panel{text-align:left;font-size:11px;line-height:1.55;color:#d4c4a8;border-top:1px solid #4a3520;margin:8px 0 10px;padding-top:10px}#help-panel strong{color:gold;display:block;margin-bottom:4px}.help-note{opacity:.7;display:block;margin-top:4px}body.menu-open #hotbar{pointer-events:none;opacity:.45}.slot.empty{opacity:.55}body.inventory-open #hotbar{opacity:.35}#inventory-panel{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;align-items:center;justify-content:center}#inventory-panel.open{display:flex}#inventory-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#06081080}.inventory-window{position:relative;z-index:1;width:min(420px,calc(100vw - 32px));padding:14px 16px;pointer-events:auto}.inventory-window h3{color:gold;font-size:16px;margin:0}.inv-grid{display:grid;grid-template-columns:repeat(6,46px);gap:5px;justify-content:center}.inv-hotbar-row{display:flex;gap:5px;justify-content:center;flex-wrap:wrap}.inv-slot{width:46px;height:46px;background:#28190fe6;border:2px solid #a08b6d;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;font-size:20px}.inv-slot.empty{opacity:.5}.inv-slot.selected{border-color:gold;box-shadow:0 0 8px #ffd7004d}.inv-slot .slot-key{position:absolute;top:1px;left:3px;font-size:9px;color:#a08b6d;font-weight:700}.inv-slot .slot-count{position:absolute;bottom:1px;right:3px;font-size:10px;color:#fff;font-weight:700;text-shadow:0 0 2px #000}.inv-cursor-slot{display:none;position:fixed;width:46px;height:46px;pointer-events:none;z-index:45;background:#28190ff2;border:2px solid #ffd700;border-radius:5px;align-items:center;justify-content:center;font-size:20px}.inv-cursor-slot .slot-count{position:absolute;bottom:1px;right:3px;font-size:10px;color:#fff;font-weight:700}.transfer-inv-wide{grid-template-columns:repeat(6,40px)!important}#transfer-panel{display:none;position:absolute;bottom:70px;left:50%;transform:translate(-50%);background:#140c06f2;border:2px solid #8b6914;border-radius:6px;padding:12px;color:#f4e4c1;z-index:20;pointer-events:auto;min-width:320px}.transfer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.transfer-head h3{color:gold;font-size:14px}.transfer-cols{display:flex;gap:16px}.transfer-label{font-size:11px;color:#a08b6d;margin-bottom:4px}.transfer-grid{display:grid;grid-template-columns:repeat(4,40px);gap:4px}.tslot{width:40px;height:40px;background:#28190fe6;border:1px solid #a08b6d;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;font-size:16px}.tslot.empty{opacity:.45}.tslot .slot-count{position:absolute;bottom:1px;right:2px;font-size:9px}.transfer-hint{font-size:10px;color:#a08b6d;margin-top:8px}#split-panel{display:none;position:absolute;bottom:80px;left:50%;transform:translate(-50%);background:#140c06f2;border:2px solid #8b6914;border-radius:6px;padding:12px;color:#f4e4c1;z-index:21;pointer-events:auto}#split-panel h3{color:gold;font-size:13px;margin-bottom:8px}#split-amount{width:80px;margin-bottom:8px;background:#2a1a0e;border:1px solid #8b6914;color:#f4e4c1;padding:4px}.split-actions{display:flex;gap:6px}#carried-indicator{display:none;position:absolute;bottom:70px;left:50%;transform:translate(-50%);background:#140c06e6;border:1px solid #8b6914;border-radius:5px;padding:6px 12px;color:#f4e4c1;font-size:12px;z-index:12;pointer-events:none}#connect-hint{display:none;position:absolute;top:48px;left:50%;transform:translate(-50%);background:#14283ce6;border:1px solid #3a8cff;border-radius:5px;padding:6px 12px;color:#cde;font-size:12px;z-index:12;pointer-events:none}#mulli-charge{display:none;position:absolute;top:48px;right:14px;align-items:center;gap:8px;background:#140c06e6;border:1px solid #8b6914;border-radius:5px;padding:6px 10px;color:#f4e4c1;font-size:11px;z-index:12;pointer-events:none}#mulli-charge-wrap{width:72px;height:8px;background:#2a1a0e;border:1px solid #8b6914;border-radius:4px;overflow:hidden}#mulli-chargebar{height:100%;background:linear-gradient(90deg,#27ae60,#f1c40f);width:100%}#power-panel{display:none;position:absolute;top:86px;right:14px;width:150px;background:#140c06e6;border:1px solid #8b6914;border-radius:5px;padding:8px 10px;color:#f4e4c1;font-size:11px;z-index:12;pointer-events:none}.power-row{display:flex;justify-content:space-between;margin-bottom:4px}#power-battbar-wrap{width:100%;height:8px;background:#2a1a0e;border:1px solid #8b6914;border-radius:4px;overflow:hidden}#power-battbar{height:100%;background:linear-gradient(90deg,#27ae60,#f1c40f);width:0%}#loading{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a1128;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f4e4c1;font-size:16px;gap:14px}.spinner{width:34px;height:34px;border:4px solid #5c4033;border-top-color:gold;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}