@font-face{font-family:Pixel;src:url('https://ordinals.com/content/4c97967f86b38836a5bbbbce27a281135b2b659d2e709126945665fff22e48c0i0') format('truetype')}body,html{margin:0;padding:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#000}#content{aspect-ratio:1/1;position:relative}canvas{display:block;image-rendering:pixelated;object-fit:contain;width:100%!important;height:100%!important;aspect-ratio:1/1}#uiControls{font-family:Pixel,Courier,monospace;position:absolute;bottom:0;right:0;left:0;letter-spacing:-.01rem;font-size:12px;background-color:#a2ff00;opacity:0;pointer-events:none;height:24px;line-height:24px;white-space:nowrap;overflow:hidden}#metaBlock{padding:0 8px;height:24px;line-height:24px;white-space:nowrap}#uiMeta{width:100%;font-size:10px;background-color:#000;color:#666;height:24px;line-height:24px;white-space:nowrap;overflow:hidden}#uiNav{position:absolute;top:0;right:0;height:24px;line-height:24px;display:flex;gap:1px;white-space:nowrap;background-color:#000}#uiControls.uiControls-visible{opacity:1;pointer-events:auto}#uiControls button{font-family:Pixel,Courier,monospace;border:none;background-color:transparent;cursor:pointer;color:#000;letter-spacing:-.01rem;text-transform:uppercase;font-size:12px;margin:0;padding:0 8px;background-color:#a2ff00;position:relative;height:24px;line-height:24px}#uiControls button:hover{background-color:#fff;color:#000}#uiControls button:disabled{opacity:.3;color:#fff;background-color:#555;cursor:not-allowed}