/* STAR WATER FIELD — lagoon → ocean */
:root{
  --bg:#0a0c10;--panel:#11141a;--text:#c9fbff;--accent:#00eaff;--border:#0099cc;
  --hi:#ffee7a;--err:#ff4d4d;
}
body{
  background: var(--bg);
  color: var(--text);
  margin:0;
  font-family: Inter, Arial, sans-serif;
}
#star-water{
  position:fixed; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(circle at 12% 70%, rgba(120,0,30,.35), rgba(30,0,10,.75) 65%),
    radial-gradient(circle at 55% 55%, rgba(10,30,80,.45), rgba(0,10,40,.65) 65%),
    linear-gradient(115deg, #2a0010 0%, #4b0018 20%, #001a33 45%, #004f7a 70%, #00cbe6 100%);
  background-size:220% 220%;
  animation:tideFlow 26s ease-in-out infinite;
}
@keyframes tideFlow{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
.star-panel{
  position:relative; z-index:2;
  background:rgba(17,20,26,.82);
  border:1px solid var(--border);
  border-radius:12px;
  padding:14px;
  backdrop-filter: blur(6px);
}