/* Shared public shell: compact navigation tiles and quiet, framed work areas. */
.site-navbar{--bs-navbar-padding-y:.4rem;background:var(--mt-bg-secondary);border-bottom:1px solid var(--mt-border);backdrop-filter:none}
.site-navbar .site-primary-links{gap:.4rem}
.site-navbar .site-primary-links>.nav-item{flex:0 0 auto}
.site-navbar .site-primary-links .nav-link{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;min-width:4.7rem;min-height:4.35rem;padding:.5rem .65rem!important;border:1px solid transparent;border-radius:.55rem;background:var(--mt-surface);color:var(--mt-text-secondary);font-size:.65rem;font-weight:750;letter-spacing:.035em;line-height:1.2;text-align:center;text-decoration:none;text-transform:uppercase;transition:background .15s,color .15s,border-color .15s}
.site-navbar .site-primary-links .site-action-icon{display:block;flex:0 0 auto;width:1.3rem;height:1.3rem;margin:0;font-size:1.3rem;line-height:1}
.site-navbar .site-nav-label{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.25rem;max-width:6.2rem;min-height:2.4em}
.site-navbar .site-primary-links .nav-link:hover{color:var(--mt-text);background:var(--mt-surface-hover);border-color:var(--mt-border)}
.site-navbar .site-primary-links .nav-link:focus-visible{outline:2px solid var(--mt-primary);outline-offset:3px}
.site-navbar .site-primary-links .nav-link:is(.active,[aria-expanded=true]){color:var(--mt-primary);background:var(--mt-bg);border-color:var(--mt-border)}
.site-navbar .site-primary-links .nav-link:is(.active,[aria-expanded=true])::before{content:'';position:absolute;bottom:-1px;left:.5rem;right:.5rem;height:2px;background:var(--mt-primary);border-radius:2px}
.site-navbar .site-primary-links .nav-link.active:not(.dropdown-toggle)::after{content:none}
.site-navbar .site-primary-links .nav-link.dropdown-toggle::after{content:'';position:absolute;top:.6rem;right:.45rem;bottom:auto;left:auto;width:0;height:0;margin:0;border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent;border-radius:0;background:none;color:var(--mt-text-secondary)}
.site-navbar .site-primary-links .badge{font-size:.55rem;padding:.2rem .3rem;letter-spacing:0}
.site-navbar .site-nav-card{border-radius:.65rem;box-shadow:none}
.site-navbar .site-nav-card-grid{gap:.75rem}
.site-navbar .site-nav-card-copy{gap:.3rem;padding:1rem 2.4rem 1rem 1rem}
.site-navbar .site-nav-card-copy strong{font-size:.9rem}
.site-navbar .site-nav-card-copy>span{font-size:.76rem;line-height:1.5}
@media(min-width:1200px){
 .site-navbar>.container-xxl{flex-wrap:nowrap;gap:.5rem}
 .site-navbar #mainNav{order:1;display:flex!important;flex-basis:auto;flex-grow:1;min-width:0;padding:0}
 .site-navbar .navbar-toggler{display:none}
 .site-navbar .site-primary-links{flex-direction:row;flex-wrap:nowrap}
 .site-navbar .language-picker,.site-navbar .account-menu{margin-left:.2rem;margin-right:0}
 .site-navbar .header-actions{margin-top:0!important;margin-left:.45rem}
 .site-navbar .header-actions .btn{flex:none;font-size:.73rem;padding:.55rem .65rem;min-height:2.6rem}
}
@media(max-width:1199.98px){
 .site-navbar .navbar-toggler{order:3}
 .site-navbar #mainNav{order:4;flex-basis:100%;padding-top:.7rem}
 .site-navbar #mainNav.show{max-height:calc(100dvh - 6rem);overflow:auto;overscroll-behavior:contain}
 .site-navbar .site-primary-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin:0!important}
 .site-navbar .site-primary-links>.nav-item{min-width:0}
 .site-navbar .site-primary-links .nav-link{width:100%;min-width:0;min-height:4.2rem;font-size:.65rem}
 .site-navbar .header-actions{padding-bottom:.5rem}
}
/* MainTable keeps its cyan identity; functional feedback colors stay unchanged. */
:is(.site-page-main,.card-library,.deck-library,.hero,.section-space) .btn{min-height:2.75rem;padding:.6rem .9rem;border-radius:.55rem;font-size:.82rem;font-weight:650;letter-spacing:.01em}
:is(.site-page-main,.card-library,.deck-library,.hero,.section-space) .btn-outline-light{background:var(--mt-surface);border-color:var(--mt-border);color:var(--mt-text-secondary)}
:is(.site-page-main,.card-library,.deck-library,.hero,.section-space) .btn-outline-light:is(:hover,:focus-visible){background:var(--mt-surface-hover);border-color:var(--mt-primary);color:var(--mt-text)}
main:not(.board-page) .page-heading{padding:.3rem 0 1rem;margin-bottom:1.4rem;border:0;border-radius:0;background:none}
main:not(.board-page) .page-heading h1{font-size:clamp(1.75rem,2.8vw,2.1rem);line-height:1.2;margin-block:.35rem .6rem}
:is(.site-page-main,.card-library,.deck-library) .page-heading-symbol{width:3.25rem;height:3.25rem;font-size:1.4rem}
:is(.site-page-main,.card-library,.deck-library) .page-heading-symbol::after{inset:-.4rem}
:is(.site-page-main,.card-library,.deck-library) .page-heading-symbol .site-action-icon{width:1.5rem;height:1.5rem;font-size:1.5rem}
:is(.site-page-main,.card-library,.deck-library,.section-space) :is(.player-card,.feature-card,.library-panel,.mode-panel){padding:clamp(1.1rem,2.5vw,1.6rem);border:1px solid var(--mt-border);border-radius:.8rem;background:var(--mt-bg-secondary);box-shadow:none}
/* Layout containers stay open; individual resources carry the visible frame. */
main:not(.board-page) :is(.library-filters,.deck-library-filters,.play-filters){padding:0;border:0;border-radius:0;background:none;box-shadow:none;gap:1rem;margin-bottom:2.25rem}
main:not(.board-page) .page-results-section{padding:0;border:0;border-radius:0;background:none;box-shadow:none;margin-top:2.25rem}
.page-results-section>.library-results{margin-top:0}
.page-results-section :is(.library-results,.deck-library-results,.play-results-toolbar){padding:0;margin-bottom:1.5rem;border-bottom:0}
.page-results-section .deck-library-toolbar{margin:0 0 1.5rem;padding:0;border:0}
.deck-library-nav{gap:.5rem;border-bottom:1px solid var(--mt-border)}
.deck-library-nav a{min-height:2.75rem;padding:.75rem .9rem;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;font-size:.78rem;color:var(--mt-text-secondary)}
.deck-library-nav a[aria-current=page]{border-bottom-color:var(--mt-primary);background:none;color:var(--mt-primary)}
.page-results-section :is(.deck-preview-grid,.play-table-grid){gap:clamp(1.5rem,2.5vw,2rem)}
main:not(.board-page) .play-create-form{padding:0;border:0;border-radius:0;background:none;box-shadow:none}
main:not(.board-page) .card-detail-panel{padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.section-space .library-panel{padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
.section-space .mode-panel .mode-stat{border:0;border-radius:0;background:none;box-shadow:none}
/* Account overview: independent sections, without an extra rounded container. */
main.account-overview .account-identity{padding:.5rem 0 1.5rem;border:0;border-radius:0;background:none;box-shadow:none}
main.account-overview :is(.account-shortcuts,.account-settings-grid){gap:2.5rem 3rem}
main.account-overview :is(.account-shortcuts>section,.account-settings-grid>section,.account-overview-section){padding:1.5rem 0;border:0;border-top:1px solid var(--mt-border);border-radius:0;background:none;box-shadow:none;height:auto}
main.account-overview .account-connection-grid{gap:2rem}
main.account-overview .account-connection-card{padding:1rem 0;border:0;border-radius:0;background:none;box-shadow:none}
/* Catalogue and collection: the card art is the visual frame, not another box. */
.card-catalogue .library-explore-card{padding:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none}
.card-catalogue .library-explore-card:is(:hover,:focus-within){border:0;box-shadow:none;transform:none}
.card-catalogue .library-card-info{padding-inline:0}
.card-catalogue .library-explore-card .content-metric{background:none;border-radius:.35rem}
.card-catalogue .collection-quantity{padding-inline:0}
.card-catalogue .collection-language-plus{border:0;border-bottom:1px solid var(--mt-border);border-radius:0;background:none;min-height:44px}
.card-catalogue .collection-language-plus.is-owned{border-bottom-color:var(--mt-primary)}
.page-results-section .library-explore-grid{gap:2rem}
/* Home sections use whitespace and headings instead of nested rounded panels. */
.site-home .home-play-panel{padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.site-home .home-play-options{gap:0}
.site-home .home-play-option{padding:1.1rem 0;border:0;border-bottom:1px solid var(--mt-border);border-radius:0;background:none}
.site-home .home-play-option:last-child{border-bottom:0}
.site-home .home-play-option:hover{background:none;color:var(--mt-primary)}
.site-home .home-play-icon{background:none}
.site-home .home-band :is(.feature-card,.mode-panel,.library-panel,.cta-panel){padding:1rem 0;border:0;border-radius:0;background:none;box-shadow:none}
.site-home #decks .row.g-3{--bs-gutter-x:2rem;--bs-gutter-y:2rem}
.site-workspace-tabs{gap:.3rem;padding:.55rem .6rem 0!important;margin-bottom:0!important;border:1px solid var(--mt-border);border-radius:.8rem .8rem 0 0;background:var(--mt-bg-secondary)}
.site-workspace-tabs .nav-link{min-height:2.75rem;padding:.6rem .85rem;border:1px solid transparent;border-radius:.5rem .5rem 0 0;background:var(--mt-surface);color:var(--mt-text-secondary);font-size:.8rem}
.site-workspace-tabs .nav-link.active{border-color:var(--mt-border);border-bottom-color:var(--mt-primary);background:var(--mt-bg);color:var(--mt-text)}
.site-workspace-tabs+.tab-content .mode-panel{border-top:0;border-top-left-radius:0;border-top-right-radius:0}
.site-home .site-workspace-tabs{padding:0!important;margin-bottom:1.5rem!important;border:0;border-bottom:1px solid var(--mt-border);border-radius:0;background:none}
.site-home .site-workspace-tabs .nav-link{border:0;border-bottom:2px solid transparent;border-radius:0;background:none}
.site-home .site-workspace-tabs .nav-link.active{border-bottom-color:var(--mt-primary);background:none;color:var(--mt-primary)}
@media(max-width:575.98px){.deck-library-nav{flex-wrap:wrap}.deck-library-nav a{flex:1 1 auto;text-align:center}.site-workspace-tabs{flex-wrap:wrap}.site-workspace-tabs .nav-link{font-size:.75rem;padding-inline:.65rem}}
@media(max-width:575.98px){.page-results-section .library-explore-grid{gap:1.5rem 1rem}}
@media(prefers-reduced-motion:reduce){.site-navbar .site-primary-links .nav-link{transition:none}}