/* ============================================================
   STORMY TITANS™ — BROWSER SURROUND COLOR REFINEMENT — 002-R18

   Extends the canonical Stormy Titans navy into the outer browser-adjacent
   canvas and mobile safe-area backing regions where iOS Safari permits it.

   Canonical app.css color:
     --bg: #071a2b;
   ============================================================ */

:root{
  --st-browser-surround:#071a2b;
}

html{
  background-color:var(--st-browser-surround) !important;
  min-height:100% !important;
}

body{
  background-color:var(--st-browser-surround) !important;
  min-height:100% !important;
}

/* Back the hardware-safe top and bottom areas with the same navy. */
body::before,
body::after{
  content:"";
  position:fixed;
  left:0;
  right:0;
  pointer-events:none;
  z-index:-1;
  background:var(--st-browser-surround);
}

body::before{
  top:0;
  height:max(env(safe-area-inset-top),1px);
}

body::after{
  bottom:0;
  height:max(env(safe-area-inset-bottom),1px);
}

/* Avoid a mismatched canvas showing under the fixed dock. */
@media (max-width:700px){
  body:not(.public-body){
    background-color:var(--st-browser-surround) !important;
  }

  .mobile-dock{
    background-color:var(--st-browser-surround);
  }
}