*{box-sizing:border-box}html,body,#app{background:#0c1224;height:100%;margin:0;font-family:Segoe UI,Microsoft YaHei,system-ui,sans-serif;overflow:hidden}canvas{display:block}#overlay{color:#e8e8e8;z-index:10;background:#080a148c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#overlay.hidden{display:none}.panel{text-align:center;background:#0f121eeb;border:1px solid #ffffff1f;border-radius:14px;max-width:560px;padding:28px 34px}.panel h1{margin:0 0 10px;font-size:26px}.panel p{color:#b8c0d0;margin:6px 0;font-size:14px;line-height:1.7}#start-btn{color:#fff;cursor:pointer;background:#3fae5a;border:none;border-radius:8px;margin-top:18px;padding:10px 24px;font-size:15px}#start-btn:hover{background:#49c268}#hud{pointer-events:none;z-index:5;color:#fff;text-shadow:0 1px 2px #000000b3;font-size:13px;position:fixed;inset:0}#hud.hidden{display:none}#net-badge{background:#141923b3;border-left:4px solid #3fae5a;border-radius:8px;padding:5px 10px;position:absolute;top:12px;left:12px}#net-badge.badge-relay{border-left-color:#e0a33f}#coords{background:#141923b3;border-radius:8px;padding:5px 10px;position:absolute;top:12px;right:12px}#block-name{background:#141923b3;border-radius:8px;padding:6px 12px;position:absolute;bottom:70px;left:50%;transform:translate(-50%)}#hotbar{background:#0f121e8c;border:1px solid #ffffff2e;border-radius:10px;gap:4px;padding:5px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.slot{background:#00000059;border:2px solid #ffffff40;border-radius:6px;width:46px;height:46px;position:relative}.slot img{width:100%;height:100%;image-rendering:pixelated}.slot.selected{border-color:#fff;box-shadow:0 0 8px #ffffff8c}.slot .num{color:#c9d2e0;text-shadow:0 1px 1px #000000e6;font-size:10px;position:absolute;top:1px;left:3px}#fps{background:#141923b3;border-radius:8px;padding:5px 10px;position:absolute;bottom:12px;right:12px}#crosshair{position:absolute;top:50%;left:50%}#crosshair .h{background:#ffffffd9;width:18px;height:2px;position:absolute;top:-1px;left:-9px}#crosshair .v{background:#ffffffd9;width:2px;height:18px;position:absolute;top:-9px;left:-1px}