/* OUT v2 playtest: make the MV unmistakably present and make progression visibly reveal it. */

/* out-aaa.js continuously changes --mv-opacity / blur / brightness according to
   ECHO, stage progress and hit energy. Amplify that signal instead of flattening
   it behind a low visibility floor. */
.aaa-loaded .yt-background{
  opacity:clamp(.38,calc(var(--mv-opacity) + .29),.82)!important;
  filter:
    blur(clamp(2px,calc(var(--mv-blur) - 6px),6px))
    brightness(clamp(.64,calc(var(--mv-bright) + .35),.94))
    saturate(clamp(1.12,calc(var(--mv-sat) + .24),1.58))
    contrast(1.04)!important;
}

.aaa-loaded .cinema-scrim{
  background:linear-gradient(180deg,rgba(1,3,7,.28),rgba(2,6,13,.08) 34%,rgba(2,5,12,.12) 70%,rgba(0,2,7,.38));
}
.aaa-loaded .cinema-vignette{
  box-shadow:inset 0 0 13vw rgba(0,0,0,.52),inset 0 -10vh 15vh rgba(0,0,0,.32);
}

/* Let the video move through the board like dark smoked glass. The dynamic
   --board-alpha still decreases as the run gains energy. */
.aaa-loaded .board-wrap{
  background:rgba(2,7,16,.14);
  backdrop-filter:blur(2.5px) saturate(1.20);
}
.aaa-loaded .board{
  background:
    linear-gradient(to right,rgba(255,255,255,.065) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(255,255,255,.065) 1px,transparent 1px),
    radial-gradient(circle at 50% 46%,rgba(63,167,255,.075),transparent 55%),
    linear-gradient(145deg,rgba(10,29,52,max(.16,calc(var(--board-alpha) - .16))),rgba(3,9,20,max(.16,calc(var(--board-alpha) - .16))));
  background-size:calc(100%/9) calc(100%/9),calc(100%/9) calc(100%/9),auto,auto;
}

/* PERFECT / CLEAR should look materially different from neutral play. */
body.aaa-perfect .yt-background{
  opacity:.74!important;
  filter:blur(2px) brightness(.91) saturate(1.48) contrast(1.02)!important;
}
body.aaa-clear .yt-background,
body.aaa-finale .yt-background{
  opacity:.82!important;
  filter:blur(1.5px) brightness(.96) saturate(1.55) contrast(1.01)!important;
}

/* Keep foreground legibility even with the stronger video. */
.aaa-loaded .piece{filter:drop-shadow(0 8px 10px rgba(0,0,0,.48)) drop-shadow(0 0 7px rgba(255,255,255,.06))}
.aaa-loaded .music-deck,.aaa-loaded .message-row,.aaa-loaded .stat-card,.aaa-loaded .controls .button{backdrop-filter:blur(14px) saturate(1.4)}