/* ---------------------------------------------------------------------------
   base.css — page-level structural styles. The face itself is in design.css.
   --------------------------------------------------------------------------- */
:root { color-scheme: dark; }

*{margin:0;padding:0;box-sizing:border-box}
html,body{
  width:100%;height:100%;
  background:#000;                 /* true black for OLED */
  color:#fff;
  overflow:hidden;
  -webkit-user-select:none;user-select:none;
  -webkit-touch-callout:none;
  -webkit-tap-highlight-color:transparent;
  overscroll-behavior:none;
  touch-action:none;
  font-family:-apple-system,system-ui,sans-serif;
}
body{position:fixed;inset:0;height:100dvh;height:-webkit-fill-available;cursor:pointer}

/* Debug log (only visible with ?debug=1) */
#debug{
  position:absolute;
  top:max(8px,env(safe-area-inset-top));
  left:max(8px,env(safe-area-inset-left));
  right:max(8px,env(safe-area-inset-right));
  max-height:40%;
  padding:6px 8px;
  font:10px/1.4 ui-monospace,Menlo,monospace;
  color:#6f6;
  background:rgba(0,0,0,.6);
  white-space:pre-wrap;
  overflow-y:auto;
  pointer-events:none;
  z-index:100;
}