/* Reference tokens: ink #040815, blue haze #16345a, ice #bcecff; open stage, no cards. */
.water-stage.water-stage{--water-ink:#040815;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 43%,#12233d88,transparent 67%),var(--water-ink);padding:52px 5% 42px;margin:0 auto;min-height:0;width:100%;box-sizing:border-box;border:0}
.water-stage .stage-grid,.home-premiere-stage.water-stage{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(12px,4vw,56px)!important;max-width:1120px;padding-bottom:140px;align-items:start}
.water-stage .stage-slot,.water-stage .home-premiere{position:relative;min-width:0;width:100%;max-width:310px;margin:0;isolation:isolate}
.water-stage [hidden]{display:none!important}
.water-stage .stage-card{width:100%;transform:none!important;filter:none!important;padding:0}
.water-stage .water-art{aspect-ratio:1;position:relative;overflow:hidden;box-reflect:unset;-webkit-box-reflect:unset;box-shadow:0 0 35px #3774be20;border:1px solid #42618a66;animation:water-float 7s ease-in-out infinite;animation-delay:var(--phase,0s)}
.water-stage .water-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.water-stage .water-art .chain,.water-stage .water-art .chains{z-index:3}
.water-stage .glitch-echo{z-index:2;opacity:var(--interference);mix-blend-mode:screen;animation:water-glitch 2.7s steps(1) infinite;animation-delay:var(--phase,0s);filter:hue-rotate(30deg) saturate(1.6)}
.water-static{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:var(--interference,.25);background:repeating-linear-gradient(0deg,#98eaff55 0 1px,#0008 1px 3px,transparent 3px 5px);animation:water-scan .7s linear infinite}
.water-stage .stage-caption,.water-stage .home-premiere h3,.water-stage .home-premiere p{position:relative;z-index:3;text-align:center}
.water-stage .stage-caption strong,.water-stage .home-premiere h3{font-size:clamp(17px,2.6vw,30px);line-height:1.1;margin:16px 0 6px;overflow-wrap:anywhere}
.water-stage .stage-caption>span:not([data-clock]),.water-stage .home-premiere p{font:clamp(9px,1.2vw,13px)/1.5 monospace;color:#9aabc4;letter-spacing:.04em}
.water-stage .album-reflection{display:block!important;position:absolute;z-index:-1;top:calc(100% + 14px);left:0;width:100%;height:130px;opacity:.28;overflow:hidden;pointer-events:none;mask-image:linear-gradient(#000a,transparent);-webkit-mask-image:linear-gradient(#000a,transparent);filter:blur(1px)}
.water-stage .album-reflection>.art,.water-stage .album-reflection>.home-premiere-art{height:auto;aspect-ratio:1;transform:scaleY(-1);animation:water-ripple 5s ease-in-out infinite;animation-delay:var(--phase,0s);-webkit-box-reflect:unset}
.water-stage:after{content:'';position:absolute;z-index:-1;pointer-events:none;inset:55% -15% -20%;background:repeating-radial-gradient(ellipse at 50% 0%,transparent 0 18px,#408cc516 19px 20px,transparent 22px 32px);transform:perspective(350px) rotateX(48deg);animation:water-floor 9s linear infinite;mask-image:linear-gradient(transparent,#0008 30%,transparent)}
.water-stage .scene-floor,.water-stage .scene-wall{display:none}
.water-stage .stage-help{position:relative;font-size:10px;letter-spacing:.13em;color:#8c9fbc;margin:10px 0 0;text-align:center}
.water-pages{display:flex;justify-content:center;align-items:center;gap:20px;margin:12px auto 28px;color:#9fb8d9;font:12px monospace}.water-pages button{width:44px;height:44px;background:transparent;border:1px solid #34527b;color:#bcecff;cursor:pointer}.water-pages button:disabled{opacity:.25}.water-pages svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.water-stage .signal-countdown{background:transparent!important;border:0;box-shadow:none;padding:10px 0!important}.water-stage .signal-unit{padding:0!important}.water-stage .signal-unit b svg{width:clamp(5px,1.7vw,16px);margin:0 1px}.water-stage .signal-unit small{font-size:clamp(5px,.8vw,9px)!important;letter-spacing:0}.water-stage .signal-unit:not(:last-child):after{font-size:clamp(10px,2vw,22px);right:-3px}
@keyframes water-float{50%{translate:0 -7px}}@keyframes water-glitch{0%,100%{clip-path:inset(12% 0 80%);translate:3px 0}25%{clip-path:inset(65% 0 20%);translate:-4px 0}50%{clip-path:inset(35% 0 52%);translate:5px 0}75%{clip-path:inset(80% 0 5%);translate:-2px 0}}@keyframes water-scan{to{background-position:0 5px}}@keyframes water-ripple{0%,100%{transform:scaleY(-1) skewX(-2deg) scaleX(1.02)}50%{transform:scaleY(-1) skewX(3deg) scaleX(.98)}}@keyframes water-floor{to{background-position:12px 25px}}
@media(max-width:650px){.upcoming-page main{padding-left:8px;padding-right:8px}.water-stage.water-stage{padding:36px 8px 24px}.water-stage .stage-grid,.home-premiere-stage.water-stage{gap:12px!important;padding-bottom:100px}.water-stage .album-reflection{height:90px}.water-stage .stage-caption strong,.water-stage .home-premiere h3{font-size:17px}.water-stage .stage-help{font-size:8px;line-height:1.7}.water-stage .signal-unit b svg{width:5px;margin:0 .5px}.water-stage .signal-unit small{font-size:5px!important}}
@media(prefers-reduced-motion:reduce){.water-stage *,.water-stage:after{animation:none!important}}.effects-paused .water-stage *,.effects-paused .water-stage:after{animation-play-state:paused!important}

.water-stage .stage-grid{align-items:stretch}.water-stage .stage-slot{height:100%}.water-stage .stage-caption{min-height:155px}.water-stage .stage-caption strong{min-height:2.2em;display:block}.water-stage .stage-caption>span:not([data-clock]){min-height:3em;display:block}
@media(max-width:650px){.water-stage .signal-unit b svg{width:7px}.water-stage .signal-unit small{font-size:6px!important}.water-stage .stage-caption{min-height:150px}}

/* Dark water room: restrained light, readable foreground. */
.water-stage.water-stage{--water-ink:#010307;background:radial-gradient(ellipse at 50% 14%,#0b304044,transparent 48%),#010307;padding-top:110px}
.water-stage:before{content:'';position:absolute;z-index:-1;pointer-events:none;top:16px;left:calc(50% - 27px);width:54px;height:150px;background:linear-gradient(100deg,#123448,#6aa9bf66,#163747);box-shadow:0 0 35px #41b4e533,0 0 100px #1478a522;opacity:.65}
.water-stage:after{inset:40% -15% -15%;background:repeating-radial-gradient(ellipse at 50% 0%,transparent 0 12px,#60bfe52b 13px 14px,transparent 16px 27px),linear-gradient(90deg,transparent 32%,#25779520 48%,#72cce633 50%,#25779520 52%,transparent 68%);mask-image:linear-gradient(transparent,#000 25%,#0009 80%,transparent);opacity:.65}
.water-stage .water-art{background:#020509;box-shadow:0 8px 24px #000,0 0 16px #26759630;border-color:#5488a36b}
.water-stage .album-reflection{opacity:.38;filter:blur(.7px)}
.water-stage .stage-caption strong,.water-stage .home-premiere h3{color:#e6f4ff;text-shadow:0 0 12px #6bb5d33b}
@media(max-width:650px){.water-stage.water-stage{padding-top:90px}.water-stage:before{width:38px;height:115px;left:calc(50% - 19px)}}

/* Consistent cover baseline: clocks occupy their own row above the artwork. */
.water-stage.water-stage{padding-top:24px;background:radial-gradient(ellipse at 50% 40%,#0b1c3044,transparent 65%),#010307}
.water-stage:before{display:none}
.water-stage .stage-card,.water-stage .home-premiere{display:flex!important;flex-direction:column;align-items:stretch;justify-content:flex-start}
.water-stage .stage-slot,.water-stage .home-premiere{max-width:none}
.water-stage .water-art{flex:none;width:100%!important;height:auto!important;aspect-ratio:1!important;animation:none!important;translate:none!important;transform:none!important;box-sizing:border-box}
.water-stage .stage-top-clock{order:-1;min-height:88px;margin:0 0 18px!important;align-content:center;flex:none;width:100%;box-sizing:border-box}
.water-stage .stage-caption{min-height:130px;width:100%}
.water-stage .stage-caption strong{margin-top:20px}
.water-stage .home-premiere h3{min-height:2.2em}.water-stage .home-premiere p{min-height:3em}
@media(max-width:650px){.water-stage.water-stage{padding-top:20px}.water-stage .stage-top-clock{min-height:50px;margin-bottom:12px!important}.water-stage .stage-caption{min-height:130px}.water-stage .stage-caption strong{font-size:clamp(12px,3.8vw,17px)}}
