/* ============================================================
   NoirPlay V36 — Cinematic Home + Signature Player
   ============================================================ */

:root{
  --np36-glass:color-mix(in srgb,var(--surface) 90%,transparent);
  --np36-glass-strong:color-mix(in srgb,var(--surface) 96%,transparent);
  --np36-edge:color-mix(in srgb,var(--line) 88%,transparent);
  --np36-glow:color-mix(in srgb,var(--red) 22%,transparent);
  --np36-shadow:0 26px 90px rgba(0,0,0,.28);
}

/* ---------- global motion ---------- */
.np36-reveal{
  opacity:0;
  transform:translateY(18px) scale(.992);
  transition:
    opacity .58s cubic-bezier(.22,.61,.36,1),
    transform .58s cubic-bezier(.22,.61,.36,1);
  transition-delay:var(--np36-delay,0ms);
}
.np36-reveal.np36-visible{
  opacity:1;
  transform:none;
}

@media(prefers-reduced-motion:reduce){
  .np36-reveal{opacity:1!important;transform:none!important;transition:none!important}
}

/* ============================================================
   HOME
   ============================================================ */
.home-hero{
  min-height:300px!important;
  isolation:isolate;
  overflow:hidden!important;
  padding:0!important;
  border-radius:28px!important;
  box-shadow:0 28px 90px rgba(0,0,0,.24)!important;
}
.home-hero::before{
  opacity:.23!important;
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--line) 19%,transparent) 1px,transparent 1px),
    linear-gradient(color-mix(in srgb,var(--line) 19%,transparent) 1px,transparent 1px)!important;
  background-size:48px 48px!important;
  mask-image:linear-gradient(to right,#000 0 48%,transparent 84%)!important;
}
.home-hero::after{
  width:430px!important;
  height:430px!important;
  right:-110px!important;
  bottom:-250px!important;
  opacity:.10!important;
  filter:blur(30px)!important;
  animation:np36-hero-orbit 7s ease-in-out infinite alternate;
}
@keyframes np36-hero-orbit{
  from{transform:translate3d(-8px,8px,0) scale(.94)}
  to{transform:translate3d(18px,-16px,0) scale(1.08)}
}

.np36-hero-aurora{
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  overflow:hidden;
}
.np36-hero-aurora::before,
.np36-hero-aurora::after{
  content:"";
  position:absolute;
  border-radius:50%;
  filter:blur(70px);
  opacity:.13;
}
.np36-hero-aurora::before{
  width:360px;height:360px;
  right:14%;top:-170px;
  background:var(--red);
  animation:np36-aurora-a 9s ease-in-out infinite alternate;
}
.np36-hero-aurora::after{
  width:270px;height:270px;
  right:-20px;bottom:-110px;
  background:var(--red-2);
  animation:np36-aurora-b 8s ease-in-out infinite alternate;
}
@keyframes np36-aurora-a{to{transform:translate(-54px,52px) scale(1.2)}}
@keyframes np36-aurora-b{to{transform:translate(-34px,-28px) scale(.88)}}

.home-hero-copy{
  position:relative;
  z-index:2;
  padding:46px 34px!important;
}
.home-hero-side{
  position:relative;
  z-index:2;
  padding:26px!important;
}
.home-badge{
  min-height:31px!important;
  padding:6px 10px!important;
  border:1px solid color-mix(in srgb,var(--line) 84%,transparent)!important;
  background:color-mix(in srgb,var(--surface-2) 76%,transparent)!important;
  backdrop-filter:blur(12px);
}
.home-badge>span{
  box-shadow:0 0 0 4px color-mix(in srgb,var(--red) 10%,transparent),0 0 14px var(--np36-glow);
  animation:np36-pulse 1.8s ease-in-out infinite alternate;
}
@keyframes np36-pulse{to{transform:scale(1.15);filter:brightness(1.25)}}

.home-hero h1{
  max-width:800px!important;
  margin-top:19px!important;
  font-size:clamp(40px,5vw,68px)!important;
  line-height:.98!important;
  letter-spacing:-.065em!important;
  text-wrap:balance;
}
.home-hero p{
  max-width:650px!important;
  margin-top:18px!important;
  font-size:12px!important;
  line-height:1.75!important;
}
.home-hero-actions{
  margin-top:24px!important;
}
.home-primary-action,
.home-secondary-action{
  min-height:46px!important;
  padding-inline:18px!important;
  border-radius:12px!important;
}
.home-primary-action{
  box-shadow:0 12px 30px color-mix(in srgb,var(--red) 24%,transparent)!important;
}
.home-primary-action:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 38px color-mix(in srgb,var(--red) 30%,transparent)!important;
}
.home-secondary-action{
  background:color-mix(in srgb,var(--surface-2) 76%,transparent)!important;
  backdrop-filter:blur(9px);
}

.np36-hero-chip{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:17px;
  padding:7px 9px;
  border:1px solid var(--line-soft);
  border-radius:999px;
  background:color-mix(in srgb,var(--surface-2) 65%,transparent);
  color:var(--muted);
  font-size:8px;
  font-weight:800;
  backdrop-filter:blur(10px);
}
.np36-hero-chip i{
  width:6px;height:6px;border-radius:50%;
  background:#63d98a;
  box-shadow:0 0 0 4px rgba(99,217,138,.10);
}

/* richer overview panel */
.home-overview-card{
  position:relative;
  overflow:hidden;
  padding:14px!important;
  border-radius:20px!important;
  background:color-mix(in srgb,var(--surface) 88%,transparent)!important;
  backdrop-filter:blur(18px) saturate(115%);
  box-shadow:0 22px 65px rgba(0,0,0,.20)!important;
}
.home-overview-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 42%);
}
.home-compact-stats article{
  border-radius:12px!important;
  background:color-mix(in srgb,var(--surface-2) 82%,transparent)!important;
}
.home-compact-stats article b{
  letter-spacing:-.05em;
}
.home-hero-note{
  border-radius:11px!important;
  background:color-mix(in srgb,var(--surface-2) 68%,transparent)!important;
}
.np36-mini-reel{
  position:relative;
  display:grid;
  grid-template-columns:1.24fr .88fr .88fr;
  gap:6px;
  margin-top:9px;
}
.np36-mini-reel a{
  position:relative;
  display:block;
  aspect-ratio:16/10;
  overflow:hidden;
  border:1px solid var(--line-soft);
  border-radius:9px;
  background:var(--surface-3);
}
.np36-mini-reel a:first-child{
  grid-row:span 2;
  aspect-ratio:auto;
  min-height:96px;
}
.np36-mini-reel img{
  width:100%;height:100%;
  object-fit:cover;
  display:block;
  transition:transform .35s ease,filter .35s ease;
}
.np36-mini-reel a::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.36),transparent 55%);
}
.np36-mini-reel a:hover img{transform:scale(1.055);filter:saturate(1.08)}
.np36-mini-reel-badge{
  position:absolute;
  z-index:2;
  left:8px;bottom:7px;
  padding:4px 6px;
  border-radius:6px;
  background:rgba(0,0,0,.62);
  color:white;
  font-size:6px;
  font-weight:900;
  backdrop-filter:blur(6px);
}

/* section architecture */
.home-featured-section,
.home-catalog-panel{
  position:relative;
  overflow:hidden;
  padding:20px!important;
  border:1px solid var(--np36-edge)!important;
  border-radius:20px!important;
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--surface) 98%,transparent),color-mix(in srgb,var(--surface-2) 56%,var(--surface)))!important;
  box-shadow:0 12px 38px rgba(0,0,0,.07);
}
.home-featured-section::before,
.home-catalog-panel::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:1px;
  background:linear-gradient(90deg,var(--red),transparent 23%);
  opacity:.5;
}
.home-section-head{
  position:relative;
  z-index:2;
  margin-bottom:15px!important;
}
.home-section-head .eyebrow{
  letter-spacing:.14em!important;
}
.home-section-head h2{
  margin-top:5px!important;
  letter-spacing:-.045em!important;
}
.home-section-head>a{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 10px;
  border:1px solid var(--line-soft);
  border-radius:9px;
  background:var(--surface-2);
  color:var(--muted);
}
.home-section-head>a:hover{
  color:var(--text);
  border-color:color-mix(in srgb,var(--red) 24%,var(--line));
}

/* cards become cinematic */
.video-card{
  overflow:visible!important;
}
.video-thumb{
  isolation:isolate;
  border-radius:13px!important;
  transition:transform .24s cubic-bezier(.22,.61,.36,1),box-shadow .24s ease,border-color .24s ease!important;
}
.video-thumb::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 32%);
  opacity:.45;
}
.video-card:hover .video-thumb{
  transform:translateY(-3px) scale(1.012);
  border-color:color-mix(in srgb,var(--red) 27%,var(--line))!important;
  box-shadow:0 18px 48px rgba(0,0,0,.22)!important;
}
.video-card:hover .play{
  transform:translate(-50%,-50%) scale(1.08)!important;
  background:color-mix(in srgb,var(--red) 82%,rgba(7,7,8,.8))!important;
}
.play{
  border-radius:14px!important;
  transition:transform .2s ease,background .2s ease,box-shadow .2s ease!important;
  box-shadow:0 12px 32px rgba(0,0,0,.35);
}
.video-card h3{
  font-size:12px!important;
  line-height:1.38!important;
}
.video-meta{
  gap:6px!important;
}
.video-meta span{
  opacity:.9;
}

/* pagination becomes a bottom navigation deck */
.catalog-pagination{
  margin-top:28px!important;
  padding:7px!important;
  border-radius:15px!important;
  border-color:var(--np36-edge)!important;
  background:var(--np36-glass)!important;
  box-shadow:0 13px 36px rgba(0,0,0,.10)!important;
}
.catalog-pagination button{
  min-width:35px!important;
  min-height:35px!important;
  border-radius:9px!important;
}
.catalog-pagination button:hover:not(:disabled){
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--red) 25%,var(--line))!important;
}
.catalog-pagination button.active{
  box-shadow:0 8px 18px color-mix(in srgb,var(--red) 20%,transparent);
}

/* ============================================================
   VIDEO PAGE + SIGNATURE PLAYER
   ============================================================ */
.watch-page{
  --np36-poster:none;
  position:relative;
}
.watch-page::before{
  height:760px!important;
  opacity:.24!important;
  filter:blur(64px) saturate(1.06)!important;
  background:
    linear-gradient(to bottom,transparent,var(--bg) 88%),
    var(--np36-poster,var(--np-watch-poster,none))!important;
}
.watch-page-head{
  padding-top:19px!important;
  padding-bottom:12px!important;
}
.watch-breadcrumb{
  min-height:31px;
  display:inline-flex!important;
  align-items:center;
  gap:7px!important;
  padding:5px 8px!important;
  border:1px solid var(--line-soft);
  border-radius:9px;
  background:color-mix(in srgb,var(--surface) 66%,transparent);
  backdrop-filter:blur(8px);
}
.watch-page-head-copy{
  max-width:470px!important;
}
.watch-page-head-copy p{
  line-height:1.6!important;
}

/* frame */
.player-shell{
  position:relative;
  overflow:hidden!important;
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  background:#050506!important;
  box-shadow:
    0 34px 110px rgba(0,0,0,.42),
    0 0 0 1px rgba(255,255,255,.025) inset!important;
}
.player-shell::before{
  opacity:.72!important;
}
.player-topline{
  position:relative;
  z-index:12;
  min-height:46px!important;
  padding:0 12px!important;
  border-radius:21px 21px 0 0!important;
  background:
    linear-gradient(180deg,rgba(24,25,29,.98),rgba(12,13,16,.98))!important;
}
.np36-player-brand{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-right:7px;
  padding-right:9px;
  border-right:1px solid rgba(255,255,255,.08);
}
.np36-player-brand img{
  width:21px;height:21px;
  object-fit:contain;
  border-radius:6px;
}
.np36-player-brand b{
  color:#f0f0f2;
  font-size:8px;
  font-weight:900;
  letter-spacing:.06em;
}
.player-topline [data-player-status]{
  color:#8f9299!important;
}
.player-source-name{
  font-size:7px!important;
}

/* stage identity */
.player-stage{
  position:relative;
  overflow:hidden;
  background:#000!important;
}
.np36-stage-ambient{
  position:absolute;
  inset:-10%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 44%,rgba(255,255,255,.035),transparent 39%),
    linear-gradient(180deg,rgba(255,255,255,.015),transparent 36%);
}
.np36-watermark{
  position:absolute;
  z-index:6;
  top:12px;right:12px;
  display:flex;
  align-items:center;
  gap:5px;
  padding:5px 7px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:rgba(0,0,0,.32);
  color:rgba(255,255,255,.66);
  pointer-events:none;
  backdrop-filter:blur(8px);
  transition:opacity .25s ease,transform .25s ease;
}
.np36-watermark img{
  width:17px;height:17px;object-fit:contain;border-radius:5px;
}
.np36-watermark span{
  font-size:7px;
  font-weight:900;
  letter-spacing:.05em;
}
.player-stage.np36-playing .np36-watermark{
  opacity:.42;
  transform:scale(.94);
}
.np36-now-playing{
  position:absolute;
  z-index:6;
  left:12px;top:12px;
  max-width:min(58%,620px);
  padding:7px 9px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:9px;
  background:rgba(0,0,0,.34);
  color:white;
  pointer-events:none;
  backdrop-filter:blur(9px);
  opacity:0;
  transform:translateY(-5px);
  transition:opacity .24s ease,transform .24s ease;
}
.player-stage:not(.np36-playing) .np36-now-playing{
  opacity:.9;
  transform:none;
}
.np36-now-playing small,
.np36-now-playing b{
  display:block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.np36-now-playing small{
  color:rgba(255,255,255,.52);
  font-size:6px;
  font-weight:900;
  letter-spacing:.12em;
}
.np36-now-playing b{
  margin-top:2px;
  font-size:9px;
  font-weight:820;
}

.player{
  position:relative;
  z-index:2;
  min-height:330px!important;
}
.player iframe,
.player video{
  position:relative;
  z-index:2;
}

/* signature custom controls */
.noir-custom-player .np-controls{
  z-index:12!important;
  padding:78px 17px 14px!important;
  background:
    linear-gradient(to top,rgba(0,0,0,.98),rgba(0,0,0,.72) 44%,rgba(0,0,0,.16) 78%,transparent)!important;
}
.noir-custom-player .np-control-row{
  gap:4px!important;
}
.noir-custom-player .np-control{
  height:38px!important;
  min-width:38px!important;
  border-radius:10px!important;
}
.noir-custom-player .np-control:hover{
  background:rgba(255,255,255,.12)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
}
.noir-custom-player .np-play{
  width:44px!important;
  background:rgba(255,255,255,.06)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}
.noir-custom-player .np-center-play{
  width:80px!important;height:80px!important;
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.30)!important;
  background:rgba(10,10,12,.68)!important;
  box-shadow:
    0 22px 70px rgba(0,0,0,.56),
    0 0 0 9px rgba(255,255,255,.026)!important;
}
.noir-custom-player .np-center-play:hover{
  border-color:rgba(255,255,255,.42)!important;
  background:var(--red)!important;
  box-shadow:
    0 22px 70px rgba(0,0,0,.56),
    0 0 0 10px color-mix(in srgb,var(--red) 13%,transparent)!important;
}
.noir-custom-player .np-progress-wrap{
  margin-bottom:11px!important;
}
.noir-custom-player .np-progress-track{
  height:5px!important;
  background:rgba(255,255,255,.18)!important;
}
.noir-custom-player .np-progress-track::before{
  content:"";
  position:absolute;
  inset:-6px 0;
  border-radius:999px;
  background:transparent;
}
.noir-custom-player .np-played-bar{
  background:linear-gradient(90deg,var(--red),var(--red-2))!important;
  box-shadow:0 0 16px color-mix(in srgb,var(--red) 34%,transparent)!important;
}
.noir-custom-player .np-progress::-webkit-slider-thumb{
  width:14px!important;height:14px!important;
  border-width:2px!important;
  background:#fff!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--red) 28%,transparent),0 3px 10px rgba(0,0,0,.45)!important;
}
.np-time{
  color:#e9e9eb!important;
  font-weight:750;
}
.np-quality,
.np-speed{
  border-color:rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.045)!important;
}
.np-quality-menu,
.np-speed-menu{
  overflow:hidden;
  border-radius:14px!important;
  border-color:rgba(255,255,255,.13)!important;
  background:rgba(13,14,17,.975)!important;
  box-shadow:0 28px 82px rgba(0,0,0,.58)!important;
}
.np-menu-title{
  background:rgba(255,255,255,.025);
}
.np-loading{
  width:62px!important;height:62px!important;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(7,8,10,.72)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.46)!important;
}
.np-loading span{
  border-top-color:var(--red)!important;
}

/* source deck */
.source-dock{
  position:relative;
  z-index:12;
  gap:12px!important;
  padding:11px 12px 12px!important;
  border-radius:0 0 21px 21px!important;
  background:linear-gradient(180deg,#111216,#0b0c0f)!important;
}
.source-dock-copy strong{
  font-size:10px!important;
}
.source-dock-copy span{
  max-width:140px;
  font-size:7px!important;
  line-height:1.35;
}
.source-buttons{
  gap:7px!important;
}
.source-button{
  min-height:40px!important;
  padding:6px 10px!important;
  border-radius:10px!important;
  overflow:hidden;
}
.source-button-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:1px;
}
.source-button-copy b{
  color:inherit;
  font-size:8px;
}
.source-button-copy small{
  color:#73767d;
  font-size:6px;
}
.source-button.active .source-button-copy small{
  color:color-mix(in srgb,var(--text) 62%,transparent);
}
.source-state-dot{
  width:6px;height:6px;
  display:inline-block;
  flex:0 0 auto;
  border-radius:50%;
  background:#6a6d74;
}
.source-button.active .source-state-dot{
  background:#63d98a!important;
  box-shadow:0 0 0 4px rgba(99,217,138,.10),0 0 14px rgba(99,217,138,.24);
}

/* info deck */
.video-info-card{
  position:relative;
  overflow:hidden;
  margin-top:15px!important;
  padding:20px!important;
  border-radius:19px!important;
  background:linear-gradient(180deg,var(--np36-glass-strong),var(--surface))!important;
}
.video-info-card::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:1px;
  background:linear-gradient(90deg,var(--red),transparent 26%);
  opacity:.52;
}
.video-heading-row{
  position:relative;
  z-index:2;
}
.watch-title{
  max-width:1050px!important;
  font-size:clamp(24px,2.55vw,36px)!important;
  line-height:1.10!important;
  letter-spacing:-.045em!important;
  text-wrap:balance;
}
.watch-meta{
  margin-top:12px!important;
}
.watch-meta>span,
.watch-views{
  min-height:29px!important;
  border-radius:9px!important;
}
.quick-actions{
  margin-top:17px!important;
  padding-top:15px!important;
}
.action-button{
  min-height:41px!important;
  border-radius:10px!important;
}
.action-button:hover{
  transform:translateY(-1px);
}
.action-button.active{
  box-shadow:0 8px 20px color-mix(in srgb,var(--red) 10%,transparent);
}
.watch-tags a{
  transition:transform .14s ease,border-color .14s ease,background .14s ease;
}
.watch-tags a:hover{
  transform:translateY(-1px);
  background:var(--surface-3);
}

/* related */
.watch-related-panel{
  top:78px!important;
  overflow:hidden;
  padding:14px!important;
  border-radius:19px!important;
  background:var(--np36-glass-strong)!important;
  box-shadow:0 18px 54px rgba(0,0,0,.13)!important;
}
.watch-related-panel::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:1px;
  background:linear-gradient(90deg,var(--red),transparent 36%);
  opacity:.45;
}
.watch-related-head{
  position:relative;
  z-index:2;
}
.watch-related-list{
  margin-top:9px!important;
}
.watch-related-list .video-card{
  padding:5px!important;
}
.watch-related-list .video-thumb{
  width:118px!important;
}
.watch-related-list .video-card h3{
  font-size:9px!important;
}
.watch-related-list .video-meta{
  font-size:7px!important;
}

/* comments */
.comments-card{
  position:relative;
  overflow:hidden;
  border-radius:19px!important;
  background:linear-gradient(180deg,var(--np36-glass-strong),var(--surface))!important;
}
.comments-card::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:1px;
  background:linear-gradient(90deg,var(--red),transparent 18%);
  opacity:.44;
}
.comment-form{
  min-height:56px;
  border-radius:13px!important;
}
.comment-form input{
  min-height:38px;
  border-radius:9px!important;
}
.comment{
  transition:background .15s ease;
}
.comment:hover{
  background:color-mix(in srgb,var(--surface-2) 56%,transparent);
}

/* theater */
body.np-theater-mode .watch-page::before{
  opacity:.31!important;
}
body.np-theater-mode .watch-layout{
  grid-template-columns:minmax(0,1fr)!important;
}
body.np-theater-mode .watch-side{
  display:none!important;
}
body.np-theater-mode .player-shell{
  width:min(1580px,calc(100vw - 26px))!important;
  margin-inline:auto!important;
}
body.np-theater-mode .player{
  max-height:82vh!important;
}
body.np-theater-mode .video-info-card{
  width:min(1280px,calc(100vw - 26px));
  margin-inline:auto;
}

/* mobile */
@media(max-width:760px){
  .home-hero{
    min-height:0!important;
    border-radius:20px!important;
  }
  .home-hero-copy{
    padding:30px 20px 22px!important;
  }
  .home-hero h1{
    font-size:clamp(34px,11vw,48px)!important;
    line-height:1!important;
  }
  .home-hero p{
    margin-top:13px!important;
    font-size:10px!important;
  }
  .home-hero-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr;
    width:100%;
  }
  .home-hero-actions .btn{
    width:100%;
    justify-content:center;
    padding-inline:10px!important;
    font-size:8px!important;
  }
  .home-hero-side{
    padding:0 15px 18px!important;
  }
  .home-overview-card{border-radius:16px!important}
  .np36-mini-reel a:first-child{min-height:76px}
  .home-featured-section,
  .home-catalog-panel{
    padding:14px!important;
    border-radius:16px!important;
  }

  .watch-page-head{
    padding:10px 12px!important;
  }
  .watch-breadcrumb{
    min-height:28px;
    padding:4px 7px!important;
  }
  .player-shell{
    border-radius:0!important;
  }
  .player-topline{
    min-height:40px!important;
    border-radius:0!important;
  }
  .np36-player-brand b{display:none}
  .np36-player-brand{padding-right:6px}
  .np36-watermark{
    top:8px;right:8px;
    padding:4px 5px;
  }
  .np36-watermark span{display:none}
  .np36-now-playing{
    left:8px;top:8px;
    max-width:62%;
    padding:5px 7px;
  }
  .np36-now-playing b{font-size:7px}
  .player{
    min-height:0!important;
  }
  .noir-custom-player .np-controls{
    padding:52px 7px 7px!important;
  }
  .noir-custom-player .np-center-play{
    width:64px!important;height:64px!important;
    border-radius:18px!important;
  }
  .noir-custom-player .np-control{
    min-width:32px!important;
    height:34px!important;
    padding-inline:4px!important;
  }
  .source-dock{
    border-radius:0!important;
    padding:8px!important;
  }
  .source-dock-copy{display:none!important}
  .source-buttons{
    flex-wrap:nowrap!important;
    overflow-x:auto;
    width:100%;
    padding-bottom:2px;
    scrollbar-width:none;
  }
  .source-buttons::-webkit-scrollbar{display:none}
  .source-button{
    flex:0 0 auto;
    min-height:38px!important;
  }
  .video-info-card{
    margin:10px!important;
    padding:15px!important;
    border-radius:15px!important;
  }
  .watch-title{
    font-size:21px!important;
    line-height:1.16!important;
  }
  .watch-related-panel{
    display:none!important;
  }
  .comments-card{
    margin-inline:10px!important;
    border-radius:15px!important;
  }
}
@media(max-width:430px){
  .home-hero-actions{grid-template-columns:1fr}
  .np36-mini-reel{grid-template-columns:1.2fr .8fr}
  .np36-mini-reel a:nth-child(3){display:none}
}

/* no heavy motion when user asks for reduced motion */
@media(prefers-reduced-motion:reduce){
  .home-hero::after,
  .np36-hero-aurora::before,
  .np36-hero-aurora::after,
  .home-badge>span{
    animation:none!important;
  }
}