*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:Courier New,monospace;user-select:none}canvas{display:block}#overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:10;cursor:pointer}#overlay.hidden{display:none}.panel{background:#1e1e1ee6;border:4px solid #555;border-radius:8px;padding:32px 48px;color:#fff;text-align:center;box-shadow:0 0 40px #000c}.panel h1{font-size:40px;letter-spacing:6px;color:#7ec850;text-shadow:3px 3px 0 #2d5016;margin-bottom:8px}.panel p{font-size:18px;margin-bottom:16px;color:#ddd;animation:blink 1.4s infinite}@keyframes blink{50%{opacity:.3}}.help{list-style:none;text-align:left;font-size:14px;line-height:1.8;color:#bbb}.help b{color:#fff;display:inline-block;min-width:110px}#crosshair{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);color:#ffffffd9;font-size:24px;pointer-events:none;z-index:5;text-shadow:0 0 4px rgba(0,0,0,.9)}#hotbar{position:fixed;left:50%;bottom:16px;transform:translate(-50%);display:flex;gap:4px;z-index:5}.slot{width:52px;height:52px;border:3px solid #666;background:#00000073;display:flex;align-items:center;justify-content:center;position:relative}.slot.selected{border-color:#fff;box-shadow:0 0 8px #fff9}.slot .icon{width:36px;height:36px;image-rendering:pixelated}.slot .num{position:absolute;top:2px;left:5px;font-size:11px;color:#ffffffb3}