:root{color-scheme:dark;--bg:#070b17;--surface:#101527;--border:#30304d;--text:#f3f0ff;--muted:#a6a6bf;--gold:#f9cb79;--violet:#8f63ed}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input{font:inherit}.header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px clamp(20px,5vw,85px);background:#080b18ef;backdrop-filter:blur(20px);border-bottom:1px solid #ffffff12}.brand{font-size:23px;font-weight:900;letter-spacing:2px;white-space:nowrap}.brand span:last-child{color:var(--gold)}.crest{color:var(--gold);font-size:30px}.header nav{display:flex;gap:26px}.header nav a{font-size:14px;color:#c9c9df}.header nav a:hover{color:white}.premium,.primary,button{border:1px solid #ac7af9;border-radius:8px;background:linear-gradient(120deg,#5b2fa8,#8d4de8);padding:12px 18px;color:white;font-weight:700;cursor:pointer}.premium{font-size:13px}.hero{position:relative;min-height:470px;display:flex;align-items:center;padding:60px clamp(20px,6vw,100px);overflow:hidden;background:radial-gradient(ellipse at 80% 55%,#672aa54d,transparent 42%),radial-gradient(ellipse at 62% 46%,#2740ac47,transparent 36%),linear-gradient(100deg,#080b17 35%,#18132d 100%);border-bottom:1px solid #352455}.hero:after{content:'✧';position:absolute;right:13%;top:8%;font-size:360px;color:#a069ff14;transform:rotate(12deg);pointer-events:none}.hero-art{position:absolute;right:6%;height:430px;width:46%;background:radial-gradient(ellipse,#8d43e33b,transparent 65%);filter:blur(4px)}.hero-copy{position:relative;z-index:1;max-width:790px}.eyebrow{letter-spacing:3px;font-size:12px;font-weight:800;color:var(--gold)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(36px,5.5vw,74px);line-height:1.05;letter-spacing:-2px}h1 em{font-style:normal;color:#ba8aff;text-shadow:0 0 30px #7045cb7f}.hero-copy>p:not(.eyebrow){max-width:540px;font-size:18px;line-height:1.7;color:#ccc5e0}.primary{display:inline-flex;align-items:center;gap:30px;margin-top:12px}.hero-rank{position:absolute;right:10%;bottom:60px;font-family:Georgia,serif;font-size:clamp(95px,17vw,260px);font-weight:bold;color:#ffffff09;text-shadow:0 0 60px #8b4bd62a}.ranks,.catalog,.genres,.foot-note{padding:35px clamp(20px,5vw,85px)}h2{font-size:clamp(24px,3vw,34px)}.rank-links{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:9px}.rank-links a{display:grid;place-items:center;min-height:87px;background:linear-gradient(160deg,#1a1c34,#101323);border:1px solid #383151;border-radius:10px;font-weight:900;font-size:25px;color:#d4bbf6;transition:transform .2s,border-color .2s}.rank-links a:hover,.movie:hover .poster{transform:translateY(-4px);border-color:#ae82fc}.rank-links small{font-size:9px;letter-spacing:2px;color:#aaa4c5}.rank-links a:nth-last-child(-n+3){color:var(--gold);border-color:#6a4c61}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-head form{display:flex;gap:8px}.section-head input,input{background:#151b2e;color:white;border:1px solid #45415c;border-radius:8px;padding:13px;max-width:100%}.movies{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.movie{min-width:0}.poster{aspect-ratio:16/10;position:relative;background:linear-gradient(135deg,#21173c,#26274a);border:1px solid #463d63;border-radius:12px;overflow:hidden;transition:.2s}.poster img{width:100%;height:100%;object-fit:cover}.runtime{position:absolute;bottom:9px;right:9px;background:#090c19d9;padding:5px 7px;border-radius:5px;font-size:12px}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#7c49dcbb;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;opacity:0;transition:.2s}.movie:hover .play{opacity:1}.movie strong{display:block;margin-top:10px;font-size:14px;line-height:1.4}.movie small{display:block;margin-top:5px;color:var(--muted)}.empty,.panel{background:#13172a;border:1px solid #37324e;border-radius:12px;padding:32px;color:#ccc7dd}.genres{background:linear-gradient(120deg,#0d1222,#1a1230)}.genre-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.genre-links a{padding:25px;background:#201b3d;border:1px solid #41345b;border-radius:10px;font-weight:bold}.foot-note{text-align:center}.foot-note p{color:var(--muted)}footer{border-top:1px solid var(--border);padding:24px;color:var(--muted);font-size:12px;text-align:center}.watch{max-width:1160px;margin:auto;padding:35px 20px}.watch h1{font-size:clamp(28px,4vw,48px);margin:24px 0}.player{position:relative;aspect-ratio:16/9;background:#000;border:1px solid var(--border);border-radius:12px;overflow:hidden}.player iframe{width:100%;height:100%;border:0}.byline,.watch>p{line-height:1.7;color:var(--muted)}.byline a,.review-item a{color:#c4a0ff}.back{color:var(--gold)}.admin{max-width:1100px;margin:35px auto;padding:0 20px}.admin h1{font-size:48px}.panel{margin-bottom:22px}.panel label{display:grid;gap:10px;margin:16px 0}.panel input{width:100%}.review-item{border-top:1px solid var(--border);padding:18px 0;display:flex;justify-content:space-between;gap:16px}.review-item p{margin:8px 0;color:var(--muted)}.review-actions{display:flex;align-items:center;gap:8px}.logout{text-align:right}.notice{color:#9fe6be}.alert{color:#ff9ca8}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1100px){.rank-links{grid-template-columns:repeat(5,1fr)}.movies{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.header{flex-wrap:wrap}.header nav{order:3;width:100%;overflow:auto;gap:14px}.hero{min-height:390px}.hero-rank{right:0;bottom:0}.section-head{align-items:stretch;flex-direction:column}.section-head form input{min-width:0;flex:1}.movies{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rank-links{grid-template-columns:repeat(5,1fr)}.rank-links a{font-size:20px;min-height:65px}.genre-links{grid-template-columns:repeat(2,1fr)}.review-item{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Rank badge artwork: originals are 1024x1024 transparent PNGs. */
.rank-links .rank-choice{aspect-ratio:1;min-height:0;padding:6px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at center,#30234b 0%,#131528 70%);display:grid;place-items:center}
.rank-choice img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 11px #0009);transition:transform .2s ease}
.rank-choice:hover img,.rank-choice:focus-visible img{transform:scale(1.08)}
.rank-links .rank-choice .rank-fallback{font-size:clamp(18px,2vw,32px);font-weight:900;text-align:center;color:#e9d8ff}
.rank-links .rank-choice .rank-fallback small{display:block}
.rank-links .rank-choice img[hidden],.rank-links .rank-choice .rank-fallback[hidden]{display:none}
@media(max-width:700px){.rank-links .rank-choice{padding:2px}}
@media(prefers-reduced-motion:reduce){.rank-choice img{transition:none}}

/* Official RankRealm wide banners (1536x512 source artwork) */
.hero-banner{position:relative;overflow:hidden;background:#070b17;border-bottom:1px solid #58347d}
.hero-banner>img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover}
.hero-action{position:absolute;right:3%;bottom:7%;display:inline-flex;align-items:center;gap:12px;background:#220d3bd9;color:#fff;border:1px solid #be7fff;border-radius:9px;padding:12px 20px;font-weight:800;box-shadow:0 0 24px #7f38d973;backdrop-filter:blur(7px)}
.hero-action:hover,.hero-action:focus-visible{background:#7335ad}
.categories-banner{width:100%;height:auto;display:block;aspect-ratio:3/1;object-fit:cover;border:1px solid #4c386c;border-radius:12px;margin-bottom:24px}
@media(max-width:700px){
 /* Keep baked-in logo and other artwork fully visible on narrow viewports. */
 .hero-banner>img{min-height:0;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center}
 .hero-action{bottom:8px;right:8px;font-size:12px;padding:8px 12px}
 .categories-banner{min-height:0;height:auto;aspect-ratio:auto;object-position:center;object-fit:contain}
}

/* Explore Other Worlds — image-backed category cards */
.genre-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.genre-card{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;isolation:isolate;border-radius:14px;border:1px solid #463d63;background:#171427;box-shadow:0 6px 18px #0005;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.genre-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}
.genre-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#06081200 10%,#06081266 53%,#060812e8 100%)}
.genre-title{position:absolute;left:18px;bottom:16px;z-index:1;display:flex;align-items:center;gap:7px;color:#fff;font-size:clamp(18px,2vw,26px);font-weight:800;line-height:1.2;text-shadow:0 2px 8px #000c}
.genre-card:hover,.genre-card:focus-visible{transform:translateY(-4px);border-color:#b57cff;box-shadow:0 12px 28px #0009,0 0 0 1px #b57cff inset}
.genre-card:hover img,.genre-card:focus-visible img{transform:scale(1.06);filter:saturate(1.08)}
@media(max-width:1100px){.genre-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.genre-grid{grid-template-columns:1fr;gap:14px}.genre-title{left:14px;bottom:14px;font-size:22px}}
@media(prefers-reduced-motion:reduce){.genre-card,.genre-card img{transition:none}.genre-card:hover,.genre-card:focus-visible{transform:none}.genre-card:hover img,.genre-card:focus-visible img{transform:none}}

/* Movie watch page: responsive theater + true catalog recommendations */
.watch-page{max-width:1680px;margin:0 auto;padding:26px clamp(18px,3.6vw,60px) 64px}
.watch-breadcrumb{display:flex;align-items:center;gap:12px;margin-bottom:22px;font-size:14px;color:#9e9cb8}
.watch-breadcrumb a,.watch-back{color:#e4c3ff;font-weight:700}
.watch-breadcrumb a:hover,.watch-back:hover{color:#fff}
.watch-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(320px,1fr);align-items:start;gap:clamp(22px,3vw,45px)}
.watch-primary,.watch-info{min-width:0}
.watch-player{position:relative;aspect-ratio:16/9;background:#03040b;border:1px solid #5c3c83;border-radius:14px;overflow:hidden;box-shadow:0 0 28px #6c33b62b,0 14px 40px #0008}
.watch-player iframe{width:100%;height:100%;border:0;display:block}
.watch-provider{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:14px 2px;color:#acaac6;font-size:13px}
.watch-provider a{color:#cfafff;text-decoration:underline;text-underline-offset:3px}
.watch-live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#b479ff;margin-right:7px;box-shadow:0 0 10px #ae74ff}
.watch-info{padding:8px 0 12px}
.watch-info .eyebrow{margin-bottom:14px}
.watch-info h1{font-size:clamp(28px,2.75vw,48px);letter-spacing:-1px;line-height:1.12;margin:0 0 22px;overflow-wrap:anywhere}
.watch-facts{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:26px}
.watch-fact{border:1px solid #62517e;background:#1b1630;border-radius:7px;padding:6px 10px;color:#e7dcff;font-size:11px;font-weight:800;letter-spacing:.08em}
.watch-detail-heading{font-size:19px;margin:0 0 12px;color:#f1edff}
.watch-description{font-size:14px;line-height:1.75;color:#c5bed7;overflow-wrap:anywhere;max-height:18em;overflow:auto;scrollbar-color:#7756a0 #141024}
.watch-disclaimer{border-top:1px solid #34284b;margin-top:22px;padding-top:16px;color:#918ca6;font-size:12px;line-height:1.6}
.watch-unavailable{aspect-ratio:16/9;background:#141124;border:1px solid #51426d;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center}
.watch-unavailable h2{font-size:22px}.watch-unavailable p{color:#aaa4bd}
.watch-recommendations{margin-top:36px;border-top:1px solid #34284b;padding-top:30px}
.watch-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}
.watch-section-head h2{margin-bottom:0}.watch-section-head .eyebrow{margin-bottom:6px}
.watch-section-head>a{font-size:13px;color:#d9b5ff}
.watch-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.watch-related-card{display:block;min-width:0}
.watch-related-poster{position:relative;aspect-ratio:16/9;overflow:hidden;background:#18102a;border:1px solid #45345f;border-radius:10px;transition:border-color .2s,transform .2s}
.watch-related-poster img{display:block;width:100%;height:100%;object-fit:cover}
.watch-related-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#6b30afdd;color:white;opacity:0;transition:opacity .2s}
.watch-related-length{position:absolute;bottom:8px;right:8px;padding:4px 7px;background:#070611df;border-radius:5px;font-size:11px}
.watch-related-card strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;font-size:14px;margin-top:9px}
.watch-related-card:hover .watch-related-poster,.watch-related-card:focus-visible .watch-related-poster{transform:translateY(-3px);border-color:#ab77f4}
.watch-related-card:hover .watch-related-play,.watch-related-card:focus-visible .watch-related-play{opacity:1}
@media(max-width:1150px){.watch-layout{grid-template-columns:minmax(0,1fr)}.watch-info{max-width:850px}.watch-info h1{font-size:clamp(27px,4vw,42px)}.watch-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.watch-page{padding:18px 14px 45px}.watch-breadcrumb{margin-bottom:13px}.watch-player{border-radius:9px}.watch-info{padding-top:8px}.watch-info h1{font-size:clamp(25px,6vw,34px)}.watch-facts{margin-bottom:20px}.watch-description{max-height:none}.watch-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.watch-section-head{align-items:start}.watch-related-card strong{font-size:12px}.watch-related-play{opacity:1;width:34px;height:34px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.watch-related-poster,.watch-related-play{transition:none}.watch-related-card:hover .watch-related-poster{transform:none}}

/* Movie metadata improvements — compact editorial panel, no raw tag dump. */
.watch-headline{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;margin-bottom:18px}
.watch-headline h1{margin:0;min-width:0;font-size:clamp(26px,2.2vw,39px);line-height:1.12}
.watch-rank{display:grid;justify-items:center;flex:0 0 103px;gap:2px;text-align:center}
.watch-rank img{width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 0 12px #9d4cfc55)}
.watch-rank small{font-size:10px;line-height:1.3;color:#bab0ca}
.watch-genres{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 23px}
.watch-genres a{border:1px solid #77549c;border-radius:99px;background:#2c1847;color:#e7d4ff;font-size:12px;font-weight:700;padding:8px 12px;transition:background .2s}
.watch-genres a:hover,.watch-genres a:focus-visible{background:#513276}
.watch-summary-panel{padding:20px 22px 16px;background:linear-gradient(135deg,#1d1630,#100e20);border:1px solid #44315f;border-radius:12px;box-shadow:inset 3px 0 #8c49df}
.watch-summary-panel .watch-detail-heading{margin-bottom:12px}
.watch-summary-panel .watch-description{max-height:none;overflow:visible;margin-bottom:0;white-space:normal;font-size:14px;color:#dfd5ed;line-height:1.7}
.watch-source-details{margin-top:14px;font-size:12px;color:#aea4c1;border:1px solid #403353;border-radius:9px;overflow:hidden}
.watch-source-details summary{cursor:pointer;padding:12px 15px;color:#c7aff2;font-weight:700}
.watch-source-details>div{padding:12px 15px 18px;border-top:1px solid #403353;line-height:1.65;overflow-wrap:anywhere;max-height:250px;overflow:auto}
@media(max-width:700px){.watch-headline{gap:10px}.watch-headline h1{font-size:clamp(23px,5vw,32px)}.watch-rank{flex-basis:76px}.watch-rank img{width:74px;height:74px}.watch-rank small{font-size:9px}.watch-summary-panel{padding:16px}}

/* Administration: channel discovery, bounded review queue and publish controls */
.admin{max-width:1400px}
.admin-inline-form{display:flex;align-items:end;gap:14px;flex-wrap:wrap}
.admin-inline-form label{flex:1 1 340px;min-width:0;margin:0}
.admin-inline-form button{flex:0 0 auto}
.admin-channel-list{margin-top:22px;display:grid;gap:9px}
.admin-channel{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#100f23;border:1px solid #3b3056;border-radius:9px;padding:12px}
.admin-channel strong,.admin-channel small{display:block;overflow-wrap:anywhere}
.admin-channel small{font-size:12px;color:#aaa0c1;margin-top:5px}
.admin-help{padding-top:16px;font-size:13px;line-height:1.8;color:#bdb4d1}
.admin-help code{padding:5px 8px;background:#0a0a1c;border-radius:5px;overflow-wrap:anywhere}
.admin-panel-head{display:flex;align-items:start;justify-content:space-between;gap:18px;flex-wrap:wrap}
.admin-panel-head h2{margin-bottom:14px}
.admin-counts{display:flex;gap:8px;flex-wrap:wrap}
.admin-counts a{padding:8px 11px;font-size:12px;background:#211a37;border:1px solid #4d3b6a;border-radius:7px}
.admin-counts a.active{border-color:#bb82ff;background:#4b2c7c}
.admin-search{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.admin-search input{flex:1 1 250px}
.admin-search a{font-size:13px;color:#d0aeff}
.admin-video-row{display:flex;align-items:center;gap:16px;border-top:1px solid #39304d;padding:15px 0}
.admin-video-thumb{width:154px;aspect-ratio:16/9;object-fit:cover;border-radius:8px;flex:0 0 154px}
.admin-video-description{flex:1;min-width:0;overflow-wrap:anywhere}
.admin-video-description strong{display:block;font-size:14px;line-height:1.5}
.admin-video-description small{display:block;font-size:12px;line-height:1.5;color:#b3a9c8;margin-top:5px}
.admin-video-description a{display:inline-block;margin-top:7px;color:#cb9cfa;font-size:12px}
.admin-video-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.admin-video-actions button,.admin-channel button{font-size:12px;padding:9px 12px;white-space:nowrap}
.admin-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:18px;padding-top:18px;font-size:13px}
.admin-pagination a{color:#d6aeff;font-weight:700}
@media(max-width:700px){.admin{padding:0 14px}.admin h1{font-size:34px}.admin-video-row{align-items:flex-start;flex-wrap:wrap}.admin-video-thumb{width:110px;flex-basis:110px}.admin-video-description{flex-basis:calc(100% - 126px)}.admin-video-actions{width:100%;justify-content:flex-start}.admin-inline-form button{width:100%}.admin-channel{align-items:start}}

.admin-bulk-add{margin-top:14px;border:1px solid #48355d;background:#151024;border-radius:8px;padding:12px 15px}
.admin-bulk-add summary{cursor:pointer;color:#d7b8ff;font-size:13px;font-weight:700}
.admin-bulk-add form{margin-top:15px}
.admin-bulk-add label{display:grid;gap:8px;font-size:13px}
.admin-bulk-add textarea{display:block;width:100%;min-height:135px;resize:vertical;background:#101024;border:1px solid #514267;color:#f5edff;border-radius:8px;padding:12px;font:inherit}
.admin-bulk-add button{margin-top:12px}

/* Review queue: manually select candidates for batch decisions */
.admin-bulk-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;margin:16px 0 8px;background:#191329;border:1px solid #574076;border-radius:10px}
.admin-select-all{display:inline-flex!important;align-items:center;gap:9px!important;margin:0!important;font-size:13px;font-weight:700;color:#e3d4ff;cursor:pointer}
.admin-select-all input,.admin-review-select input{width:18px;height:18px;accent-color:#a36cfa;cursor:pointer}
.admin-bulk-toolbar #bulk-selected-count{font-size:12px;color:#baacd3}
.admin-bulk-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}
.admin-bulk-actions button{font-size:12px;padding:9px 13px}
.admin-bulk-actions button[value="deny"]{background:#271c32;border-color:#73506f}
.admin-bulk-actions button:disabled{opacity:.4;cursor:not-allowed}
.admin-review-select{flex:0 0 23px;align-self:center;margin:0!important;display:flex;align-items:center;justify-content:center;cursor:pointer}
@media(max-width:700px){.admin-bulk-toolbar{align-items:flex-start;gap:12px}.admin-bulk-actions{width:100%;margin-left:0}.admin-bulk-actions button{flex:1}.admin-review-select{align-self:flex-start;padding-top:5px}.admin-video-row:has(.admin-review-select) .admin-video-description{flex-basis:calc(100% - 149px)}}

/* Streaming homepage: compact six-title rails, not a 48-item dump */
.catalog{padding-top:26px;padding-bottom:24px}
.catalog-row{padding-top:14px;padding-bottom:22px}
.catalog .section-head{margin-bottom:15px}
.catalog-row .eyebrow{margin-bottom:6px}
.catalog-row h2{margin-bottom:0}
.catalog .movies-compact{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}
.movies-compact .movie{display:block;min-width:0}
.movies-compact .poster{aspect-ratio:16/9;border-radius:10px}
.movies-compact .movie strong{font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:7px}
.movies-compact .movie small{display:none}
.catalog-see-all{display:inline-flex;align-items:center;gap:8px;color:#d6b4ff;font-weight:750;font-size:13px;white-space:nowrap;margin-top:14px}
.catalog-see-all:hover,.catalog-see-all:focus-visible{color:#fff}
.row-heading .catalog-see-all{margin-top:0}
.catalog-subnav{display:flex;gap:18px;justify-content:space-between;font-size:13px;color:#bfb6d3;margin-bottom:20px}
.catalog-subnav a{color:#d6b4ff}
.catalog-pagination{display:flex;justify-content:center;align-items:center;gap:22px;padding:26px 0 10px;color:#bdb5d0;font-size:13px}
.catalog-pagination a{color:#d6b4ff;font-weight:750}
@media(max-width:1250px){.catalog .movies-compact{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){.catalog .movies-compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
@media(max-width:560px){.catalog .movies-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.catalog-row{padding-top:10px;padding-bottom:18px}.movies-compact .movie strong{font-size:12px}.row-heading h2{font-size:23px}}

/* Homepage density: wide art stays fully visible but no longer dominates a 1900px screen */
@media(min-width:1151px){
 .hero-banner{max-width:1320px;margin-left:auto;margin-right:auto}
 .rank-links{grid-template-columns:repeat(10,minmax(0,128px));justify-content:center}
 .ranks{padding-top:22px;padding-bottom:18px}
}

/* Channel scan actions */
.admin-channel-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.admin-channel-controls form{margin:0}
.admin-channel-controls form:first-child button{background:linear-gradient(120deg,#55239d,#9954e8)}
@media(max-width:700px){.admin-channel-controls{width:100%}.admin-channel-controls form{flex:1}.admin-channel-controls button{width:100%}}

/* Compact homepage: artwork supports movie discovery instead of dominating it */
.hero-banner{max-width:960px;margin:0 auto;border-left:1px solid #493266;border-right:1px solid #493266}
.hero-banner>img{aspect-ratio:3/1;object-fit:contain}
.hero-action{padding:8px 14px;font-size:12px;right:2%;bottom:5%}
.rank-strip{display:flex;align-items:center;justify-content:center;gap:16px;padding:10px clamp(18px,4vw,64px);border-bottom:1px solid #30243d;background:#0c0b19}
.rank-strip-caption{font-size:11px;color:#bfb0d2;font-weight:800;letter-spacing:.07em;white-space:nowrap}
.rank-strip-links{display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap}
.rank-strip-links a{width:55px;height:55px;display:grid;place-items:center;background:#171327;border:1px solid #413052;border-radius:9px;transition:border-color .2s,transform .2s}
.rank-strip-links a:hover,.rank-strip-links a:focus-visible{border-color:#bf7aff;transform:translateY(-2px)}
.rank-strip-links img{display:block;width:100%;height:100%;object-fit:contain}
.genre-quicklinks{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;padding:16px clamp(20px,5vw,85px) 4px}
.genre-quicklinks>span{font-size:12px;color:#a9a0bb;font-weight:750;margin-right:4px}
.genre-quicklinks a{padding:7px 11px;border:1px solid #514067;border-radius:99px;background:#1a142a;color:#e0c9fa;font-size:12px;font-weight:650;white-space:nowrap;transition:border-color .2s,background .2s}
.genre-quicklinks a:hover,.genre-quicklinks a:focus-visible{border-color:#bb83fa;background:#42265d}
@media(max-width:700px){
 .hero-banner{max-width:100%}
 .rank-strip{flex-direction:column;gap:6px;padding:9px 8px}
 .rank-strip-links{gap:5px}
 .rank-strip-links a{width:clamp(35px,9vw,46px);height:clamp(35px,9vw,46px);border-radius:6px}
 .genre-quicklinks{padding:12px 14px 2px;gap:7px}
 .genre-quicklinks a{padding:6px 9px;font-size:11px}
 .hero-action{font-size:10px;padding:6px 9px}
}
@media(prefers-reduced-motion:reduce){.rank-strip-links a,.genre-quicklinks a{transition:none}.rank-strip-links a:hover{transform:none}}

/* Watch page v2: theater left, true Up Next right, details below */
.watch-layout-next{grid-template-columns:minmax(0,1.85fr) minmax(315px,.85fr);gap:clamp(20px,2.6vw,40px);align-items:start}
.watch-layout-next .watch-primary{min-width:0}
.watch-layout-next .watch-info-under{max-width:none;padding:25px 0 0}
.watch-layout-next .watch-info-under .watch-headline h1{font-size:clamp(24px,2.2vw,35px);margin:0}
.watch-layout-next .watch-info-under .watch-summary-panel{max-width:100%}
.watch-social-bar{align-items:center;gap:12px;border-bottom:1px solid #342847;padding:13px 2px}
.watch-social-left,.watch-share-links{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.watch-social-left{color:#bab1ce}
.watch-share-links>span{color:#a69bb9}
.watch-share-links a{color:#d8b6ff}
.watch-share-copy{background:#1b1431;border:1px solid #6d498d;border-radius:7px;color:#e5d0ff;padding:6px 10px;font-size:12px}
.watch-share-copy:hover,.watch-share-copy:focus-visible{background:#462667}
.watch-up-next{min-width:0;position:relative;padding:18px 18px 10px;border:1px solid #3f305f;border-radius:13px;background:linear-gradient(160deg,#171025,#0d0d1b);box-shadow:0 10px 40px #0004}
.watch-up-next-heading{display:flex;align-items:end;justify-content:space-between;gap:10px;padding-bottom:14px;border-bottom:1px solid #443157}
.watch-up-next-heading .eyebrow{margin:0 0 6px;font-size:10px}
.watch-up-next-heading h2{font-size:clamp(23px,2vw,29px);margin:0}
.watch-up-next-heading>a{color:#d8b6ff;font-size:12px;white-space:nowrap}
.watch-next-list{display:grid}
.watch-next-item{display:grid;grid-template-columns:minmax(100px,42%) minmax(0,1fr);gap:12px;padding:13px 0;border-bottom:1px solid #352846;align-items:center;min-width:0}
.watch-next-item:last-child{border-bottom:0}
.watch-next-thumb{position:relative;aspect-ratio:16/9;border:1px solid #42345a;background:#151126;border-radius:8px;overflow:hidden}
.watch-next-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.watch-next-copy{min-width:0}
.watch-next-copy strong{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.36;font-size:12px;color:#f0e9ff;overflow-wrap:anywhere}
.watch-next-copy small{display:block;margin-top:9px;color:#b68fed;font-size:11px}
.watch-next-item:hover .watch-next-thumb,.watch-next-item:focus-visible .watch-next-thumb{border-color:#ad75f7}
.watch-next-empty{font-size:13px;line-height:1.6;color:#b6abc9;padding-top:18px}
@media(max-width:1050px){.watch-layout-next{grid-template-columns:minmax(0,1fr)}.watch-up-next{order:2}.watch-next-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}.watch-layout-next .watch-info-under{max-width:none}}
@media(max-width:650px){.watch-social-bar{align-items:flex-start}.watch-share-links{gap:8px}.watch-next-list{grid-template-columns:1fr}.watch-next-item{grid-template-columns:minmax(105px,40%) minmax(0,1fr)}.watch-up-next{padding:14px}.watch-layout-next .watch-info-under{padding-top:17px}.watch-share-copy{padding:5px 8px}}

/* RankRealm custom fantasy frames — transparent nine-slice overlays.
   Frames are decoration, never intercept mouse/touch input.
   Original source art remains in assets/frames/. */
.watch-layout-next .watch-player,
.watch-layout-next .watch-up-next{
  position:relative;
  isolation:isolate;
  overflow:visible;
}
.watch-layout-next .watch-player iframe{
  position:relative;
  z-index:1;
  border-radius:12px;
  overflow:hidden;
}
.watch-layout-next .watch-player::after,
.watch-layout-next .watch-up-next::after{
  content:"";
  position:absolute;
  z-index:3;
  inset:0;
  pointer-events:none;
  border:clamp(14px,2vw,25px) solid transparent;
  border-image-slice:13% 12% 13% 12%;
  border-image-width:clamp(14px,2vw,25px);
  border-image-outset:clamp(6px,1.1vw,14px);
  border-image-repeat:stretch;
  filter:drop-shadow(0 0 8px #a25aff70);
}
.watch-layout-next .watch-player::after{
  border-image-source:url("frames/video-frame.png");
}
.watch-layout-next .watch-up-next::after{
  border-image-source:url("frames/up-next-frame.png");
  border-image-slice:9% 15% 9% 15%;
  border-image-width:clamp(14px,1.7vw,23px);
  border-image-outset:clamp(5px,.8vw,11px);
}
.watch-layout-next .watch-player{
  border-color:#7343a4;
  box-shadow:0 0 14px #a454fb32,0 15px 40px #0008;
}
.watch-layout-next .watch-up-next{
  border-color:#674090;
  box-shadow:0 0 14px #a454fb27,0 15px 40px #0007;
}
@media(max-width:700px){
  .watch-layout-next .watch-player::after{
    border-image-width:12px;
    border-image-outset:5px;
  }
  .watch-layout-next .watch-up-next::after{
    border-image-width:13px;
    border-image-outset:5px;
  }
}
@media(prefers-reduced-motion:reduce){
  .watch-layout-next .watch-player::after,
  .watch-layout-next .watch-up-next::after{filter:none}
}

/* Compact creator credits — actual registered YouTube channels */
.realm-footer{background:linear-gradient(180deg,#0b0c1b,#130d25 70%,#080913);border-top:1px solid #493363;padding:30px clamp(18px,5vw,85px) 18px;color:#ece7fb;text-align:left}
.creator-feature{max-width:1660px;margin:0 auto 27px}
.creator-feature-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;flex-wrap:wrap;margin-bottom:17px}
.creator-feature-heading .eyebrow{font-size:10px;margin-bottom:8px}
.creator-feature-heading h2{font-size:clamp(19px,2vw,26px);margin:0}
.creator-feature-heading>p{color:#b4a7c9;font-size:12px;margin:0;max-width:360px;line-height:1.5}
.creator-scroll{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 14px;scrollbar-width:thin;scrollbar-color:#76509d #130d25;scroll-snap-type:x proximity}
.creator-card{display:flex;flex:0 0 225px;min-width:0;align-items:center;gap:11px;padding:12px;background:#1c152e;border:1px solid #4b376b;border-radius:11px;scroll-snap-align:start;transition:background .2s,border-color .2s,transform .2s}
.creator-card:hover,.creator-card:focus-visible{background:#2f1c47;border-color:#ac76f1;transform:translateY(-2px)}
.creator-card img,.creator-avatar-fallback{flex:0 0 48px;width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #965fcb;box-shadow:0 0 13px #ad55ec3d}
.creator-avatar-fallback{display:grid;place-items:center;font-size:16px;background:#372057;color:#edd3ff}
.creator-name{font-size:12px;font-weight:750;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
.creator-visit{margin-left:auto;align-self:center;color:#c08af7;font-size:16px}
.realm-footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid #382b4d;padding-top:17px;color:#9990ae;font-size:11px;line-height:1.5}
@media(max-width:650px){.realm-footer{padding:24px 15px 15px}.creator-feature-heading>p{font-size:11px}.creator-card{flex-basis:195px;padding:9px}.creator-card img,.creator-avatar-fallback{flex-basis:42px;width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.creator-card{transition:none}.creator-card:hover{transform:none}}

/* Internal creator collections and creator-first movie links */
.creator-collection{padding:30px clamp(20px,5vw,85px) 10px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:linear-gradient(110deg,#17102b,#090d1b);border-bottom:1px solid #402958}
.creator-collection-identity{display:flex;align-items:center;gap:18px;min-width:0}
.creator-collection-identity img,.creator-collection-identity .creator-avatar-fallback{flex:0 0 84px;width:84px;height:84px;border-radius:50%;object-fit:cover;border:2px solid #a874ee;box-shadow:0 0 18px #934de266}
.creator-collection-identity h1{font-size:clamp(25px,3vw,38px);margin:0 0 8px;letter-spacing:-1px;overflow-wrap:anywhere}
.creator-collection-identity .eyebrow{font-size:11px;margin:0 0 8px}
.creator-collection-identity p:not(.eyebrow){font-size:13px;color:#bfb0d8;margin:0}
.creator-collection>a{color:#d7b5ff;border:1px solid #64418c;background:#281738;border-radius:8px;padding:11px 15px;font-size:12px}
.watch-social-left .watch-creator-link{color:#ecd0ff;font-weight:800}
@media(max-width:650px){.creator-collection{padding:22px 14px 12px}.creator-collection-identity{gap:12px}.creator-collection-identity img,.creator-collection-identity .creator-avatar-fallback{flex-basis:58px;width:58px;height:58px}.creator-collection>a{padding:8px 12px}}

/* Official RankRealm dragon-crest branding and creator card frames.
   All overlays scale with their cards and never block interaction. */
.header .brand-art{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  width:clamp(160px,14.5vw,220px);
  height:44px;
  line-height:1;
}
.header .brand-art img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 0 5px #a970ef29);
}
.creator-scroll .creator-card{
  position:relative;
  isolation:isolate;
  overflow:visible;
  border:0;
  border-radius:10px;
  background:linear-gradient(105deg,#21132f,#191328 65%,#231336);
  min-height:74px;
}
.creator-scroll .creator-card::after{
  content:"";
  position:absolute;
  z-index:3;
  inset:-3px;
  pointer-events:none;
  background:url("frames/channel-card-violet.png") center/100% 100% no-repeat;
  filter:drop-shadow(0 0 4px #9f62f74d);
  transition:filter .22s ease;
}
.creator-scroll .creator-card:nth-child(4n + 2)::after,
.creator-scroll .creator-card:nth-child(4n + 3)::after{
  background-image:url("frames/channel-card-gold.png");
}
.creator-scroll .creator-card:hover::after,
.creator-scroll .creator-card:focus-visible::after{
  filter:drop-shadow(0 0 9px #b671ffad);
}
.creator-scroll .creator-card img,
.creator-scroll .creator-card .creator-avatar-fallback,
.creator-scroll .creator-card .creator-name,
.creator-scroll .creator-card .creator-visit{
  position:relative;
  z-index:1;
}
@media(max-width:650px){
  .header .brand-art{width:clamp(125px,37vw,170px);height:38px}
  .creator-scroll .creator-card{min-height:66px}
}
@media(prefers-reduced-motion:reduce){
  .creator-scroll .creator-card::after{transition:none}
}

/* Homepage fantasy portal wallpaper. Keep artwork behind, never over, movie controls.
   Background scales with the viewport, while the curated hero stays compact. */
.home-portal-scene{
  position:relative;
  isolation:isolate;
  min-height:clamp(385px,39vw,560px);
  display:grid;
  place-items:center;
  padding:clamp(26px,4.5vw,68px) clamp(12px,3.4vw,55px);
  overflow:hidden;
  background:#090718 url("banners/rankrealm-portal-wallpaper.webp") center center/cover no-repeat;
  border-bottom:1px solid #4f287c;
}
.home-portal-scene::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(180deg,#07091500 61%,#0b081c9c 93%,#0b091a 100%),
    radial-gradient(ellipse at center,#08051939 0%,#0805190d 53%,transparent 72%);
}
.home-portal-scene .hero-banner{
  width:min(100%,960px);
  max-width:960px;
  margin:0 auto;
  z-index:1;
  border:1px solid #8d55c4aa;
  border-radius:11px;
  box-shadow:0 0 0 5px #0b071954,0 0 35px #7f36de64,0 15px 45px #000b;
}
.home-portal-scene .hero-banner>img{width:100%;height:auto;aspect-ratio:3/1;object-fit:contain}
@media(max-width:850px){
  .home-portal-scene{
    min-height:clamp(275px,48vw,400px);
    padding:32px 14px;
    background-position:center center;
  }
  .home-portal-scene .hero-banner{width:min(100%,760px)}
}
@media(max-width:550px){
  .home-portal-scene{
    min-height:clamp(200px,65vw,300px);
    padding:22px 10px;
    background-size:auto 100%;
    background-position:50% 50%;
  }
  .home-portal-scene .hero-banner{border-radius:7px}
}

/* Homepage flow: rank navigation belongs inside the portal, not in another bar.
   Removing the redundant genre chip band keeps the handoff to movies continuous. */
.home-portal-scene{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:clamp(15px,2vw,25px);
  padding:clamp(25px,3.5vw,54px) clamp(12px,3.4vw,55px) clamp(22px,3.2vw,42px);
}
.home-portal-scene .rank-strip{
  position:relative;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  width:max-content;
  max-width:100%;
  gap:clamp(9px,1.1vw,18px);
  padding:8px 16px;
  margin:0 auto;
  border:1px solid #8860b34a;
  border-radius:14px;
  background:linear-gradient(90deg,#11091ac7,#1a0b28a8,#11091ac7);
  box-shadow:0 8px 30px #0007,0 0 24px #9e4be42a;
  backdrop-filter:blur(8px);
}
.home-portal-scene .rank-strip-caption{
  color:#ded0f4;
  text-transform:uppercase;
  font-size:10px;
  letter-spacing:.13em;
}
.home-portal-scene .rank-strip-links{
  gap:clamp(4px,.5vw,8px);
  flex-wrap:nowrap;
}
.home-portal-scene .rank-strip-links a{
  width:clamp(39px,3vw,55px);
  height:clamp(39px,3vw,55px);
  background:#1b1129bf;
}
.home-portal-scene + .catalog{
  padding-top:clamp(24px,3vw,42px);
}
@media(max-width:850px){
  .home-portal-scene{
    min-height:0;
    gap:15px;
    padding:26px 12px 24px;
  }
  .home-portal-scene .rank-strip{
    width:auto;
    max-width:100%;
    flex-direction:column;
    gap:5px;
    padding:8px 11px;
  }
  .home-portal-scene .rank-strip-links a{
    width:clamp(30px,5vw,42px);
    height:clamp(30px,5vw,42px);
  }
}
@media(max-width:550px){
  .home-portal-scene{
    background-size:cover;
    min-height:0;
    padding:18px 7px 16px;
    gap:11px;
  }
  .home-portal-scene .rank-strip{
    padding:7px;
    width:100%;
    overflow-x:auto;
    scrollbar-width:thin;
  }
  .home-portal-scene .rank-strip-links{
    width:max-content;
    max-width:none;
    flex-wrap:nowrap;
    justify-content:flex-start;
  }
  .home-portal-scene .rank-strip-links a{
    flex:0 0 34px;
    width:34px;
    height:34px;
  }
}

/* Purple/gold fantasy thumbnail frame, sourced from the user's original art.
   Border-image keeps elaborate corners crisp at all thumbnail sizes.
   Overlay is noninteractive and does not change the movie grid layout. */
.catalog .movie .poster{
  position:relative;
  isolation:isolate;
  overflow:visible;
  border:0;
  border-radius:10px;
}
.catalog .movie .poster>img{
  display:block;
  border-radius:10px;
}
.catalog .movie .poster::after{
  content:"";
  position:absolute;
  z-index:3;
  inset:-6px;
  pointer-events:none;
  border:clamp(12px,1.4vw,19px) solid transparent;
  border-image-source:url("frames/video-card-frame.webp");
  border-image-slice:12% 9% 12% 9%;
  border-image-width:clamp(12px,1.4vw,19px);
  border-image-repeat:stretch;
  filter:drop-shadow(0 0 3px #a861ed78);
  transition:filter .2s ease;
}
.catalog .movie:hover .poster::after,
.catalog .movie:focus-visible .poster::after{
  filter:drop-shadow(0 0 8px #d98cffb0);
}
.catalog .movie .runtime{
  z-index:2;
  right:15px;
  bottom:13px;
}
.catalog .movie .play{
  z-index:2;
}
@media(max-width:650px){
   .catalog .movie .poster::after{
    inset:-4px;
    border-image-width:12px;
  }
  .catalog .movie .runtime{
    right:11px;
    bottom:10px;
  }
}
@media(prefers-reduced-motion:reduce){
  .catalog .movie .poster::after{transition:none}
}

/* Miniature purple-gold frames on the rank selector, using the same art as movie cards. */
.home-portal-scene .rank-strip-links a{
  position:relative;
  isolation:isolate;
  overflow:visible;
  border:0;
  border-radius:7px;
  background:#160d25bd;
}
.home-portal-scene .rank-strip-links a::after{
  content:"";
  position:absolute;
  z-index:2;
  inset:-3px;
  pointer-events:none;
  border:8px solid transparent;
  border-image-source:url("frames/video-card-frame.webp");
  border-image-slice:12% 9% 12% 9%;
  border-image-width:8px;
  border-image-repeat:stretch;
  filter:drop-shadow(0 0 2px #ae5cf46e);
  transition:filter .18s ease;
}
.home-portal-scene .rank-strip-links a:hover::after,
.home-portal-scene .rank-strip-links a:focus-visible::after{
  filter:drop-shadow(0 0 6px #df91ffb0);
}
.home-portal-scene .rank-strip-links a img{
  width:100%;
  height:100%;
  object-fit:contain;
}
@media(max-width:550px){
  .home-portal-scene .rank-strip-links a::after{
    inset:-2px;
    border-image-width:6px;
  }
}
@media(prefers-reduced-motion:reduce){
  .home-portal-scene .rank-strip-links a::after{transition:none}
}

/* Connect the homepage's main banner to the same purple-and-gold frame family.
   Apply the overlay outside its edges without intercepting Explore Movies. */
.home-portal-scene .hero-banner{
  position:relative;
  isolation:isolate;
  overflow:visible;
  border:0;
  border-radius:9px;
}
.home-portal-scene .hero-banner>img{
  display:block;
  border-radius:9px;
}
.home-portal-scene .hero-banner::after{
  content:"";
  position:absolute;
  z-index:3;
  inset:-9px;
  pointer-events:none;
  border:clamp(20px,2.2vw,32px) solid transparent;
  border-image-source:url("frames/video-card-frame.webp");
  border-image-slice:12% 9% 12% 9%;
  border-image-width:clamp(20px,2.2vw,32px);
  border-image-repeat:stretch;
  filter:drop-shadow(0 0 8px #a75bdf8c);
}
.home-portal-scene .hero-action{
  z-index:4;
}
@media(max-width:650px){
  .home-portal-scene .hero-banner::after{
    inset:-5px;
    border-image-width:clamp(12px,3vw,20px);
    filter:drop-shadow(0 0 4px #a75bdf8c);
  }
}

/* Gold accents on the watch page: story panel and individual Up Next posters.
   Existing purple player/sidebar frames remain unchanged. */
.watch-layout-next .watch-summary-panel{
  position:relative;
  isolation:isolate;
  overflow:visible;
  border:1px solid #98622e;
  border-radius:10px;
  box-shadow:inset 3px 0 #bf863c,0 0 15px #c9943430;
}
.watch-layout-next .watch-summary-panel::after{
  content:"";
  position:absolute;
  z-index:2;
  inset:-5px;
  pointer-events:none;
  border:clamp(15px,1.5vw,23px) solid transparent;
  border-image-source:url("frames/channel-card-gold.png");
  border-image-slice:16% 12% 16% 12%;
  border-image-width:clamp(15px,1.5vw,23px);
  border-image-repeat:stretch;
  filter:drop-shadow(0 0 5px #e6a54c73);
}
.watch-layout-next .watch-next-thumb{
  isolation:isolate;
  overflow:visible;
  border:0;
}
.watch-layout-next .watch-next-thumb img{
  border-radius:7px;
}
.watch-layout-next .watch-next-thumb::after{
  content:"";
  position:absolute;
  z-index:2;
  inset:-3px;
  pointer-events:none;
  border:clamp(9px,0.9vw,13px) solid transparent;
  border-image-source:url("frames/channel-card-gold.png");
  border-image-slice:16% 12% 16% 12%;
  border-image-width:clamp(9px,0.9vw,13px);
  border-image-repeat:stretch;
  filter:drop-shadow(0 0 3px #d99d5070);
  transition:filter .18s ease;
}
.watch-layout-next .watch-next-item:hover .watch-next-thumb::after,
.watch-layout-next .watch-next-item:focus-visible .watch-next-thumb::after{
  filter:drop-shadow(0 0 7px #e9b44fbd);
}
@media(max-width:650px){
  .watch-layout-next .watch-summary-panel::after{
    inset:-3px;
    border-image-width:13px;
  }
  .watch-layout-next .watch-next-thumb::after{
    inset:-2px;
    border-image-width:9px;
  }
}
@media(prefers-reduced-motion:reduce){
  .watch-layout-next .watch-next-thumb::after{transition:none}
}