/* Sky avatar shop. Default phone three-column / tablet stacked-left layout.
 * This file controls presentation only; source art and commerce remain intact. */
#shopScreen.theme-sky {
    --shop-text: var(--sky-ink); --shop-muted: var(--sky-muted);
    --shop-line: #afcddd; --shop-accent: #147cac;
    --shop-panel: var(--sky-panel); --shop-panel-soft: #f7fcff;
    background: #96d5f6 var(--sky-background) center / cover no-repeat !important;
    overflow: hidden;
}
#shopScreen.theme-sky::before { display: none; }
#shopScreen.theme-sky #shopShell {
    --shop-toolbar-height: 44px;
    position: absolute; inset: 0; width: auto; height: auto; margin: 0; transform: none;
    display: grid; grid-template-columns: minmax(142px,.72fr) minmax(248px,1.18fr) minmax(220px,1.1fr);
    grid-template-rows: var(--shop-toolbar-height) minmax(0,1fr);
    grid-template-areas: "toolbar toolbar toolbar" "profile catalog owned"; gap: 8px;
    padding: 10px var(--theme-safe-right,10px) max(10px,env(safe-area-inset-bottom)) var(--theme-safe-left,10px);
    border: 0; background: none; box-shadow: none; font: 15px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
#shopScreen.theme-sky #shopShell :where(button) {
    min-height: 44px; border: 1px solid #a7c8dd; border-radius: 11px;
    background: #f7fcff; color: var(--sky-ink); box-shadow: var(--sky-shadow);
    font: 750 14px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    text-shadow: none; filter: none; transform: none; cursor: pointer;
}
#shopScreen.theme-sky #shopShell button:active:not(:disabled) { background: #dfedf7; filter: none; transform: none; }
#shopScreen.theme-sky #shopShell button:focus-visible { outline: 2px solid #165f96; outline-offset: -3px; }
#shopScreen.theme-sky #shopShell button:disabled { background: #e3ebf0; color: #526b7d; opacity: 1; box-shadow: none; cursor: default; }
#shopScreen.theme-sky #shopTopBar {
    position: static; grid-area: toolbar; min-width: 0; height: auto;
    display: flex; gap: 8px; padding: 0; border: 0; background: none; box-shadow: none;
}
#shopScreen.theme-sky #shopGenderControl { flex: 0 1 160px; min-width: 160px; }
#shopScreen.theme-sky #shopGenderFilter { width: 100%; height: 44px; min-height: 44px; padding: 0 6px; border: 1px solid #a7c8dd; border-radius: 11px; background: #f7fcff; color: var(--sky-ink); font: 700 13px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
#shopScreen.theme-sky #shopGenderFilter:focus-visible { outline: 2px solid #165f96; outline-offset: -3px; }
#shopScreen.theme-sky #shopSectionToggles { display: flex; flex: 0 0 auto; gap: 4px; }
#shopScreen.theme-sky #shopSectionToggles button { min-width: 56px; height: 44px; padding: 0 10px; box-shadow: none; touch-action: manipulation; }
#shopScreen.theme-sky #shopSectionToggles button[aria-pressed="true"] { border-color: #176b96; background: #176b96; color: #fff; box-shadow: inset 0 -3px #104e71; }
#shopScreen.theme-sky #shopSectionToggles button[aria-pressed="true"]:active { background: #125b82; }
#shopScreen.theme-sky #shopBalances { position: static; min-width: 0; margin: 0 0 0 auto; gap: 6px; }
#shopScreen.theme-sky #shopBalances span { min-width: 0; height: auto; min-height: 36px; padding: 8px 10px; border: 1px solid var(--sky-line); border-radius: 10px; background: var(--sky-panel); font-size: 15px; line-height: 20px; font-variant-numeric: tabular-nums; }
#shopScreen.theme-sky #shopGold { color: #825700; }
#shopScreen.theme-sky #shopCash { color: #176b96; }
#shopScreen.theme-sky #shopExit { flex: 0 0 64px; min-width: 64px; height: 44px; margin: 0; padding: 8px; font-size: 15px; }
#shopScreen.theme-sky .shopPanel {
    position: relative; inset: auto; min-width: 0; min-height: 0; width: auto; height: auto; margin: 0;
    padding: 8px; border: 1.5px solid var(--sky-line); border-radius: 17px;
    background: var(--sky-panel); box-shadow: var(--sky-shadow); overflow: hidden;
}
#shopScreen.theme-sky #shopProfilePanel { grid-area: profile; display: flex; flex-direction: column; gap: 6px; overflow-y: auto; }
#shopScreen.theme-sky #shopPreviewStage { position: relative; inset: auto; width: 100%; flex: 0 0 clamp(88px,28vh,140px); height: auto; min-height: 0; border: 1px solid #c4ddeb; border-radius: 12px; background: linear-gradient(#e1f3ff,#f8fdff); }
#shopScreen.theme-sky #shopPreviewStage::after { background: #5596b333; filter: blur(4px); bottom: 8px; }
#shopScreen.theme-sky #shopPlayerPreview,
#shopScreen.theme-sky #shopPlayerPreview.importedOutfit { inset: 2px 0; width: 100%; height: calc(100% - 4px); object-fit: contain; }
#shopScreen.theme-sky #shopMyStats { position: static; width: 100%; flex: 0 0 auto; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: repeat(4,28px); gap: 4px; font-size: 15px; line-height: 22px; color: var(--sky-ink); }
#shopScreen.theme-sky #shopMyStats > .avatarStatChip { min-width: 0; justify-content: flex-start; gap: 5px; padding: 3px 5px; border-radius: 6px; background: #e1f0f9; font-variant-numeric: tabular-nums; }
#shopScreen.theme-sky #shopMyStats .avatarSourceIcon { width: 20px; height: 20px; flex: 0 0 20px; }
#shopScreen.theme-sky #shopMyStats .previewChanged { color: #115e8c; background: #caeafd; box-shadow: inset 0 -2px #147cac; }
#shopScreen.theme-sky #shopCatalogPanel { grid-area: catalog; display: flex; flex-direction: column; gap: 6px; }
#shopScreen.theme-sky #shopCatalogPanel > .shopPanelHeading { position: static; width: 100%; height: 44px; flex: 0 0 44px; }
#shopScreen.theme-sky #shopOwnedPanel { grid-area: owned; display: flex; flex-direction: column; gap: 6px; }
#shopScreen.theme-sky #shopShell > .shopPanel[hidden] { display: none; }
#shopScreen.theme-sky :is(#shopCategories,#shopInventoryFilters) { position: static; inset: auto; width: 100%; min-width: 0; height: 44px; flex: 0 0 44px; display: flex; align-items: center; gap: 4px; padding: 0; overflow: visible; }
#shopScreen.theme-sky :is(#shopCategories,#shopInventoryFilters) button { flex: 0 0 44px; min-width: 44px; width: 44px !important; height: 44px !important; padding: 4px; font-size: 15px; }
#shopScreen.theme-sky :is(#shopCategories,#shopInventoryFilters) button.active { background: #d4eeff; border-color: #207ba9; color: #125f8a; box-shadow: inset 0 -3px #207ba9; }
#shopScreen.theme-sky :is(#shopCategories,#shopInventoryFilters) .avatarSourceIcon { width: 25px; height: 25px; }
#shopScreen.theme-sky .shopTypeScroll { height: 44px; min-width: 0; flex: 1; gap: 4px; align-items: center; padding: 0; }
#shopScreen.theme-sky .shopSortActions { gap: 4px; }
#shopScreen.theme-sky :is(#shopCategories,#shopInventoryFilters) .shopSortButton { position: relative; font-size: 29px; line-height: 38px; }
#shopScreen.theme-sky .shopSortButton[aria-pressed="true"] { border-color: #207ba9; background: #d4eeff; }
#shopScreen.theme-sky .shopSortBadge { right: 2px; bottom: 2px; width: 17px; height: 17px; background: #effaff; font-size: 12px; }
#shopScreen.theme-sky :is(#shopCategories,#shopInventoryFilters) .shopSortBadge .avatarSourceIcon { width: 16px; height: 16px; }
#shopScreen.theme-sky #shopItems { position: relative; inset: auto; flex: 1; min-height: 0; width: 100%; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); grid-auto-rows: max-content; align-content: start; gap: 6px; padding: 0 2px 4px 0; overflow: hidden auto; scrollbar-color: #79aecb #deedf5; }
#shopScreen.theme-sky #shopItems:empty:not([aria-busy="true"])::before { content: "No items in this category."; grid-column: 1 / -1; padding: 12px 4px; color: var(--sky-muted); font-size: 14px; }
#shopScreen.theme-sky #shopItems .shopItem { position: relative; inset: auto; width: 100%; min-height: 180px; height: auto; padding: 6px; gap: 4px; border: 1px solid #bfd9e8; border-radius: 11px; background: #f8fcff; box-shadow: none; color: var(--sky-ink); text-align: left; }
#shopScreen.theme-sky #shopItems .shopItem::after { content: none; }
#shopScreen.theme-sky #shopItems .shopItem.selected { border-color: #187cac; background: #dfF2ff; box-shadow: inset 0 0 0 1px #187cac; }
#shopScreen.theme-sky #shopItems .shopItem.unavailable { opacity: 1; filter: none; background: #eaf0f4; color: #485e73; }
#shopScreen.theme-sky #shopItems .shopItem.unavailable.selected { border-color: #187cac; background: #deedf7; }
#shopScreen.theme-sky #shopItems .shopItem.owned { border-bottom: 3px solid #197344; }
#shopScreen.theme-sky #shopItems .shopItemName { min-height: 18px; font-size: 14px; line-height: 18px; font-weight: 800; white-space: normal; overflow-wrap: anywhere; }
#shopScreen.theme-sky #shopItems .shopItemGender { font-size: 12px; line-height: 16px; color: var(--sky-muted); }
#shopScreen.theme-sky #shopItems .shopItemGender .avatarSourceIcon { width: 17px; height: 17px; }
#shopScreen.theme-sky #shopItems .shopItem canvas { width: 100%; height: 64px; border-radius: 7px; background: #e9f4fb; object-fit: contain; }
#shopScreen.theme-sky #shopItems .shopItemStats { color: var(--sky-ink); font-size: 14px !important; line-height: 20px !important; gap: 3px 7px; }
#shopScreen.theme-sky #shopItems .shopItemStats .avatarStatChip { font-size: inherit; line-height: 20px; gap: 3px; }
#shopScreen.theme-sky #shopItems .shopItemStats .avatarSourceIcon { width: 18px; height: 18px; }
#shopScreen.theme-sky #shopItems .shopItemPrices { color: #825700; font-size: 14px; line-height: 20px; text-align: right; overflow-wrap: anywhere; }
#shopScreen.theme-sky #shopItems .shopItemPrices.cash { color: #176b96; }
#shopScreen.theme-sky #shopItems .shopItemRestriction { padding: 3px 5px; border-radius: 5px; background: #fff3d9; color: #704d13; font-size: 12px; line-height: 16px; white-space: normal; overflow-wrap: anywhere; }
#shopScreen.theme-sky #shopCatalogFooter { position: static; width: 100%; height: 44px; flex: 0 0 44px; gap: 6px; min-width: 0; }
#shopScreen.theme-sky #shopPager { gap: 3px; }
#shopScreen.theme-sky #shopPrev,
#shopScreen.theme-sky #shopNext { flex: 0 0 44px; width: 44px; height: 44px; font-size: 28px; padding: 0; }
#shopScreen.theme-sky #shopPages { width: 32px; font-size: 12px; line-height: 18px; color: var(--sky-muted); }
#shopScreen.theme-sky #shopBuy { min-width: 0; max-width: 180px; flex: 1; height: 44px; padding: 4px 6px; border-color: #8de3ff; background: linear-gradient(var(--sky-blue-top),var(--sky-blue-bottom)); color: #fff; font-size: 14px; }
#shopScreen.theme-sky #shopBuy:active:not(:disabled) { background: #176b96; }
#shopScreen.theme-sky #shopOwnedPanel #shopInventory { position: static; flex: 1; width: 100%; min-height: 0; height: auto; padding: 0 2px 4px 0; gap: 6px; overflow: hidden auto; scrollbar-color: #79aecb #deedf5; }
#shopScreen.theme-sky .shopInventoryItem { position: relative; width: 100%; flex: 0 0 auto; height: auto; min-height: 56px; padding: 5px 2px; display: grid; grid-template-columns: minmax(0,1fr) 44px; grid-template-rows: auto; gap: 5px; border: 0; border-bottom: 1px solid #bfd9e8; border-radius: 0; background: transparent; color: var(--sky-ink); }
#shopScreen.theme-sky .shopInventoryItem.selected { border-color: #187cac; background: #dff2ff; box-shadow: inset 0 0 0 1px #187cac; }
#shopScreen.theme-sky .shopInventoryItem.equipped { border-color: #73b79c; }
#shopScreen.theme-sky #shopInventory .shopInventorySelect { grid-column: 1; grid-row: 1; width: 100%; min-width: 0; min-height: 44px; display: flex; align-items: center; gap: 5px; padding: 0; border: 0; border-radius: 5px; box-shadow: none; background: transparent; text-align: left; }
#shopScreen.theme-sky .shopInventoryName { flex: 1; min-width: 0; width: auto; margin: 0; color: var(--sky-ink); font-size: 14px; font-weight: 750; line-height: 19px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#shopScreen.theme-sky .shopInventoryStats { display: flex; flex: 0 1 auto; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 4px 6px; width: auto; margin: 0; max-width: 72%; overflow: visible; white-space: normal; font-size: 15px; line-height: 22px; color: var(--sky-ink); }
#shopScreen.theme-sky .shopInventoryStats .avatarStatChip { margin: 0; width: auto; font-size: 15px; font-weight: 700; line-height: 22px; gap: 3px; white-space: nowrap; }
#shopScreen.theme-sky .shopInventoryStats .avatarSourceIcon { width: 20px; height: 20px; flex: 0 0 20px; }
#shopScreen.theme-sky #shopInventory .shopInventoryEquip { position: relative; inset: auto; grid-column: 2; grid-row: 1; align-self: center; width: 44px; min-width: 44px; height: 44px; padding: 8px; background: #e5f3fc; border-color: #8fbcd6; color: #125f8a; }
#shopScreen.theme-sky #shopInventory .shopInventoryEquip .avatarSourceIcon { width: 23px; height: 23px; }
#shopScreen.theme-sky #shopInventory .equipped .shopInventoryEquip { background: #e0f4e9; border-color: #80b99d; color: #176440; }
#shopScreen.theme-sky .shopInventoryEmpty { padding: 12px 4px; color: var(--sky-muted); font-size: 14px; line-height: 20px; }
#shopScreen.theme-sky :is(#shopItems,#shopInventory)::-webkit-scrollbar { width: 4px; }
#shopScreen.theme-sky :is(#shopItems,#shopInventory)::-webkit-scrollbar-track { background: #deedf5; }
#shopScreen.theme-sky :is(#shopItems,#shopInventory)::-webkit-scrollbar-thumb { background: #79aecb; border-radius: 4px; }
/* The owned list has one continuous pointer scroller, including name/action
   buttons. Do not let WebKit cancel its move stream to begin a competing pan. */
#shopScreen.theme-sky :is(#shopInventory,#shopItems,#shopSortOptions),
#shopScreen.theme-sky :is(#shopInventory,#shopItems,#shopSortOptions) * { touch-action: pan-y; }
#shopScreen.theme-sky #shopInventory,
#shopScreen.theme-sky #shopInventory * { touch-action: none; }
#shopScreen.theme-sky :is(#shopInventory,#shopItems,#shopSortOptions) { -webkit-overflow-scrolling: touch; overscroll-behavior: contain; }
#shopScreen.theme-sky #shopMessage { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); margin: -1px; padding: 0; border: 0; }
/* Keep failures actionable, but no routine yellow footer/status chatter. */
#shopScreen.theme-sky #shopMessage[data-kind="error"] { position: static; grid-column: 1 / -1; grid-row: 3; clip-path: none; width: auto; height: auto; min-height: 0; margin: 0; padding: 6px 10px; border: 1px solid #db8a9a; border-radius: 9px; background: #ffedf0; color: #8d243c; font-size: 14px; line-height: 18px; text-align: left; }
#shopScreen.theme-sky #shopMessage:empty,
#shopScreen.theme-sky.sky-shop-purchase-open #shopMessage { display: none; }
/* Same source previews, sort options and permanent-purchase choices, in Sky sheets. */
#shopScreen.theme-sky :is(#shopSortDialog,#shopPurchaseDialog) { position: absolute; inset: 0; width: 100%; height: 100%; padding: 10px var(--theme-safe-right,10px) max(10px,env(safe-area-inset-bottom)) var(--theme-safe-left,10px); display: grid; place-items: center; z-index: 1200; }
#shopScreen.theme-sky :is(#shopSortDialog,#shopPurchaseDialog) .dialogShade { background: #153c6580; backdrop-filter: none; }
#shopScreen.theme-sky :is(#shopSortPanel,#shopPurchasePanel) { position: relative; inset: auto; width: min(560px,100%); height: auto; max-height: 100%; min-height: 0; margin: 0; padding: 12px; transform: none; border: 1.5px solid var(--sky-line); border-radius: 19px; background: #effaff; color: var(--sky-ink); box-shadow: 0 12px 36px #20577740; overflow: hidden; }
#shopScreen.theme-sky #shopSortPanel { display: flex; flex-direction: column; gap: 8px; }
#shopScreen.theme-sky #shopSortTitle { font-size: 20px; line-height: 26px; }
#shopScreen.theme-sky #shopSortClose { width: 44px; height: 44px; flex: 0 0 44px; padding: 0; font-size: 28px; }
#shopScreen.theme-sky #shopSortOptions { min-height: 0; gap: 6px; overflow: hidden auto; }
#shopScreen.theme-sky #shopSortOptions .shopSortOption { min-height: 44px; padding: 8px 10px; gap: 8px; font-size: 15px; text-align: left; box-shadow: none; }
#shopScreen.theme-sky #shopSortOptions .shopSortOption .avatarSourceIcon { width: 23px; height: 23px; flex: 0 0 23px; }
#shopScreen.theme-sky #shopSortOptions .shopSortOption[aria-pressed="true"] { background: #d4eeff; border-color: #187cac; }
#shopScreen.theme-sky :is(.shopSortOption.gold,.shopSortBadge.gold) { color: #825700; }
#shopScreen.theme-sky :is(.shopSortOption.cash,.shopSortBadge.cash) { color: #176b96; }
#shopScreen.theme-sky #shopPurchasePanel { display: grid; grid-template-columns: minmax(100px,1fr) minmax(0,1fr); gap: 8px 12px; overflow-y: auto; }
#shopScreen.theme-sky .shopPurchaseHeader { position: static; grid-column: 1 / -1; margin: 0; }
#shopScreen.theme-sky .shopPurchaseHeader > span { font-size: 12px; line-height: 17px; letter-spacing: .6px; color: #176b96; }
#shopScreen.theme-sky #shopPurchaseName { margin: 2px 0 0; color: var(--sky-ink); font-size: 19px; line-height: 24px; overflow-wrap: anywhere; }
#shopScreen.theme-sky .shopPurchasePreviewStage { position: relative; inset: auto; grid-column: 1; grid-row: 2; width: auto; height: 104px; border-color: #bdd9e9; border-radius: 11px; background: #e0f1fc; }
#shopScreen.theme-sky #shopPurchasePreview { position: static; width: 100%; height: 100%; margin: 0; object-fit: contain; }
#shopScreen.theme-sky .shopPurchaseLabel { display: none; }
#shopScreen.theme-sky #shopPermanentPurchase { position: static; grid-column: 2; grid-row: 2; min-width: 0; min-height: 0; justify-content: center; padding: 12px; gap: 6px; border: 1px solid #bdd9e9; border-radius: 11px; background: #e7f4fc; color: var(--sky-ink); }
#shopScreen.theme-sky #shopPermanentPurchase strong { font-size: 16px; }
#shopScreen.theme-sky #shopPermanentPurchase span { font-size: 13px; line-height: 18px; color: var(--sky-muted); }
#shopScreen.theme-sky :is(#shopBuyCash,#shopBuyGold,#shopPurchaseCancel,#shopFavorite,#shopEquip,#shopSell,#shopSellGold,#shopSellCash,#shopSellCancel) { position: static; inset: auto; width: 100%; min-height: 44px; height: auto; margin: 0; padding: 8px; font-size: 15px; opacity: 1; }
#shopScreen.theme-sky #shopBuyCash { grid-column: 1; grid-row: 3; background: #dff1fc; border-color: #94bfdb; color: #176b96; }
#shopScreen.theme-sky #shopBuyGold { grid-column: 2; grid-row: 3; background: #fff0c4; border-color: #dbbd71; color: #795100; }
#shopScreen.theme-sky #shopFavorite { grid-column: 1 / -1; grid-row: 4; }
#shopScreen.theme-sky #shopFavorite[aria-pressed="true"] { background: #fff0c4; border-color: #dbbd71; color: #795100; }
#shopScreen.theme-sky #shopEquip { grid-column: 1; grid-row: 3; }
#shopScreen.theme-sky #shopSell { grid-column: 2; grid-row: 3; }
#shopScreen.theme-sky #shopSellPrompt { grid-column: 1 / -1; grid-row: 3 / 5; min-width: 0; display: grid; gap: 8px; }
#shopScreen.theme-sky #shopSellDescription { margin: 0; font-size: 14px; line-height: 19px; }
#shopScreen.theme-sky .shopSellCurrencies { display: flex; gap: 8px; }
#shopScreen.theme-sky .shopSellCurrencies button { flex: 1; min-width: 0; }
#shopScreen.theme-sky #shopSellGold { background: #fff0c4; border-color: #dbbd71; color: #795100; }
#shopScreen.theme-sky #shopSellCash { background: #dff1fc; border-color: #94bfdb; color: #176b96; }
#shopScreen.theme-sky #shopPurchaseStatus { grid-column: 1 / -1; grid-row: 5; padding: 6px 8px; border-radius: 8px; background: #fff3d9; color: #704d13; font-size: 14px; line-height: 18px; overflow-wrap: anywhere; }
#shopScreen.theme-sky #shopPurchaseStatus:empty { display: none; }
#shopScreen.theme-sky #shopPurchaseCancel { grid-column: 1 / -1; grid-row: 6; }
@media (max-width:760px) {
    #shopScreen.theme-sky #shopGenderControl { flex-basis: 160px; }
    #shopScreen.theme-sky #shopBalances { flex-direction: column; gap: 2px; }
    #shopScreen.theme-sky #shopBalances span { min-height: 20px; padding: 1px 8px; font-size: 13px; line-height: 18px; white-space: nowrap; }
}
@media (max-height:420px) {
    #shopScreen.theme-sky #shopItems .shopItem canvas { height: 48px; }
    #shopScreen.theme-sky #shopItems .shopItem { min-height: 168px; gap: 3px; }
}
@media (min-width:1000px) and (min-height:600px) {
    #shopScreen.theme-sky #shopShell { --shop-toolbar-height: 50px; grid-template-columns: minmax(280px,.78fr) minmax(0,1.8fr); grid-template-rows: var(--shop-toolbar-height) minmax(244px,.46fr) minmax(0,.54fr); grid-template-areas: "toolbar toolbar" "profile catalog" "owned catalog"; gap: 12px; padding-top: 16px; padding-bottom: 16px; }
    #shopScreen.theme-sky #shopTopBar { height: 50px; }
    #shopScreen.theme-sky #shopExit { height: 50px; flex-basis: 80px; }
    #shopScreen.theme-sky .shopPanel { padding: 12px; }
    #shopScreen.theme-sky #shopProfilePanel { gap: 8px; }
    #shopScreen.theme-sky #shopPreviewStage { flex: 1; min-height: 130px; }
    #shopScreen.theme-sky #shopMyStats { grid-template-columns: repeat(4,minmax(0,1fr)); grid-template-rows: repeat(2,30px); font-size: 16px; }
    #shopScreen.theme-sky #shopCatalogPanel { gap: 10px; }
    #shopScreen.theme-sky #shopOwnedPanel { gap: 10px; }
    #shopScreen.theme-sky #shopItems { gap: 10px; }
    #shopScreen.theme-sky #shopItems .shopItem { min-height: 224px; padding: 10px; gap: 6px; }
    #shopScreen.theme-sky #shopItems .shopItemName { font-size: 17px; line-height: 22px; }
    #shopScreen.theme-sky #shopItems .shopItem canvas { height: 92px; }
    #shopScreen.theme-sky #shopItems .shopItemStats { font-size: 16px !important; line-height: 24px !important; }
    #shopScreen.theme-sky #shopItems .shopItemStats .avatarStatChip { line-height: 24px; }
    #shopScreen.theme-sky #shopItems .shopItemStats .avatarSourceIcon { width: 21px; height: 21px; }
    #shopScreen.theme-sky #shopItems .shopItemPrices { font-size: 16px; line-height: 24px; }
    #shopScreen.theme-sky #shopMessage[data-kind="error"] { grid-row: 4; }
}
/* Reduced layouts always fill the available panel area, on phone and tablet.
   With two sections the shop gets 2/3; avatar + owned split evenly. */
#shopScreen.theme-sky #shopShell:not([data-shop-sections="profile catalog owned"]) { grid-template-rows: var(--shop-toolbar-height) minmax(0,1fr); }
#shopScreen.theme-sky #shopShell[data-shop-sections="profile catalog"] { grid-template-columns: minmax(0,1fr) minmax(0,2fr); grid-template-areas: "toolbar toolbar" "profile catalog"; }
#shopScreen.theme-sky #shopShell[data-shop-sections="catalog owned"] { grid-template-columns: minmax(0,2fr) minmax(0,1fr); grid-template-areas: "toolbar toolbar" "catalog owned"; }
#shopScreen.theme-sky #shopShell[data-shop-sections="profile owned"] { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-areas: "toolbar toolbar" "profile owned"; }
#shopScreen.theme-sky #shopShell[data-shop-sections="profile"] { grid-template-columns: minmax(0,1fr); grid-template-areas: "toolbar" "profile"; }
#shopScreen.theme-sky #shopShell[data-shop-sections="catalog"] { grid-template-columns: minmax(0,1fr); grid-template-areas: "toolbar" "catalog"; }
#shopScreen.theme-sky #shopShell[data-shop-sections="owned"] { grid-template-columns: minmax(0,1fr); grid-template-areas: "toolbar" "owned"; }
#shopScreen.theme-sky #shopShell:not([data-shop-sections="profile catalog owned"]) #shopMessage { grid-row: 3; }
#shopScreen.theme-sky #shopShell:not([data-shop-sections="profile catalog owned"]) #shopItems { grid-template-columns: repeat(auto-fill,minmax(min(100%,145px),1fr)); }
#shopScreen.theme-sky #shopShell:not([data-shop-sections="profile catalog owned"]) #shopPreviewStage { flex: 1; min-height: 88px; }
#shopScreen.theme-sky #shopShell[data-shop-sections="profile"] #shopProfilePanel { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(200px,1fr); align-items: center; gap: 16px; }
#shopScreen.theme-sky #shopShell[data-shop-sections="profile"] #shopPreviewStage { height: 100%; }
#shopScreen.theme-sky #shopShell[data-shop-sections="profile"] #shopMyStats { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: repeat(4,minmax(44px,1fr)); gap: 8px; font-size: 20px; }
#shopScreen.theme-sky #shopShell[data-shop-sections="profile"] #shopMyStats .avatarSourceIcon { width: 26px; height: 26px; flex-basis: 26px; }
@media (prefers-reduced-motion: reduce) {
    #shopScreen.theme-sky *, #shopScreen.theme-sky *::before, #shopScreen.theme-sky *::after { transition: none !important; animation: none !important; }
}