.potion-response { display:block; transform-origin:50% 65%; transform:perspective(700px) translate(var(--touch-x,0px),var(--touch-y,0px)) rotateX(var(--touch-rx,0deg)) rotateY(var(--touch-ry,0deg)); transition:transform .16s ease-out,filter .2s ease-out; }
.lab-heading h1:focus,.book-scene>h1:focus { outline:none; }
.potion.is-near .potion-response,.potion:focus-visible .potion-response { filter:drop-shadow(var(--touch-shadow,0px) 6px 5px #5d89a523); }
.cauldron[data-hover-elixir="media"] { --focus-ink:#87bad4; }
.cauldron[data-hover-elixir="brand"] { --focus-ink:#cc8fb2; }
.cauldron[data-hover-elixir="graphic"] { --focus-ink:#bd77a2; }
.cauldron[data-hover-elixir="events"] { --focus-ink:#89b5cc; }
.cauldron[data-hover-elixir]:not(.is-drop-ready):not(.is-brewing) .pot-drop-indicator { opacity:.38; transform:translate(-50%,-50%) scale(.96); border-color:var(--focus-ink); }
.cauldron[data-hover-elixir] .pot-bubbles i { border-color:var(--focus-ink); }
.cauldron[data-hover-elixir] .pot-steam svg { stroke:var(--focus-ink); }
.reading-progress { position:absolute; bottom:0; left:0; width:100%; max-width:none!important; height:1px; background:#bde3f17a; pointer-events:none; }
.reading-progress i { display:block; width:100%; height:100%; background:#c178a2; transform:scaleX(var(--reading-progress,0)); transform-origin:left; }
.reading-current { position:absolute; right:0; top:50%; transform:translateY(-50%); max-width:58%; color:#426f89; font-size:11px; line-height:1.65; pointer-events:none; text-align:right; overflow-wrap:anywhere; }
.reading-current b { font:11px Georgia,serif; color:#ad3979; margin-right:9px; white-space:nowrap; }
#worksCode.is-reading-code { visibility:hidden; }
.gallery-filters { position:relative; overflow:clip; overflow-clip-margin:8px; }
.filter-marker { position:absolute; left:0; top:0; height:1px; background:#c178a2; pointer-events:none; transition:transform .2s cubic-bezier(.2,.75,.2,1),width .2s ease; }
.gallery-filters.has-filter-marker button[aria-pressed="true"] { border-bottom-color:transparent; }
.is-poster-view .poster-card .work-figure img { transition:box-shadow .24s ease; }
.is-poster-view .poster-card.is-centred .work-figure img { box-shadow:0 8px 18px #365b731c,0 0 0 1px #d4a8c1; }
.is-poster-view .gallery-bottom>span:first-child { font-size:12px; color:#a43e75; line-height:1.7; max-width:60%; }
.gallery-position { white-space:nowrap; }
@media(max-width:650px) {
  .reading-current { font-size:10px; }
  .is-poster-view .gallery-bottom { gap:12px; }
  .is-poster-view .gallery-bottom>span:first-child { max-width:46%; }
}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce) {
  .potion-response { transform:none!important; filter:none!important; }
}
@media(prefers-reduced-motion:reduce) {
  .potion-response,.filter-marker,.is-poster-view .poster-card .work-figure img { transition:none; }
}