/* One page-height surface scrolls naturally with the document. */
.continuous-atmosphere body{position:relative;isolation:isolate;background-image:none}
.site-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:#002a43;opacity:.88}
.dither-field{position:absolute;top:0;left:0;display:block;max-width:none;image-rendering:pixelated;pointer-events:none}
.site-atmosphere:not([data-ready=true]){background:linear-gradient(175deg,#002a43,#00448f 25%,#005b72 52%,#00684e 76%,#004a74)}
.continuous-atmosphere .chapter-strip,.continuous-atmosphere .encounter-section,.continuous-atmosphere .closing,.continuous-atmosphere .site-footer{background:transparent}
.continuous-atmosphere .chapter-strip,.continuous-atmosphere .closing{box-shadow:none}
.effects-toggle{position:fixed;left:20px;bottom:max(20px,env(safe-area-inset-bottom));z-index:30;display:flex;align-items:center;justify-content:center;gap:10px;min-width:106px;min-height:44px;padding:10px 13px;color:#c0d9c7;background:#1a2420;border:1px solid #587362;font:6px/1.8 var(--pixel);box-shadow:0 8px 24px #0007;transition:background-color 180ms,transform 180ms}
.effects-toggle>span:first-child{font:15px/1 monospace;color:var(--mint)}
.effects-toggle:hover{background:#294236}
.effects-toggle:active{transform:translateY(2px)}
.effects-toggle:disabled{opacity:.6}
@media(max-width:600px){
  .effects-toggle{left:12px;bottom:12px;min-width:44px;width:44px;padding:10px}
  .effects-toggle>span:last-child{display:none}
}