/* NOVA+ 2.62.0 Build 78 — Immersive Full-Canvas Anime + Wrestling Hubs
   No sidebars. Pure #000000 canvas. Full-width responsive composition.
   Accent palette is locked to Space Gate commercial identity only. */

:root {
    --hub-brand-a: #C25DFF;
    --hub-brand-b: #6D7DFF;
    --hub-brand-c: #4BE9FF;
    --hub-brand-d: #C25DFF;
    --hub-bg: #05060c;
    --hub-panel: rgba(11, 13, 24, .88);
    --hub-panel-strong: rgba(8, 10, 18, .96);
    --hub-line: rgba(137, 115, 255, .18);
    --hub-line-strong: rgba(155, 77, 255, .38);
    --hub-text: #F7F8FF;
    --hub-muted: #929BB6;
    --hub-grad: linear-gradient(105deg, var(--hub-brand-a), var(--hub-brand-b) 52%, var(--hub-brand-c));
}

.catalog-landing-anime,
.catalog-landing-wrestling {
    background:
        radial-gradient(70% 44% at 82% -4%, rgba(109,125,255,.11), transparent 68%),
        radial-gradient(46% 28% at 8% 32%, rgba(75,233,255,.055), transparent 70%),
        #05060c !important;
}

.catalog-landing-anime .catalog-landing-main,
.catalog-landing-wrestling .catalog-landing-main,
.catalog-landing-anime .catalog-landing-reference,
.catalog-landing-wrestling .catalog-landing-reference {
    background: transparent !important;
}

.catalog-landing-anime .catalog-landing-toolbar,
.catalog-landing-wrestling .catalog-landing-toolbar {
    background: linear-gradient(180deg, rgba(5,6,12,.96), rgba(5,6,12,.68), transparent) !important;
    border-bottom-color: rgba(194,93,255,.09) !important;
}

.catalog-landing-anime .catalog-landing-toolbar-button,
.catalog-landing-wrestling .catalog-landing-toolbar-button {
    border-color: rgba(194,93,255,.22) !important;
    color: var(--hub-text) !important;
    background: rgba(10,12,22,.76) !important;
}

/* ----- responsive hub shell ----- */
.world-hub-shell {
    width: min(100%, 1620px);
    margin: 0 auto;
    padding: 82px clamp(14px, 2.2vw, 30px) 36px;
    display: grid;
    grid-template-columns: 228px minmax(0, 1fr);
    gap: 18px;
    direction: ltr;
    box-sizing: border-box;
}

.world-hub-sidebar,
.world-hub-stage {
    direction: rtl;
}

.world-hub-sidebar {
    position: sticky;
    top: 82px;
    align-self: start;
    height: calc(100dvh - 108px);
    min-height: 560px;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    overflow: hidden;
    border: 1px solid var(--hub-line);
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(16,18,33,.94), rgba(7,9,17,.96)),
        #080a12;
    box-shadow: 0 24px 60px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.025);
}

.world-hub-sidebar-brand {
    min-height: 62px;
    padding: 5px 4px 13px;
    display: grid;
    grid-template-columns: 34px minmax(0,1fr);
    gap: 10px;
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,.06);
}

.world-hub-brand-mark {
    position: relative;
    width: 32px;
    height: 32px;
    display: block;
    transform: rotate(45deg);
}
.world-hub-brand-mark i {
    position: absolute;
    inset: 4px;
    border: 2px solid var(--hub-brand-a);
    border-radius: 7px;
    box-shadow: 0 0 18px rgba(194,93,255,.18);
}
.world-hub-brand-mark i:nth-child(2) { inset: 9px; border-color: var(--hub-brand-b); }
.world-hub-brand-mark i:nth-child(3) { inset: 14px; border-color: var(--hub-brand-c); }

.world-hub-sidebar-brand b,
.world-hub-sidebar-brand small { display:block; }
.world-hub-sidebar-brand b { color:var(--hub-text); font-size:.92rem; font-weight:950; }
.world-hub-sidebar-brand small { margin-top:3px; color:#C25DFF; font-size:.54rem; font-weight:950; letter-spacing:.13em; }

.world-hub-sidebar nav {
    display:grid;
    gap:5px;
}
.world-hub-sidebar nav button {
    min-height: 43px;
    padding: 0 12px;
    display:flex;
    align-items:center;
    gap:10px;
    border:1px solid transparent;
    border-radius:10px;
    color:#A8B0C7;
    background:transparent;
    font:800 .72rem/1 Tajawal,Arial,sans-serif;
    text-align:right;
}
.world-hub-sidebar nav button svg { color:#8D95AC; }
.world-hub-sidebar nav button:hover,
.world-hub-sidebar nav button.active {
    color:#fff;
    border-color:rgba(194,93,255,.28);
    background:linear-gradient(90deg,rgba(194,93,255,.18),rgba(109,125,255,.08),rgba(75,233,255,.025));
    box-shadow:inset 3px 0 0 rgba(75,233,255,.32);
}
.world-hub-sidebar nav button:hover svg,
.world-hub-sidebar nav button.active svg { color:#C25DFF; }

.world-hub-sidebar-card {
    margin-top:auto;
    padding:14px;
    display:grid;
    gap:7px;
    border:1px solid rgba(194,93,255,.20);
    border-radius:14px;
    background:
        radial-gradient(circle at 90% 0%,rgba(109,125,255,.13),transparent 48%),
        rgba(14,16,29,.84);
}
.world-hub-sidebar-card small { color:#C25DFF; font-size:.52rem; font-weight:950; letter-spacing:.1em; }
.world-hub-sidebar-card strong { color:#F5F6FF; font-size:.77rem; line-height:1.5; }
.world-hub-sidebar-card p { margin:0; color:#8790AA; font-size:.62rem; line-height:1.7; }
.world-hub-sidebar-card button {
    min-height:36px;
    border:1px solid transparent;
    border-radius:9px;
    color:#fff;
    background:linear-gradient(#0d101d,#0d101d) padding-box,var(--hub-grad) border-box;
    font:900 .68rem Tajawal,Arial,sans-serif;
}

.world-hub-stage {
    min-width:0;
    display:grid;
    gap:14px;
}

.world-hub-desktop-topbar {
    min-height:64px;
    padding:0 4px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
}
.world-hub-desktop-copy small,
.world-hub-desktop-copy strong,
.world-hub-desktop-copy span { display:block; }
.world-hub-desktop-copy small { color:#C25DFF; font-size:.54rem; font-weight:950; letter-spacing:.14em; }
.world-hub-desktop-copy strong { margin-top:3px; color:#fff; font-size:1.17rem; font-weight:950; }
.world-hub-desktop-copy span { margin-top:4px; color:#818BA5; font-size:.62rem; }
.world-hub-desktop-actions { display:flex; align-items:center; gap:8px; }
.world-hub-desktop-actions button {
    min-height:38px;
    border:1px solid rgba(194,93,255,.18);
    border-radius:11px;
    color:#DDE2F2;
    background:rgba(10,12,22,.80);
}
.world-hub-desktop-actions > button:not(.world-hub-search) { width:40px; display:grid; place-items:center; }
.world-hub-search { width:min(330px,31vw); padding:0 13px; display:flex; align-items:center; gap:10px; text-align:right; }
.world-hub-search span { color:#727C95; font-size:.65rem; }

.world-hub-hero-frame {
    position:relative;
    min-width:0;
    overflow:hidden;
    border:1px solid rgba(194,93,255,.16);
    border-radius:18px;
    background:#080A12;
    box-shadow:0 24px 65px rgba(0,0,0,.35),0 0 36px rgba(109,125,255,.035);
}
.world-hub-hero-frame .target-home-hero-shell { margin:0 !important; background:transparent !important; }
.world-hub-hero-frame .target-hero-slide {
    height:clamp(340px,35vw,430px) !important;
    min-height:340px !important;
}
.world-hub-hero-frame .target-hero-slide,
.world-hub-hero-frame .safe-background-image,
.world-hub-hero-frame .target-hero-shade { border-radius:18px; }
.world-hub-hero-frame .target-hero-copy { padding-inline:clamp(22px,4vw,58px) !important; padding-bottom:clamp(38px,5vw,58px) !important; }
.world-hub-hero-frame .target-hero-text { max-width:min(560px,52vw) !important; }
.world-hub-hero-frame .target-hero-text h1 { font-size:clamp(1.65rem,3.4vw,3.1rem) !important; }
.world-hub-hero-frame .target-hero-actions button { min-height:42px; border-radius:9px !important; }
.world-hub-hero-frame .target-watch-button { background:var(--hub-grad) !important; box-shadow:0 15px 35px rgba(102,70,255,.22) !important; }
.world-hub-hero-frame .target-save-button,
.world-hub-hero-frame .target-save-button.saved {
    border:1px solid rgba(194,93,255,.30) !important;
    color:#F4F6FF !important;
    background:rgba(7,9,17,.72) !important;
}
.world-hub-hero-frame .target-hero-dots button.active { background:var(--hub-grad) !important; }

/* ----- compact dashboard shortcuts ----- */
.world-hub-action-tiles {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:9px;
}
.world-hub-action-tile {
    min-width:0;
    min-height:66px;
    padding:10px 11px;
    display:grid;
    grid-template-columns:38px minmax(0,1fr) 18px;
    align-items:center;
    gap:9px;
    border:1px solid rgba(137,115,255,.15);
    border-radius:12px;
    color:#F5F7FF;
    background:linear-gradient(145deg,rgba(18,21,37,.90),rgba(8,10,19,.94));
    text-align:right;
    box-shadow:inset 0 1px rgba(255,255,255,.02);
}
.world-hub-action-icon {
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    border:1px solid rgba(194,93,255,.20);
    border-radius:10px;
    color:#C25DFF;
    background:rgba(194,93,255,.08);
}
.world-hub-action-tile > span:nth-child(2) { min-width:0; }
.world-hub-action-tile b,
.world-hub-action-tile small { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.world-hub-action-tile b { font-size:.72rem; font-weight:900; }
.world-hub-action-tile small { margin-top:4px; color:#7F89A3; font-size:.55rem; }
.world-hub-action-tile > svg { color:#59627A; }
.world-hub-action-tile:active { transform:scale(.985); }

/* ----- dashboard rail grid ----- */
.world-hub-rail-grid {
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:12px;
    min-width:0;
}
.world-hub-rail-slot { min-width:0; overflow:hidden; border:1px solid rgba(137,115,255,.11); border-radius:14px; background:rgba(7,9,17,.42); }
.world-hub-rail-slot.wide { grid-column:1 / -1; }
.world-hub-rail-slot.compact { grid-column:span 6; }
.world-hub-rail-slot > .shahid-home-section { margin:0 !important; padding:10px 0 12px !important; }
.world-hub-rail-slot .shahid-section-heading { min-height:38px !important; padding-inline:12px !important; }
.world-hub-rail-slot .shahid-section-heading h2 { font-size:.82rem !important; }
.world-hub-rail-slot .shahid-section-heading h2::before { width:3px !important; min-height:18px !important; background:var(--hub-grad) !important; }
.world-hub-rail-slot .shahid-section-heading > button { color:#C25DFF !important; }
.world-hub-rail-slot .horizontal-scroll-shell { padding-inline:12px; }
.world-hub-rail-slot .shahid-rail { gap:8px !important; }
.world-hub-rail-slot .shahid-poster-card,
.world-hub-rail-slot .shahid-live-card { flex-basis:clamp(112px,11.5vw,158px) !important; }
.world-hub-rail-slot .shahid-short-card { flex-basis:clamp(170px,19vw,260px) !important; aspect-ratio:16 / 9 !important; }
.world-hub-rail-slot .shahid-landscape-card { flex-basis:clamp(220px,26vw,350px) !important; }
.world-hub-rail-slot .shahid-ranked-card { flex-basis:clamp(150px,16vw,220px) !important; }
.world-hub-rail-slot .shahid-poster-card,
.world-hub-rail-slot .shahid-short-card,
.world-hub-rail-slot .shahid-landscape-card,
.world-hub-rail-slot .shahid-ranked-card {
    border-color:rgba(137,115,255,.14) !important;
    background:linear-gradient(180deg,rgba(17,20,35,.95),rgba(8,10,18,.98)) !important;
    border-radius:10px !important;
}
.world-hub-rail-slot .shahid-rank-ribbon,
.world-hub-rail-slot .shahid-taxonomy-badges em.region { background:var(--hub-grad) !important; }

/* ----- quick navigation / season strip unified with commercial palette ----- */
.anime-season-strip,
.anime-hub-quick-nav,
.wrestling-hub-quick-nav { padding-inline:0 !important; }
.anime-season-year,
.anime-season-chip,
.anime-hub-chip,
.wrestling-hub-chip {
    border-color:rgba(137,115,255,.17) !important;
    color:#B6BED3 !important;
    background:rgba(14,17,29,.82) !important;
}
.anime-season-year.active-year,
.anime-season-chip.active,
.anime-hub-chip.active,
.wrestling-hub-chip.active {
    color:#fff !important;
    border-color:transparent !important;
    background:linear-gradient(#111423,#111423) padding-box,var(--hub-grad) border-box !important;
    box-shadow:0 9px 24px rgba(110,76,255,.10) !important;
}
.anime-hub-chip svg,
.wrestling-hub-chip svg { color:#C25DFF !important; }

/* ----- footer information panels ----- */
.world-hub-footer-panel {
    margin-top:2px;
    padding:14px;
    border:1px solid rgba(137,115,255,.15);
    border-radius:15px;
    background:
        radial-gradient(circle at 88% 8%,rgba(109,125,255,.09),transparent 36%),
        linear-gradient(145deg,rgba(14,17,30,.88),rgba(7,9,17,.94));
}
.world-hub-footer-panel header { display:flex; align-items:end; justify-content:space-between; gap:12px; margin-bottom:12px; }
.world-hub-footer-panel header small { color:#C25DFF; font-size:.52rem; font-weight:950; letter-spacing:.13em; }
.world-hub-footer-panel header h2 { margin:2px 0 0; color:#F3F5FF; font-size:.84rem; }
.world-hub-footer-panel header > button { border:0; background:transparent; color:#C25DFF; font:900 .62rem Tajawal,Arial,sans-serif; }
.world-hub-footer-chips,
.world-hub-footer-groups span { display:flex; gap:7px; overflow-x:auto; scrollbar-width:none; }
.world-hub-footer-chips::-webkit-scrollbar,
.world-hub-footer-groups span::-webkit-scrollbar { display:none; }
.world-hub-footer-chips button,
.world-hub-footer-groups button {
    min-height:31px;
    padding:0 11px;
    flex:0 0 auto;
    border:1px solid rgba(137,115,255,.16);
    border-radius:9px;
    color:#B8C0D5;
    background:rgba(10,12,22,.82);
    font:800 .62rem Tajawal,Arial,sans-serif;
    white-space:nowrap;
}
.world-hub-footer-groups { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.world-hub-footer-groups > div { min-width:0; display:grid; gap:8px; }
.world-hub-footer-groups b { color:#E9ECF8; font-size:.68rem; }

/* ----- Anime/Wrestling dedicated catalog: same identity, real taxonomy ----- */
.catalog-world-anime,
.catalog-world-wrestling {
    --nova-catalog-line: rgba(137,115,255,.17) !important;
    --nova-catalog-active-border: var(--hub-grad) !important;
    background:#05060c !important;
}
.catalog-world-anime .nova-catalog-fixed-header,
.catalog-world-wrestling .nova-catalog-fixed-header {
    background:
        radial-gradient(70% 120% at 82% 0%,rgba(109,125,255,.09),transparent 62%),
        linear-gradient(180deg,rgba(5,6,12,.99),rgba(6,8,15,.97)) !important;
    border-bottom-color:rgba(137,115,255,.10) !important;
}
.catalog-world-anime .nova-catalog-search,
.catalog-world-wrestling .nova-catalog-search,
.catalog-world-anime .nova-catalog-select-card,
.catalog-world-wrestling .nova-catalog-select-card,
.catalog-world-anime .nova-catalog-back,
.catalog-world-wrestling .nova-catalog-back,
.catalog-world-anime .nova-catalog-icon,
.catalog-world-wrestling .nova-catalog-icon {
    border-color:rgba(137,115,255,.18) !important;
    background:rgba(12,14,25,.90) !important;
}
.catalog-world-anime .nova-catalog-search:focus-within,
.catalog-world-wrestling .nova-catalog-search:focus-within,
.catalog-world-anime .nova-catalog-select-card.active,
.catalog-world-wrestling .nova-catalog-select-card.active {
    border-color:transparent !important;
    background:linear-gradient(#0d101d,#0d101d) padding-box,var(--hub-grad) border-box !important;
}
.wrestling-catalog-quick-chip,
.anime-catalog-quick-chip {
    border-color:rgba(137,115,255,.17) !important;
    color:#B6BED3 !important;
    background:rgba(14,17,29,.86) !important;
}
.wrestling-catalog-quick-chip.active,
.anime-catalog-quick-chip.active {
    color:#fff !important;
    border-color:transparent !important;
    background:linear-gradient(#101321,#101321) padding-box,var(--hub-grad) border-box !important;
    box-shadow:0 8px 22px rgba(102,70,255,.10) !important;
}
.catalog-world-anime .nova-media-art,
.catalog-world-wrestling .nova-media-art {
    border-color:rgba(137,115,255,.16) !important;
    background:#0d101c !important;
    box-shadow:0 10px 24px rgba(0,0,0,.30) !important;
}
.catalog-world-anime .nova-media-quality,
.catalog-world-wrestling .nova-media-quality,
.catalog-world-anime .nova-media-play,
.catalog-world-wrestling .nova-media-play { background:var(--hub-grad) !important; color:#fff !important; }

/* Wrestling now deliberately uses the commercial brand palette; no red/gold world palette. */
.catalog-landing-wrestling,
.catalog-world-wrestling,
.details-wrestling {
    --wrestling-bg:#000000 !important;
    --wrestling-red:var(--accent) !important;
    --wrestling-red-hot:var(--accent) !important;
    --wrestling-gold:var(--accent) !important;
    --wrestling-gold-soft:var(--accent) !important;
    --nova-brand-primary:#C25DFF !important;
    --nova-brand-secondary:#4BE9FF !important;
}
.world-wrestling .target-watch-button,
.details-wrestling .cinematic-watch-button { background:var(--hub-grad) !important; box-shadow:0 13px 30px rgba(96,68,255,.24) !important; }
.world-wrestling .target-save-button,
.world-wrestling .target-save-button.saved,
.details-wrestling .cinematic-secondary-action {
    border-color:rgba(137,115,255,.28) !important;
    color:#EDF1FF !important;
    background:rgba(9,11,20,.76) !important;
}
.world-wrestling .shahid-section-heading h2::before,
.details-wrestling .cinematic-tabs button.active::after,
.details-wrestling .episode-season-filter-strip button.active::after { background:var(--hub-grad) !important; }
.world-wrestling .shahid-rank-ribbon,
.world-wrestling .shahid-taxonomy-badges em.region { background:var(--hub-grad) !important; color:#fff !important; }
.world-wrestling .nova-rail-page-sentinel.loading i:nth-child(1) { background:var(--hub-brand-a) !important; color:var(--hub-brand-a) !important; box-shadow:0 0 12px rgba(194,93,255,.65) !important; }
.world-wrestling .nova-rail-page-sentinel.loading i:nth-child(2) { background:var(--hub-brand-b) !important; color:var(--hub-brand-b) !important; box-shadow:0 0 12px rgba(109,125,255,.65) !important; }
.world-wrestling .nova-rail-page-sentinel.loading i:nth-child(3) { background:var(--hub-brand-c) !important; color:var(--hub-brand-c) !important; box-shadow:0 0 12px rgba(75,233,255,.60) !important; }

@media (max-width: 1180px) {
    .world-hub-shell { grid-template-columns: 204px minmax(0,1fr); gap:13px; }
    .world-hub-rail-slot.compact { grid-column:1 / -1; }
    .world-hub-action-tile { grid-template-columns:34px minmax(0,1fr); }
    .world-hub-action-tile > svg { display:none; }
}

@media (max-width: 860px) {
    .catalog-landing-anime .catalog-landing-toolbar,
    .catalog-landing-wrestling .catalog-landing-toolbar { display:flex; }
    .world-hub-shell { width:100%; padding:calc(58px + var(--safe-top,0px)) 0 22px; display:block; }
    .world-hub-sidebar,
    .world-hub-desktop-topbar { display:none; }
    .world-hub-stage { display:block; }
    .world-hub-hero-frame { margin:0 12px 9px; border-radius:15px; }
    .world-hub-hero-frame .target-hero-slide { height:clamp(330px,47dvh,420px) !important; min-height:330px !important; }
    .world-hub-hero-frame .target-hero-text { max-width:86vw !important; }
    .world-hub-hero-frame .target-hero-text h1 { font-size:clamp(1.35rem,7vw,2.1rem) !important; }
    .world-hub-hero-frame .target-hero-copy { padding-inline:16px !important; padding-bottom:42px !important; }
    .world-hub-action-tiles {
        margin:0 12px 7px;
        padding:2px 0 4px;
        display:flex;
        gap:7px;
        overflow-x:auto;
        scrollbar-width:none;
    }
    .world-hub-action-tiles::-webkit-scrollbar { display:none; }
    .world-hub-action-tile { flex:0 0 190px; min-height:58px; padding:8px; grid-template-columns:32px minmax(0,1fr); border-radius:10px; }
    .world-hub-action-icon { width:31px; height:31px; border-radius:8px; }
    .world-hub-action-tile b { font-size:.66rem; }
    .world-hub-action-tile small { font-size:.52rem; }
    .anime-season-strip,
    .anime-hub-quick-nav,
    .wrestling-hub-quick-nav { padding-inline:12px !important; }
    .world-hub-rail-grid { display:block; }
    .world-hub-rail-slot { margin:0 12px 10px; border-radius:12px; }
    .world-hub-rail-slot > .shahid-home-section { padding:8px 0 11px !important; }
    .world-hub-rail-slot .horizontal-scroll-shell { padding-inline:10px; }
    .world-hub-rail-slot .shahid-poster-card,
    .world-hub-rail-slot .shahid-live-card { flex-basis:clamp(104px,28vw,132px) !important; }
    .world-hub-rail-slot .shahid-short-card { flex-basis:clamp(176px,58vw,245px) !important; }
    .world-hub-rail-slot .shahid-landscape-card { flex-basis:clamp(210px,68vw,280px) !important; }
    .world-hub-rail-slot .shahid-ranked-card { flex-basis:clamp(128px,35vw,165px) !important; }
    .world-hub-footer-panel { margin:4px 12px 12px; padding:12px; border-radius:12px; }
    .world-hub-footer-groups { grid-template-columns:1fr; }
}

@media (min-width: 861px) {
    .catalog-landing-anime .catalog-landing-toolbar,
    .catalog-landing-wrestling .catalog-landing-toolbar { display:none; }
    .catalog-landing-anime .catalog-landing-main,
    .catalog-landing-wrestling .catalog-landing-main { padding-bottom:28px; }
}

@media (prefers-reduced-motion: reduce) {
    .world-hub-action-tile,
    .world-hub-sidebar nav button { transition:none !important; }
}

.wrestling-hero-badges {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
    margin-bottom:8px;
}
.wrestling-hero-badges span {
    min-height:24px;
    padding:0 8px;
    display:inline-flex;
    align-items:center;
    border:1px solid rgba(137,115,255,.24);
    border-radius:7px;
    color:#E9ECF8;
    background:rgba(7,9,17,.64);
    backdrop-filter:blur(10px);
    font-size:.61rem;
    font-weight:900;
}
.wrestling-hero-badges .world { border-color:rgba(194,93,255,.40); color:#C25DFF; }
.wrestling-hero-badges .event { border-color:rgba(109,125,255,.36); color:#6D7DFF; }
.wrestling-hero-badges .year { border-color:rgba(75,233,255,.28); color:#4BE9FF; }

/* ----- Dedicated full catalogs: compact discovery density from approved layout ----- */
.catalog-world-anime,
.catalog-world-wrestling {
    width:min(100%,1580px) !important;
    margin-inline:auto !important;
    padding-inline:clamp(12px,2vw,26px) !important;
}
.catalog-world-anime .nova-catalog-fixed-header,
.catalog-world-wrestling .nova-catalog-fixed-header {
    border:1px solid rgba(109,125,255,.11) !important;
    border-radius:0 0 16px 16px !important;
    box-shadow:0 18px 45px rgba(0,0,0,.26) !important;
}
.catalog-world-anime .nova-catalog-heading-copy h1,
.catalog-world-wrestling .nova-catalog-heading-copy h1 {
    color:#F7F8FF !important;
    font-size:clamp(1rem,2vw,1.35rem) !important;
}
.catalog-world-anime .nova-catalog-heading-copy p,
.catalog-world-wrestling .nova-catalog-heading-copy p {
    color:#8791AA !important;
    font-size:.64rem !important;
}
.catalog-world-anime .nova-card-grid,
.catalog-world-wrestling .nova-card-grid {
    grid-template-columns:repeat(auto-fill,minmax(126px,1fr)) !important;
    gap:14px 9px !important;
}
.catalog-world-anime .nova-media-card,
.catalog-world-wrestling .nova-media-card {
    min-width:0 !important;
}
.catalog-world-anime .nova-media-title,
.catalog-world-wrestling .nova-media-title {
    font-size:.72rem !important;
    line-height:1.45 !important;
}
.catalog-world-anime .nova-media-meta,
.catalog-world-wrestling .nova-media-meta {
    font-size:.58rem !important;
}

@media (max-width: 860px) {
    .catalog-world-anime,
    .catalog-world-wrestling {
        padding-inline:10px !important;
    }
    .catalog-world-anime .nova-card-grid,
    .catalog-world-wrestling .nova-card-grid {
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:12px 7px !important;
    }
}

@media (max-width: 380px) {
    .catalog-world-anime .nova-card-grid,
    .catalog-world-wrestling .nova-card-grid {
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

/* ========================================================================
   BUILD 78 — IMMERSIVE FULL-CANVAS OVERRIDES
   The page canvas is intentionally pure black. Brand color is reserved for
   hierarchy, focus, progress and interactive emphasis—not decorative noise.
   ======================================================================== */

:root {
    --hub-bg: #000000;
    --hub-panel: rgba(255,255,255,.025);
    --hub-panel-strong: rgba(255,255,255,.04);
    --hub-line: rgba(255,255,255,.075);
    --hub-line-strong: rgba(194,93,255,.34);
}

.catalog-landing-anime,
.catalog-landing-wrestling,
.catalog-landing-anime .catalog-landing-main,
.catalog-landing-wrestling .catalog-landing-main,
.catalog-landing-anime .catalog-landing-reference,
.catalog-landing-wrestling .catalog-landing-reference,
.catalog-landing-anime .dedicated-world-hub,
.catalog-landing-wrestling .dedicated-world-hub,
.world-hub-shell,
.world-hub-stage {
    background: #000000 !important;
    background-image: none !important;
}

.catalog-landing-anime.oscar-app,
.catalog-landing-wrestling.oscar-app {
    background: #000000 !important;
    background-image: none !important;
}

/* Full viewport ownership. No sidebar column, no centered dashboard island. */
.world-hub-shell {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 14px clamp(12px,1.6vw,28px) 34px !important;
    display: block !important;
    direction: rtl !important;
    box-sizing: border-box;
}

.world-hub-stage {
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 14px !important;
    direction: rtl !important;
}

/* Build 78 removed the sidebar in Razor. Keep this hard guard so an old
   pre-rendered fragment can never reserve a side column after hot reload. */
.world-hub-sidebar { display: none !important; }

/* Horizontal command bar replaces sidebar navigation. */
.world-hub-desktop-topbar {
    position: sticky;
    z-index: 74;
    top: 0;
    width: 100%;
    min-height: 68px;
    padding: 8px 4px;
    display: grid;
    grid-template-columns: minmax(210px,.72fr) minmax(360px,1.65fr) minmax(280px,.9fr);
    align-items: center;
    gap: 14px;
    border-bottom: 1px solid rgba(255,255,255,.055);
    background: rgba(0,0,0,.90) !important;
    backdrop-filter: blur(20px) saturate(125%);
    -webkit-backdrop-filter: blur(20px) saturate(125%);
}

.world-hub-desktop-brand {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 11px;
}

.world-hub-desktop-brand .world-hub-brand-mark {
    flex: 0 0 31px;
}

.world-hub-desktop-copy {
    min-width: 0;
}
.world-hub-desktop-copy small { color: var(--hub-brand-a); }
.world-hub-desktop-copy strong {
    overflow: hidden;
    color: #ffffff;
    font-size: 1.03rem;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.world-hub-desktop-copy span {
    overflow: hidden;
    color: rgba(255,255,255,.43);
    white-space: nowrap;
    text-overflow: ellipsis;
}

.world-hub-topnav {
    min-width: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
    overflow: hidden;
}
.world-hub-topnav button {
    min-width: 0;
    min-height: 38px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 0;
    border-radius: 9px;
    color: rgba(255,255,255,.60);
    background: transparent;
    font: 800 .63rem/1 Tajawal,Arial,sans-serif;
    white-space: nowrap;
}
.world-hub-topnav button svg { color: rgba(255,255,255,.38); }
.world-hub-topnav button:hover,
.world-hub-topnav button.active {
    color: #fff;
    background: linear-gradient(180deg,rgba(194,93,255,.12),rgba(109,125,255,.05));
}
.world-hub-topnav button.active {
    box-shadow: inset 0 -2px 0 var(--hub-brand-a);
}
.world-hub-topnav button:hover svg,
.world-hub-topnav button.active svg { color: var(--hub-brand-a); }

.world-hub-desktop-actions {
    min-width: 0;
    justify-content: flex-end;
}
.world-hub-desktop-actions button,
.world-hub-icon-action {
    border-color: rgba(255,255,255,.08) !important;
    background: #000000 !important;
}
.world-hub-desktop-actions button:hover,
.world-hub-icon-action:hover {
    border-color: rgba(194,93,255,.32) !important;
    box-shadow: 0 0 0 1px rgba(109,125,255,.08), 0 10px 28px rgba(0,0,0,.45);
}
.world-hub-search {
    width: min(350px,29vw);
    min-width: 170px;
}
.world-hub-search span { color: rgba(255,255,255,.38); }

/* Hero is the visual anchor and uses the full available width. */
.world-hub-hero-frame {
    width: 100%;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 20px;
    background: #000000 !important;
    box-shadow: 0 28px 80px rgba(0,0,0,.58), 0 0 0 1px rgba(194,93,255,.025);
}
.world-hub-hero-frame::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 4;
    pointer-events: none;
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px rgba(109,125,255,.025);
}
.world-hub-hero-frame .target-hero-slide {
    height: clamp(430px,48dvh,610px) !important;
    min-height: 430px !important;
}
.world-hub-hero-frame .target-hero-copy {
    padding-inline: clamp(26px,4.2vw,72px) !important;
    padding-bottom: clamp(42px,6vh,74px) !important;
}
.world-hub-hero-frame .target-hero-text { max-width: min(650px,54vw) !important; }
.world-hub-hero-frame .target-hero-text h1 {
    font-size: clamp(1.85rem,3.25vw,3.65rem) !important;
    letter-spacing: -.035em;
    text-wrap: balance;
}
.world-hub-hero-frame .target-hero-actions button {
    min-height: 44px;
    padding-inline: 20px !important;
    border-radius: 10px !important;
}
.world-hub-hero-frame .target-save-button,
.world-hub-hero-frame .target-save-button.saved {
    background: rgba(0,0,0,.72) !important;
    backdrop-filter: blur(14px);
}

/* Shortcuts become a clean command ribbon, not four bulky dashboard cards. */
.world-hub-action-tiles {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 8px;
}
.world-hub-action-tile {
    min-height: 64px;
    padding: 9px 12px;
    border-color: rgba(255,255,255,.07);
    border-radius: 12px;
    background:
        linear-gradient(135deg,rgba(194,93,255,.045),transparent 52%),
        #000000;
    box-shadow: none;
    transition: border-color .16s ease, transform .16s ease, background .16s ease;
}
.world-hub-action-tile:hover {
    border-color: rgba(194,93,255,.28);
    background:
        linear-gradient(135deg,rgba(194,93,255,.09),rgba(109,125,255,.035) 55%,transparent),
        #000000;
    transform: translateY(-1px);
}
.world-hub-action-icon {
    border-color: rgba(194,93,255,.18);
    color: var(--hub-brand-a);
    background: rgba(194,93,255,.055);
}
.world-hub-action-tile small { color: rgba(255,255,255,.40); }
.world-hub-action-tile > svg { color: rgba(255,255,255,.27); }

/* Every rail participates in one full-width bento canvas. */
.world-hub-rail-grid {
    width: 100%;
    grid-template-columns: repeat(12,minmax(0,1fr));
    gap: 12px;
}
.world-hub-rail-slot {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.065);
    border-radius: 14px;
    background: #000000 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.015);
}
.world-hub-rail-slot.wide { grid-column: 1 / -1; }
.world-hub-rail-slot.compact { grid-column: span 6; }
.world-hub-rail-slot:hover { border-color: rgba(109,125,255,.15); }
.world-hub-rail-slot > .shahid-home-section { background: #000000 !important; }
.world-hub-rail-slot .shahid-section-heading {
    min-height: 42px !important;
    padding-inline: 14px !important;
}
.world-hub-rail-slot .shahid-section-heading h2 {
    color: #fff !important;
    font-size: .84rem !important;
    letter-spacing: -.015em;
}
.world-hub-rail-slot .shahid-section-heading h2::before {
    width: 3px !important;
    min-height: 17px !important;
    border-radius: 99px;
}
.world-hub-rail-slot .horizontal-scroll-shell { padding-inline: 12px; }
.world-hub-rail-slot .shahid-rail { gap: 9px !important; }
.world-hub-rail-slot .shahid-poster-card,
.world-hub-rail-slot .shahid-short-card,
.world-hub-rail-slot .shahid-landscape-card,
.world-hub-rail-slot .shahid-ranked-card,
.world-hub-rail-slot .shahid-live-card {
    border-color: rgba(255,255,255,.075) !important;
    background: #000000 !important;
    border-radius: 11px !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.38) !important;
}
.world-hub-rail-slot :is(.shahid-poster-card,.shahid-short-card,.shahid-landscape-card,.shahid-ranked-card,.shahid-live-card):hover {
    border-color: rgba(194,93,255,.26) !important;
    box-shadow: 0 14px 32px rgba(0,0,0,.52), 0 0 22px rgba(109,125,255,.055) !important;
}
.world-hub-rail-slot .shahid-poster-card,
.world-hub-rail-slot .shahid-live-card { flex-basis: clamp(116px,10.4vw,168px) !important; }
.world-hub-rail-slot .shahid-short-card { flex-basis: clamp(184px,17.5vw,282px) !important; }
.world-hub-rail-slot .shahid-landscape-card { flex-basis: clamp(236px,23vw,372px) !important; }
.world-hub-rail-slot .shahid-ranked-card { flex-basis: clamp(158px,14.5vw,230px) !important; }

/* Filter/category strips sit directly on black to preserve visual rhythm. */
.anime-season-strip,
.anime-hub-quick-nav,
.wrestling-hub-quick-nav {
    width: 100%;
    padding: 2px 0 !important;
}
.anime-season-year,
.anime-season-chip,
.anime-hub-chip,
.wrestling-hub-chip {
    border-color: rgba(255,255,255,.08) !important;
    background: #000000 !important;
}
.anime-season-year.active-year,
.anime-season-chip.active,
.anime-hub-chip.active,
.wrestling-hub-chip.active {
    background: linear-gradient(#000000,#000000) padding-box,var(--hub-grad) border-box !important;
}

.world-hub-footer-panel {
    width: 100%;
    padding: 15px;
    border-color: rgba(255,255,255,.07);
    background:
        linear-gradient(110deg,rgba(194,93,255,.045),rgba(109,125,255,.018) 55%,transparent),
        #000000 !important;
}
.world-hub-footer-chips button,
.world-hub-footer-groups button {
    border-color: rgba(255,255,255,.08);
    background: #000000;
}
.world-hub-footer-chips button:hover,
.world-hub-footer-groups button:hover { border-color: rgba(194,93,255,.28); color:#fff; }

/* Full catalog pages also use every pixel available to the route surface. */
.catalog-world-anime,
.catalog-world-wrestling {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-inline: clamp(10px,1.45vw,24px) !important;
    background: #000000 !important;
}
.catalog-world-anime .nova-catalog-fixed-header,
.catalog-world-wrestling .nova-catalog-fixed-header {
    background: rgba(0,0,0,.96) !important;
    border-color: rgba(255,255,255,.06) !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.52) !important;
}
.catalog-world-anime .nova-catalog-search,
.catalog-world-wrestling .nova-catalog-search,
.catalog-world-anime .nova-catalog-select-card,
.catalog-world-wrestling .nova-catalog-select-card,
.catalog-world-anime .nova-catalog-back,
.catalog-world-wrestling .nova-catalog-back,
.catalog-world-anime .nova-catalog-icon,
.catalog-world-wrestling .nova-catalog-icon,
.wrestling-catalog-quick-chip,
.anime-catalog-quick-chip {
    background: #000000 !important;
    border-color: rgba(255,255,255,.08) !important;
}
.catalog-world-anime .nova-catalog-select-card.active,
.catalog-world-wrestling .nova-catalog-select-card.active,
.wrestling-catalog-quick-chip.active,
.anime-catalog-quick-chip.active {
    background: linear-gradient(#000000,#000000) padding-box,var(--hub-grad) border-box !important;
}
.catalog-world-anime .nova-media-art,
.catalog-world-wrestling .nova-media-art {
    background: #000000 !important;
    border-color: rgba(255,255,255,.075) !important;
}
.catalog-world-anime .nova-card-grid,
.catalog-world-wrestling .nova-card-grid {
    grid-template-columns: repeat(auto-fill,minmax(132px,1fr)) !important;
    gap: 15px 10px !important;
}

/* Tablet: maintain full width and collapse only the least useful navigation. */
@media (max-width: 1180px) and (min-width: 861px) {
    .world-hub-shell { padding-inline: 16px !important; }
    .world-hub-desktop-topbar {
        grid-template-columns: minmax(185px,.68fr) minmax(250px,1fr) minmax(240px,.78fr);
    }
    .world-hub-topnav button { padding-inline: 7px; }
    .world-hub-topnav button svg { display:none; }
    .world-hub-search { width:min(290px,27vw); }
    .world-hub-rail-slot.compact { grid-column: span 6 !important; }
}

/* Mobile: full-black edge-to-edge canvas with disciplined 10px content gutters. */
@media (max-width: 860px) {
    .catalog-landing-anime .catalog-landing-toolbar,
    .catalog-landing-wrestling .catalog-landing-toolbar {
        display: flex;
        background: rgba(0,0,0,.93) !important;
        border-bottom-color: rgba(255,255,255,.05) !important;
        box-shadow: 0 12px 32px rgba(0,0,0,.54) !important;
    }
    .catalog-landing-anime .catalog-landing-toolbar-button,
    .catalog-landing-wrestling .catalog-landing-toolbar-button {
        background: #000000 !important;
        border-color: rgba(255,255,255,.08) !important;
    }
    .world-hub-shell {
        width: 100% !important;
        padding: calc(58px + var(--safe-top,0px)) 0 20px !important;
    }
    .world-hub-stage { display: block !important; width:100% !important; }
    .world-hub-desktop-topbar { display:none !important; }
    .world-hub-hero-frame {
        margin: 0 10px 9px;
        width: calc(100% - 20px);
        border-radius: 16px;
    }
    .world-hub-hero-frame .target-hero-slide {
        height: clamp(350px,52dvh,470px) !important;
        min-height: 350px !important;
    }
    .world-hub-hero-frame .target-hero-copy {
        padding-inline: 16px !important;
        padding-bottom: 44px !important;
    }
    .world-hub-hero-frame .target-hero-text { max-width: 90vw !important; }
    .world-hub-hero-frame .target-hero-text h1 { font-size: clamp(1.45rem,7.4vw,2.25rem) !important; }
    .world-hub-action-tiles {
        margin: 0;
        padding: 3px 10px 7px;
        display: flex;
        gap: 7px;
        overflow-x: auto;
        scroll-padding-inline: 10px;
        scrollbar-width: none;
    }
    .world-hub-action-tiles::-webkit-scrollbar { display:none; }
    .world-hub-action-tile {
        flex: 0 0 min(72vw,220px);
        min-height: 58px;
        grid-template-columns: 32px minmax(0,1fr);
        border-radius: 10px;
    }
    .world-hub-action-tile > svg { display:none; }
    .anime-season-strip,
    .anime-hub-quick-nav,
    .wrestling-hub-quick-nav { padding-inline: 10px !important; }
    .world-hub-rail-grid { display:block !important; width:100% !important; }
    .world-hub-rail-slot {
        width: calc(100% - 20px);
        margin: 0 10px 10px;
        border-radius: 12px;
    }
    .world-hub-rail-slot .horizontal-scroll-shell { padding-inline: 9px; }
    .world-hub-rail-slot .shahid-poster-card,
    .world-hub-rail-slot .shahid-live-card { flex-basis: clamp(106px,29vw,138px) !important; }
    .world-hub-rail-slot .shahid-short-card { flex-basis: clamp(178px,56vw,248px) !important; }
    .world-hub-rail-slot .shahid-landscape-card { flex-basis: clamp(212px,68vw,286px) !important; }
    .world-hub-rail-slot .shahid-ranked-card { flex-basis: clamp(130px,36vw,170px) !important; }
    .world-hub-footer-panel {
        width: calc(100% - 20px);
        margin: 4px 10px 12px;
        padding: 12px;
    }
    .catalog-world-anime,
    .catalog-world-wrestling { padding-inline: 9px !important; }
    .catalog-world-anime .nova-card-grid,
    .catalog-world-wrestling .nova-card-grid {
        grid-template-columns: repeat(3,minmax(0,1fr)) !important;
        gap: 12px 7px !important;
    }
}

@media (max-width: 390px) {
    .world-hub-hero-frame { margin-inline:8px; width:calc(100% - 16px); }
    .world-hub-action-tiles { padding-inline:8px; }
    .world-hub-rail-slot { width:calc(100% - 16px); margin-inline:8px; }
    .world-hub-footer-panel { width:calc(100% - 16px); margin-inline:8px; }
    .catalog-world-anime .nova-card-grid,
    .catalog-world-wrestling .nova-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}

@media (prefers-reduced-motion: reduce) {
    .world-hub-action-tile,
    .world-hub-topnav button { transition: none !important; }
}