/* Artwork viewer */
body{--play-accent:#f475a0}
.art-frame:focus-visible,.art-dialog button:focus-visible{outline:3px solid var(--play-accent);outline-offset:4px}
.gallery-hint{font-size:14px;line-height:1.5;margin:-22px 0 26px;color:#46455b}.art-frame{border:0;width:100%;font:inherit;color:inherit;cursor:zoom-in}.art-frame:hover img,.art-frame:focus-visible img{transform:scale(1.06)}.gallery figure{transition:transform .25s ease}.gallery figure:hover{transform:translateY(-4px)}
.art-dialog{border:0;padding:0;background:#17172d;color:#fff;width:min(95vw,1000px);max-width:none;max-height:95dvh;overflow:visible;box-shadow:0 22px 80px #0009}.art-dialog::backdrop{background:rgba(12,12,26,.85)}.art-dialog-inner{position:relative;display:flex;flex-direction:column;align-items:center;max-height:95dvh;padding:clamp(14px,2vw,24px)}.art-dialog-image{width:100%;height:auto;max-height:calc(95dvh - 120px);object-fit:contain;background:#fff}.art-dialog-close{position:absolute;right:0;top:0;transform:translate(25%,-25%);width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#17172d;font-size:30px;line-height:1;cursor:pointer}.art-dialog-bar{display:flex;justify-content:center;align-items:center;gap:clamp(12px,3vw,34px);width:100%;padding-top:12px}.art-dialog-bar p{margin:0;text-align:center;font-size:13px;letter-spacing:.08em;flex:1}.art-dialog-bar button{border:1px solid #fff6;border-radius:50%;background:transparent;color:white;width:44px;height:44px;font-size:22px;cursor:pointer}.art-dialog-bar button:hover{background:#ffffff24}
body:has(.art-dialog[open]){overflow:hidden}@media(max-width:760px){.gallery-hint{margin:-6px 0 24px}.art-dialog{width:100vw;max-height:100dvh}.art-dialog-inner{max-height:100dvh;padding:16px}.art-dialog-image{max-height:calc(100dvh - 110px)}.art-dialog-close{right:15px;top:15px;transform:none}.art-dialog-bar p{font-size:12px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.gallery figure,.art-frame img{transition:none!important}}