/* PROJECT OHANA V36 · EVOLUTION CINEMA */
#evo-stage{
  position:fixed!important;inset:0!important;z-index:85!important;display:none!important;overflow:hidden!important;
  cursor:pointer!important;touch-action:none!important;user-select:none!important;-webkit-user-select:none!important;
  background:
    radial-gradient(circle at 50% 48%,rgba(40,74,118,.16),transparent 42%),
    linear-gradient(180deg,#02050c,#040a16 54%,#02050c)!important;
  pointer-events:auto!important;isolation:isolate;
}
#evo-stage.show{display:block!important}
#evo-stage::before,#evo-stage::after{
  content:"";position:absolute;left:0;right:0;z-index:3;height:clamp(34px,7vh,76px);background:#010307;pointer-events:none;
  transform:scaleY(0);transition:transform .48s cubic-bezier(.16,1,.3,1);
}
#evo-stage::before{top:0;transform-origin:top}#evo-stage::after{bottom:0;transform-origin:bottom}
#evo-stage.show::before,#evo-stage.show::after{transform:scaleY(1)}
body.cinema-final-evolution #evo-stage{background:
  radial-gradient(circle at 50% 48%,rgba(255,220,100,.19),transparent 34%),
  radial-gradient(circle at 50% 56%,rgba(120,88,255,.12),transparent 54%),
  #02050c!important}
#evo-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:1}
#evo-stage .evo-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#evo-stage .evo-skip{
  position:absolute;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:5;
  min-height:38px;padding:0 14px;border:1px solid rgba(255,255,255,.16);border-radius:10px;
  background:rgba(4,9,18,.5);color:rgba(235,244,255,.72);backdrop-filter:blur(12px);
  font:800 9px/1 Outfit,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;
}
#evo-stage .evo-skip:hover,#evo-stage .evo-skip:focus-visible{color:#fff;border-color:rgba(255,255,255,.42);outline:0}
body:has(#evo-stage.show) #notification-container,
body:has(#evo-stage.show) #experience-ribbon,
body:has(#evo-stage.show) #prompt{visibility:hidden!important}
body.playing #evo-stage:not(.show){display:none!important;pointer-events:none!important}
@media(max-width:560px){#evo-stage .evo-skip{right:12px;bottom:12px;min-height:34px;font-size:8px}}
@media(prefers-reduced-motion:reduce){
  #evo-stage::before,#evo-stage::after{transition:none!important}
  #evo-stage .evo-skip{transition:none!important}
}

/* A clear stage, with an explicit action instead of accidental tap-to-skip. */
#evo-stage::before,#evo-stage::after{display:none!important;}
#evo-stage .evo-skip{background:#173c40;color:#fff1cf;border:1px solid #b5d1b755;border-radius:12px;min-height:44px;padding:12px 20px;letter-spacing:0;text-transform:none;font:600 13px Outfit,sans-serif;backdrop-filter:none;}
#evo-stage .evo-skip:focus-visible{outline:3px solid #e8d290;outline-offset:4px;}