/* SANDBOX-ONLY: added by sandbox/build.mjs. Never part of the family app. */
:root { --sbh: calc(30px + env(safe-area-inset-top)); }
#sandbox-banner {
  position: sticky; top: 0; z-index: 1000; height: var(--sbh); padding: env(safe-area-inset-top) 12px 0;
  display: flex; align-items: center; justify-content: center; gap: 10px;
  background: repeating-linear-gradient(135deg, #f2b33d 0 14px, #e0a12c 14px 28px); color: #111;
  font: 800 13px/1 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; letter-spacing: .04em; text-transform: uppercase;
}
#sandbox-banner a { color: #111; background: rgba(255,255,255,.55); border-radius: 8px; padding: 3px 8px; text-decoration: none; text-transform: none; letter-spacing: 0; font-weight: 800; }
.top { top: var(--sbh) !important; padding-top: 10px !important; }
body::after { content: ""; position: fixed; inset: 0; border: 3px solid #f2b33d; pointer-events: none; z-index: 1001; }
.sheet-bg { z-index: 900; }