*{box-sizing:border-box}html,body{color:#2c2c2a;background:#f4f3ef;height:100%;margin:0;font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}#wrap{touch-action:none;position:fixed;inset:0}#wrap>canvas{cursor:grab;outline:none;display:block}#labels{pointer-events:none;position:absolute;inset:0}#ui{pointer-events:none;flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:10px;left:10px;right:10px}button{font:inherit;color:#2c2c2a;cursor:pointer;background:#ffffffeb;border:1px solid #d3d1c7;border-radius:8px;padding:6px 10px;font-size:13px}button.on{color:#0c447c;background:#e6f1fb;border-color:#85b7eb}#ui button{pointer-events:auto}.lb{white-space:nowrap;pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #c9c6bc;border-radius:8px;padding:4px 11px;font-size:13px;position:absolute;transform:translate(-50%,-50%)}.lb:hover{color:#0c447c;background:#e6f1fb}#room,#hint{background:#ffffffeb;border:1px solid #e0ded6;border-radius:8px;padding:4px 10px;font-size:13px;position:absolute;left:10px}#hint{color:#5f5e5a;max-width:calc(100% - 20px);bottom:14px}#room{display:none;bottom:52px}#load{color:#5f5e5a;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}