:root { color-scheme: dark; background: #000; }
* { box-sizing: border-box; }
html, body { margin: 0; width: 100%; height: 100%; background: #000; }
body { height: 100vh; height: 100dvh; padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); }
main { width: 100%; height: 100%; display: grid; place-items: center; container-type: size; }
.artwork { position: relative; width: min(100cqw, 150cqh); aspect-ratio: 3 / 2; }
.artwork img { display: block; width: 100%; height: 100%; object-fit: contain; }
.pawspa { position: absolute; left: 39%; top: 87%; width: 22%; height: 7%; min-height: 24px; border-radius: 3px; }
.pawspa:focus-visible { outline: 2px solid #70cfff; outline-offset: 3px; }