/* A quieter shop, with the character and collection as the main focus. */
.studio-dashboard .header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
.studio-dashboard .header .brand{grid-column:1;grid-row:1;min-width:0}
.studio-dashboard .header .brand small{display:none}
.studio-dashboard .header .arcade-chat-inline{grid-column:2;grid-row:1;margin:0;padding:8px 12px;min-height:44px}
.studio-dashboard .header .account-bar{grid-column:1/-1;grid-row:2;display:flex;gap:8px;justify-content:space-between;min-width:0}
.studio-dashboard .page-title{display:block;padding:20px 0 12px;margin:0}
.studio-dashboard .page-title h1{font-size:clamp(24px,6.3vw,48px)!important;line-height:1.15;letter-spacing:-1.2px;max-width:none;white-space:nowrap;margin:6px 0}
.studio-dashboard .page-title h1 span{display:inline}
.studio-dashboard .page-title>p{display:none}
.studio-dashboard .page-title .eyebrow{font-size:10px;letter-spacing:2px;margin:0}
.studio-dashboard .studio-shortcuts{margin:0 0 12px;gap:6px}
.studio-dashboard .studio-shortcuts a{min-height:44px;padding:10px 8px;border-radius:12px}
.studio-dashboard .shop-collections{gap:8px;margin:0;padding:3px 0 6px}
.studio-dashboard .shop-collections button{font-size:13px;min-height:44px;padding:9px 14px;box-shadow:none}
.studio-dashboard .collection-window{font-size:12px;line-height:1.4;margin:6px 0 12px}
.studio-dashboard #status:empty{display:none}
.studio-dashboard .pass-banner{padding:12px 16px;margin:0 0 16px;border-radius:16px;background:linear-gradient(110deg,#302742,#172335);border-color:#a78b595e}
.studio-dashboard .pass-banner>summary{font-size:16px;min-height:44px;align-content:center}
.studio-dashboard .pass-banner>summary span{font-size:12px;margin-top:3px}
.studio-dashboard .showcase.panel{border-radius:20px;padding:16px;border:1px solid #527b943d;background:#101d30a8}
.studio-dashboard .showcase .fine-print{font-size:11px;margin:6px 0;color:#9eafc6}
.studio-dashboard .showcase #view-profile{min-height:44px;margin-top:4px;padding:10px}
.studio-dashboard .shop .panel-top{margin-bottom:8px;align-items:center}
.studio-dashboard .shop .panel-top .eyebrow{display:none}
.studio-dashboard #shop-title{font-size:22px;line-height:1.25;margin:0}
.studio-dashboard #owned-count{font-size:12px;white-space:nowrap}
.studio-dashboard .personality-note{font-size:12px;line-height:1.5;margin:0 0 8px}
/* Keep the single category rail; the synchronized select remains in the DOM. */
.studio-dashboard .studio-category-label,.studio-dashboard #studio-category{display:none}
.studio-dashboard .shop-tabs{margin:0 0 10px!important;padding:4px 0!important;gap:6px}
.studio-dashboard .shop-tabs button{font-size:12px;min-height:44px;padding:9px 14px}
.studio-dashboard .search-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.studio-dashboard #shop-search{min-height:44px;font-size:14px;padding:11px 14px;border-radius:12px}
.studio-dashboard .shop-filters{margin:8px 0!important;padding:0!important;gap:8px;flex-wrap:wrap}
.studio-dashboard .free-filter{min-height:44px;font-size:12px;padding:6px 10px;border-radius:10px;gap:7px}
.studio-dashboard .free-filter input{width:18px;height:18px;min-width:18px;min-height:18px;accent-color:#63ebd2}
.studio-dashboard .shop-toolbar{margin:4px 0;gap:10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:start}
.studio-dashboard .shop-toolbar>label{font-size:11px}
.studio-dashboard #shop-sort{min-height:44px;font-size:12px;padding:8px 10px;margin-top:3px}
.studio-dashboard #affordable-help{font-size:10px;line-height:1.3;margin-top:3px}
.studio-dashboard #shop-result-count{font-size:11px;margin:10px 0}
.studio-dashboard .shop-reassurance{display:none}
.studio-dashboard .shop-grid{gap:12px}
.studio-dashboard .item-card{min-width:0;padding:0 0 12px;border-radius:16px;overflow:hidden;background:#101b2cb3}
.studio-dashboard .item-card .item-art{border-radius:16px 16px 10px 10px}
.studio-dashboard .item-card h3,.studio-dashboard .item-card>p{padding-inline:10px}
.studio-dashboard .item-card h3{font-size:14px;line-height:1.3;margin:10px 0 4px;min-height:0}
.studio-dashboard .item-card>p{font-size:11px;line-height:1.4;margin:5px 0}
.studio-dashboard .item-card button{min-height:44px}
.studio-dashboard .coin-shop{padding:20px 16px;border-radius:20px}
.studio-dashboard .coin-shop h2{font-size:26px;letter-spacing:-.7px}
.studio-dashboard .coin-shop .collection-note{font-size:12px;line-height:1.5;margin:12px 0}
.studio-dashboard .coin-pack-options{margin:12px 0;padding:8px;border-radius:14px}
.studio-dashboard .coin-pack-options>summary{font-size:16px;padding:10px}
.studio-dashboard #coin-status{font-size:12px}
.studio-dashboard .browse-unlocks{padding:14px;margin:16px 0;font-size:14px}
.studio-dashboard #extra-plays{margin-top:16px;padding-top:16px}
.studio-dashboard #extra-plays h3{font-size:18px;margin:0 0 12px}
.studio-dashboard .shop-leaderboard{margin:20px 0;border-top:1px solid #7189aa33;border-bottom:1px solid #7189aa33}
.studio-dashboard .shop-leaderboard>summary{cursor:pointer;padding:16px 4px;font-size:15px;min-height:44px;font-weight:700}
.studio-dashboard .shop-leaderboard>summary span{display:block;font-size:11px;color:#9eafc6;font-weight:400;margin:4px 0 0 22px}
.studio-dashboard .shop-leaderboard .leaderboard{padding:16px 0}
.studio-dashboard .public-footer{margin:12px 0!important;padding:12px 0!important;font-size:11px;line-height:1.5}
.studio-dashboard .public-footer nav{gap:4px;margin-bottom:12px;justify-content:center}
.studio-dashboard .public-footer a{font-size:11px;padding:8px}
@media(max-width:680px){
 .studio-dashboard .header{padding:12px 16px}
 .studio-dashboard .header .brand{font-size:17px}
 .studio-dashboard .account-bar .coin-chip{font-size:13px;padding:8px 10px;gap:5px}
 .studio-dashboard .account-bar #get-coins-link{font-size:12px;padding:9px 12px;min-height:44px}
 .studio-dashboard .profile-button{padding:4px 7px;gap:5px;min-width:0}
 .studio-dashboard .profile-button .mini-character{width:30px;height:30px}
 .studio-dashboard #nav-name{font-size:10px;max-width:65px}
 .studio-dashboard #auth-button{font-size:10px;padding:8px;min-height:44px}
 .studio-dashboard .page-title{padding:16px 0 10px}
 .studio-dashboard .studio-shortcuts a{font-size:11px}
 .studio-dashboard .showcase .stage{height:230px!important}
 .studio-dashboard .showcase .character-caption h3{font-size:19px}
 .studio-dashboard .showcase .focus-controls button{min-height:44px;padding:8px}
 .studio-dashboard .item-card .item-art{height:176px!important}
 .studio-dashboard #extra-plays select{font-size:14px;min-height:44px}
}
@media(max-width:360px){.studio-dashboard .header .account-bar{gap:5px}.studio-dashboard #nav-name{display:none}.studio-dashboard .item-card .item-art{height:152px!important}.studio-dashboard #shop-title{font-size:19px}}