/* Title pages and playback share the same quiet, full-screen cinema surface. */
#detail-dialog,#episodes-dialog,#provider-dialog{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#090b0f;color:#f2f2f2;box-shadow:none;overscroll-behavior:contain}
#detail-dialog,#episodes-dialog{overflow:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#ffffff38 transparent}
#detail-dialog::backdrop,#episodes-dialog::backdrop,#provider-dialog::backdrop{background:#08090b;backdrop-filter:none}
#detail-dialog[open],#episodes-dialog[open],#provider-dialog[open]{animation:title-page-in .2s ease-out}
@keyframes title-page-in{from{opacity:0}to{opacity:1}}
#detail-content{position:relative;isolation:isolate;min-height:100%;background:#0b0e11}
.detail-ambient{position:absolute;inset:0;z-index:-2;overflow:hidden;contain:strict;pointer-events:none}
.detail-ambient-image{position:absolute;left:0;top:0;width:28%;height:28%;object-fit:cover;object-position:center;transform:scale(4.2);transform-origin:top left;filter:blur(20px) brightness(.42) saturate(.9)}
.title-page-brand{position:fixed;top:24px;left:104px;z-index:20;display:grid;place-items:center;width:46px;height:52px;text-decoration:none;filter:none}
.title-page-brand svg{width:44px;height:40px;fill:#e7e7e7;stroke:none}
.title-page-nav{position:fixed;right:48px;top:24px;z-index:20;display:flex;align-items:center;gap:3px;padding:6px;border:1px solid #ffffff14;border-radius:999px;background:#12171b72;backdrop-filter:blur(22px);box-shadow:0 4px 30px #0001}
.title-page-nav>a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 23px;border-radius:999px;color:#d2d5d8;text-decoration:none;font-size:13px;font-weight:650;white-space:nowrap;transition:background .18s,color .18s}
.title-page-nav>a>svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}
.title-page-nav>a:hover{background:#ffffff12;color:#fff}.title-page-nav>a.active{color:#111;background:#f2f2f2}.title-page-nav>a.title-nav-icon{width:38px;padding:0}.title-nav-icon svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.7;fill:none}
#detail-dialog .detail-art{position:absolute;inset:0 0 auto;height:min(1080px,100vh);min-height:660px;z-index:-1;overflow:hidden;mask-image:linear-gradient(#000 40%,#000b 58%,transparent 94%)}
#detail-dialog .detail-art .detail-backdrop-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;filter:brightness(.73) saturate(.9)}
#detail-dialog .detail-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0307088c,transparent 75%)}
#detail-dialog>.close-button{position:fixed;left:48px;right:auto;top:24px;z-index:20;width:48px;height:48px;border:0;border-radius:50%;background:transparent;color:#f2f2f2;backdrop-filter:none;font-size:27px}
#detail-dialog>.close-button:hover{background:#ffffff13}
#detail-dialog .detail-body{position:relative;isolation:isolate;margin:0;padding:0 64px 48px;max-width:none}
.detail-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:64px;min-height:min(90vh,970px);padding-top:380px;padding-bottom:60px}
.detail-hero-content{min-width:0;max-width:650px}
#detail-dialog .detail-body :is(h1,h2){font-family:inherit;font-size:clamp(40px,4.3vw,76px);font-weight:780;line-height:1.04;letter-spacing:-2.5px;text-transform:none;max-width:650px;margin:0 0 22px;text-wrap:balance;text-shadow:0 3px 24px #0006}
#detail-dialog .detail-title-logo{display:none;width:auto;max-width:min(100%,530px);height:auto;max-height:175px;object-fit:contain;object-position:left center;filter:drop-shadow(0 3px 18px #0005)}
#detail-dialog .has-title-logo .detail-title-logo{display:block}
#detail-dialog .has-title-logo .detail-title-text{display:none}
#detail-dialog .detail-genres{display:flex;flex-wrap:wrap;gap:10px;font-size:18px;font-weight:600;line-height:1.4;margin:0 0 26px;color:#e5e6e8}
.genre-dot{opacity:.5}
#detail-dialog .detail-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:25px}
#detail-dialog .detail-actions .button{border-radius:999px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:16px;line-height:1.2;padding:11px 28px}
#detail-dialog .detail-actions .button.primary{min-width:120px}
#detail-dialog .detail-actions .button.primary{color:#08090b;background:#f2f2f2;border:1px solid transparent;font-weight:700}
#detail-dialog .detail-actions .button.primary:hover{background:#fff;transform:translateY(-1px)}
#detail-dialog .detail-actions .button svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7}
#detail-dialog .detail-actions .detail-save-icon,#detail-dialog .detail-actions .detail-share{width:44px;min-width:44px;height:44px;padding:11px;border:1px solid #ffffff21;background:#ffffff0c;backdrop-filter:blur(12px)}
#detail-dialog .detail-actions .detail-save-icon[aria-pressed=true]{background:#ffffff24;border-color:#ffffff75}
#detail-dialog .detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:16px;font-weight:600;line-height:1.5;color:#d0d1d4;margin:0 0 20px}
#detail-dialog .detail-meta:has(+.detail-creator){margin-bottom:6px}
.title-rating{white-space:nowrap}.title-rating>span{color:#facc15}.title-certification{font-size:14px;line-height:1.5;border:1px solid #ffffff52;border-radius:3px;padding:0 6px}
.detail-creator{font-size:16px;line-height:1.5;color:#d0d1d4;margin:0 0 20px}.detail-creator>span{color:#92989d}
#detail-dialog .detail-synopsis{font-size:16px;line-height:1.5;color:#c0c2c7;margin:0;max-width:650px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
#detail-dialog .detail-synopsis.is-expanded{display:block;overflow:visible}
.detail-read-more{font:inherit;font-size:14px;font-weight:600;color:#b9bec5;background:none;border:0;margin-top:10px;padding:0;cursor:pointer}
.detail-read-more:hover{color:white}
.detail-facts{flex:0 0 280px;max-width:100%;margin:0 0 70px;border:1px solid #ffffff0f;border-radius:14px;overflow:hidden;background:#ffffff05;backdrop-filter:blur(16px);font-size:12px}
.detail-facts>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;min-height:37px;border-bottom:1px solid #ffffff0b}
.detail-end-time{color:#93999e}
.detail-facts>div:last-child{border-bottom:0}.detail-facts dt{color:#93999e}.detail-facts dd{margin:0;text-align:right;color:#d5d8da;font-weight:600}
.detail-sections{padding-bottom:25px}
.title-section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}
.title-section-heading h3,#detail-dialog .detail-cast h3{font-size:25px;font-weight:720;line-height:1.2;letter-spacing:-.5px;margin:0}
.title-episode-controls{display:flex;align-items:center;gap:12px;max-width:100%;min-width:0}
.title-episode-controls button,.title-episode-controls select{height:42px;border:1px solid #ffffff13;border-radius:999px;background:#0003;color:#e9e9ec;font:inherit;font-size:14px;font-weight:600;cursor:pointer;padding:0 17px}
.title-episode-controls select{min-width:120px;padding-right:30px;color-scheme:dark}
.title-episode-controls>label,.title-episode-controls .mf-select{min-width:0}
.title-episode-controls .episode-order{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;flex:none}
.title-episode-controls .mf-select-trigger{border-radius:999px;min-width:100px;min-height:42px;background:#0003;white-space:nowrap}
/* Keep the first episode aligned while leaving room for its focus outline.
   The fade begins inside the trailing gutter, beyond the final card. */
.title-episode-rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(260px,16.6667vw,340px);gap:24px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:12px 64px;padding:12px 64px 20px 12px;margin:-8px -64px 0 -12px;scrollbar-width:none;mask-image:linear-gradient(90deg,#000 calc(100% - 52px),transparent)}
.title-episode-rail::-webkit-scrollbar{display:none}
.title-episodes{margin:0 0 88px}.title-episode-rail>.episode-empty{min-width:320px}
.episode-card{display:block;text-align:left;padding:0;margin:0;border:0;background:transparent;color:#f2f2f2;min-width:0;cursor:pointer;scroll-snap-align:start;align-self:start;border-radius:12px}
.episode-thumb{display:block;position:relative;aspect-ratio:16/9;width:100%;border-radius:10px;overflow:hidden;background:#24272c}
.episode-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease;opacity:1}
.episode-card:hover .episode-image{transform:scale(1.025)}
.episode-card:focus-visible{outline:2px solid #f2f2f2;outline-offset:4px}
.episode-number,.episode-duration{position:absolute;z-index:1;font-size:11px;font-weight:700;line-height:1.2;border-radius:4px;padding:5px 6px;background:#111b;color:#f2f2f2;backdrop-filter:blur(8px)}
.episode-number{top:8px;left:8px}.episode-duration{right:8px;bottom:8px;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.episode-card-play{position:absolute;inset:0;display:grid;place-items:center;background:#0002;opacity:0;transition:opacity .18s}
.episode-card-play svg{width:40px;height:40px;filter:drop-shadow(0 1px 10px #0008)}
.episode-card:hover .episode-card-play,.episode-card:focus-visible .episode-card-play{opacity:1}
.episode-card:disabled{opacity:.55;cursor:default}.episode-card:disabled .episode-card-play{display:none}
.episode-card-copy{display:block;padding:13px 3px 0}
.episode-card-heading{display:flex;align-items:center;gap:10px;justify-content:space-between}
.episode-card-heading .episode-card-title{min-width:0}.episode-card-heading .title-rating{flex:none;font-size:13px;color:#bfc2c7;font-weight:600}
.episode-card-title{display:block;line-height:1.3;font-size:16px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.episode-card-summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:6px;line-height:1.55;font-size:12px;color:#b6b7bb}
.episode-empty{padding:32px 20px;color:#a9adb5;font-size:14px;line-height:1.6;text-align:center;border:1px solid #ffffff12;border-radius:12px;background:#ffffff03}
.episode-empty h3,.episode-empty h4{font-size:18px;font-weight:650;color:#eee;margin:0 0 8px}.episode-empty p{margin:0 0 16px}.episode-empty .button{margin:0 auto}.episode-loading{animation:episode-pulse 1.4s ease-in-out infinite}
@keyframes episode-pulse{50%{opacity:.5}}
#detail-dialog .detail-note{border:0;color:#90969d;font-size:12px;line-height:1.6;max-width:none;padding:0;margin:22px 0 0}
#detail-dialog .episode-inline-status{margin:0 0 12px;min-height:0}
#detail-dialog .episode-inline-status:empty{display:none}
#detail-dialog .source-credit{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.source-credit a{color:inherit;text-decoration:underline;text-underline-offset:3px}.artwork-credit{display:block}
#detail-dialog .detail-cast{margin:0 0 60px}
#detail-dialog .detail-cast h3{margin-bottom:30px}
.detail-cast-list{display:flex;gap:38px;overflow-x:auto;padding-bottom:14px;scrollbar-width:none}
.detail-cast-list::-webkit-scrollbar{display:none}
.detail-scroll-top{position:fixed;right:32px;bottom:32px;z-index:10;display:grid;place-items:center;width:44px;height:44px;padding:10px;border:1px solid #ffffff70;border-radius:50%;background:#ffffff18;backdrop-filter:blur(12px);color:#f2f2f2;cursor:pointer;box-shadow:0 2px 10px #0002}
.detail-scroll-top[hidden]{display:none}.detail-scroll-top:hover{background:#ffffff2b}.detail-scroll-top svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.8;fill:none}
.cast-person{display:flex;flex:0 0 126px;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:13px;line-height:1.35}
.cast-person img,.cast-placeholder{width:112px;height:112px;border-radius:50%;object-fit:cover;object-position:center 20%;background:#ffffff12;margin-bottom:4px}
.cast-placeholder{display:grid;place-items:center;color:#b9bec6;font-size:28px}.cast-person strong{font-weight:600}.cast-person small{font-size:11px;color:#8e959e}
/* Alternate episode browser remains available from saved playback contexts. */
.episode-browser-hero{height:310px;position:relative;display:flex;align-items:flex-end;padding:40px 64px;isolation:isolate;overflow:hidden}
#episodes-dialog .episode-browser-hero{z-index:2}
.episode-browser-backdrop{position:absolute;inset:0;z-index:-1}.episode-backdrop-image{width:100%;height:100%;object-fit:cover;opacity:.55}.episode-browser-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#090b0f,transparent)}
.episode-browser-heading h2{font-size:clamp(30px,4vw,55px);margin:0 0 16px;line-height:1.1;letter-spacing:-1px}
.episode-browser-heading .detail-meta{display:flex;gap:16px;color:#b0b6bd;font-size:14px}
#episodes-dialog .close-button{position:fixed;top:24px;right:32px;z-index:5;background:#1119;border:1px solid #ffffff20;border-radius:50%;width:44px;height:44px}.episode-back.close-button{left:32px;right:auto!important}
.episode-browser-content{padding:0 64px 55px}.episode-browser-section-heading h3{font-size:25px;margin:12px 0 24px}.episode-browser-section-heading h3 span{font-size:14px;color:#8d949e;font-weight:400;margin-left:8px}
.episode-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.episode-seasons{display:flex;gap:8px;overflow:auto;min-width:0;padding:4px 0;scrollbar-width:none}.episode-season,.episode-layout-button{white-space:nowrap;border:1px solid #ffffff20;border-radius:999px;background:#ffffff05;padding:10px 16px;color:#b7bdc5;font:inherit;font-size:14px;cursor:pointer}.episode-season[aria-selected=true]{background:#f2f2f2;color:#0b0b0c;border-color:#fff}
.episode-tools{display:flex;align-items:center;gap:10px}.episode-search{display:flex;align-items:center;gap:8px;border:1px solid #ffffff20;border-radius:999px;padding:10px 14px;background:#ffffff04}.episode-search svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;color:#7f8791}.episode-search input{width:150px;min-width:0;background:transparent;border:0;color:#eee;outline:0;font:inherit;font-size:13px}.episode-layout-toggle{display:flex;gap:4px}.episode-layout-button{width:40px;height:40px;padding:10px}.episode-layout-button[aria-pressed=true]{background:#ffffff20;color:white}.episode-layout-button svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7}
.episode-browser-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}.episode-browser-grid.is-list{display:flex;flex-direction:column;gap:14px}.episode-browser-grid.is-list .episode-card{display:grid;grid-template-columns:200px 1fr;gap:20px}.episode-browser-grid.is-list .episode-card-copy{padding-top:6px}.episode-browser-grid .episode-empty{grid-column:1/-1}.episode-browser-content .detail-note{color:#939ba6;font-size:12px;margin:16px 0;line-height:1.5}
/* The external player fills the viewport; app controls live in a compact drawer. */
#provider-dialog{overflow:hidden;background:#000}
#provider-dialog .provider-stage{position:absolute;inset:0;margin:0;border-radius:0;width:100%;height:100%;aspect-ratio:auto;background:#000}
#provider-frame-host,#provider-dialog .provider-stage iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}
#provider-dialog .provider-heading{position:absolute;top:0;left:0;right:0;z-index:3;pointer-events:none;padding:22px 72px;text-align:center;background:linear-gradient(#0009,transparent);opacity:0;transition:opacity .2s}
#provider-dialog:hover .provider-heading,#provider-dialog:focus-within .provider-heading{opacity:1}
#provider-dialog[data-player-ready=true] .provider-heading{display:none}
#provider-dialog .provider-heading>div{display:none}#provider-dialog .provider-heading .close-button{position:absolute;left:20px;top:18px;right:auto;pointer-events:auto;display:grid;place-items:center;width:40px;height:40px;border:1px solid #ffffff1a;border-radius:50%;background:#1119;color:#fff;backdrop-filter:blur(10px);font-size:25px}
#provider-dialog .provider-bottom{position:absolute;inset:auto 0 0;z-index:4;pointer-events:none;display:block;padding:0;margin:0}
#provider-dialog #provider-status{position:absolute;left:50%;bottom:96px;transform:translateX(-50%);max-width:min(650px,80vw);font-size:12px;line-height:1.5;text-align:center;color:#acb3bc;background:#101318d9;padding:9px 16px;border-radius:999px;margin:0;opacity:0;transition:opacity .2s;backdrop-filter:blur(12px)}
#provider-dialog .provider-toolbar{display:none;position:absolute;z-index:6;bottom:24px;left:50%;transform:translateX(-50%);gap:9px;align-items:flex-end;max-width:calc(100vw - 34px);padding:14px;border:1px solid #ffffff1c;border-radius:18px;background:#10141dee;backdrop-filter:blur(20px)}
.provider-toolbar label{display:flex;flex-direction:column;gap:6px;min-width:0}.provider-toolbar label>span{font-size:10px;letter-spacing:.7px;color:#9da5b2;text-transform:uppercase;padding-left:6px}.provider-toolbar select{height:40px;max-width:100%;min-width:100px;border:1px solid #ffffff20;border-radius:999px;padding:7px 25px 7px 12px;background:#1c222b;color:white;color-scheme:dark}.provider-toolbar .episode-picker{max-width:270px}.provider-toolbar .button{font-size:12px;white-space:nowrap;min-height:40px;padding:10px 14px}
.provider-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;background:radial-gradient(ellipse at 50% 30%,#202b36,#090b0e 70%)}.provider-empty>span svg{width:50px;height:50px;color:#7f8c9f}.provider-empty h3{font-size:28px;margin:24px 0 12px}.provider-empty p{max-width:480px;font-size:15px;line-height:1.6;color:#a2abb8;margin:0 0 24px}
@media(min-width:2200px){#detail-dialog .detail-body{padding-inline:max(64px,calc((100vw - 2100px)/2))}.detail-intro{min-height:1000px;padding-top:470px}.title-episode-rail{grid-auto-columns:340px}}
@media(max-width:1100px){.detail-intro{gap:32px;padding-top:340px;min-height:800px}.detail-facts{flex-basis:230px}.detail-hero-content{max-width:580px}.episode-browser-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.episode-toolbar{flex-wrap:wrap}.episode-tools{margin-left:auto}}
@media(max-width:760px){#detail-dialog .detail-body{padding:0 24px 32px}#detail-dialog>.close-button{left:18px;top:18px;width:40px;height:40px}.detail-intro{display:block;min-height:0;padding-top:330px;padding-bottom:38px}#detail-dialog .detail-art{height:790px;min-height:0}#detail-dialog .detail-art:after{background:linear-gradient(0deg,#15191c 0%,#11181b9e 47%,#0a0e1445 75%)}#detail-dialog .detail-body :is(h1,h2){font-size:42px;letter-spacing:-1.3px;margin-bottom:22px}#detail-dialog .detail-genres{font-size:15px;margin-bottom:20px}#detail-dialog .detail-meta{font-size:13px;gap:10px;margin-bottom:16px}#detail-dialog .detail-synopsis{font-size:14px;line-height:1.65}#detail-dialog .detail-actions .button{font-size:14px;min-height:43px}#detail-dialog .detail-actions .detail-save-icon,#detail-dialog .detail-actions .detail-share{width:43px;min-width:43px;height:43px}.detail-facts{margin:30px 0 0;width:100%;font-size:12px}.detail-facts>div{padding:10px 14px}.title-section-heading{margin-bottom:20px;gap:12px}.title-section-heading h3,#detail-dialog .detail-cast h3{font-size:21px}.title-episode-controls{gap:6px}.title-episode-controls button,.title-episode-controls select{height:38px;font-size:12px;padding-inline:12px}.title-episode-controls select{min-width:100px;padding-right:23px}.title-episode-rail{grid-auto-columns:min(78vw,320px);gap:16px;margin-right:-24px;padding-right:24px}.title-episodes{margin-bottom:40px}.episode-card-title{font-size:14px}.episode-card-summary{font-size:12px}.detail-cast-list{gap:20px;margin-right:-24px;padding-right:24px}.cast-person{flex-basis:94px;font-size:12px}.cast-person img,.cast-placeholder{width:84px;height:84px}.cast-person small{font-size:10px}.episode-browser-hero{height:250px;padding:30px 24px}.episode-browser-content{padding:0 24px 40px}.episode-browser-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.episode-browser-grid.is-list .episode-card{grid-template-columns:120px 1fr;gap:12px}.episode-browser-grid.is-list .episode-card-summary{-webkit-line-clamp:2}.episode-tools{width:100%;margin:0}.episode-search{flex:1}.episode-search input{width:100%}#provider-dialog .provider-heading{opacity:1}#provider-dialog .provider-heading .close-button{left:10px;top:9px;width:34px;height:34px}.provider-toolbar .episode-picker{max-width:145px}.provider-toolbar .button{padding:9px;font-size:11px}.provider-toolbar select{font-size:12px;min-width:80px}#provider-dialog .provider-toolbar{flex-wrap:wrap;justify-content:center;width:calc(100vw - 34px);bottom:16px;padding:12px}#provider-dialog #provider-status{bottom:126px}.provider-empty{padding:28px}.provider-empty h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){:where(html:not([data-motion=full])) #detail-dialog,:where(html:not([data-motion=full])) #episodes-dialog{scroll-behavior:auto}:where(html:not([data-motion=full])) #detail-dialog[open],:where(html:not([data-motion=full])) #episodes-dialog[open],:where(html:not([data-motion=full])) #provider-dialog[open],:where(html:not([data-motion=full])) .episode-loading{animation:none}:where(html:not([data-motion=full])) .episode-image,:where(html:not([data-motion=full])) .episode-card-play,:where(html:not([data-motion=full])) #provider-dialog .provider-heading{transition:none}}
:where(html[data-motion=reduced]) #detail-dialog,:where(html[data-motion=reduced]) #episodes-dialog{scroll-behavior:auto}
:where(html[data-motion=reduced]) #detail-dialog[open],:where(html[data-motion=reduced]) #episodes-dialog[open],:where(html[data-motion=reduced]) #provider-dialog[open],:where(html[data-motion=reduced]) .episode-loading{animation:none}
:where(html[data-motion=reduced]) .episode-image,:where(html[data-motion=reduced]) .episode-card-play,:where(html[data-motion=reduced]) #provider-dialog .provider-heading{transition:none}
@media(max-width:1000px){.title-page-nav{top:auto;right:auto;bottom:18px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 24px);background:#11161cd9}.title-page-nav>a{font-size:12px;min-height:38px;padding:0 16px}.title-page-brand{left:78px;top:18px;width:40px;height:45px}.title-page-brand svg{width:39px;height:36px}#detail-dialog .detail-body{padding-bottom:100px}}
@media(max-width:640px){.title-page-brand{width:34px;height:41px}.title-page-brand svg{width:34px;height:32px}}
@media(max-width:480px){.title-page-nav{gap:0;padding:5px}.title-page-nav>a{padding:0 10px;font-size:11px}.title-page-nav>a.title-nav-icon{width:30px}.title-nav-icon svg{width:17px;height:17px}.title-page-brand{left:72px}}
@media(max-width:760px){#detail-dialog .detail-title-logo{max-width:min(100%,350px);max-height:135px}}
@media(max-width:760px){#detail-dialog .detail-art{mask-image:linear-gradient(#000 20%,#0009 53%,transparent 95%)}#detail-dialog .detail-art:after{background:linear-gradient(90deg,#03070866,transparent)}.detail-creator{font-size:14px}.detail-scroll-top{right:20px;bottom:90px;width:40px;height:40px}.title-episode-rail{mask-image:none}.title-episodes{margin-bottom:40px}}
/* These title-only rules outrank the shared desktop fidelity rules loaded later. */
@media(max-width:1000px){
  #detail-dialog .title-page-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 36px 36px;gap:2px;width:min(460px,calc(100vw - 24px));max-width:calc(100vw - 24px);padding:6px;bottom:calc(18px + env(safe-area-inset-bottom,0px))}
  #detail-dialog .title-page-nav>a{min-width:0;min-height:40px;padding:0 8px;font-size:12px;gap:5px;line-height:18px}
  #detail-dialog .title-page-nav>a.title-nav-icon{width:36px;min-width:0;height:40px;padding:8px}
  #detail-dialog .detail-scroll-top{bottom:calc(90px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:640px){
  #detail-dialog .title-page-nav{grid-template-columns:repeat(4,minmax(0,1fr)) 32px 32px}
  #detail-dialog .title-page-nav>a{padding:0 3px;font-size:12px}
  #detail-dialog .title-page-nav>a.title-nav-icon{width:32px;padding:6px}
  #detail-dialog .title-page-nav>a:not(.title-nav-icon)>svg{display:none}
  #detail-dialog .title-section-heading{flex-wrap:wrap;align-items:center}
  #detail-dialog .title-episode-controls{margin-left:auto;gap:8px}
  #detail-dialog .title-episode-controls .mf-select-trigger{min-height:38px;height:38px;padding:8px 12px;font-size:12px}
  #detail-dialog .title-episode-rail{scroll-padding-right:24px}
}