/* A quiet showroom: generous selected artwork, one browse rail, one purchase. */
#shell #collection-panel.catalog-remake{--shop-ink:#ecf5f0;--shop-muted:#b6c9ca;--shop-line:#bdd6d02b;--shop-gold:#f2d295;--shop-stage:clamp(180px,24vw,340px);padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
#shell #collection-panel.catalog-remake .collection-dialog{width:min(1600px,100%);height:100%;max-height:100%;border:1px solid var(--shop-line);border-radius:22px;background:linear-gradient(145deg,#193944,#112935 65%);box-shadow:0 16px 60px #07172055;overflow:hidden}
#shell #collection-panel.catalog-remake .collection-header{padding:8px 16px;min-height:56px;gap:16px;background:#102a35;border-bottom:1px solid var(--shop-line);box-shadow:none}
#shell #collection-panel.catalog-remake .collection-tabs{background:none;border:0;border-radius:0;gap:2px;max-width:820px}
#shell #collection-panel.catalog-remake .collection-tabs button{min-height:44px;border:0;border-radius:8px;padding:8px 18px;font-size:clamp(13px,1.2vw,18px);color:#b9cece;background:transparent;box-shadow:none;font-weight:650}
#shell #collection-panel.catalog-remake .collection-tabs button[aria-selected=true]{color:#f7f2de;background:#33565d;box-shadow:inset 0 -3px var(--shop-gold)}
#shell #collection-panel.catalog-remake :is(#collection-close,.coin-pill){border:0;background:transparent;box-shadow:none;min-height:44px;padding:6px 8px}
#shell #collection-panel.catalog-remake .coin-pill{font-size:clamp(17px,1.6vw,23px);color:#f5d99d;gap:8px;white-space:nowrap}
#shell #collection-panel.catalog-remake :is(.collection-body,.collection-store){padding:14px 16px;gap:14px;overflow:hidden;min-height:0}
#shell #collection-panel.catalog-remake .collection-store{display:flex;flex-direction:column}
#shell #collection-panel.catalog-remake :is(.store-sidebar,.store-intro,.featured-collection){display:none}
#shell #collection-panel.catalog-remake :is(#store-layout,#collection-content){display:grid!important;grid-template-columns:var(--shop-stage) minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;gap:16px;min-height:0;overflow:hidden}
#shell #collection-panel.catalog-remake #store-layout{flex:1;grid-column:1/-1}
#shell #collection-panel.catalog-remake :is(.store-browser,.collection-catalog){display:flex!important;flex-direction:column;grid-column:2!important;grid-row:1!important;gap:10px;overflow:hidden;min-height:0;min-width:0}
#shell #collection-panel.catalog-remake :is(#store-preview-stage,#collection-preview-stage){display:flex!important;flex-direction:column;align-items:stretch;grid-column:1!important;grid-row:1!important;width:auto;height:100%;min-height:0;padding:14px 12px 12px;margin:0;border-radius:18px;border:1px solid #aac9bc66!important;background:radial-gradient(ellipse at 50% 42%,#43797550,transparent 72%),linear-gradient(150deg,#315b5e,#183c46)!important;box-shadow:inset 0 1px #e6f2d722;overflow:hidden;position:relative}
#shell #collection-panel.catalog-remake :is(#store-preview-stage,#collection-preview-stage)::before,#shell #collection-panel.catalog-remake :is(#store-preview-stage,#collection-preview-stage)::after{display:none}
#shell #collection-panel.catalog-remake :is(#store-edition-label,#collection-edition-label){display:block;text-align:left;font-size:10px;letter-spacing:.14em;line-height:1.4;color:#c7d8c9;padding-right:34px;min-height:28px;flex:none}
#shell #collection-panel.catalog-remake #collection-edit-name{font-size:12px;min-height:26px;padding:2px;background:none;border:0;color:#c9d9cf;order:-1;align-self:start}
#shell #collection-panel.catalog-remake :is(#store-inspect,#collection-preview-grow){display:flex;flex-direction:column;flex:1 1 0;min-height:0;width:100%;padding:0;margin:0;border:0;background:none;box-shadow:none;overflow:hidden}
#shell #collection-panel.catalog-remake :is(#store-preview,#collection-preview){flex:1 1 0;height:0!important;min-height:0!important;max-height:none;width:100%!important;object-fit:contain}
#shell #collection-panel.catalog-remake :is(#store-inspect-label,#collection-preview-size){display:block;flex:none;font-size:10px;line-height:1.3;letter-spacing:0;color:#afc9c5;margin:3px 0;text-align:center}
#shell #collection-panel.catalog-remake :is(#store-detail-name,#collection-selection){display:block!important;flex:none;margin:8px 0 2px;font-size:clamp(18px,2vw,28px)!important;line-height:1.15;text-align:center;color:#fff2cf;overflow-wrap:anywhere}
#shell #collection-panel.catalog-remake :is(#store-detail-tag,#collection-equipped){display:block;order:5;margin:2px 0 0;padding:0;border:0;background:none;box-shadow:none;font-size:10px;line-height:1.4;letter-spacing:.06em;color:#b9d2c5;text-align:center}
#shell #collection-panel.catalog-remake :is(#store-favorite,#collection-favorite){position:absolute;top:5px;right:5px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:0;background:none;box-shadow:none;color:#e4e8d8;font-size:22px;z-index:2;overflow:hidden}
#shell #collection-panel.catalog-remake #collection-favorite{font-size:0}
#shell #collection-panel.catalog-remake #collection-favorite::before{content:'♡';font-size:24px}
#shell #collection-panel.catalog-remake #collection-favorite[aria-pressed=true]::before{content:'♥';color:#f5adc2}
#shell #collection-panel.catalog-remake .browse-toolbar{position:relative;z-index:8;display:flex;flex-wrap:nowrap;min-height:44px;gap:8px;flex:none;grid-column:auto!important;grid-row:auto!important}
#shell #collection-panel.catalog-remake .browse-toolbar .preview-toggle{display:none!important}
#shell #collection-panel.catalog-remake .browse-toolbar .store-category{display:block;flex:0 1 124px;width:124px;min-width:94px;max-width:150px;min-height:44px;border:1px solid var(--shop-line);background:#163440;color:#e0eeee;border-radius:10px;font-size:13px;padding:7px 24px 7px 10px}
#shell #collection-panel.catalog-remake .catalog-quick-filters{display:flex;gap:2px;min-width:0;overflow-x:auto;scrollbar-width:none;flex:1}
#shell #collection-panel.catalog-remake .catalog-quick-filters button{min-height:44px;padding:6px 12px;border:0;border-radius:8px;box-shadow:none;background:none;color:var(--shop-muted);font-size:13px;white-space:nowrap}
#shell #collection-panel.catalog-remake .catalog-quick-filters button[aria-pressed=true]{background:#33545a;color:#fff0c9}
#shell #collection-panel.catalog-remake .browse-filters{margin-left:auto;flex:none}
#shell #collection-panel.catalog-remake .browse-filters>summary{min-width:44px;min-height:44px;padding:8px 12px;background:transparent;border:1px solid var(--shop-line);border-radius:10px;color:#c9dedd;font-size:12px}
#shell #collection-panel.catalog-remake .browse-filter-content{right:0;left:auto;max-width:min(520px,calc(100vw - 60px));background:#163741;box-shadow:0 16px 40px #03151ccc;border:1px solid #739994;border-radius:12px}
#shell #collection-panel.catalog-remake .browse-toolbar .layout-choice{min-height:44px;height:44px;border-color:var(--shop-line);background:#14313c;border-radius:10px;padding:0}
#shell #collection-panel.catalog-remake .browse-toolbar .layout-choice::before{inset:2px auto 2px 2px;width:calc((100% - 4px)/2);background:#d5e8d8;box-shadow:none;border-radius:7px}
#shell #collection-panel.catalog-remake .browse-toolbar :is(#store-views,#collection-views) button{width:44px;min-width:44px;flex-basis:44px;padding:10px}
#shell #collection-panel.catalog-remake .layout-choice svg{width:23px;height:23px;fill:currentColor;display:block;margin:auto}
#shell #collection-panel.catalog-remake :is(#store-cards,#collection-cards)[data-continuous=true]{flex:1 1 0;height:0;min-height:0;gap:10px;align-content:stretch;grid-column:auto!important;grid-row:auto!important}
#shell #collection-panel.catalog-remake .catalog-card-shell{min-height:0;border-radius:12px}
#shell #collection-panel.catalog-remake .catalog-card-shell>:is(.collection-card,.store-card){position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:0!important;padding:28px 7px 30px!important;gap:0!important;border:1px solid #8dafb847!important;border-radius:12px;background:linear-gradient(165deg,#28495888,#1c394755)!important;box-shadow:none!important;transform:none!important}
#shell #collection-panel.catalog-remake .catalog-card-shell>:is(.collection-card,.store-card)[aria-pressed=true]{background:linear-gradient(165deg,#61786e,#34565a)!important;border-color:#f4d599!important;box-shadow:inset 0 0 0 1px #f4d59988!important}
#shell #collection-panel.catalog-remake :is(.collection-card,.store-card) canvas{display:block;width:100%!important;height:0!important;flex:1 1 0!important;min-height:0!important;max-height:none;object-fit:contain}
#shell #collection-panel.catalog-remake :is(.collection-card,.store-card)>:is(strong,small,.store-price,.card-badge){display:none!important}
#shell #collection-panel.catalog-remake :is(.collection-card,.store-card)::after{content:'◇';position:absolute;left:9px;bottom:11px;right:auto;text-align:left;color:#c7c9ba;font-size:13px;line-height:18px}
#shell #collection-panel.catalog-remake :is(.collection-card,.store-card)[data-ownership=owned]::after{content:'✓';color:#a3e4ca}
#shell #collection-panel.catalog-remake :is(.collection-card,.store-card)[data-ownership=equipped]::after{content:'✓';color:#ffe0a0}
#shell #collection-panel.catalog-remake :is(.card-favorite,.card-details){position:absolute;display:flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px;width:44px;height:44px;padding:0;border:0;background:transparent;box-shadow:none;border-radius:50%;font-size:22px;color:#ccdedb}
#shell #collection-panel.catalog-remake .card-favorite{right:0;top:0}
#shell #collection-panel.catalog-remake .card-favorite[aria-pressed=true]{color:#f4afc2}
#shell #collection-panel.catalog-remake .card-details{right:0;bottom:0;font-size:18px}
#shell #collection-panel.catalog-remake :is(.store-footer,.collection-footer){display:flex;flex:none;align-items:center;min-height:68px;padding:10px 12px!important;gap:10px!important;grid-column:auto!important;grid-row:auto!important;border:1px solid #a7c1b830;border-radius:12px;background:#183a43;flex-wrap:nowrap!important}
#shell #collection-panel.catalog-remake .catalog-selection-copy{flex:1;min-width:0;text-align:left}
#shell #collection-panel.catalog-remake .catalog-selection-copy .selection-summary{display:block!important;margin:0;font-size:16px;font-weight:700;color:#f8efd7;line-height:1.3}
#shell #collection-panel.catalog-remake .catalog-caption{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.35;color:#bccfca;margin:3px 0 0}
#shell #collection-panel.catalog-remake :is(.store-actions,.collection-actions){display:flex;flex:none;flex-wrap:nowrap!important;align-items:center;margin:0;gap:7px}
#shell #collection-panel.catalog-remake :is(.store-actions,.collection-actions) button{min-height:46px;min-width:66px;padding:8px 16px;border-radius:10px;box-shadow:none;font-size:14px;white-space:nowrap}
#shell #collection-panel.catalog-remake :is(#store-buy,#collection-equip){background:linear-gradient(#f8dea6,#e5bc77)!important;color:#3a301e!important;border:1px solid #fbe8bd;box-shadow:0 2px 0 #95774766;font-size:15px;font-weight:750}
#shell #collection-panel.catalog-remake :is(#store-buy,#collection-equip):disabled{opacity:.68}
#shell #collection-panel.catalog-remake :is(#store-try,#collection-try){background:transparent;border:1px solid #9fc5be66;color:#dcf0e5}
#shell #collection-panel.catalog-remake :is(.store-item-details,.collection-item-details)>summary{border:0;color:#b0c9c5;padding:8px;min-height:44px;min-width:44px}
#shell #collection-panel.catalog-remake :is(#store-budget-note,#store-slot-note,#equipped-slots){display:none}
#shell #collection-panel.catalog-remake :is(#store-status,#collection-status){display:none}
#shell #collection-panel.catalog-remake :is(#store-status,#collection-status):not(:empty){display:block;position:absolute;bottom:100%;left:0;right:0;padding:7px 12px;margin:0;border-radius:8px;background:#173b43;box-shadow:0 -3px 12px #10253166;font-size:12px;color:#ffe2a2}
#shell #collection-panel.catalog-remake .catalog-bottom-navigation{display:flex;flex:none;justify-content:flex-end;height:28px;position:relative}
#shell #collection-panel.catalog-remake .catalog-navigation{display:flex;align-items:center;gap:8px;position:static;margin:0;padding:0;background:none;border:0;box-shadow:none}
#shell #collection-panel.catalog-remake .catalog-navigation button{min-height:28px;height:28px;min-width:44px;width:44px;padding:0;background:transparent;border:0;color:#c9d8d4;font-size:19px}
#shell #collection-panel.catalog-remake .catalog-navigation :is(span,select){font-size:11px;color:#a0bab7;background:transparent;border:0;min-height:24px;padding:0;max-width:none}
#shell #collection-panel.catalog-remake .catalog-navigation :is(.catalog-gesture-hint,select){display:none}
#shell #collection-panel.catalog-remake .store-browser:has(.store-item-details[open])>:is(.browse-toolbar,#store-cards,#store-empty,.catalog-bottom-navigation),#shell #collection-panel.catalog-remake .collection-catalog:has(.collection-item-details[open])>:is(.browse-toolbar,#collection-cards,#collection-empty,.catalog-bottom-navigation){display:none!important}
#shell #collection-panel.catalog-remake :is(.store-footer,.collection-footer):has(details[open]){flex:1;min-height:0;flex-direction:column;align-items:stretch;overflow:hidden}
#shell #collection-panel.catalog-remake :is(.store-footer,.collection-footer):has(details[open]) .catalog-selection-copy{flex:none}
#shell #collection-panel.catalog-remake :is(.store-footer,.collection-footer):has(details[open]) .catalog-caption{display:none}
#shell #collection-panel.catalog-remake :is(.store-footer,.collection-footer):has(details[open]) details{flex:1;min-height:0;overflow:auto}
#shell #collection-panel.catalog-remake :is(.store-footer,.collection-footer):has(details[open]) .store-actions{justify-content:flex-end}
@media(orientation:landscape) and (max-height:650px){
 #shell #collection-panel.catalog-remake{--shop-stage:clamp(150px,24vw,235px)}
 #shell #collection-panel.catalog-remake .collection-header{min-height:44px;padding:4px 10px;gap:10px}
 #shell #collection-panel.catalog-remake .collection-tabs button{padding:6px 12px;font-size:12px}
 #shell #collection-panel.catalog-remake :is(.collection-body,.collection-store){padding:8px 10px 10px}
 #shell #collection-panel.catalog-remake :is(#store-layout,#collection-content){gap:12px}
 #shell #collection-panel.catalog-remake :is(.store-browser,.collection-catalog){gap:6px}
 #shell #collection-panel.catalog-remake :is(#store-preview-stage,#collection-preview-stage){padding:7px 9px;border-radius:14px}
 #shell #collection-panel.catalog-remake :is(#store-edition-label,#collection-edition-label,#collection-edit-name){display:none}
 #shell #collection-panel.catalog-remake :is(#store-detail-name,#collection-selection){font-size:18px!important;margin:4px 0 0}
 #shell #collection-panel.catalog-remake :is(#store-inspect-label,#collection-preview-size){font-size:8px}
 #shell #collection-panel.catalog-remake :is(.store-footer,.collection-footer){min-height:52px;padding:5px 8px!important;gap:5px!important}
 #shell #collection-panel.catalog-remake .catalog-selection-copy .selection-summary{font-size:13px}
 #shell #collection-panel.catalog-remake .catalog-caption{font-size:10px;-webkit-line-clamp:1}
 #shell #collection-panel.catalog-remake :is(.store-actions,.collection-actions) button{min-height:44px;min-width:54px;padding:7px 10px;font-size:12px}
 #shell #collection-panel.catalog-remake .catalog-bottom-navigation{height:20px}
 #shell #collection-panel.catalog-remake .catalog-navigation button{height:20px;min-height:20px}
 #shell #collection-panel.catalog-remake .catalog-quick-filters button{font-size:11px;padding:6px 8px}
 #shell #collection-panel.catalog-remake .browse-toolbar{gap:5px}
 #shell #collection-panel.catalog-remake .browse-toolbar .store-category{font-size:11px;flex-basis:97px;width:97px;min-width:88px}
 #shell #collection-panel.catalog-remake .browse-filters>summary{font-size:11px;padding:8px}
}
@media(orientation:landscape) and (max-width:740px){
 #shell #collection-panel.catalog-remake{--shop-stage:145px}
 #shell #collection-panel.catalog-remake .collection-header{gap:4px;padding-inline:6px}
 #shell #collection-panel.catalog-remake .collection-tabs button{padding-inline:9px;font-size:11px}
 #shell #collection-panel.catalog-remake .catalog-quick-filters button{padding-inline:8px}
 #shell #collection-panel.catalog-remake .catalog-quick-filters button[data-quick=owned]{display:none}
 #shell #collection-panel.catalog-remake .catalog-selection-copy .catalog-caption{display:none}
 #shell #collection-panel.catalog-remake :is(.store-actions,.collection-actions) button{padding-inline:8px;min-width:50px}
}
@media(orientation:portrait){
 #shell #collection-panel.catalog-remake .collection-header{display:grid;grid-template-columns:1fr auto;gap:4px;padding:5px 10px}
 #shell #collection-panel.catalog-remake .collection-tabs{grid-row:2;grid-column:1/-1;width:100%;max-width:100%;overflow-x:auto}
 #shell #collection-panel.catalog-remake .collection-tabs button{padding:8px 12px;font-size:12px}
 #shell #collection-panel.catalog-remake :is(.collection-body,.collection-store){overflow:auto;padding:10px}
 #shell #collection-panel.catalog-remake :is(#store-layout,#collection-content){display:flex!important;flex-direction:column;overflow:visible;min-height:100%;height:auto}
 #shell #collection-panel.catalog-remake :is(#store-preview-stage,#collection-preview-stage){height:260px;min-height:260px;flex:none;padding:8px}
 #shell #collection-panel.catalog-remake :is(#store-edition-label,#collection-edition-label,#collection-edit-name){display:none}
 #shell #collection-panel.catalog-remake :is(#store-detail-name,#collection-selection){font-size:20px!important;margin:4px 0 0}
 #shell #collection-panel.catalog-remake :is(.store-browser,.collection-catalog){overflow:visible;flex:none;height:auto;gap:8px}
 #shell #collection-panel.catalog-remake :is(#store-cards,#collection-cards)[data-continuous=true]{height:270px;min-height:270px;flex:none}
 #shell #collection-panel.catalog-remake .browse-toolbar{flex-wrap:wrap}
 #shell #collection-panel.catalog-remake .catalog-quick-filters{order:1;flex-basis:100%}
 #shell #collection-panel.catalog-remake .catalog-quick-filters button{flex:1}
 #shell #collection-panel.catalog-remake :is(.store-footer,.collection-footer){flex-wrap:wrap!important;gap:8px!important}
 #shell #collection-panel.catalog-remake .catalog-selection-copy{flex-basis:calc(100% - 60px)}
 #shell #collection-panel.catalog-remake :is(.store-actions,.collection-actions){flex:1;justify-content:flex-end}
 #shell #collection-panel.catalog-remake :is(.store-footer,.collection-footer):has(details[open]){max-height:420px;min-height:300px}
}
/* Enlarged text keeps natural scrolling and full-size controls. */
#shell:is([data-text-size=large],[data-text-size=extra]) #collection-panel.catalog-remake :is(.collection-body,.collection-store){overflow:auto}
#shell:is([data-text-size=large],[data-text-size=extra]) #collection-panel.catalog-remake :is(#store-layout,#collection-content){min-height:500px;overflow:visible}
#shell:is([data-text-size=large],[data-text-size=extra]) #collection-panel.catalog-remake .browse-toolbar{flex-wrap:wrap}
#shell:is([data-text-size=large],[data-text-size=extra]) #collection-panel.catalog-remake .catalog-quick-filters{flex-basis:100%}
#shell:is([data-text-size=large],[data-text-size=extra]) #collection-panel.catalog-remake :is(.store-footer,.collection-footer){flex-wrap:wrap!important}
#shell #collection-panel.catalog-remake.keyboard-panel :is(#store-preview-stage,#collection-preview-stage){display:none!important}
#shell #collection-panel.catalog-remake.keyboard-panel :is(#store-layout,#collection-content,.collection-catalog,.store-browser){display:block!important;height:auto;overflow:visible}
/* Override the former hidden-action strip; buying stays visible while browsing. */
#shell #collection-panel.catalog-remake :is(.store-footer,.collection-footer):not([hidden]){display:flex!important}
#shell #collection-panel.catalog-remake .catalog-quick-filters{background:none;border:0;box-shadow:none;padding:0;border-radius:0}
#shell #collection-panel.catalog-remake .catalog-quick-filters button{position:relative;text-decoration:none!important;min-width:0}
#shell #collection-panel.catalog-remake .catalog-quick-filters button::after,#shell #collection-panel.catalog-remake .catalog-quick-filters::before,#shell #collection-panel.catalog-remake .catalog-quick-filters::after,#shell #collection-panel.catalog-remake :is(.collection-card,.store-card)::before{display:none!important}
#shell #collection-panel.catalog-remake :is(.store-actions,.collection-actions){max-width:none;flex-direction:row}
#shell #collection-panel.catalog-remake :is(#store-inspect-label,#collection-preview-size){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400;letter-spacing:0}
#shell #collection-panel.catalog-remake :is(#store-detail-tag,#collection-equipped){display:block!important}
#shell #collection-panel.catalog-remake .catalog-navigation #store-page,#shell #collection-panel.catalog-remake .catalog-navigation #collection-page{display:block!important}
@media(orientation:portrait){#shell #collection-panel.catalog-remake #store-layout #store-preview-stage,#shell #collection-panel.catalog-remake #collection-content #collection-preview-stage{height:260px;min-height:260px;width:100%;flex:none}}
/* The quick filters sit beside the stage; the artwork gets the full height. */
#shell #collection-panel.catalog-remake{--shop-rail:104px;--shop-stage:clamp(170px,22vw,320px)}
#shell #collection-panel.catalog-remake :is(#store-layout,#collection-content){grid-template-columns:var(--shop-rail) var(--shop-stage) minmax(0,1fr)!important;gap:12px}
#shell #collection-panel.catalog-remake :is(#store-preview-stage,#collection-preview-stage){grid-column:2!important}
#shell #collection-panel.catalog-remake :is(.store-browser,.collection-catalog){grid-column:3!important}
#shell #collection-panel.catalog-remake :is(#store-layout,#collection-content)>.browse-toolbar{grid-column:1!important;grid-row:1!important;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;min-height:0;min-width:0}
#shell #collection-panel.catalog-remake .catalog-quick-filters{flex:none;display:flex;flex-direction:column;overflow:visible;gap:4px}
#shell #collection-panel.catalog-remake .catalog-quick-filters button{width:100%;flex:none;text-align:left;padding:10px 12px;min-height:46px;background:none!important;box-shadow:none!important;border:0!important}
#shell #collection-panel.catalog-remake .catalog-quick-filters button[aria-pressed=true]{background:#34595d!important;box-shadow:inset 3px 0 #f2d295!important;border-radius:0 9px 9px 0}
#shell #collection-panel.catalog-remake .browse-toolbar .store-category{flex:none;width:100%;min-width:0;max-width:none}
#shell #collection-panel.catalog-remake .browse-filters{margin:0;margin-top:auto;width:100%}
#shell #collection-panel.catalog-remake .browse-filters>summary{display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box}
#shell #collection-panel.catalog-remake .browse-filter-content{left:0;right:auto;top:0;bottom:auto;transform:translateX(calc(var(--shop-rail) + 10px));width:min(440px,calc(100vw - var(--shop-rail) - 56px));max-height:calc(100dvh - 100px);overflow:auto;z-index:20}
#shell #collection-panel.catalog-remake .catalog-header-views{display:none;flex:none;position:relative;isolation:isolate;border:1px solid #96b5ac44;border-radius:10px;background:#14313c;padding:2px;gap:0;height:44px;box-sizing:border-box;order:2}
#shell #collection-panel.catalog-remake .coin-pill{order:3}
#shell #collection-panel.catalog-remake[data-section=store] #store-views,#shell #collection-panel.catalog-remake:is([data-section=snakes],[data-section=accessories]) #collection-views{display:flex}
#shell #collection-panel.catalog-remake .catalog-header-views button{flex:none;width:44px;min-width:44px;height:38px;min-height:38px;padding:8px;border:0;background:transparent!important;color:#a9c4bd!important;border-radius:7px;box-shadow:none}
#shell #collection-panel.catalog-remake .catalog-header-views button[aria-pressed=true]{background:#d5e8d8!important;color:#173c42!important}
#shell #collection-panel.catalog-remake .catalog-header-views button::after{display:none}
#shell #collection-panel.catalog-remake .catalog-card-shell>:is(.collection-card,.store-card){padding:16px 7px 18px!important}
#shell #collection-panel.catalog-remake .card-details::before{display:none}
#shell #collection-panel.catalog-remake .catalog-bottom-navigation{height:26px}
#shell #collection-panel.catalog-remake .catalog-navigation :is(#store-page,#collection-page){display:block!important;min-width:70px;text-align:center}
#shell #collection-panel.catalog-remake .catalog-navigation button{min-height:26px;height:26px}
#shell #collection-panel.catalog-remake :is(#store-layout,#collection-content):has(details[class$=item-details][open])>.browse-toolbar{visibility:hidden}
@media(orientation:landscape) and (max-height:650px){
 #shell #collection-panel.catalog-remake{--shop-rail:88px;--shop-stage:clamp(155px,21vw,225px)}
 #shell #collection-panel.catalog-remake .collection-header{padding:2px 8px;gap:7px}
 #shell #collection-panel.catalog-remake .collection-tabs{gap:0;flex:1;min-width:0}
 #shell #collection-panel.catalog-remake .collection-tabs button{padding:6px 9px;flex:1;min-width:0;font-size:12px}
 #shell #collection-panel.catalog-remake :is(.collection-body,.collection-store){padding-top:7px}
 #shell #collection-panel.catalog-remake .catalog-quick-filters button{min-height:44px;font-size:12px}
 #shell #collection-panel.catalog-remake .browse-toolbar .store-category{min-height:44px;padding:6px 16px 6px 8px;font-size:11px}
 #shell #collection-panel.catalog-remake .catalog-selection-copy .catalog-caption{display:-webkit-box}
}
@media(orientation:landscape) and (max-width:740px){
 #shell #collection-panel.catalog-remake{--shop-rail:76px;--shop-stage:135px}
 #shell #collection-panel.catalog-remake :is(#store-layout,#collection-content){gap:8px}
 #shell #collection-panel.catalog-remake .collection-tabs button{font-size:10px;padding-inline:5px}
 #shell #collection-panel.catalog-remake #collection-close{font-size:12px;padding-inline:4px}
 #shell #collection-panel.catalog-remake .coin-pill{font-size:15px;padding-inline:4px;gap:4px}
 #shell #collection-panel.catalog-remake .catalog-quick-filters button{font-size:11px;padding-inline:9px}
 #shell #collection-panel.catalog-remake .catalog-selection-copy .catalog-caption{display:none}
 #shell #collection-panel.catalog-remake :is(.store-footer,.collection-footer){flex-wrap:wrap!important}
 #shell #collection-panel.catalog-remake .catalog-selection-copy{min-width:70px}
 #shell #collection-panel.catalog-remake :is(.store-actions,.collection-actions){margin-left:auto}
}
@media(orientation:portrait){
 #shell #collection-panel.catalog-remake .collection-header{grid-template-columns:1fr auto auto}
 #shell #collection-panel.catalog-remake .coin-pill{grid-column:3}
 #shell #collection-panel.catalog-remake .catalog-header-views{grid-column:2;grid-row:1}
 #shell #collection-panel.catalog-remake .collection-tabs{grid-column:1/-1}
 #shell #collection-panel.catalog-remake :is(#store-layout,#collection-content)>.browse-toolbar{flex-direction:row;flex-wrap:wrap;align-items:center;order:0}
 #shell #collection-panel.catalog-remake .catalog-quick-filters{flex-direction:row;flex:1;order:0}
 #shell #collection-panel.catalog-remake .catalog-quick-filters button{flex:1;text-align:center;padding-inline:8px}
 #shell #collection-panel.catalog-remake .catalog-quick-filters button[aria-pressed=true]{border-radius:8px;box-shadow:inset 0 -2px #f2d295!important}
 #shell #collection-panel.catalog-remake .browse-toolbar .store-category{width:100px;flex:none}
 #shell #collection-panel.catalog-remake .browse-filters{width:auto;margin:0}
 #shell #collection-panel.catalog-remake .browse-filter-content{transform:none;left:auto;right:0;top:100%;width:calc(100vw - 54px)}
}
#shell #collection-panel.catalog-remake :is(#store-preview-stage,#collection-preview-stage){gap:0!important}
#shell #collection-panel.catalog-remake #store-layout .browse-toolbar .store-category{flex:0 0 44px!important;height:44px;max-height:44px}
#shell #collection-panel.catalog-remake :is(.collection-card,.store-card) canvas{max-height:400px!important}
#shell #collection-panel.catalog-remake :is(#store-detail-tag,#collection-equipped){font-size:10px!important;line-height:1.4;min-height:14px}
#shell #collection-panel.catalog-remake .catalog-header-views svg{width:23px;height:23px;fill:currentColor;display:block}
#shell #collection-panel.catalog-remake .catalog-navigation :is(#store-page,#collection-page){visibility:visible!important;opacity:1!important;width:auto!important;max-width:none!important}
#shell #collection-panel.catalog-remake .catalog-quick-filters button::before,#shell #collection-panel.catalog-remake .browse-toolbar::before{display:none!important}
#shell #collection-panel.catalog-remake .catalog-header-views{height:48px}
#shell #collection-panel.catalog-remake .catalog-header-views button{height:44px;min-height:44px}
#shell #collection-panel.catalog-remake .catalog-bottom-navigation{height:44px}
#shell #collection-panel.catalog-remake .catalog-navigation button{height:44px;min-height:44px}
#shell #collection-panel.catalog-remake :is(#store-status,#collection-status):not(:empty){position:static;inset:auto;flex:none;margin:0}
#shell:is([data-text-size=large],[data-text-size=extra]) #collection-panel.catalog-remake :is(#store-cards,#collection-cards)[data-continuous=true][data-view]{grid-template-columns:none!important;grid-template-rows:repeat(var(--catalog-rows,1),minmax(220px,1fr))!important;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--catalog-columns,2) - 1)*var(--catalog-gap,10px))/var(--catalog-columns,2));height:calc(var(--catalog-rows,1)*220px + (var(--catalog-rows,1) - 1)*var(--catalog-gap,10px))!important;flex:none!important}
/* Hidden panels must never remain in the layout or intercept a swipe. */
#shell #collection-panel.catalog-remake :is(#collection-content,#store-layout,#store-preview-stage,#collection-preview-stage)[hidden]{display:none!important}
#shell #collection-panel.catalog-remake:not(.keyboard-panel) .browse-filter-content{position:fixed;top:max(76px,calc(env(safe-area-inset-top) + 68px));left:calc(env(safe-area-inset-left) + var(--shop-rail) + 26px);right:auto;bottom:auto;transform:none;max-height:calc(100dvh - 100px);z-index:30}
@media(orientation:portrait){
 #shell #collection-panel.catalog-remake :is(#store-views,#collection-views).catalog-header-views{grid-column:2!important;grid-row:1!important;left:auto!important;right:auto!important;width:94px!important;justify-self:end}
 #shell #collection-panel.catalog-remake:not(.keyboard-panel) .browse-filter-content{left:26px;right:26px;top:132px;width:auto;max-width:none;max-height:calc(100dvh - 158px)}
 #shell #collection-panel.catalog-remake .collection-tabs{justify-content:flex-start!important}
 #shell #collection-panel.catalog-remake .collection-tabs button{flex:none!important;min-width:0!important;padding-inline:8px;font-size:11px}
 #shell #collection-panel.catalog-remake #store-layout .browse-toolbar .store-category{flex:0 0 100px!important;width:100px}
 #shell #collection-panel.catalog-remake .catalog-quick-filters{order:1;flex-basis:100%}
 #shell #collection-panel.catalog-remake .browse-filters{margin-left:auto}
 #shell #collection-panel.catalog-remake :is(.store-footer,.collection-footer){flex-direction:column;align-items:stretch}
 #shell #collection-panel.catalog-remake .catalog-selection-copy{flex:none;width:100%}
 #shell #collection-panel.catalog-remake :is(.store-actions,.collection-actions){flex:none;width:100%;justify-content:flex-end}
}

/* Give the snakes the height previously occupied by paging and preview labels. */
#shell #collection-panel.catalog-remake{--shop-stage:clamp(140px,17vw,250px)}
#shell #collection-panel.catalog-remake :is(#store-favorite,#collection-favorite,#store-inspect-label,#collection-preview-size,#collection-equipped){display:none!important}
#shell #collection-panel.catalog-remake .catalog-bottom-navigation{display:none!important}
#shell #collection-panel.catalog-remake .catalog-navigation :is(#store-page,#collection-page){display:none!important}
#shell #collection-panel.catalog-remake :is(#store-preview-stage,#collection-preview-stage){padding-bottom:12px}
#shell #collection-panel.catalog-remake :is(#store-detail-name,#collection-selection){margin-top:8px}
#shell #collection-panel.catalog-remake :is(.store-browser,.collection-catalog){position:relative}
@media(orientation:landscape) and (max-height:650px){
 #shell #collection-panel.catalog-remake{--shop-stage:clamp(120px,16vw,155px);--shop-rail:80px}
}
@media(orientation:landscape) and (max-width:740px){
 #shell #collection-panel.catalog-remake{--shop-stage:110px;--shop-rail:72px}
}
/* Mouse users retain side buttons without reserving a bottom navigation row. */
@media(hover:hover) and (pointer:fine) and (min-width:1000px){
 #shell #collection-panel.catalog-remake .catalog-bottom-navigation{display:block!important;position:absolute;top:36%;left:0;right:0;height:44px;z-index:5;pointer-events:none}
 #shell #collection-panel.catalog-remake .catalog-navigation{display:flex;width:100%;justify-content:space-between}
 #shell #collection-panel.catalog-remake .catalog-navigation button{pointer-events:auto;width:44px;height:44px;border:1px solid #b6ceca40;border-radius:50%;background:#102a35d9;box-shadow:0 2px 8px #06182035}
 #shell #collection-panel.catalog-remake .catalog-navigation button:disabled{visibility:hidden}
 #shell #collection-panel.catalog-remake :is(.store-browser,.collection-catalog):has(details[open]) .catalog-bottom-navigation{display:none!important}
}

/* Family Snake's coil and card icons share the showroom's warm selection cue. */
#shell #collection-panel.catalog-remake :is(#store-views,#collection-views).catalog-header-views{gap:4px;padding:2px;border:0;background:none;isolation:auto;width:96px!important}
#shell #collection-panel.catalog-remake :is(#store-views,#collection-views).catalog-header-views button{--view-eye:#183b46;background:#173842!important;color:#a9c4bd!important;border:1px solid #86a99e55;border-radius:12px;transition:background-color .12s,color .12s}
#shell #collection-panel.catalog-remake :is(#store-views,#collection-views).catalog-header-views button[aria-pressed=true]{--view-eye:#243e43;background:#345450!important;color:#ffe0a0!important;border-color:#eac688!important;box-shadow:inset 0 -2px #eac688}
#shell #collection-panel.catalog-remake .catalog-header-views svg{width:24px;height:24px;fill:none}