:root{
  --bg:#dfe5ec; --ink:#1f2a6b; --gold:#b8861f; --muted:#4a5378;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){ --bg:#141933; --ink:#cdd6f6; --gold:#e3b54d; --muted:#98a2c8; }
}
:root[data-theme="dark"]{ --bg:#141933; --ink:#cdd6f6; --gold:#e3b54d; --muted:#98a2c8; }
html,body{height:100%;margin:0}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{background:var(--bg);color:var(--ink);font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;overflow:hidden}
canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}
.caption{position:fixed;left:clamp(1rem,4vw,3rem);bottom:calc(clamp(1rem,4vw,2.5rem) + env(safe-area-inset-bottom,0px));max-width:30rem;pointer-events:none}
h1{font-weight:500;font-style:italic;font-size:clamp(2rem,5vw,3.2rem);margin:0 0 .35rem;letter-spacing:.01em}
p{font-size:clamp(1rem,2.2vw,1.2rem);line-height:1.5;margin:0;color:var(--muted)}
.sig{margin-top:.6rem;font-style:italic}

/* added for IN THIS ELECTRIC SEA: link back to the archive */
.ites-back{position:fixed;top:calc(.8rem + env(safe-area-inset-top,0px));left:clamp(1rem,4vw,3rem);z-index:2;font-size:1rem;color:var(--muted)}
.ites-back a{color:inherit}