#shop-dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;overflow:hidden;border:0;border-image:none;border-radius:0;background:linear-gradient(155deg,#f4f0e6,#f4f0e6 62%);color:var(--kit-ink,#292724);box-shadow:none}
#shop-dialog::backdrop{background:transparent;backdrop-filter:none;animation:none}
.shop-content{height:100%;min-height:0;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;overflow:hidden}
#shop-dialog>.shop-content{width:100%;max-width:960px;margin:0 auto;padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
#shop-dialog .shop-content>.shop-header{margin:0;border-bottom:1px solid #aa854538}
.shop-header{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:8px;padding:12px 12px 4px}
.shop-header .sheet-title{margin:0;text-align:center;font-size:20px}
.shop-header .icon-button{position:static;width:42px;height:42px;display:grid;place-items:center;color:var(--kit-ink,#292724);background:#f4f0e666;border:1px solid #aa854545;border-radius:50%;font-size:28px}
.shop-wallet{min-width:0;display:flex;justify-content:center;padding:12px 20px 16px}
.shop-wallet .currency-chips{justify-content:center;flex-wrap:wrap}
.shop-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:0 16px 12px;background:#f4f0e699;border:1px solid #aa854547;border-radius:12px}
.shop-tab{min-height:42px;border:0;border-radius:9px;background:transparent;color:var(--kit-quiet-ink,#706b63);font-size:15px;font-weight:700}
.shop-tab[aria-pressed=true]{background:linear-gradient(#e7d5ad,#e7d5ad);color:var(--kit-ink,#292724);box-shadow:inset 0 1px #b08a4922}
.shop-scroll{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom;padding:2px 16px 18px}
.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.shop-offer{min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 8px 12px;min-height:215px;border:1px solid #aa854555;border-radius:16px;background:radial-gradient(ellipse at 50% 12%,#e6ddca22,transparent 72%),linear-gradient(#f4f0e6,#f4f0e6);color:var(--kit-ink,#292724);touch-action:pan-y pinch-zoom}
.shop-offer[aria-pressed=true]{border-color:#aa8545;box-shadow:inset 0 0 0 1px #b08a49,0 0 18px #b08a490a;background:radial-gradient(ellipse at 50% 12%,#e7d5ad30,transparent 75%),linear-gradient(#e7d5ad,#e7d5ad)}
.shop-offer-icon{display:block;width:70px;height:70px;margin:2px auto 7px;filter:drop-shadow(0 6px 10px #17141022);color:var(--kit-quiet-ink,#706b63);--chip-ink:var(--kit-quiet-ink,#706b63)}
.shop-offer-icon svg,.shop-empty-icon svg{display:block;width:100%;height:100%}
.shop-offer-diamonds{color:#416d6c;--chip-ink:#214653}
.shop-offer-title{font-size:13px;line-height:1.4;text-align:center;overflow-wrap:anywhere}
.shop-offer-amount{font:700 25px/1.2 var(--font-ui);color:var(--kit-ink,#292724)}
.shop-offer-price{margin-top:auto;font-size:12px;color:var(--kit-quiet-ink,#706b63);padding-top:8px}
.shop-footer{padding:0 16px max(20px,calc(16px + env(safe-area-inset-bottom,0px)));background:linear-gradient(#f4f0e6e8,#f4f0e6);border-top:1px solid #aa854544}
.shop-status{min-height:22px;margin:9px 0 7px;text-align:center;color:var(--kit-quiet-ink,#706b63);font-size:12px;line-height:1.6}
.shop-buy{width:100%;min-height:48px}
.shop-buy:disabled{opacity:.48;filter:saturate(.45);cursor:default}
.shop-empty{min-height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--kit-quiet-ink,#706b63);gap:14px}
.shop-empty-icon{display:block;width:76px;height:76px;color:var(--kit-quiet-ink,#706b63);--chip-ink:var(--kit-quiet-ink,#706b63);opacity:.7}
.shop-empty p{font-size:15px;margin:0}

@media(min-width:700px){.shop-grid{grid-template-columns:repeat(auto-fit,minmax(220px,280px));justify-content:center}.shop-scroll,.shop-tabs{margin-left:0;margin-right:0}.shop-scroll{padding-inline:24px}.shop-tabs{margin-inline:24px}.shop-footer{padding-inline:24px}}
@media(max-width:350px){.shop-grid{gap:9px}.shop-scroll{padding-inline:12px}.shop-offer{min-height:200px}.shop-offer-title{font-size:12px}.shop-offer-icon{width:62px;height:62px}}
#shop-dialog[open]{animation:shop-screen-enter 150ms ease-out both}
@keyframes shop-screen-enter{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){#shop-dialog[open]{animation:none}}

#shop-dialog{color-scheme:light;background:linear-gradient(155deg,#fffdf7,#f0eade 62%)}.shop-offer{background:linear-gradient(#fffdf7,#f2ece0)}.shop-offer[aria-pressed=true]{background:linear-gradient(#f4e8cc,#e7d5ad)}