#tv-start[hidden], #ipad-help[hidden] { display: none; }
#tv-start { position: fixed; z-index: 50; left: 50%; top: 50%; transform: translate(-50%,-50%); min-height: 48px; padding: 12px 24px; }
#ipad-help { position: fixed; z-index: 45; right: 12px; top: max(12px, env(safe-area-inset-top)); max-width: min(360px,85vw); font-size: 12px; background: #170b29e8; color: white; border-radius: 10px; padding: 8px; }
#ipad-help summary { cursor: pointer; min-height: 28px; }
.tv[data-display="ipad"] main { padding: max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left)); }
@media (max-width: 700px) {
  body:not(.tv) button, body:not(.tv) input, body:not(.tv) select { min-height: 44px; font-size: 16px; }
  body:not(.tv) .table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
}