body{background-color:#fff;margin:0;overflow:hidden}canvas{cursor:grab;background-color:#fff;display:block}canvas:active{cursor:grabbing}#cooldown{color:#fff;z-index:1000;cursor:pointer;-webkit-user-select:none;user-select:none;background:#000000bf;border:1px solid #fff;padding:10px 16px;font-family:sans-serif;font-size:14px;transition:background .16s,color .16s,opacity .16s;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}#cooldown:hover{color:#000;background:#fff}#cooldown.disabled{opacity:.5;cursor:not-allowed}#coords{color:#fff;pointer-events:none;z-index:1000;background:#000000b3;border:1px solid #fff;padding:8px 12px;font-family:monospace;font-size:14px;position:fixed;top:16px;right:16px}#palette{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;border:1px solid #fff;flex-direction:column;gap:10px;padding:12px;display:flex;position:fixed;top:50%;left:16px;transform:translateY(-50%)}.color{cursor:pointer;border:1px solid #ffffff40;width:34px;height:34px;margin:0;padding:0;transition:transform .12s,border-color .12s,box-shadow .12s}.color:hover{border-color:#fff;transform:scale(1.08)}.color.active{border-color:#fff;transform:scale(1.12);box-shadow:0 0 0 2px #ffffff26,0 0 12px #ffffff59}#minimap{width:250px;height:250px;image-rendering:pixelated;z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b8;border:1px solid #fff;position:fixed;top:16px;left:16px}#connection-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#connection-warning{color:#fff;-webkit-user-select:none;user-select:none;background:#000;border:1px solid #fff;padding:14px 18px;font-family:sans-serif;font-size:14px;box-shadow:0 0 20px #0009,0 0 10px #ffffff14}