/* v461 — final OSCAR collection artwork. 2040 only.
   Five matching round case renders, shared scale/baseline, no changes to Standard. */
@media (min-width:1181px){
  :root[data-visual-style="2040"][data-theme="hub"] .page-cases .k221-oscar-grid{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:start!important;
    min-height:348px!important;
  }
  :root[data-visual-style="2040"][data-theme="hub"] .page-cases .k221-oscar-tile{
    height:344px!important;
    min-height:344px!important;
    grid-template-rows:272px 38px 30px!important;
    overflow:visible!important;
  }
  :root[data-visual-style="2040"][data-theme="hub"] .page-cases .k221-oscar-visual{
    width:100%!important;
    height:272px!important;
    min-height:272px!important;
    overflow:visible!important;
  }
  :root[data-visual-style="2040"][data-theme="hub"] .page-cases .k221-oscar-visual>img,
  :root[data-visual-style="2040"][data-theme="hub"] .page-cases .k221-oscar-pulse .k221-oscar-visual>img,
  :root[data-visual-style="2040"][data-theme="hub"] .page-cases .k221-oscar-neon .k221-oscar-visual>img,
  :root[data-visual-style="2040"][data-theme="hub"] .page-cases .k221-oscar-royal .k221-oscar-visual>img,
  :root[data-visual-style="2040"][data-theme="hub"] .page-cases .k221-oscar-void .k221-oscar-visual>img,
  :root[data-visual-style="2040"][data-theme="hub"] .page-cases .k221-oscar-jackpot .k221-oscar-visual>img{
    top:auto!important;
    bottom:-2px!important;
    left:50%!important;
    width:116%!important;
    max-width:none!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center bottom!important;
    transform:translateX(-50%)!important;
    transform-origin:50% 100%!important;
    filter:drop-shadow(0 13px 18px rgba(0,0,0,.25))!important;
  }
  :root[data-visual-style="2040"][data-theme="hub"] .page-cases .k221-oscar-tile.coming-soon{
    cursor:default!important;
  }
  :root[data-visual-style="2040"][data-theme="hub"] .page-cases .k221-oscar-tile.coming-soon:is(:hover,:focus-visible){
    transform:translate3d(0,-3px,0) scale(1.005)!important;
  }
}

/* The same final OSCAR render must be shown when one of the four live cases is opened. */
:root[data-visual-style="2040"][data-theme="hub"] .case-page-case .case-art.custom-oscar-art{
  width:min(540px,92vw)!important;
  height:360px!important;
  margin:0 auto 18px!important;
  overflow:visible!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-page-case .case-art.custom-oscar-art>.oscar-case-image,
:root[data-visual-style="2040"][data-theme="hub"] .case-page-case .case-art.custom-oscar-art.case-pulse>.oscar-case-image,
:root[data-visual-style="2040"][data-theme="hub"] .case-page-case .case-art.custom-oscar-art.case-neon>.oscar-case-image,
:root[data-visual-style="2040"][data-theme="hub"] .case-page-case .case-art.custom-oscar-art.case-royal>.oscar-case-image,
:root[data-visual-style="2040"][data-theme="hub"] .case-page-case .case-art.custom-oscar-art.case-void>.oscar-case-image{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  filter:drop-shadow(0 16px 24px rgba(0,0,0,.28))!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-page-case .case-art.custom-oscar-art>.case-podium{
  display:none!important;
}

@media (max-width:1180px){
  :root[data-visual-style="2040"] .page-cases .k221-oscar-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    row-gap:16px!important;
  }
  :root[data-visual-style="2040"] .page-cases .k221-oscar-visual>img{
    top:auto!important;
    bottom:0!important;
    left:50%!important;
    width:min(118%,420px)!important;
    height:auto!important;
    transform:translateX(-50%)!important;
    transform-origin:50% 100%!important;
  }
}
@media (max-width:650px){
  :root[data-visual-style="2040"] .page-cases .k221-oscar-grid{grid-template-columns:1fr!important;}
}