/*
 * REEF AQUARIUM — visual proof built on the EXACT artwork the player
 * approved, not an approximate redraw. This stylesheet is scoped to the
 * Level 1-10 Adventure map only. Every creature is a separate CSS animation.
 */
html[data-world="reef"][data-screen="map-screen"] .voyage-map{
  background:radial-gradient(ellipse at 51% 53%,#0079941a,transparent 72%);
}
html[data-world="reef"][data-screen="map-screen"] .voyage-head h2{
  color:#fff2c5;text-shadow:0 2px 10px #001a35d9,0 0 11px #fff4be77;
}
html[data-world="reef"][data-screen="map-screen"] .voyage-window{
  height:clamp(445px,60svh,650px);
  min-height:0;
  border:1.5px solid #93f9ed9b;
  box-shadow:0 4px 21px #03f4f34f,0 16px 33px #001d38a3;
  border-radius:20px;
  background:#043048;
  overflow-x:hidden;overflow-y:auto;
  touch-action:pan-y;
}
html[data-world="reef"][data-screen="map-screen"] .voyage-track.reef-aquarium-track{
  position:relative;overflow:hidden;
  min-height:0!important;
  background:none!important;
  background-color:#051d3e!important;
  isolation:isolate;
}
.reef-aquarium-track::before,
.reef-aquarium-track::after{display:none!important}
.reef-aquarium-art{
  position:absolute;inset:0;
  background:url('art/reef-approved-aquarium-v1.svg') center center/145% 100% no-repeat;
  z-index:0;pointer-events:none;
  filter:saturate(1.08) contrast(1.03);
  transform:translateZ(0);
}
/* Water shimmer travels INDEPENDENTLY over stationary 3D coral platforms. */
.reef-aquarium-caustics{
  position:absolute;inset:-4% -10%;
  z-index:1;pointer-events:none;
  opacity:.23;
  background:
    repeating-linear-gradient(96deg,transparent 0 35px,#bcfff926 45px,#c9ffff09 57px,transparent 72px 118px),
    radial-gradient(ellipse at 34% 27%,#b6ffff53,transparent 47%);
  filter:blur(5px);
  mix-blend-mode:screen;
  animation:reef-aquarium-water 13s ease-in-out infinite alternate;
}
@keyframes reef-aquarium-water{
  0%{transform:translate3d(-13px,4px,0) rotate(-1.6deg);opacity:.13}
  50%{opacity:.33}
  100%{transform:translate3d(18px,-9px,0) rotate(2deg);opacity:.23}
}
.reef-aquarium-track .voyage-live{z-index:2}
.reef-aquarium-track .voyage-live-ray{opacity:.5;mix-blend-mode:screen}
/* Boss image remains hidden while the player explores initial reef stages. */
.reef-aquarium-mystery{
  position:absolute;top:0;left:0;right:0;height:36%;
  z-index:3;pointer-events:none;
  transition:opacity .7s ease;
}
.reef-aquarium-mystery.hidden-boss{
  background:
    radial-gradient(ellipse at 70% 10%,#04102feb,#05132dc9 31%,#06163372 70%,transparent 100%),
    linear-gradient(180deg,#020b24e9,#061b35b6 49%,transparent);
}
.reef-aquarium-mystery.teaser{
  background:linear-gradient(180deg,#06132bc7,#071b367b 58%,transparent);
}
.reef-aquarium-mystery.revealed{opacity:0}
.reef-art-hotspot{
  position:absolute;z-index:4;
  transform:translate(-50%,-50%);
  width:clamp(48px,16vw,72px);
  height:clamp(48px,16vw,72px);
  border-radius:50%;padding:0;
  border:1px solid #d5fffd07;
  background:transparent;
  cursor:pointer;
  box-shadow:none;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
.reef-art-hotspot:focus-visible{
  outline:3px solid #fff7ae;
  outline-offset:4px;
  background:#a8ffff16;
}
.reef-art-hotspot.is-current{
  border:2px solid #fff1ba;
  box-shadow:0 0 21px #ffe9aa99,inset 0 0 8px #fff1af7c;
  animation:reef-current-glow 2.8s ease-in-out infinite alternate;
}
@keyframes reef-current-glow{
  from{box-shadow:0 0 10px #ffdd8680,inset 0 0 3px #fff8b466}
  to{box-shadow:0 0 24px #ffeb94c9,inset 0 0 8px #fff6cc99}
}
.reef-art-hotspot.is-locked{
  background:#03162f93;
  border:1px solid #6387a0b8;
  backdrop-filter:blur(1.1px) brightness(.7);
  -webkit-backdrop-filter:blur(1.1px) brightness(.7);
  cursor:default;
}
.reef-node-lock{
  position:absolute;inset:0;display:flex;
  align-items:center;justify-content:center;
  font-size:19px;text-shadow:0 2px 9px #000b;
}
.reef-node-stars{
  position:absolute;bottom:-9px;left:50%;
  transform:translateX(-50%);
  display:block;white-space:nowrap;
  color:#ffdd64;font-size:12px;font-weight:900;
  letter-spacing:-1.5px;line-height:1.1;
  padding:2px 5px;border-radius:12px;
  background:#062e42eb;
  border:1px solid #dcffba70;
  box-shadow:0 1px 7px #041b3da4;
  text-shadow:0 0 6px #ffa93f;
}
.reef-art-hotspot.is-locked .reef-node-stars{
  background:#081d32df;color:#d3dbea;border-color:#546e89;
  letter-spacing:0;
}
.reef-art-hotspot.is-boss{
  width:clamp(76px,23vw,100px);height:clamp(42px,12vw,55px);
  border-radius:20px;
}
.reef-aquarium-omen{
  z-index:4;position:absolute;top:7%;left:50%;
  transform:translateX(-50%);
  pointer-events:none;
  font-size:11px;font-weight:750;
  white-space:nowrap;
  padding:8px 9px;border-radius:17px;
  color:#eac9ff;background:#230f48bf;
  border:1px solid #b15aec80;
  box-shadow:0 0 14px #af64f24d;
  animation:reef-omen-pulse 4.8s ease-in-out infinite alternate;
}
@keyframes reef-omen-pulse{to{opacity:.7;box-shadow:0 0 21px #af64f280}}
/* A controlled aquarium, not a performance-heavy video or page-shaking GIF. */
html[data-world="reef"] .reef-aquarium-track .voyage-live-bubble{
  box-shadow:inset 0 0 4px #d5ffffa0,0 0 7px #abffff8a;
}
html[data-world="reef"] .reef-aquarium-track .voyage-live-plant{
  opacity:.65;
}
html[data-world="reef"] .reef-aquarium-track .voyage-fish-school{
  filter:drop-shadow(0 0 4px #ccfff094) saturate(1.12);
}
html[data-world="reef"][data-screen="map-screen"] .world-tabs{
  display:none;
}
/* Keep farm + playable button visible; don't fake gems, hearts or currencies. */
html[data-world="reef"][data-screen="map-screen"] .voyage-farm{
  margin-top:4px;
  border-color:#a7fcda9c;
  box-shadow:0 0 15px #79f3f833,inset 0 1px #d7fff8a0;
}
@media(max-height:700px){
 html[data-world="reef"][data-screen="map-screen"] .voyage-window{height:clamp(375px,55svh,500px)}
 html[data-world="reef"][data-screen="map-screen"] .voyage-head{padding:2px 4px 4px}
 html[data-world="reef"][data-screen="map-screen"] .voyage-head h2{margin:2px 0 4px;font-size:25px}
 html[data-world="reef"][data-screen="map-screen"] .voyage-score{margin:2px 5px 6px;padding:7px 10px}
}
@media(prefers-reduced-motion:reduce){
 .reef-aquarium-caustics,.reef-art-hotspot.is-current,.reef-aquarium-omen{
  animation:none!important;
 }
}