:root{--bg: #1a1a2e;--panel: rgba(20, 20, 30, .92);--panel-border: #555;--accent: #3d9e3d;--accent-hover: #4cbf4c;--text: #f0f0f0;--muted: #aaa;--danger: #c44;--slot: #8b8b8b;--slot-border: #373737;--hotbar-bg: rgba(0, 0, 0, .45);--font: "Segoe UI", system-ui, -apple-system, sans-serif;--pixel: "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:var(--font);color:var(--text)}#app{position:relative;width:100%;height:100%}#game-canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}#ui-root{position:absolute;inset:0;pointer-events:none;z-index:10}#ui-root>*{pointer-events:auto}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#1a2a1a,#0d1520,#1a1a2e);z-index:100}.screen.hidden{display:none!important}.logo{font-size:clamp(2rem,6vw,3.5rem);font-weight:800;letter-spacing:.05em;text-shadow:4px 4px 0 #2a5a2a,0 0 40px rgba(80,200,80,.3);margin-bottom:.25rem;color:#6fcf6f}.subtitle{color:var(--muted);margin-bottom:2rem;font-size:.95rem}.menu-panel{background:var(--panel);border:2px solid var(--panel-border);border-radius:8px;padding:1.5rem;min-width:min(360px,92vw);display:flex;flex-direction:column;gap:.75rem;box-shadow:0 12px 40px #00000080}.menu-btn{background:linear-gradient(180deg,#5a5a5a,#3a3a3a);border:2px solid #1a1a1a;color:#fff;font-size:1rem;font-weight:600;padding:.75rem 1.25rem;cursor:pointer;text-shadow:1px 1px 0 #000;transition:filter .1s,transform .05s}.menu-btn:hover{filter:brightness(1.15)}.menu-btn:active{transform:translateY(1px)}.menu-btn.primary{background:linear-gradient(180deg,#5aaa5a,#2d6b2d)}.menu-btn.danger{background:linear-gradient(180deg,#a55,#6b2d2d)}.menu-input,.menu-select{background:#111;border:2px solid #444;color:#fff;padding:.6rem .75rem;font-size:1rem;width:100%}.menu-label{font-size:.85rem;color:var(--muted);margin-bottom:-.4rem}.world-list{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:.4rem}.world-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#222;border:1px solid #444;cursor:pointer}.world-item:hover,.world-item.selected{border-color:var(--accent);background:#2a3a2a}.world-item small{color:var(--muted)}#hud{position:absolute;inset:0;pointer-events:none;z-index:20}#hud.hidden{display:none}.crosshair{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#ffffffd9;box-shadow:0 0 0 1px #00000080}.crosshair:before{left:50%;top:0;width:2px;height:100%;transform:translate(-50%)}.crosshair:after{top:50%;left:0;height:2px;width:100%;transform:translateY(-50%)}.hotbar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:2px;background:var(--hotbar-bg);padding:4px;border:2px solid #222}.slot{width:44px;height:44px;background:#8b8b8b8c;border:2px solid #373737;position:relative;image-rendering:pixelated}.slot.selected{border-color:#fff;box-shadow:inset 0 0 0 1px #fff}.slot-count{position:absolute;right:2px;bottom:1px;font-size:12px;font-weight:700;text-shadow:1px 1px 0 #000;font-family:var(--pixel)}.slot-name{position:absolute;bottom:70px;left:50%;transform:translate(-50%);background:#0009;padding:4px 10px;font-size:13px;white-space:nowrap;pointer-events:none}.bars{position:absolute;bottom:72px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:4px;align-items:center}.bar-row{display:flex;gap:2px}.heart,.shank,.bubble{width:16px;height:16px;image-rendering:pixelated}.heart{background:#c33;clip-path:polygon(50% 15%,85% 0,100% 35%,50% 100%,0 35%,15% 0)}.heart.empty{background:#333;opacity:.7}.heart.half{background:linear-gradient(90deg,#c33 50%,#333 50%)}.shank{background:#a86;border-radius:2px 2px 40% 40%}.shank.empty{background:#333;opacity:.7}.bubble{border:2px solid #6af;border-radius:50%;background:#64a0ff59}.xp-bar{width:220px;height:6px;background:#333;border:1px solid #111;margin-top:2px}.xp-fill{height:100%;background:#5c5;width:0%}.xp-level{font-size:12px;color:#5c5;text-shadow:1px 1px 0 #000;font-weight:700}.debug-overlay{position:absolute;top:8px;left:8px;font-family:var(--pixel);font-size:12px;line-height:1.45;color:#fff;text-shadow:1px 1px 0 #000;white-space:pre;pointer-events:none}.break-overlay{position:absolute;left:50%;top:50%;width:48px;height:48px;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.3);pointer-events:none;display:none}.break-overlay .fill{height:100%;background:#ffffff40;transform-origin:bottom;transform:scaleY(0)}.overlay{position:absolute;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:50}.overlay.hidden{display:none!important}.inv-panel{background:#c6c6c6;border:4px solid #555;padding:12px;color:#222;box-shadow:0 8px 32px #00000080}.inv-title{font-size:14px;margin-bottom:8px;color:#333}.inv-grid{display:grid;gap:2px}.inv-grid.cols-9{grid-template-columns:repeat(9,40px)}.inv-grid.cols-3{grid-template-columns:repeat(3,40px)}.inv-grid.cols-2{grid-template-columns:repeat(2,40px)}.inv-slot{width:40px;height:40px;background:#8b8b8b;border:2px solid #373737;position:relative;cursor:pointer}.inv-slot:hover{outline:1px solid #fff}.inv-slot .count{position:absolute;right:1px;bottom:0;font-size:11px;font-weight:700;color:#fff;text-shadow:1px 1px 0 #000}.inv-slot .label{font-size:8px;color:#222;word-break:break-all;padding:2px;line-height:1.1}.inv-row{display:flex;gap:12px;margin-bottom:10px;align-items:flex-start}.cursor-item{position:fixed;width:36px;height:36px;pointer-events:none;z-index:200;background:#8b8b8bcc;border:2px solid #222;font-size:9px;color:#111;display:none;align-items:center;justify-content:center;text-align:center}.cursor-item.visible{display:flex}.settings-grid{display:grid;grid-template-columns:1fr auto;gap:.5rem 1rem;align-items:center;max-height:50vh;overflow-y:auto;margin-bottom:.75rem}.settings-grid label{font-size:.9rem}.settings-grid input[type=range]{width:140px}.chat-box{position:absolute;left:8px;bottom:100px;width:min(420px,80vw);pointer-events:none}.chat-messages{max-height:160px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;margin-bottom:4px}.chat-line{background:#00000073;padding:2px 6px;font-size:13px;text-shadow:1px 1px 0 #000;pointer-events:none}.chat-input{width:100%;background:#000000a6;border:1px solid #555;color:#fff;padding:6px 8px;font-size:14px;pointer-events:auto;display:none}.chat-input.open{display:block}.pause-menu .menu-panel{min-width:min(300px,90vw)}#mobile-controls{position:absolute;inset:0;z-index:30;pointer-events:none}#mobile-controls.hidden{display:none!important}.joystick{position:absolute;left:24px;bottom:24px;width:110px;height:110px;border-radius:50%;background:#ffffff1f;border:2px solid rgba(255,255,255,.25);pointer-events:auto}.joystick-knob{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:#ffffff59;transition:none}#mobile-actions{position:absolute;right:16px;bottom:24px;display:flex;flex-direction:column;gap:8px;pointer-events:auto}#mobile-actions button{width:64px;height:48px;border-radius:10px;border:2px solid rgba(255,255,255,.3);background:#0006;color:#fff;font-size:11px;font-weight:700}.loading-text{margin-top:1rem;color:var(--muted);font-size:.9rem}.progress-bar{width:min(280px,80vw);height:10px;background:#222;border:1px solid #444;margin-top:.75rem}.progress-bar>div{height:100%;background:var(--accent);width:0%;transition:width .15s}@media(max-width:600px){.slot{width:36px;height:36px}.bars{bottom:64px}.heart,.shank,.bubble{width:12px;height:12px}}