html, body { display: block; width: 100%; height: 100%; overscroll-behavior: none; }
head, title, meta, link, script, style { display: none; }
#g { transform-origin: top left; }
.portal-ui { position: fixed; z-index: 10001; color: #eee; font: 12px/1.3 system-ui, sans-serif; }
nav.portal-ui { left: max(6px, env(safe-area-inset-left)); top: max(6px, env(safe-area-inset-top)); display: flex; gap: 5px; }
.portal-ui button, .portal-ui a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 10px; color: #fff; background: #111b; border: 1px solid #555; border-radius: 5px; text-decoration: none; cursor: pointer; }
.portal-ui button:focus-visible, .portal-ui a:focus-visible { outline: 2px solid #ff0; }
#portal-hint { left: 8px; right: 8px; bottom: max(5px, env(safe-area-inset-bottom)); text-align: center; pointer-events: none; color: #ccc; }
@media (max-height: 440px) { #portal-hint { font-size: 10px; bottom: 2px; } }