/* Full-width moving artwork between collections and selected work. */
.slime-portal{--slime-drift:0px;position:relative;isolation:isolate;width:100%;max-width:none;margin:4px 0 12px;padding:0}
.slime-portal-window{position:relative;height:clamp(320px,58vh,640px);height:clamp(320px,58svh,640px);overflow:hidden;background:#74c1df}
.slime-portal-media{position:absolute;inset:-32px 0;transform:translate3d(0,var(--slime-drift),0)} 
.slime-portal-media video{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%;max-width:none;background:#74c1df}
.slime-portal-edge{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#faf5ed 0,transparent 32px,transparent calc(100% - 40px),#faf5ed 100%)}
.slime-portal-topline{position:absolute;top:40px;left:5%;right:5%;display:flex;justify-content:space-between;gap:16px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.18em;line-height:1.4;text-shadow:0 1px 8px #16152fcc}
.slime-portal-topline span{padding:7px 11px;border:1px solid #ffffff38;border-radius:3px;background:#17182d99}
.slime-portal-actions{position:absolute;bottom:42px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:12px}
.slime-portal-link,.slime-portal-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 17px;border:1px solid #ffffff80;border-radius:999px;background:#191b30e8;color:#fff;font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;text-decoration:none;box-shadow:0 4px 18px #17182d24}
.slime-portal-toggle{cursor:pointer;flex-shrink:0}
.slime-portal-toggle[hidden]{display:none}
.slime-portal-toggle svg{width:13px;height:13px;fill:currentColor;flex-shrink:0}
.slime-portal-link:hover,.slime-portal-toggle:hover{background:#292549;color:#fff;border-color:#fff}
.slime-portal :is(a,button):focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(min-width:1600px){.slime-portal-window{height:680px}.slime-portal-media video{object-position:center 54%}}
@media(max-width:700px){
  .slime-portal{margin:0 0 4px}
  .slime-portal-window{height:clamp(320px,61vh,500px);height:clamp(320px,61svh,500px)}
  .slime-portal-topline{top:30px;left:6%;right:6%;font-size:8px;letter-spacing:.13em}
  .slime-portal-topline span{padding:6px 8px}
  .slime-portal-actions{bottom:34px;left:6%;right:6%;gap:8px}
  .slime-portal-link,.slime-portal-toggle{font-size:12px;padding:10px 12px;gap:7px}
}
@media(prefers-reduced-motion:reduce){.slime-portal-media{transform:none}}

/* Keep decorative layers clear of playback controls. */
.slime-portal-topline,.slime-portal-actions{pointer-events:none}
.slime-portal-actions a,.slime-portal-actions button{pointer-events:auto}
.slime-portal-actions{flex-wrap:wrap}
.slime-portal-toggle{margin-left:auto}
.emerald-tunnel{margin:0;background:#000;z-index:1}
.emerald-tunnel .slime-portal-window{height:clamp(360px,65svh,720px);background:#000}
.emerald-tunnel .slime-portal-media video{object-position:50% 50%;background:#000}
.emerald-tunnel .slime-portal-topline span{border-color:#5bffae70;background:#00170ee6;color:#a7ffd1}
.emerald-tunnel .slime-portal-link,.emerald-tunnel .slime-portal-toggle{background:#00170ee6;border-color:#5bffae88}
@media(max-width:700px){
 .emerald-tunnel .slime-portal-window{height:clamp(360px,68svh,600px)}
 .slime-portal-actions{flex-wrap:nowrap}
}

/* Hide native save/drag surfaces while custom Play/Pause stays accessible. */
.slime-portal-media{pointer-events:none;-webkit-touch-callout:none;user-select:none}
