.artwork-back {
  position: fixed; top: clamp(20px, 3.5vh, 40px); left: clamp(20px, 3.5vw, 64px);
  z-index: 40; min-height: 44px; display: flex; align-items: center; gap: 12px;
  color: #111; text-decoration: none; font-size: 12px; letter-spacing: .08em;
  cursor: pointer;
}
.artwork-back svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.4; }
.artwork-back:focus-visible { outline: 1px solid #555; outline-offset: 5px; }
/* Leave the middle of the artwork intact; the existing notice stays available. */
#notice-toggle { left: auto; right: max(1.25rem, env(safe-area-inset-right)); }
html.artwork-opening body { opacity: 0; }
html.artwork-opening.artwork-ready body { opacity: 1; transition: opacity 650ms cubic-bezier(.22,.61,.36,1); }
@media (prefers-reduced-motion: reduce) { html.artwork-opening body { opacity: 1; transition: none; } }