/* Only the native host owns global navigation; contextual web controls remain. */
html.native { background: var(--bg, #14161a); }
.native #topbar { min-height: 0; height: 0; padding: 0; border: 0; position: static; background: transparent; box-shadow: none; }
.native #topbar > :not(#open-add-card):not(#open-new-deck):not(#profile-dropdown) { display: none !important; }
.native #bottom-nav, .native #nav-drawer, .native #mobile-stats-slot { display: none !important; }
.native #topbar #profile-dropdown { position: fixed; top: 12px; right: 12px; left: auto; max-height: calc(100dvh - 24px); width: min(360px, calc(100vw - 24px)); overflow-y: auto; z-index: 1300; }
.native #topbar #profile-dropdown:not([hidden]) { display: block !important; }
.native main { padding-top: 12px; padding-bottom: 88px; }
.native #open-add-card, .native #open-new-deck { bottom: 18px; right: 18px; min-height: 48px; }
.native #open-add-card:not([hidden]) { display: flex !important; align-items: center; justify-content: center; }
.native .deck-detail { padding-top: 0; }
.native .deck-hero { isolation: isolate; }
.native .modal-backdrop { padding: 12px; }
.native .modal { max-height: calc(100dvh - 24px); }
.native input, .native select, .native textarea { font-size: max(16px, 1em); }
.native #mana-panel.open { position: fixed; top: 12px; right: 12px; z-index: 1400; max-width: calc(100vw - 24px); max-height: calc(100dvh - 24px); overflow: auto; }
.native.native-suspended *, .native.native-reduced-motion * { animation-play-state: paused !important; }
.native.native-reduced-motion { scroll-behavior: auto !important; }
.native.native-reduced-motion *, .native.native-reduced-motion *::before, .native.native-reduced-motion *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; scroll-behavior: auto !important; }
@media (max-width: 400px) { .native main { padding-left: 12px; padding-right: 12px; } }