Something went wrong. Try again.
Monorepo for Aesthetic.Computer aesthetic.computer
Something went wrong. Try again.
12:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#463264;color:#fff}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;min-height:48px}header strong{font-size:16px;font-weight:600}#status{font-size:13px;color:#e2d5ef;text-align:right}#artifact{flex:1;min-height:calc(100dvh - 48px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:12px}#artifact>img{display:block;width:100%;height:calc(100dvh - 80px);max-width:100%;max-height:calc(100dvh - 80px);object-fit:contain;image-rendering:pixelated}#artifact iframe{border:0;width:100%;height:calc(100dvh - 110px);background:#20172e}#artifact pre{align-self:stretch;white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.5 ui-monospace,monospace;padding:16px;background:#20172e;max-height:calc(100dvh - 120px);overflow:auto}audio{width:min(560px,100%)}canvas.waveform{width:min(720px,100%);height:180px;image-rendering:pixelated}a{color:#fff;text-underline-offset:3px}p{line-height:1.5;text-align:center}button{font:inherit;background:#fff;color:#21142c;border:0;border-radius:4px;padding:10px 16px;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #ff92ef;outline-offset:3px}.game{margin:0;background:#21142c;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:10px}.game canvas{width:min(100%,480px);max-height:65dvh;aspect-ratio:160/144;object-fit:contain;image-rendering:pixelated}.game-controls{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.game-controls button{touch-action:none;min-width:44px;user-select:none}.game p{margin:0;font-size:13px}.source-label{margin:0;color:#e2d5ef}