body{margin:0;overflow:hidden}canvas{display:block}#ui-root{z-index:10;pointer-events:auto;position:absolute;inset:0}.ui-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14141ed9;border:1px solid #444;border-radius:8px;flex-direction:column;align-items:flex-start;gap:8px;padding:10px;display:flex}.ui-panel button{color:#fff;cursor:pointer;background:#222;border:1px solid #444;padding:4px 8px}.ui-panel button:hover{border-color:#888}.tile-btn{cursor:pointer;width:48px;height:48px;image-rendering:pixelated;border:2px solid #333}.tile-btn.selected{border-color:#fff}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}