:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html,body{margin:0;height:100%;background:#dfe3cf;color:#233b4d;overflow:hidden;-webkit-user-select:none;user-select:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#cv{display:block;width:100vw;height:100dvh;touch-action:none;outline:none}
.sr-only{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* --- Bioprepsolutions Games site chrome (added by build-site.mjs) --- */
.site-footer { position: fixed; bottom: env(safe-area-inset-bottom, 0px); left: 0; right: 0; height: 44px; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; background: #fffdf8; border-top: 1px solid #e3dccb; }
.site-footer h1 { margin: 0; font: bold 13px "Trebuchet MS", sans-serif; color: #233b4d; }
.hub-back { padding: 6px 12px; border: 1px solid #c9bfa8; border-radius: 9px; font: bold 13px "Trebuchet MS", sans-serif; color: #233b4d; text-decoration: none; }
.hub-back:hover, .hub-back:focus-visible { background: #f1ece0; }

/* Shared site utility; never position it over the playfield. */
[data-feedback-mount]{display:inline-flex;flex:none;pointer-events:auto}
.site-footer{gap:8px;--feedback-ink:#233b4d}.site-footer h1{font-size:12px}