/* Portrait phones and the installed app: lighter header and pages. The game board keeps its own landscape layout. */
.site-mobile-login{display:none}
/* Where the tab bar is shown, it replaces the menu button; the language lives in the account preferences and the legal line. */
@media(max-width:991.98px),(display-mode:standalone){
 .site-navbar .language-picker{display:none}
 /* My cards and My tables stay in the avatar menu; My decks and Scan have their own tabs. */
 /* The Explore panel uses titles only on compact screens. */
 .site-nav-card-copy>span{display:none}
 .site-nav-card-grid{gap:.5rem}
 .site-nav-card-copy{padding:.75rem 2.5rem .75rem 1rem}
}
@media(max-width:991.98px){
 /* Closed account button: avatar, name and points only; the rank stays inside the opened menu. */
 .site-navbar .account-menu-toggle .user-rank{display:none}
 .site-navbar .account-menu-toggle .account-avatar{display:grid;width:1.75rem;height:1.75rem}
 .site-navbar .account-menu-toggle{gap:.4rem}
 /* Denser menu entries: comfortable touch targets without the tall list. */
 .site-navbar .account-menu-panel .dropdown-item{min-height:2.25rem;padding-block:.35rem}
 .site-navbar .account-menu-panel .dropdown-divider{margin:.3rem .35rem}
 .site-navbar .account-menu-panel .account-menu-identity{padding-block:.35rem}
}
@media(max-width:991.98px),(display-mode:standalone) and (max-width:1199.98px){
 .site-navbar .navbar-toggler{display:none}
 /* Header: logo on the left; account (avatar, name, points) then notifications on the right. The universe is chosen in the preferences. */
 .site-navbar .site-tcg-menu{display:none}
 .site-navbar>.container-xxl{flex-wrap:nowrap;align-items:center;gap:.35rem}
 .site-navbar:has(.account-menu) .container-xxl::after{content:none}
 .site-navbar>.container-xxl>.account-menu{order:2;width:auto;margin:0 0 0 auto}
 .site-navbar>.container-xxl>.community-notifications{order:3;margin:0}
 .site-navbar>.container-xxl>.site-mobile-login{order:3;display:inline-flex;align-items:center;min-height:2.5rem;margin-left:auto;padding:.35rem .85rem;font-size:.85rem;white-space:nowrap}
}
@media(max-width:991.98px){
 /* Breadcrumbs, eyebrows, page introductions and long card descriptions add little on a phone: the title and the tab bar
    locate the page. Texts are removed whole, never cut mid-sentence. */
 .site-breadcrumb-wrap,main .card-detail-breadcrumb,main .eyebrow{display:none}
 .page-heading-copy>p,.match-heading>p:not(.match-create-hint),main header>p.text-secondary,.catalog-search-note,.cta-panel>p,.play-choice-card ul,.home-resource-card>p{display:none}
 /* Card and deck tiles: the image speaks for itself. No "price unavailable" badge, no view/like/play counters
    (they remain on the detail pages), and filter hints give way to the controls themselves. */
 .library-price-badge:has(.library-price-missing),main .content-actions.content-actions-mini{display:none}
 /* Dialogs: helper sentences give way to the fields and buttons; tighter spacing. */
 :is(.modal,dialog) :is(p.small.text-secondary,p.text-secondary.small,small.text-secondary,.form-text){display:none}
 .modal-header,.modal-footer{padding:.65rem .9rem}
 .modal-body{padding:.85rem .9rem}
 .catalog-search-heading>span,.library-advanced-grid fieldset>small.text-secondary,.library-option>span>small{display:none}
}