/* D4A V35: CSS order kept as in original HTML */
/* CSS SOURCE: static/css/d4a-redesign-v4.css */
/* Drama4All design v4 — approved interactive preview, applied only to opt-in pages.
   Does not style /series, /watch, player or admin pages. */
body.d4a-v4{
  --night:#100a19;--velvet:#20142e;--curtain:#291a3d;--riser:#372448;
  --ember:#ffad58;--ember-lo:#f19140;--amber:#ffb86d;--violet:#ab66f0;
  --paper:#faf5ff;--haze:#b6a6c5;--dust:#9686a9;
  --hair:rgba(198,157,231,.13);--hair-2:rgba(200,160,233,.27);
  --rail-max:1300px;--gutter:clamp(17px,3.5vw,48px);
  --r-sm:11px;--r-md:16px;--r-lg:22px;
  background:#0e0916;color:var(--paper);
}
.d4a-v4 .aura{background:radial-gradient(65% 35% at 78% 3%,rgba(114,54,147,.18),transparent 70%),#100a19}
.d4a-v4 .topbar{background:rgba(19,11,31,.96);border-bottom:1px solid #412d52;backdrop-filter:blur(16px)}
.d4a-v4 .topbar .shell{height:64px;gap:clamp(9px,2.4vw,30px)}
.d4a-v4 .brand img{height:36px;max-width:46px;object-fit:contain}
.d4a-v4 .brand b{font-size:1.01rem;white-space:nowrap}
.d4a-v4 .mainnav{gap:3px;align-items:center}
.d4a-v4 .mainnav a{font-size:.79rem;padding:9px 11px;border-radius:9px;white-space:nowrap}
.d4a-v4 .mainnav a.on{color:var(--amber);background:rgba(255,173,88,.07)}
.d4a-v4 .tools{margin-inline-start:auto;gap:7px;flex-shrink:0}
.d4a-v4 .iconbtn{border-radius:11px;border:1px solid #433154;background:#291c3a;width:39px;height:39px;color:#eee4fa}
.d4a-v4 .iconbtn:hover,.d4a-v4 .iconbtn:focus-visible{background:#39294f;border-color:var(--amber)}
.d4a-v4 > main{width:min(100%,1320px);margin-inline:auto;background:linear-gradient(180deg,#180e27 0,#130c1d 560px,#110b1c 100%);border-inline:1px solid rgba(175,132,216,.09)}
.d4a-v4 .shell{max-width:1320px}
.d4a-v4 .btn{background:linear-gradient(110deg,#ffb966,#ff9850);color:#271629;border-radius:12px;font-weight:800;box-shadow:0 8px 22px rgba(255,155,80,.13)}
.d4a-v4 .btn:hover{background:#ffc47e;color:#211229}
.d4a-v4 .btn.quiet{background:rgba(42,27,59,.67);border:1px solid #644776;color:#eee3f4;box-shadow:none}
.d4a-v4 .btn.quiet:hover{background:#3a284e}
/* Homepage six-film carousel: existing real movie data, images, controls and links. */
.d4a-v4 .stage{background:radial-gradient(ellipse at 30% 36%,rgba(128,66,159,.27),transparent 53%),linear-gradient(145deg,#21132f,#150c21 70%);padding-block:25px 29px;min-height:375px;isolation:isolate}
.d4a-v4 .stage::after{background:linear-gradient(0deg,#160d24 0%,transparent 27%)}
.d4a-v4 .stage-bleed{height:120%;inset:-36% 0 0;opacity:.22!important;filter:blur(75px) saturate(1.25) brightness(.6)}
.d4a-v4 .stage-grid{grid-template-columns:minmax(0,1fr) minmax(225px,390px);gap:clamp(20px,5vw,68px);min-height:328px;align-items:center}
.d4a-v4 .stage-copy{text-align:start;position:relative;z-index:6;min-width:0}
.d4a-v4 .stage-title{font-size:clamp(1.65rem,3.5vw,2.9rem);line-height:1.34;max-width:22ch;margin-bottom:18px;text-wrap:balance}
.d4a-v4 .eyebrow{color:#ffba77;letter-spacing:0;font-weight:800;font-size:.75rem;margin-bottom:10px}
.d4a-v4 .stage-meta{justify-content:flex-start;gap:8px;margin-bottom:19px}
.d4a-v4 .stage-meta>span:not(.dot){display:inline-flex;align-items:center;padding:6px 10px;border:1px solid rgba(183,138,210,.22);background:#301f40;border-radius:999px;font-size:.72rem;color:#d9c8e7}
.d4a-v4 .stage-meta .dot{display:none}
.d4a-v4 .stage-tags{display:none}
.d4a-v4 .stage-cta{justify-content:flex-start;gap:9px}
.d4a-v4 .stage-cta .btn{padding:11px 19px;font-size:.82rem}
.d4a-v4 .pips{justify-content:flex-start;margin-top:18px;gap:7px;align-items:center}
.d4a-v4 .pips button{height:7px;width:7px;border-radius:20px;background:#887497}
.d4a-v4 .pips button.on{width:22px;background:var(--amber)}
.d4a-v4 .deck{height:310px;max-width:100%;width:100%;overflow:visible}
.d4a-v4 .deck-frame{border-radius:13px;border-color:#725b85;box-shadow:0 16px 45px #0009}
.d4a-v4 .deck-frame[data-pos="0"]{transform:translateX(8%) rotate(-7deg);opacity:1}
.d4a-v4 .deck-frame[data-pos="1"]{transform:translateX(-65%) scale(.82) rotate(11deg);opacity:.52;filter:brightness(.73)}
.d4a-v4 .deck-frame[data-pos="-1"]{transform:translateX(60%) scale(.82) rotate(-10deg);opacity:.43;filter:brightness(.7)}
.d4a-v4 .deck-frame[data-pos="2"],.d4a-v4 .deck-frame[data-pos="-2"]{opacity:.12}
.d4a-v4 .deck-nav{display:grid;align-content:center;max-height:100%}
.d4a-v4 .deck-nav button{width:35px;height:35px;background:#281c38d9;border-color:#725387;color:#ffdcad;font-size:.8rem}
.d4a-v4 .deck-nav.prev{inset-inline-start:0}
.d4a-v4 .deck-nav.next{inset-inline-end:0}
/* Category carousel and complete shelves */
.d4a-v4 .genrebar{margin:15px 0 30px;padding-block:17px;gap:8px;mask-image:none;-webkit-mask-image:none;border-top:1px solid rgba(185,145,223,.08)}
.d4a-v4 .genrebar .lbl{font-size:.83rem;letter-spacing:0;color:#f6eefb;font-weight:800;text-transform:none;margin-inline-end:10px}
.d4a-v4 .genrebar a{background:#2b1b3d;border:1px solid #4d355f;border-radius:100px;padding:7px 14px;font-size:.76rem;color:#d5c2e0}
.d4a-v4 .genrebar a:hover{border-color:var(--amber);color:var(--amber)}
.d4a-v4 .genrebar .d4x-all-genres{border-color:#684979;color:var(--amber)}
.d4a-v4 .rack{margin-bottom:32px;min-width:0}
.d4a-v4 .rack-head{align-items:center;gap:9px;margin-bottom:14px;min-height:34px}
.d4a-v4 .rack-head h2{font-size:clamp(.98rem,1.6vw,1.24rem);color:#f9f0ff;white-space:nowrap}
.d4a-v4 .rack-head .line{min-width:8px;background:none}
.d4a-v4 .rack-head .more{font-size:.75rem;color:var(--amber);padding:5px 2px}
.d4a-v4 .d4v-rail-controls{display:flex;gap:6px;align-items:center}
.d4a-v4 .d4v-rail-controls button{width:31px;height:31px;display:grid;place-items:center;border:1px solid #624673;background:#2e2041;border-radius:9px;color:#f8e6ff;font-size:.76rem;transition:background .15s}
.d4a-v4 .d4v-rail-controls button:hover{background:#493057;border-color:var(--amber)}
.d4a-v4 .rail{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;padding:4px 2px 12px;scrollbar-width:none}
.d4a-v4 .rail::-webkit-scrollbar{display:none}
.d4a-v4 .rail>.tile{width:calc((100% - 60px)/6);flex:0 0 calc((100% - 60px)/6);scroll-snap-align:start;min-width:0}
.d4a-v4 .rail>.bone{flex:0 0 calc((100% - 60px)/6);min-width:0}
.d4a-v4 .tile-art{border:1px solid rgba(193,148,215,.30);border-radius:13px;overflow:hidden;background:#2d1b3d;aspect-ratio:9/13}
.d4a-v4 .tile-art img{width:100%;height:100%;object-fit:cover}
.d4a-v4 .tile:hover .tile-art{border-color:#e3a36e}
.d4a-v4 .tile-name{font-size:clamp(.74rem,1.15vw,.87rem);line-height:1.55;margin-top:8px;color:#f9f2ff}
.d4a-v4 .tile-sub{color:#b6a2c6;font-size:.7rem}
.d4a-v4 .rail .tile-rank{font-size:1.8rem;top:3px;bottom:auto;inset-inline-start:5px;-webkit-text-stroke:1px rgba(255,237,210,.9)}
.d4a-v4 .tile-new{background:#35223b;color:var(--amber)}
/* All-series, genre and search results are grids, not vertical stacks. */
.d4a-v4 .pagehead{padding-block:34px 20px}
.d4a-v4 .pagehead h1{font-size:clamp(1.45rem,2.8vw,2.15rem);line-height:1.38}
.d4a-v4 .pagehead p{color:#b29fc2;font-size:.84rem}
.d4a-v4 .mesh{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 13px;max-width:100%;margin-bottom:26px}
.d4a-v4 .mesh>.tile{width:100%;min-width:0}
.d4a-v4 .chips.language-filter{overflow:visible!important;position:relative;z-index:35;margin-bottom:23px}
.d4a-v4 .d4a-lang-details>summary{background:#291b3a;border-color:#705283;border-radius:11px;color:#fff}
.d4a-v4 .d4a-lang-panel{background:#231731;border-color:#6b4a80}
.d4a-v4 .d4a-lang-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.d4a-v4 .pager{margin:14px auto 24px}
.d4a-v4 .pager a{border:1px solid #4e365e;background:#2b1a3c;border-radius:11px}
.d4a-v4 .pager a:hover{background:#50335c}
/* Genres and smart search */
.d4a-v4 .d4x-genres-page{padding-bottom:42px}
.d4a-v4 .d4x-genres-search{background:#281a38;border-color:#644678;border-radius:12px}
.d4a-v4 .d4x-genres-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.d4a-v4 .d4x-genre-card{min-height:92px;padding:16px;background:linear-gradient(135deg,#281935,#1b1229);border:1px solid #4e3760;border-radius:14px;gap:12px}
.d4a-v4 .d4x-genre-card:hover{border-color:var(--amber)}
.d4a-v4 .d4x-genre-name{font-size:.93rem}
.d4a-v4 .d4x-genre-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#362443}
.d4a-v4 .d4x-genre-card small{color:#b7a8c5}
.d4a-v4 .palette{background:rgba(9,6,19,.83);backdrop-filter:blur(8px)}
.d4a-v4 .palette-box{background:#20142e;border-color:#644675;border-radius:17px}
.d4a-v4 .palette-field{background:#291b3a}
.d4a-v4 .palette-row:hover,.d4a-v4 .palette-row.cursor{background:#3a2651}
.d4a-v4 .d4x-search-chips a,.d4a-v4 .d4x-search-chips button{background:#322142;border-color:#604576}
.d4a-v4 .d4x-search-chips a:hover{color:var(--amber)}
/* Personal pages and auth forms: visual-only; all security and forms remain intact. */
.d4a-v4 .account-card,.d4a-v4 .auth-card,.d4a-v4 .contact-card{background:linear-gradient(145deg,#2a1939,#1b1127);border:1px solid #513b63;border-radius:17px;box-shadow:0 9px 36px rgba(0,0,0,.21)}
.d4a-v4 .account-card h2{font-size:1.13rem}
.d4a-v4 .account-head{margin-bottom:24px}
.d4a-v4 .auth-card{padding:clamp(22px,3vw,32px)}
.d4a-v4 .auth-field input{background:#2a1c3a;border-color:#634a73;border-radius:11px}
.d4a-v4 .auth-field input:focus{border-color:var(--amber)}
.d4a-v4 .auth-btn{background:linear-gradient(110deg,#ffba67,#ff9850);color:#2c1528;border-radius:12px;font-weight:800}
.d4a-v4 .auth-btn:hover{background:#ffc07c}
.d4a-v4 .contact-action{background:#281b38;border:1px solid #4b365c;border-radius:13px}
.d4a-v4 .contact-action:hover{background:#3a2649;border-color:var(--amber)}
.d4a-v4 .contact-action i{color:var(--amber)}
.d4a-v4 .void{padding:45px 15px}
/* Four-column responsive footer with real user auth and POST logout. */
.d4v-footer{background:#110a1c;border-top:1px solid #493252;margin-top:45px}
.d4v-footer .d4v-grid{display:grid;grid-template-columns:minmax(190px,1.6fr) repeat(3,minmax(120px,1fr));gap:clamp(18px,2.8vw,45px);padding-block:42px 31px;align-items:start;text-align:start}
.d4v-footer .d4v-brand a{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:1.1rem}
.d4v-footer .d4v-brand img{width:36px;height:36px;object-fit:contain}
.d4v-footer .d4v-brand p{margin-top:13px;line-height:1.9;color:#a99aba;font-size:.78rem;max-width:39ch}
.d4v-footer .d4v-col{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.d4v-footer .d4v-col h2{font-size:.88rem;margin:0 0 7px;color:#fff;font-weight:800}
.d4v-footer .d4v-col a,.d4v-footer .d4v-col button{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;line-height:1.6;color:#c0b1ce;min-height:32px;text-align:start}
.d4v-footer .d4v-col a:hover,.d4v-footer .d4v-col button:hover{color:var(--amber,#ffad58)}
.d4v-footer .d4v-col form{margin:0}
.d4v-footer .d4v-col button{background:transparent;border:0;padding:0;cursor:pointer}
.d4v-footer .d4v-col .d4v-highlight{background:linear-gradient(115deg,#ffb565,#ff9850);padding:9px 14px;min-height:39px;border-radius:9px;color:#2b1729;font-weight:800;margin:2px 0 5px}
.d4v-footer .d4v-col .d4v-highlight:hover{color:#24152c;background:#ffc888}
.d4v-footer .d4v-col .d4v-contact{background:#291b3a;border:1px solid #674675;border-radius:10px;padding:10px 13px;color:#fff;min-height:42px}
.d4v-footer .d4v-col .d4v-contact:hover{border-color:var(--amber);color:var(--amber)}
.d4v-footer .d4v-bottom{padding-block:16px 21px;border-top:1px solid #392747;color:#9483a4;font-size:.73rem;text-align:center}
/* Navigation remains accessible on phones */
.d4a-v4 .dock{background:#170e24f5;border-top:1px solid #5c406b;backdrop-filter:blur(12px)}
.d4a-v4 .dock a,.d4a-v4 .dock button{padding-block:9px 10px;color:#b8a5ca}
.d4a-v4 .dock .on{color:var(--amber)}
@media (max-width:1150px){
 .d4a-v4 .mainnav a{padding-inline:7px;font-size:.75rem}
 .d4a-v4 .rail>.tile,.d4a-v4 .rail>.bone{width:calc((100% - 48px)/5);flex-basis:calc((100% - 48px)/5)}
 .d4a-v4 .mesh{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media (max-width:899px){
 .d4a-v4 .mainnav{display:none}
 .d4a-v4 .rail>.tile,.d4a-v4 .rail>.bone{width:calc((100% - 36px)/4);flex-basis:calc((100% - 36px)/4)}
 .d4a-v4 .mesh{grid-template-columns:repeat(4,minmax(0,1fr))}
 .d4a-v4 .d4x-genres-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .d4v-footer .d4v-grid{grid-template-columns:1.1fr 1fr;gap:25px}
 .d4v-footer .d4v-brand{grid-column:1/-1}
}
@media (max-width:650px){
 .d4a-v4 .topbar .shell{height:58px;gap:10px}
 .d4a-v4 .brand img{height:31px}
 .d4a-v4 .brand b{font-size:.91rem}
 .d4a-v4 .tools{gap:5px}
 .d4a-v4 .iconbtn{width:35px;height:35px}
 .d4a-v4 .stage{min-height:465px;padding:0;overflow:hidden}
 .d4a-v4 .stage-grid{display:block;position:relative;min-height:465px;padding-block:31px 20px}
 .d4a-v4 .stage-copy{position:relative;z-index:7;text-align:start;max-width:100%}
 .d4a-v4 .stage-title{font-size:clamp(1.48rem,6vw,2.06rem);max-width:18ch;line-height:1.37;margin-bottom:10px}
 .d4a-v4 .eyebrow{justify-content:flex-start;font-size:.73rem;margin-bottom:11px}
 .d4a-v4 .eyebrow::before{display:none}
 .d4a-v4 .stage-meta{justify-content:flex-start;margin:0 0 14px;gap:6px}
 .d4a-v4 .stage-meta>span:not(.dot){font-size:.66rem;padding:4px 7px}
 .d4a-v4 .stage-cta{justify-content:flex-start;gap:7px}
 .d4a-v4 .stage-cta .btn{padding:10px 13px;font-size:.75rem}
 .d4a-v4 .pips{justify-content:flex-start;position:absolute;top:410px;inset-inline-end:0;z-index:9;margin:0;padding:9px 13px;border-radius:30px;background:#1b1129a8;gap:7px}
 .d4a-v4 .deck{position:absolute;inset-inline-end:auto;inset-inline-start:0;bottom:-13px;width:240px;height:205px;max-width:65%;opacity:.96;z-index:3}
 .d4a-v4 .deck-frame{border-radius:11px}
 .d4a-v4 .deck-nav{display:none}
 .d4a-v4 .deck-play{display:none}
 .d4a-v4 .genrebar{margin:10px 0 20px;padding-block:13px}
 .d4a-v4 .rack{margin-bottom:25px}
 .d4a-v4 .rack-head{gap:5px;margin-bottom:11px}
 .d4a-v4 .rack-head h2{font-size:.94rem;white-space:normal;line-height:1.35}
 .d4a-v4 .rack-head .more{font-size:.69rem}
 .d4a-v4 .d4v-rail-controls{gap:4px}
 .d4a-v4 .d4v-rail-controls button{width:27px;height:27px;font-size:.65rem}
 .d4a-v4 .rail{gap:10px;padding-bottom:7px}
 .d4a-v4 .rail>.tile,.d4a-v4 .rail>.bone{width:clamp(116px,40%,165px);flex-basis:clamp(116px,40%,165px)}
 .d4a-v4 .rail .tile-name{font-size:.75rem}
 .d4a-v4 .mesh{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 11px}
 .d4a-v4 .d4x-genres-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .d4a-v4 .d4x-genre-card{min-height:90px;padding:12px 8px;gap:7px}
 .d4a-v4 .d4x-genre-name{font-size:.79rem}
 .d4v-footer .d4v-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 15px;padding-block:29px 25px}
 .d4v-footer .d4v-brand{grid-column:1/-1}
 .d4v-footer .d4v-help{grid-column:1/-1;border-top:1px solid #392747;padding-top:14px}
 .d4v-footer .d4v-col a,.d4v-footer .d4v-col button{min-height:36px}
 .d4a-v4 .pagehead{padding-block:26px 17px}
 .d4a-v4 .pagehead h1{font-size:1.5rem}
}
@media (max-width:390px){
 .d4a-v4 .rail>.tile,.d4a-v4 .rail>.bone{width:43%;flex-basis:43%}
 .d4a-v4 .rack-head h2{font-size:.84rem}
 .d4a-v4 .rack-head .more{font-size:.62rem}
 .d4a-v4 .d4v-rail-controls button{width:25px;height:25px}
 .d4a-v4 .stage-cta .btn{font-size:.68rem;padding-inline:10px}
}
@media (prefers-reduced-motion:reduce){.d4a-v4 .deck-frame,.d4a-v4 .tile-art img{transition:none!important}}
/* Search toolbars on library and results — real GET /search actions, not fake controls. */
.d4a-v4 .d4v-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 23px}
.d4a-v4 .d4v-search-form{display:flex;align-items:center;gap:10px;flex:1;max-width:580px;min-width:min(100%,230px);border:1px solid #604575;background:#291b3a;border-radius:12px;padding:7px 9px 7px 14px}
.d4a-v4 .d4v-search-form>i{color:#bd9acc;flex:none;padding-inline-start:5px}
.d4a-v4 .d4v-search-form input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:.86rem;padding:6px 0}
.d4a-v4 .d4v-search-form input::placeholder{color:#9c8daf}
.d4a-v4 .d4v-search-form button{background:linear-gradient(120deg,#ffb86d,#ff9754);border-radius:9px;min-height:35px;padding:7px 13px;font-size:.79rem;color:#251629;font-weight:800;white-space:nowrap}
.d4a-v4 .d4v-toolbar-link{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;background:#2b1d3c;border:1px solid #57416b;border-radius:11px;color:#e7d6f3;font-size:.8rem}
.d4a-v4 .d4v-toolbar-link:hover{color:var(--amber);border-color:var(--amber)}
@media(max-width:650px){.d4a-v4 .d4v-toolbar{gap:8px}.d4a-v4 .d4v-search-form{min-width:100%;max-width:100%}.d4a-v4 .d4v-toolbar-link{font-size:.74rem}}

/* D4A V5: fixed mobile hero flow, balanced filters, larger header logo and paged genres. */
.d4a-v4 .brand {flex:0 1 auto;min-width:0;gap:0}
.d4a-v4 .brand img {height:48px!important;width:174px!important;max-width:174px!important;object-fit:contain!important}
.d4a-v4 .brand b {display:none!important}
.d4a-v4 .d4v-library-controls {display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin:0 0 20px;position:relative;z-index:45}
.d4a-v4 .d4v-library-controls .chips.language-filter {width:clamp(170px,27%,245px);max-width:calc(50% - 7px);margin:0!important;display:block!important;flex:none;overflow:visible!important}
.d4a-v4 .d4v-library-controls .d4a-lang-details {width:100%;display:block}
.d4a-v4 .d4v-library-controls .d4a-lang-details>summary {width:100%;min-height:48px;box-sizing:border-box;justify-content:center;padding-inline:12px}
.d4a-v4 .d4v-library-controls .d4v-recent-control {width:clamp(170px,27%,245px);max-width:calc(50% - 7px);min-height:48px;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;gap:9px;margin:0!important;text-decoration:none}
.d4a-v4 .d4a-genres-summary {color:var(--haze,#b6a6c5);font-size:.82rem;margin:0 0 15px}
.d4a-v4 .d4a-genres-pager {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin:27px 0 34px}
.d4a-v4 .d4a-genres-pager[hidden]{display:none!important}
.d4a-v4 .d4a-genres-pager a {display:grid;place-items:center;min-width:42px;min-height:42px;padding:5px 9px;box-sizing:border-box;background:#2b1a3c;color:#f7e9ff;border:1px solid #604371;border-radius:11px;text-decoration:none;font-size:.87rem}
.d4a-v4 .d4a-genres-pager a[aria-current="page"]{background:#ffad58;color:#1d1029;font-weight:800;border-color:#ffad58}
.d4a-v4 .d4a-genres-pager a:hover{border-color:#ffad58}
.d4a-v4 .d4a-genres-pager>span {color:#c4b0d0;padding-inline:3px}
.d4a-v4 .d4x-genres-search .d4a-genres-search-submit {background:#ffad58;color:#22132e;font-weight:800;border-radius:8px;padding:8px 12px;cursor:pointer}
@media(max-width:650px){
 .d4a-v4 .topbar .shell{height:64px;gap:8px}
 .d4a-v4 .brand img{height:52px!important;width:clamp(126px,42vw,174px)!important;max-width:calc(100vw - 170px)!important}
 .d4a-v4 .tools{gap:5px}
 .d4a-v4 .stage{min-height:0!important;padding-block:0 20px!important;overflow:hidden!important}
 .d4a-v4 .stage-grid{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;min-height:0!important;height:auto!important;gap:12px!important;padding-block:24px 8px!important}
 .d4a-v4 .stage-copy{position:relative!important;order:0!important;z-index:6!important;max-width:100%!important}
 .d4a-v4 .stage-title{font-size:clamp(1.38rem,6vw,2.08rem);max-width:100%;margin-bottom:11px;line-height:1.35}
 .d4a-v4 .stage-meta{flex-wrap:wrap;gap:5px;margin-bottom:12px}
 .d4a-v4 .stage-cta{gap:9px}
 .d4a-v4 .pips{position:static!important;inset:auto!important;margin:15px auto 0!important;padding:0!important;background:transparent!important;justify-content:center!important}
 .d4a-v4 .deck{position:relative!important;inset:auto!important;bottom:auto!important;order:1!important;width:100%!important;max-width:100%!important;height:clamp(248px,77vw,342px)!important;margin:4px auto 0!important;opacity:1!important;z-index:2!important;overflow:visible!important}
 .d4a-v4 .deck-frame[data-pos="0"]{transform:translateX(0) rotate(-4deg)!important;opacity:1!important}
 .d4a-v4 .deck-frame[data-pos="1"]{transform:translateX(-67%) scale(.84) rotate(9deg)!important}
 .d4a-v4 .deck-frame[data-pos="-1"]{transform:translateX(67%) scale(.84) rotate(-9deg)!important}
 html[dir="ltr"] .d4a-v4 .deck-frame[data-pos="1"]{transform:translateX(67%) scale(.84) rotate(-9deg)!important}
 html[dir="ltr"] .d4a-v4 .deck-frame[data-pos="-1"]{transform:translateX(-67%) scale(.84) rotate(9deg)!important}
 .d4a-v4 .d4v-library-controls{gap:10px;margin-bottom:20px}
 .d4a-v4 .d4v-library-controls .chips.language-filter,.d4a-v4 .d4v-library-controls .d4v-recent-control{width:calc(50% - 5px);max-width:calc(50% - 5px);flex:0 0 calc(50% - 5px)}
 .d4a-v4 .d4v-library-controls .d4a-lang-details>summary,.d4a-v4 .d4v-library-controls .d4v-recent-control{min-height:47px;font-size:.80rem;padding-inline:7px}
 .d4a-v4 .d4a-genres-pager{gap:5px}
 .d4a-v4 .d4a-genres-pager a{min-width:35px;min-height:37px;font-size:.78rem;padding:4px 6px}
 .d4a-v4 .d4x-genres-search{width:100%}
}
@media(max-width:375px){
 .d4a-v4 .stage-grid{padding-block:16px 8px!important}
 .d4a-v4 .deck{height:250px!important}
 .d4a-v4 .brand img{max-width:calc(100vw - 160px)!important}
 .d4a-v4 .d4v-library-controls .d4a-lang-details>summary,.d4a-v4 .d4v-library-controls .d4v-recent-control{font-size:.73rem;gap:5px}
}


/* CSS SOURCE: static/css/d4a-unified-v6.css */
/* Drama4All V6 — shared component design system. Scoped to public site. */
body.d6-theme{
  --d6-bg:#0f071c;--d6-surface:#201033;--d6-surface-2:#2a1843;
  --d6-purple:#9b4cf5;--d6-purple-bright:#bd7aff;--d6-purple-deep:#5520a0;
  --d6-text:#f8f1ff;--d6-muted:#b9a8c9;--d6-border:rgba(189,125,255,.30);
  --night:#10091c;--velvet:#1d1130;--curtain:#28183e;--riser:#33204d;
  --ember:#ad68fa;--ember-lo:#8b3beb;--amber:#c691ff;--violet:#9c4ff0;
  --hair:rgba(202,150,255,.14);--hair-2:rgba(202,150,255,.28);
  color:var(--d6-text);background:var(--d6-bg)
}
body.d6-theme .aura{background:radial-gradient(70% 43% at 77% 0%,rgba(137,62,240,.15),transparent),#10091c}
body.d6-theme .topbar{background:rgba(18,9,31,.94);border-bottom:1px solid var(--d6-border)}
body.d6-theme .iconbtn,body.d6-theme .d4v-toolbar-link,body.d6-theme .d4v-library-controls .d4a-lang-details>summary{background:#27153b;border:1px solid #63427c;border-radius:12px;color:#f7eaff}
body.d6-theme .iconbtn:hover,body.d6-theme .d4v-toolbar-link:hover{border-color:var(--d6-purple-bright)}
body.d6-theme .btn,body.d6-theme .d4v-search-form button,body.d6-theme .d4a-genres-search-submit,body.d6-theme .d4v-highlight{
  background:linear-gradient(115deg,#b471ff,#7431dc);color:white;border:1px solid rgba(233,200,255,.26);
  border-radius:12px;box-shadow:0 6px 20px rgba(106,39,210,.19);font-weight:800
}
body.d6-theme .btn.quiet,body.d6-theme .d6-btn-secondary{background:rgba(39,21,59,.83);color:#f8eaff;border:1px solid #775392;box-shadow:none}
body.d6-theme .btn:hover,body.d6-theme .d4v-search-form button:hover{filter:brightness(1.12)}
body.d6-theme .tile-art{border-color:var(--d6-border)}
body.d6-theme .tile-art:hover,body.d6-theme .d4x-genre-card:hover{border-color:var(--d6-purple-bright)}
body.d6-theme .d4v-footer{border-top:1px solid var(--d6-border);background:#10091b}
body.d6-theme .d4v-contact,body.d6-theme .d4a-lang-panel,body.d6-theme .d4x-genres-search{border-color:var(--d6-border)}
body.d6-theme .d4v-footer a:hover{color:#d5a6ff}
body.d6-theme .mainnav a.on,body.d6-theme .dock a.on,body.d6-theme .dock button.on{color:#c48cff;background:rgba(155,76,245,.10)}
body.d6-theme .genrebar a,body.d6-theme .d4x-genre-card{background:#241339;border-color:#563476}
/* All listing and genre pages: exactly the same paginator, above and below. */
body.d6-theme .d6-pager,body.d6-theme .d4a-genres-pager.d6-pager{
  display:flex!important;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;
  width:100%;min-height:42px;padding:10px 0;margin:17px 0 24px
}
body.d6-theme .d6-pager[hidden]{display:none!important}
body.d6-theme .d6-pager a{width:auto;min-width:40px;height:40px;min-height:40px;display:grid;place-items:center;
  padding:5px 10px;box-sizing:border-box;border:1px solid #6b448c;border-radius:12px;
  background:#27163e;color:#eadaf7;font-size:.86rem;font-weight:600;text-decoration:none}
body.d6-theme .d6-pager a:hover{border-color:#c48aff;background:#382052;color:white}
body.d6-theme .d6-pager a[aria-current="page"]{background:#9443ed;border-color:#be7fff;color:white;font-weight:900;box-shadow:0 3px 15px #7d39d94d}
body.d6-theme .d6-pager>span{color:#ab95bd;padding-inline:2px}
body.d6-theme .d6-pager .d6-page-arrow{background:#302048}
/* Series: visual tokens only. R12 layout/player/actions remain fully functional. */
body.d6-theme:not(.d4a-v4) .r12-watch{background:linear-gradient(115deg,#b471ff,#7431dc)!important;border-radius:12px!important;color:#fff!important;box-shadow:0 7px 23px #6d2dd044}
body.d6-theme:not(.d4a-v4) .r12-icon{background:#27183a!important;border:1px solid #684587!important;border-radius:12px!important}
body.d6-theme:not(.d4a-v4) .r12-tab.active{color:#bb83ff!important}
body.d6-theme:not(.d4a-v4) .r12-icon.on{color:#df9dff!important;border-color:#a85af4!important}
body.d6-theme:not(.d4a-v4) .btn{background:linear-gradient(115deg,#b471ff,#7431dc);color:#fff;border-radius:12px}
body.d6-theme:not(.d4a-v4) .btn.quiet{background:#29183e;border:1px solid #6e4888}
/* Home: a single full-poster cinematic hero, text connected through gradient. */
body.d6-theme.d4a-v4 .stage.d6-hero{position:relative;overflow:hidden;isolation:isolate;min-height:510px;
  padding:0!important;background:#1b0d2b;border-bottom:1px solid #52356b}
body.d6-theme .d6-hero-photo{position:absolute;inset:0;z-index:-3;background-size:cover;background-position:center 34%;filter:none}
body.d6-theme .d6-hero-photo:before{content:'';position:absolute;inset:-18px;z-index:-1;background:inherit;background-size:cover;background-position:center;filter:blur(35px) brightness(.45);opacity:.45}
body.d6-theme .d6-hero-photo>img{position:absolute;inset-block:0;inset-inline-start:6%;height:100%;width:min(47%,390px);object-fit:cover;object-position:center 25%;filter:brightness(.96);mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent)}
body.d6-theme .d6-hero-scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,#190c2a 8%,#190c2ae8 42%,#190c2a55 82%),linear-gradient(0deg,#140a22,transparent 36%)}
html[dir="ltr"] body.d6-theme .d6-hero-scrim{background:linear-gradient(90deg,#190c2a 8%,#190c2ae8 42%,#190c2a55 82%),linear-gradient(0deg,#140a22,transparent 36%)}
body.d6-theme .d6-hero-content{position:relative;box-sizing:border-box;min-height:510px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding-block:52px 23px!important}
body.d6-theme .d6-hero-info{max-width:min(55%,660px);min-width:0;position:relative;z-index:3}
body.d6-theme .d6-hero-info .stage-title{font-size:clamp(1.65rem,4vw,3.3rem);max-width:19ch;line-height:1.3;letter-spacing:-.02em;margin-bottom:14px}
body.d6-theme .d6-hero-info .eyebrow{color:#d6a6ff;font-size:.85rem}
body.d6-theme .d6-hero-info .stage-meta{gap:7px;flex-wrap:wrap;margin-bottom:17px}
body.d6-theme .d6-hero-info .stage-meta>span{background:#251434bd;border:1px solid #6c4582;border-radius:99px;color:#dfcfee;padding:6px 10px;font-size:.75rem}
body.d6-theme .d6-hero-info .stage-cta{display:flex;gap:10px;justify-content:flex-start;flex-wrap:wrap}
body.d6-theme .d6-hero-info .stage-cta a{min-height:43px;display:inline-flex;align-items:center;gap:9px;padding:9px 21px;font-size:.84rem}
body.d6-theme .d6-hero-switcher{display:flex;align-items:center;gap:10px;max-width:min(55%,660px);margin-top:13px;z-index:4}
body.d6-theme .d6-hero-thumbs{display:flex;flex:1;gap:8px;min-width:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain}
body.d6-theme .d6-hero-thumbs::-webkit-scrollbar{display:none}
body.d6-theme .d6-hero-thumb{height:62px;flex:0 0 45px;overflow:hidden;background:#21152d;border:2px solid transparent;border-radius:8px;padding:0;opacity:.72;scroll-snap-align:start}
body.d6-theme .d6-hero-thumb.on{border-color:#cc95ff;opacity:1;box-shadow:0 0 0 2px #a852ef45}
body.d6-theme .d6-hero-thumb img{width:100%;height:100%;object-fit:cover}
body.d6-theme .d6-hero-arrow{width:36px;height:38px;flex:none;border:1px solid #6b4888;border-radius:10px;background:#291b3dbb;color:white;display:grid;place-items:center}
body.d6-theme .d6-hero-pips{display:flex;align-items:center;justify-content:flex-start;gap:7px;margin-top:4px!important;position:static!important}
body.d6-theme .d6-hero-pips button{background:#80639b;width:7px;height:7px;border-radius:8px;padding:0;border:0}
body.d6-theme .d6-hero-pips button.on{width:24px;background:#bc7bff}
body.d6-theme .rack .rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}
body.d6-theme .rack .tile{scroll-snap-align:start}
@media(max-width:700px){
 body.d6-theme.d4a-v4 .stage.d6-hero{min-height:595px!important;height:auto!important;overflow:hidden!important}
 body.d6-theme .d6-hero-photo{inset:0 0 auto;height:72%;background-position:center 15%}
 body.d6-theme .d6-hero-photo>img{inset:0;width:100%;height:100%;mask-image:none;object-fit:cover;object-position:center 27%;opacity:.86}
 body.d6-theme .d6-hero-scrim{background:linear-gradient(180deg,#140a1b0d 0%,#140a1b33 26%,#1a0b2acc 51%,#150a24 74%,#150a24 100%)!important}
 body.d6-theme .d6-hero-content{min-height:595px;gap:9px;padding:230px 16px 21px!important;justify-content:flex-end}
 body.d6-theme .d6-hero-info{max-width:100%;order:0;z-index:5;text-align:start}
 body.d6-theme .d6-hero-info .stage-title{font-size:clamp(1.4rem,6.5vw,2.1rem);max-width:100%;line-height:1.3;margin:0 0 10px}
 body.d6-theme .d6-hero-info .stage-meta{gap:5px;margin-bottom:13px}
 body.d6-theme .d6-hero-info .stage-meta>span{font-size:.66rem;padding:5px 7px}
 body.d6-theme .d6-hero-info .stage-cta{flex-wrap:nowrap;gap:8px;margin-bottom:7px}
 body.d6-theme .d6-hero-info .stage-cta a{min-width:0;justify-content:center;flex:1;min-height:43px;font-size:.77rem;padding:7px 5px}
 body.d6-theme .d6-hero-switcher{order:1;max-width:100%;width:100%;margin-top:9px;gap:6px}
 body.d6-theme .d6-hero-thumb{flex-basis:46px;height:62px}
 body.d6-theme .d6-hero-arrow{width:29px;min-width:29px;height:35px}
 body.d6-theme .d6-hero-pips{order:2;justify-content:center;margin-top:2px!important}
 body.d6-theme .d6-hero-content .eyebrow{font-size:.76rem;margin-bottom:8px}
 body.d6-theme .rack .rail>.tile{flex:0 0 clamp(128px,39vw,168px);width:clamp(128px,39vw,168px)}
 body.d6-theme .rack .rail>.bone{flex:0 0 clamp(128px,39vw,168px)}
 body.d6-theme .d6-pager a{min-width:34px;height:36px;min-height:36px;padding:5px 7px;font-size:.75rem}
 body.d6-theme .d6-pager{gap:5px;margin-block:13px 20px}
 body.d6-theme .d4v-library-controls{display:flex;gap:10px;align-items:center;justify-content:space-between}
 body.d6-theme .d4v-library-controls .chips.language-filter,body.d6-theme .d4v-library-controls .d4v-recent-control{flex:0 0 calc(50% - 5px);max-width:calc(50% - 5px);min-width:0}
 body.d6-theme .d4v-library-controls .d4a-lang-details>summary{white-space:nowrap;overflow:hidden;gap:6px}
}
@media(max-width:365px){body.d6-theme .d6-hero-content{padding-top:215px!important}body.d6-theme .d6-hero-info .stage-title{font-size:1.42rem}body.d6-theme .d6-hero-thumb{flex-basis:38px;height:54px}}
@media(prefers-reduced-motion:reduce){body.d6-theme .d6-hero-thumb,body.d6-theme .btn{transition:none!important}}


/* CSS SOURCE: static/css/d4a-unified-v7.css */
/* Drama4All V7 — cinematic charcoal / deep-plum / warm amber.
   Public pages only. No changes to layouts or event handlers of /watch. */
body.d6-theme{
 --night:#100b19;--velvet:#1b1228;--curtain:#261a35;--riser:#322240;
 --ember:#f3ab61;--ember-lo:#de8f46;--amber:#ffb765;--violet:#6b349e;
 --paper:#f8f2fb;--dust:#c7b8d3;--haze:#a795b4;
 --hair:rgba(169,123,185,.16);--hair-2:rgba(169,123,185,.30);
 --d7-bg:#110b1c;--d7-card:#21152f;--d7-edge:#583965;--d7-accent:#ffb35f;
 background:#110b1c;color:#f8f2fb;
}
body.d6-theme .aura{background:radial-gradient(70% 43% at 77% 0%,rgba(91,39,121,.12),transparent 70%),#110b1c}
body.d6-theme .topbar{background:rgba(18,11,28,.96);border-bottom:1px solid #493352;backdrop-filter:blur(15px)}
body.d6-theme .topbar .shell{gap:clamp(6px,1.3vw,14px);min-width:0}
body.d6-theme .brand{display:flex;align-items:center;gap:7px;min-width:0;flex-shrink:0}
body.d6-theme .brand img{height:clamp(34px,3vw,44px);width:auto;max-width:60px;object-fit:contain}
body.d6-theme .brand b{font-weight:800;font-size:clamp(.92rem,1.3vw,1.08rem)}
body.d6-theme .mainnav a.on,body.d6-theme .dock a.on,body.d6-theme .dock button.on{color:#ffb465!important;background:rgba(255,166,82,.07)}
body.d6-theme .topbar .iconbtn,body.d6-theme .d4v-toolbar-link,
body.d6-theme .d4v-library-controls .d4a-lang-details>summary{
 background:#261931;border:1px solid #523760;border-radius:12px;color:#f7eef9;
}
body.d6-theme .topbar .iconbtn:hover,body.d6-theme .d4v-toolbar-link:hover{border-color:#e6a45c;color:#ffc27b}
body.d6-theme .btn,body.d6-theme .d4v-search-form button,
body.d6-theme .d4a-genres-search-submit,body.d6-theme .d4v-highlight,
body.d6-theme .d6-btn-primary{
 background:linear-gradient(125deg,#ffd08a 0%,#ffb05d 64%,#f29b4d 100%)!important;
 border:1px solid #fbc37c!important;border-radius:13px!important;color:#2b1727!important;
 box-shadow:0 7px 19px rgba(205,118,50,.16);font-weight:800!important;
}
body.d6-theme .btn.quiet,body.d6-theme .d6-btn-secondary,
body.d6-theme .btn-quiet{background:rgba(29,19,42,.91)!important;border:1px solid #755286!important;color:#f8ecff!important;box-shadow:none!important}
body.d6-theme .btn:hover,body.d6-theme .d4v-search-form button:hover{filter:brightness(1.08)}
body.d6-theme .tile-art{border-color:#513660;border-radius:13px}
body.d6-theme .tile-art:hover,body.d6-theme .d4x-genre-card:hover{border-color:#e1a55b}
body.d6-theme .d4v-footer{background:#110c1b;border-top:1px solid #49304f}
body.d6-theme .d4v-footer a:hover{color:#ffc17a}
body.d6-theme .genrebar a,body.d6-theme .d4x-genre-card{background:#26182f;border-color:#4f3359}
body.d6-theme .genrebar a:hover,body.d6-theme .genrebar a.on{border-color:#ffb365;color:#ffbd72}
body.d6-theme .d4v-search-form,body.d6-theme .d4x-genres-search,
body.d6-theme .d4a-lang-panel,body.d6-theme .d4v-contact{background:#241731;border-color:#624369}
body.d6-theme .d4x-genre-count{color:#ffb86c}
/* Page navigation uses the same component on both listing and genre pages */
body.d6-theme .d6-pager,body.d6-theme .d4a-genres-pager.d6-pager{
 display:flex!important;flex-wrap:wrap;align-items:center;justify-content:center;
 gap:7px;width:100%;min-height:42px;padding:11px 0;margin:14px 0 24px;
}
body.d6-theme .d6-pager[hidden]{display:none!important}
body.d6-theme .d6-pager a,body.d6-theme .d4a-genres-pager.d6-pager a{
 display:grid;place-items:center;box-sizing:border-box;min-width:39px;height:40px;
 padding:6px 10px;background:#281a37;color:#f3e5fb;border:1px solid #62446e;
 border-radius:11px;font-size:.86rem;font-weight:700;text-decoration:none;
}
body.d6-theme .d6-pager a:hover{background:#402451;color:#fff;border-color:#df9b53}
body.d6-theme .d6-pager a[aria-current="page"],body.d6-theme .d4a-genres-pager.d6-pager a[aria-current="page"]{
 background:#5a2f77;color:#fff;border-color:#9a65ad;box-shadow:0 4px 10px #0003;
}
body.d6-theme .d6-pager>span{color:#c7b4d4;padding-inline:3px}
/* SERIES: unify button colors only; keep its structure/layout untouched */
body.d6-theme:not(.d4a-v4) .r12-watch{background:linear-gradient(125deg,#ffd08a,#ffb05d)!important;color:#271624!important;border-radius:13px!important;box-shadow:0 6px 20px #5a332255!important}
body.d6-theme:not(.d4a-v4) .r12-icon{background:#281a37!important;border:1px solid #62446e!important;border-radius:12px!important}
body.d6-theme:not(.d4a-v4) .r12-icon.on,body.d6-theme:not(.d4a-v4) .r12-tab.active{color:#ffbb6b!important;border-color:#d8954b!important}
body.d6-theme:not(.d4a-v4) .btn{background:linear-gradient(125deg,#ffd08a,#ffb05d)!important;color:#271624!important;border-radius:13px!important}
body.d6-theme:not(.d4a-v4) .btn.quiet{background:#291c36!important;color:#fff!important;border-color:#62446e!important}
/* CINEMATIC HERO: a single image with content over its gradient, not disjoint posters */
body.d6-theme.d4a-v4 .stage.d6-hero{
 isolation:isolate;position:relative;overflow:hidden;
 box-sizing:border-box;width:calc(100% - 2 * clamp(12px,3vw,24px));
 max-width:1380px;margin:14px auto 23px;padding:0!important;
 border:1px solid #573367;border-radius:23px;
 background:#160e21;box-shadow:0 14px 45px #0004;
 min-height:440px;height:auto;
}
body.d6-theme .stage.d6-hero::after{display:none!important}
body.d6-theme .d6-hero-photo{position:absolute;inset:0;z-index:-3;background-size:cover;background-position:center 30%}
body.d6-theme .d6-hero-photo::before{content:'';position:absolute;inset:0;background:inherit;filter:blur(22px) brightness(.48);transform:scale(1.12);opacity:.8}
body.d6-theme .d6-hero-photo>img{
 position:absolute;inset-block:0;inset-inline-start:0;
 width:min(65%,740px);height:100%;object-fit:cover;object-position:center 27%;
 mask-image:linear-gradient(to right,#000 70%,transparent 100%);opacity:.94;
}
html[dir="ltr"] body.d6-theme .d6-hero-photo>img{mask-image:linear-gradient(to left,#000 70%,transparent 100%)}
body.d6-theme .d6-hero-scrim{position:absolute;inset:0;z-index:-1;background:
 linear-gradient(270deg,#150d20 1%,#150d20fa 22%,#150d20df 43%,#150d2080 73%,#150d2022 100%),
 linear-gradient(0deg,#150d20 0%,transparent 48%)}
html[dir="ltr"] body.d6-theme .d6-hero-scrim{background:linear-gradient(90deg,#150d20 1%,#150d20f5 24%,#150d20c4 53%,#150d2050 82%),linear-gradient(0deg,#150d20,transparent 45%)}
body.d6-theme .d6-hero-content{
 min-height:440px;box-sizing:border-box;display:flex;flex-direction:column;
 justify-content:center;gap:9px;padding:42px clamp(18px,4vw,55px) 30px!important;
}
body.d6-theme .d6-hero-info{position:relative;z-index:3;width:52%;max-width:600px;min-width:0;text-align:start}
body.d6-theme .d6-hero-info .eyebrow{display:inline-flex;color:#ffb465;font-size:.87rem;font-weight:800;margin:0 0 12px}
body.d6-theme .d6-hero-info .stage-title{
 color:#fff;font-size:clamp(1.7rem,3.5vw,3.3rem);line-height:1.29;max-width:21ch;
 margin:0 0 16px;font-weight:800;text-shadow:0 3px 16px #000a;text-wrap:balance;
}
body.d6-theme .d6-hero-info .stage-meta{display:flex;align-items:center;justify-content:flex-start;gap:7px;flex-wrap:wrap;margin:0 0 15px}
body.d6-theme .d6-hero-info .stage-meta>span{display:inline-flex;align-items:center;gap:6px;border:1px solid #714f7c;background:#2c1d38cf;border-radius:100px;color:#e9dceb;padding:6px 10px;font-size:.73rem;white-space:nowrap}
body.d6-theme .d6-hero-info .stage-meta>span i{color:#ffa95b}
body.d6-theme .d6-hero-info .stage-cta{display:flex;align-items:stretch;gap:9px;flex-wrap:nowrap;margin:0}
body.d6-theme .d6-hero-info .stage-cta a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:44px;padding:9px 19px;font-size:.84rem}
body.d6-theme .d6-hero-switcher{position:relative;display:flex;align-items:center;gap:7px;width:52%;max-width:600px;margin-top:14px;z-index:3}
body.d6-theme .d6-hero-thumbs{display:flex;gap:7px;min-width:0;flex:1;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain}
body.d6-theme .d6-hero-thumbs::-webkit-scrollbar{display:none}
body.d6-theme .d6-hero-thumb{flex:0 0 46px;height:66px;overflow:hidden;border:2px solid #594069;border-radius:8px;background:#23142c;opacity:.75;padding:0;scroll-snap-align:start;transition:border-color .15s,opacity .15s}
body.d6-theme .d6-hero-thumb.on{border-color:#ffb768;opacity:1;box-shadow:0 0 0 1px #f1a75d}
body.d6-theme .d6-hero-thumb img{width:100%;height:100%;object-fit:cover}
body.d6-theme .d6-hero-arrow{display:grid;place-items:center;flex:0 0 32px;width:32px;height:37px;color:#fff;border:1px solid #644773;border-radius:9px;background:#2c1d3ecf}
body.d6-theme .d6-hero-pips{position:static!important;display:flex;align-items:center;justify-content:flex-start;gap:7px;padding:0!important;margin-top:3px!important;background:none!important}
body.d6-theme .d6-hero-pips button{border:0;border-radius:20px;width:7px;height:7px;padding:0;background:#796184;opacity:.9}
body.d6-theme .d6-hero-pips button.on{width:27px;background:#ffb768}
/* Shelves: horizontal touch swipes, no vertically stacked cards. */
body.d6-theme .rack .rail{display:flex;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scrollbar-width:thin}
body.d6-theme .rack .tile{scroll-snap-align:start}
body.d6-theme .rack-head h2{color:#f9f3fa}
body.d6-theme .rack-head .more,body.d6-theme .d4v-rail-controls button:hover{color:#ffc27d}
/* Header: expand-and-collapse search, full logo until search opens. */
body.d6-theme .d7-header-search{display:none;flex:1;min-width:0;position:relative;z-index:86}
body.d6-theme .d7-header-search[hidden]{display:none!important}
body.d6-theme .topbar.d7-search-open .d7-header-search{display:block}
body.d6-theme .d7-search-form{display:flex;align-items:center;gap:8px;box-sizing:border-box;min-width:0;height:42px;padding:3px 4px 3px 11px;background:#281b36;border:1px solid #6a4975;border-radius:12px}
body.d6-theme .d7-search-form input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:white;font:inherit;font-size:.83rem;padding:8px 4px}
body.d6-theme .d7-search-form input::placeholder{color:#baa5ca}
body.d6-theme .d7-search-form button{flex:none;min-width:61px;min-height:33px;border:0;border-radius:9px;background:#f6ac5e;color:#261628;font:inherit;font-weight:800;font-size:.78rem;padding:5px 10px}
body.d6-theme .topbar.d7-search-open .brand b{display:none!important}
body.d6-theme .topbar.d7-search-open .brand img{height:36px;max-width:40px}
body.d6-theme .topbar.d7-search-open .mainnav{display:none!important}
body.d6-theme .topbar.d7-search-open .tools{margin-inline-start:0}
body.d6-theme .d7-search-suggestions{position:absolute;top:calc(100% + 8px);inset-inline:0;max-height:min(55vh,440px);overflow:auto;background:#241730;border:1px solid #62436f;border-radius:14px;box-shadow:0 15px 30px #0008;padding:7px}
body.d6-theme .d7-search-suggestions[hidden]{display:none!important}
body.d6-theme .d7-search-suggestions a{display:flex;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;color:#f7eefa;border-radius:8px;min-height:41px;font-size:.79rem}
body.d6-theme .d7-search-suggestions a:hover{background:#3a254b}
body.d6-theme .d7-search-suggestions img{width:35px;height:48px;flex:none;object-fit:cover;border-radius:5px}
body.d6-theme .d7-search-suggestions .d7-suggestion-kind{color:#f5b46c;font-size:.68rem;margin-inline-start:auto}
@media(max-width:950px){
 body.d6-theme .topbar.d7-search-open .accountwrap,body.d6-theme .topbar.d7-search-open .langwrap{display:none}
}
@media(max-width:700px){
 body.d6-theme.d4a-v4 .stage.d6-hero{min-height:435px!important;height:auto!important;margin:12px auto 19px;width:calc(100% - 20px);border-radius:18px;overflow:hidden!important}
 body.d6-theme .d6-hero-photo{inset:0;min-height:100%;background-position:center 25%}
 body.d6-theme .d6-hero-photo>img{inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;mask-image:none!important;opacity:.87}
 body.d6-theme .d6-hero-scrim,html[dir="ltr"] body.d6-theme .d6-hero-scrim{
  background:linear-gradient(180deg,#150d2010 0%,#150d2020 20%,#150d20a8 45%,#150d20f2 73%,#150d20 100%)!important;
 }
 body.d6-theme .d6-hero-content{min-height:435px;gap:7px;padding:180px 15px 17px!important;justify-content:flex-end}
 body.d6-theme .d6-hero-info{width:100%;max-width:100%;order:0;z-index:4}
 body.d6-theme .d6-hero-info .eyebrow{font-size:.73rem;margin:0 0 7px}
 body.d6-theme .d6-hero-info .stage-title{font-size:clamp(1.28rem,5.5vw,1.87rem);line-height:1.26;max-width:100%;margin:0 0 9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 body.d6-theme .d6-hero-info .stage-meta{gap:5px;margin-bottom:11px}
 body.d6-theme .d6-hero-info .stage-meta>span{font-size:.65rem;padding:4px 7px;gap:4px}
 body.d6-theme .d6-hero-info .stage-cta{gap:8px;flex-wrap:nowrap}
 body.d6-theme .d6-hero-info .stage-cta a{flex:1;min-height:41px;padding:6px 8px;font-size:.78rem}
 body.d6-theme .d6-hero-switcher{order:1;max-width:100%;width:100%;gap:5px;margin-top:12px}
 body.d6-theme .d6-hero-thumb{flex-basis:39px;height:54px}
 body.d6-theme .d6-hero-arrow{flex-basis:29px;width:29px;height:33px}
 body.d6-theme .d6-hero-pips{order:2;justify-content:center;margin:0!important}
 body.d6-theme .rack .rail>.tile,body.d6-theme .rack .rail>.bone{flex:0 0 clamp(120px,39vw,165px);width:clamp(120px,39vw,165px)}
 body.d6-theme .d6-pager{gap:5px;margin-block:10px 17px}
 body.d6-theme .d6-pager a{min-width:34px;height:36px;font-size:.76rem;padding:5px 7px}
 body.d6-theme .d4v-library-controls{display:flex;align-items:center;justify-content:space-between;gap:10px}
 body.d6-theme .d4v-library-controls .chips.language-filter,body.d6-theme .d4v-library-controls .d4v-recent-control{flex:0 0 calc(50% - 5px);max-width:calc(50% - 5px);min-width:0}
 body.d6-theme .d4v-library-controls .d4a-lang-details>summary{white-space:nowrap;overflow:hidden;gap:6px}
 body.d6-theme .topbar .shell{gap:6px!important;height:60px}
 body.d6-theme .brand img{max-width:45px;height:37px}
 body.d6-theme .brand b{font-size:.91rem}
 body.d6-theme .topbar .iconbtn{width:35px;height:36px}
 body.d6-theme .topbar.d7-search-open .brand{max-width:42px}
 body.d6-theme .topbar.d7-search-open .tools{gap:0;flex:none}
 body.d6-theme .d7-header-search{min-width:0}
 body.d6-theme .d7-search-form{gap:4px;height:40px;padding-inline:7px 3px}
 body.d6-theme .d7-search-form button{min-width:46px;font-size:.7rem;padding-inline:7px}
 body.d6-theme .d7-search-form input{font-size:.74rem}
}
@media(max-width:380px){body.d6-theme .d6-hero-content{padding-top:145px!important}body.d6-theme .d6-hero-thumb{flex-basis:34px;height:47px}body.d6-theme .brand b{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){body.d6-theme .d6-hero-thumb,body.d6-theme .btn{transition:none!important}}
/* Respect the HTML hidden attribute even when legacy modal styles use display:grid. */
body.d6-theme .premium-welcome[hidden]{display:none!important;pointer-events:none!important}