/* Night bay: the shared dark layer for pages turned from cream to the Trial Reel Engine look (Oct 28).
   Page colours were remapped in each file; this sets the page itself, the grain and the shared pieces. */
:root{
  --bay:#06120B; --bay-2:#0A1B12; --panel:#0D2117; --panel-2:#11291D;
  --n-cream:#EDE2CE; --n-dim:rgba(237,226,206,.74); --n-faint:rgba(237,226,206,.5);
  --n-edge:rgba(237,226,206,.1); --rec:#FF7A2F; --n-gold:#F2C37A;
}
html:root{background:var(--bay) !important}
body{background:radial-gradient(70% 50% at 15% 0%,rgba(38,78,59,.28),transparent 70%) no-repeat,var(--bay) !important;color:var(--n-cream)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:60;opacity:.5;mix-blend-mode:overlay;display:block !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}
::selection{background:var(--rec);color:#160A03}
nav{background:rgba(6,18,11,.66) !important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--n-edge)}
input,select,textarea{background:rgba(237,226,206,.04) !important;color:var(--n-cream) !important;border-color:rgba(237,226,206,.2) !important}
input::placeholder,textarea::placeholder{color:var(--n-faint) !important}
input:focus,select:focus,textarea:focus{border-color:var(--rec) !important;outline:none}
select option{background:var(--panel);color:var(--n-cream)}
/* the old cream pages gave their green bands a noise texture and dots; on the night page they are plain bay-2 panels */
.band,.s-green,.proof-bg,.closing-wrap,.tk-band{background-image:none !important;background-color:var(--bay-2) !important;border-top:1px solid var(--n-edge) !important;border-bottom:1px solid var(--n-edge)}