/* One-time early-development notice (public/js/systems/development-notice.js). */
#devNotice{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;
  padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));
  background:rgba(4,8,6,.82);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
#devNotice .devNoticeCard{max-width:520px;width:100%;max-height:100%;overflow:auto;padding:20px 22px;
  border:1px solid rgba(141,255,158,.55);background:linear-gradient(180deg,rgba(14,24,17,.97),rgba(7,12,9,.97));
  box-shadow:0 0 0 1px rgba(0,0,0,.6),0 18px 48px rgba(0,0,0,.6);color:#d9f5dd;
  font-family:"JetBrains Mono",ui-monospace,"Courier New",monospace;font-size:13px;line-height:1.55}
#devNotice .devNoticeEyebrow{font-size:10px;letter-spacing:.22em;color:var(--phos,#8dff9e);opacity:.8;margin-bottom:6px}
#devNotice h2{margin:0 0 10px;font-family:"Oswald",Impact,"Arial Narrow",sans-serif;font-weight:600;
  font-size:22px;letter-spacing:.06em;text-transform:uppercase;color:#f1fff3}
#devNotice p{margin:0 0 10px}
#devNotice b{color:var(--phos,#8dff9e);font-weight:600}
#devNotice .devNoticeBtn{display:block;width:100%;margin-top:14px;padding:12px 14px;min-height:44px;cursor:pointer;
  border:1px solid var(--phos,#8dff9e);background:rgba(141,255,158,.14);color:#f1fff3;
  font-family:"Oswald",Impact,"Arial Narrow",sans-serif;font-size:15px;letter-spacing:.16em}
#devNotice .devNoticeBtn:hover,#devNotice .devNoticeBtn:focus-visible{background:rgba(141,255,158,.28);outline:none}