html, body { margin: 0; padding: 0; height: 100%; overflow: hidden; background: #101820; }
#out { position: fixed; inset: 0; }
.splash { color: #a9bdda; font: 16px system-ui, sans-serif; display: grid; place-items: center; height: 100%; }
/* A small HTML chip over the canvas, bottom left (the version and theme corner of the app is bottom right). It does not
   take part in the layout, so fullscreen and the 375 px view are untouched. */
.cookie-chip {
    position: fixed; left: max(6px, env(safe-area-inset-left)); bottom: max(6px, env(safe-area-inset-bottom)); z-index: 5;
    display: inline-flex; align-items: center; min-height: 40px; padding: 0 12px; border-radius: 20px;
    font: 11px system-ui, sans-serif; color: #a9bdda; background: rgba(16, 24, 32, .55); text-decoration: none; opacity: .85;
}
.cookie-chip[hidden] { display: none; }
.cookie-chip:hover, .cookie-chip:focus-visible { opacity: 1; text-decoration: underline; }
@media (prefers-color-scheme: light) {
    html, body { background: #f1f5f9; }
    .splash { color: #5a6b7a; }
    .cookie-chip { color: #3b4b5a; background: rgba(241, 245, 249, .7); }
}