.purchase-table{min-width:1100px}.purchase-game{display:flex;gap:14px;align-items:center;min-width:245px}.purchase-art{position:relative;display:flex;align-items:center;justify-content:center;width:96px;height:96px;aspect-ratio:1;flex:0 0 96px;background:linear-gradient(135deg,#193663,#314785);border-radius:10px;overflow:hidden;color:var(--mint);font-size:28px}.purchase-art img{width:100%;height:100%;object-fit:cover}.purchase-table small{display:block;color:var(--muted);margin-top:5px;max-width:210px}.purchase-row-actions{display:flex;flex-wrap:wrap;gap:6px;max-width:210px}.purchase-table td{vertical-align:middle}.released.yes{color:var(--mint)}.released.no{color:var(--gold)}.release-picker{display:grid;grid-template-columns:minmax(0,1fr) 155px;gap:8px}.release-picker input{min-width:0}#purchase-simple-form small{font-size:14px;color:var(--muted)}.csv-purchase-preview{max-height:300px;overflow:auto;margin:15px 0}.csv-purchase-preview p{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}@media(max-width:550px){.release-picker{grid-template-columns:1fr}.purchase-art{width:80px;height:80px;flex-basis:80px}}
.purchase-table #purchase-art-file[hidden],#purchase-art-file[hidden]{display:none!important}
.catalog-result{display:flex;width:100%;justify-content:space-between;white-space:normal;text-align:left;margin-top:8px}.catalog-result span{color:var(--muted);font-size:14px}.catalog-confirmed{display:flex;gap:16px;align-items:center;margin-top:16px}.catalog-confirmed img{width:96px;height:96px;object-fit:contain;background:var(--panel);border-radius:8px}.catalog-confirmed p{margin:8px 0}#catalog-setup label{margin-top:12px}

.purchase-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.purchase-art{width:90px;height:120px;aspect-ratio:3 / 4;flex-basis:90px}.purchase-art img{object-fit:contain}.catalog-confirmed img{width:90px;height:120px;object-fit:contain}@media(max-width:550px){.purchase-art{width:72px;height:96px;flex-basis:72px}}

/* Purchase covers preserve each source image's natural proportions. */
.purchase-art{height:auto;min-height:120px;aspect-ratio:auto;align-items:center}.purchase-art:has(img:not([hidden])){min-height:0}.purchase-art img{width:100%;height:auto;display:block;object-fit:contain}.catalog-confirmed img{width:90px;height:auto;max-height:none}@media(max-width:550px){.purchase-art{height:auto;min-height:96px}.purchase-art:has(img:not([hidden])){min-height:0}}

/* Readability: native fonts, readable controls, and room for enlarged labels. */
:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{-webkit-text-size-adjust:100%;text-size-adjust:100%}
h1{letter-spacing:-.7px}h2,h3{letter-spacing:-.2px;line-height:1.35}
input,select,textarea,.searchbox input{font-size:16px}
input::placeholder,textarea::placeholder{color:#a8b9d4;opacity:1}
label{font-weight:500;line-height:1.5}
.btn{font-weight:550;min-height:44px;white-space:normal;line-height:1.4}
.btn.small{min-height:36px}.tab,.text-btn{min-height:40px}
.nav-item{font-size:15px;line-height:1.4}
.brand small{font-size:12px;letter-spacing:1px}.nav-label{font-size:12px;color:var(--muted);letter-spacing:1.2px}
.eyebrow{font-size:12px;letter-spacing:1.3px}
.footer{font-size:12px;color:var(--muted)}
.card-body h3,.recent-copy h3,.trophy-copy strong{font-size:16px;line-height:1.4}
.card-body h3,.recent-copy h3{white-space:normal;overflow-wrap:anywhere}
.card-meta,.grade-row{flex-wrap:wrap;gap:8px}
.trophy-copy{min-width:0;overflow-wrap:anywhere}.trophy-copy small{line-height:1.6;margin-top:4px}
.collection-table th,.collection-table td,table{font-size:14px}
.list-game{font-size:16px}.list-game small{font-size:14px}
.timeline-art-overlay strong{font-size:18px}.timeline-art-overlay span,.timeline-art-overlay time{font-size:14px}
.timeline-art-overlay{background:linear-gradient(transparent,#030b1af5 35%)}
.chart-tooltip{font-size:14px;line-height:1.6;max-width:340px}
.activity-output,.detail-notes,.settings-grid p,.login-form p,.page-heading p{font-size:16px}
.hero p{font-size:16px}.stat-top{font-size:14px;font-weight:500}
@media(max-width:1100px) and (min-width:761px){.shell{grid-template-columns:215px 1fr}}
@media(max-width:760px){
 .sidebar{height:auto;min-height:78px;padding-bottom:max(8px,env(safe-area-inset-bottom))}
 .sidebar nav{align-items:stretch}.nav-item{font-size:12px;padding:7px 3px;flex:1;min-width:0}
 .nav-item span{overflow-wrap:anywhere}.content{padding-bottom:120px}
 .topbar{height:auto;min-height:76px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:10px}
 .mobile-brand{font-size:12px;letter-spacing:.5px}.searchbox{flex:1;min-width:150px;max-width:100%}
 .timeline-art-grid{grid-template-columns:1fr}
 .timeline-art-overlay strong{font-size:20px}
 .hero-copy{max-width:100%}.hero p{font-size:16px}.hero .eyebrow{font-size:12px}
 .grade-row{gap:8px}.stat{padding:14px}.stat-value{font-size:30px}
}