.nav-pill{position:relative;isolation:isolate}
.nav-pill .nav-marker{position:absolute;left:0;top:0;border-radius:999px;background:#fff;z-index:0;pointer-events:none;box-shadow:0 0 22px #ffffff15}
.nav-pill.nav-measured .nav-marker{transition:transform .32s cubic-bezier(.22,1,.36,1),width .32s cubic-bezier(.22,1,.36,1),height .32s cubic-bezier(.22,1,.36,1)}
.nav-pill>a,.nav-pill>button{position:relative;z-index:1}
.nav-pill a.active,.nav-pill button.active{background:transparent!important;box-shadow:none!important;color:#080808}
.home-view .slide-dot.active{background:#ffffff65;box-shadow:0 0 0 1px #ffffff55,0 2px 8px #0008}
.home-view .slide-dot.active>span{width:clamp(15%,var(--hero-progress,100%),100%);transform:none;background:#fff}
.home-view .hero-meta>span:first-child svg{color:#f6d500;fill:#f6d500;stroke:#f6d500}
.rating-star,.detail-main .star,.poster-hover p>span{color:#f6d500}
.search-field input::placeholder{opacity:1;transition:opacity .18s ease}
.search-field input.prompt-changing::placeholder{opacity:0}
.title-context-menu{position:fixed;z-index:1000;width:240px;max-width:calc(100vw - 16px);max-height:calc(100svh - 16px);overflow:auto;padding:8px;background:#191919f5;border:1px solid #ffffff26;border-radius:14px;box-shadow:0 18px 65px #0009;backdrop-filter:blur(24px);animation:title-menu-in .14s ease-out;color:#fff}
.title-context-menu>p{padding:8px 12px;margin:0 0 5px;font-size:12px;font-weight:600;line-height:1.5;color:#aaa;overflow-wrap:anywhere}
.title-context-menu>[role=menuitem]{display:flex;width:100%;align-items:center;border:0;border-radius:8px;background:transparent;text-align:left;color:#eee;padding:12px;font:500 13px/1.3 Inter,Arial,sans-serif;cursor:pointer;text-decoration:none}
.title-context-menu>[role=menuitem]:is(:hover,:focus-visible){background:#ffffff12;outline:2px solid #ffffff55;outline-offset:-2px}
.title-context-menu>hr{border:0;border-top:1px solid #ffffff16;margin:5px}
@keyframes title-menu-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.nav-pill.nav-measured .nav-marker,.search-field input::placeholder{transition:none}.title-context-menu{animation:none}}
html[data-motion=off] .nav-pill.nav-measured .nav-marker,html[data-motion=off] .search-field input::placeholder{transition:none}html[data-motion=off] .title-context-menu{animation:none}

/* Compact search posters for the 50-title catalog. */
.search-page #outlawSearchResults>.poster-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}
@media(max-width:1000px){.search-page #outlawSearchResults>.poster-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px}}
@media(max-width:700px){.search-page #outlawSearchResults>.poster-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.search-page .poster-hover{padding:5px}.search-page .poster-hover h3{font-size:10px}.search-page .poster-hover p{font-size:9px}}