/* ============================================================
   15-app.css — The iOS app shell (html.is-app, set by js/native.js).
   Nothing here applies on the website.
   ============================================================ */

/* The web view runs edge to edge (viewport-fit=cover), so the status bar
   sits on top of the page. Safari keeps its own bar above the page; the app
   has to make room itself, and paints the strip so scrolled content does
   not run under the clock. */
.app-statusbar{display:none;}
html.is-app .app-statusbar{
  display:block; position:fixed; top:0; left:0; right:0; z-index:65;
  height:env(safe-area-inset-top); background:var(--bg); pointer-events:none;
}
@media(max-width:960px){
  html.is-app .main{padding-top:calc(8px + env(safe-area-inset-top));}
}
@media(min-width:961px){
  html.is-app .main{padding-top:calc(34px + env(safe-area-inset-top));}
  /* the side rail (iPad landscape, 13-inch portrait) starts under the clock too */
  html.is-app .rail{padding-top:env(safe-area-inset-top);}
}

/* The bot check from commandarium.app/captcha/ (js/cloud.js, mountAppCaptcha).
   It stays a pixel high until Turnstile wants a click and reports its size;
   a frame of no size at all may be paused by the web view. */
.captcha-frame{display:block; width:100%; height:1px; border:0; background:transparent;}