/* Grandis Legacy Deck Builder v1.36.0 — DB-08..DB-13. */
/* DB-08: Strictly identical header typography; Style 1 is the reference. */
.topbar,.topbar .brand-copy,.topbar .brand-copy h1,.topbar .brand-copy p,
.topbar .style-switch-link,.topbar .global-nav-link,.topbar .mobile-app-menu a{
 font-family:"Noto Sans",Arial,sans-serif!important;
 font-style:normal!important;font-variant:normal!important;
 text-transform:none!important;
}
.topbar .brand-copy h1{font-size:17px!important;font-weight:700!important;line-height:1.22!important;letter-spacing:.035em!important}
.topbar .brand-copy p{font-size:11px!important;font-weight:400!important;line-height:1.45!important;letter-spacing:normal!important;margin:4px 0 0!important}
.topbar .style-switch-link{font-size:9px!important;font-weight:900!important;line-height:1!important;letter-spacing:.04em!important}
.topbar .global-nav-link{font-size:11px!important;font-weight:900!important;line-height:1!important;letter-spacing:.025em!important}
@media(max-width:900px){.topbar .global-nav-link{font-size:9px!important}}
@media(max-width:760px){.topbar .brand-copy h1{font-size:13px!important}.topbar .brand-copy p{display:none!important}}
/* DB-09: artwork and header stationary; independent scrolling only for the right Review pane. */
#cardReviewDialog .review-card{display:flex!important;flex-direction:column!important;height:min(88dvh,790px)!important;max-height:calc(100dvh - 20px)!important;overflow:hidden!important}
#cardReviewDialog .review-header{flex:0 0 auto!important}
#cardReviewDialog .review-layout{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;align-items:stretch!important}
#cardReviewDialog .review-art-column{min-height:0!important;overflow:hidden!important;display:flex!important;align-items:flex-start!important;justify-content:center!important}
#cardReviewDialog .review-art{height:100%!important;max-height:100%!important;width:auto!important;max-width:100%!important;object-fit:contain!important}
#cardReviewDialog .review-detail-column{min-height:0!important;min-width:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important;padding-right:10px!important}
#cardReviewDialog .review-rows{padding-bottom:12px}
/* DB-10: user-provided exact keyword art, no re-typeset keyword labels. */
.review-keyword-image{display:inline-block!important;vertical-align:-.25em!important;width:auto!important;height:1.38em!important;max-width:100%!important;object-fit:contain!important;margin:0 .15em!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
.review-condition-heading .review-keyword-image{height:19px!important;margin:0!important}
.review-keyword-line{display:flex!important;flex-wrap:wrap;align-items:flex-start;gap:5px 8px;margin:8px 0 0!important;line-height:1.5!important}
.review-keyword-line .review-keyword-image{height:20px!important;flex:0 0 auto;margin:0!important}
.review-keyword-description{flex:1 1 230px;min-width:0;overflow-wrap:anywhere}
.review-keyword-explanation{overflow:visible!important}
.review-keyword-heading{color:#f1ce6c!important}
@media(max-width:760px){
 #cardReviewDialog .review-card{height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important;overflow:hidden!important}
 #cardReviewDialog .review-layout{grid-template-columns:1fr!important;grid-template-rows:minmax(0,auto) minmax(0,1fr)!important;gap:10px!important;overflow:hidden!important}
 #cardReviewDialog .review-art-column{height:min(28dvh,220px)!important;min-height:0!important}
 #cardReviewDialog .review-art{max-height:100%!important;width:auto!important;object-fit:contain!important}
 #cardReviewDialog .review-detail-column{min-height:0!important;overflow-y:auto!important;max-height:none!important}
}