.shop-page{background:radial-gradient(circle at 50% -20%,#27301b 0,#0a0b08 44%);min-height:100vh;padding-bottom:90px}.shop-header{grid-template-columns:1fr auto 1fr;padding:0 4vw;display:grid}.shop-header>div{text-align:center}.shop-header>div small,.shop-header>div b{display:block}.shop-header>div small{color:var(--acid);letter-spacing:.18em;font-size:7px}.shop-header>div b{font-size:12px}.shop-header>button:last-child{color:var(--muted);justify-self:end;font-size:10px;font-weight:900}.shop-header>button:last-child:hover{color:var(--acid)}.shop-summary{border:1px solid var(--line-strong);background:#11130e;grid-template-columns:220px 220px 1fr;align-items:stretch;width:min(1320px,94vw);margin:30px auto 0;display:grid}.shop-summary>div{border-right:1px solid var(--line);padding:17px 20px}.shop-summary small,.shop-summary strong{display:block}.shop-summary small{color:var(--muted);letter-spacing:.14em;font-size:8px}.shop-summary strong{color:var(--acid);margin-top:4px;font-size:24px}.shop-summary p{color:var(--text-soft);align-self:center;padding:16px 22px;font-size:10px}.shop-message{border-left:3px solid var(--acid);width:min(1320px,94vw);min-height:46px;color:var(--text-soft);background:#d7ff3f0a;justify-content:space-between;align-items:center;margin:10px auto 22px;padding:10px 14px;font-size:10px;display:flex}.shop-message.error{border-color:var(--orange)}.shop-message button{border:1px solid var(--line);padding:7px 12px}.shop-catalog{gap:18px;width:min(1320px,94vw);margin:0 auto;display:grid}.shop-catalog>section{border:1px solid var(--line-strong);background:#10120e;padding:20px}.shop-rarity{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.shop-rarity small{color:var(--acid);letter-spacing:.15em;font-size:7px}.shop-rarity h2{margin-top:2px;font-size:17px}.shop-rarity>strong{color:var(--acid);font-size:18px}.shop-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;display:grid}.shop-card{background:linear-gradient(150deg,#191c14,#0c0e0a);border:1px solid #3a3e31;flex-direction:column;min-height:250px;padding:14px;display:flex}.shop-card.rarity-uncommon{border-color:#6e8b6f}.shop-card.rarity-rare{border-color:#4d88a9}.shop-card.rarity-super{border-color:#9964b6}.shop-card.rarity-legendary{background:linear-gradient(150deg,#241b0c,#0c0e0a);border-color:#d49b36}.shop-card>small{color:var(--acid);letter-spacing:.07em;font-size:7px}.shop-card h3{margin:14px 0 7px;font-size:16px}.shop-card p{color:var(--text-soft);flex:1;font-size:9px;line-height:1.65}.shop-card footer{height:auto;color:var(--muted);border:0;margin:13px 0 10px;padding:0;font-size:8px;display:flex}.shop-card footer b{color:var(--paper)}.shop-card>button{background:var(--acid);color:#090a07;min-height:42px;font-size:10px;font-weight:900}.shop-card>button:disabled{border:1px solid var(--line);color:#75786e;background:#171914}.shop-card.owned{opacity:.65}.shop-card.owned>button{color:var(--acid)}.shop-empty{border:1px solid var(--line-strong);text-align:center;background:#11140e;width:min(680px,90vw);margin:11vh auto 0;padding:52px}.shop-empty small{color:var(--orange);letter-spacing:.2em;font-size:8px}.shop-empty h1{margin:12px 0;font-size:42px;line-height:1.05}.shop-empty p{color:var(--muted);font-size:11px}.shop-empty button{background:var(--acid);color:#090a07;margin-top:24px;padding:14px 22px;font-size:10px;font-weight:900}@media (max-width:1050px){.shop-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.shop-page{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.shop-header{padding-left:max(13px,env(safe-area-inset-left));padding-right:max(13px,env(safe-area-inset-right));grid-template-columns:1fr auto}.shop-header>div{display:none}.shop-summary{grid-template-columns:1fr 1fr;width:calc(100% - 28px);margin-top:16px}.shop-summary>div:nth-child(2){border-right:0}.shop-summary p{border-top:1px solid var(--line);grid-column:1/-1}.shop-message,.shop-catalog{width:calc(100% - 28px)}.shop-message{align-items:flex-start;gap:8px}.shop-message button{flex:none;min-height:44px}.shop-cards{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:8px;display:flex;overflow-x:auto}.shop-card{scroll-snap-align:center;flex:0 0 min(82vw,290px);min-height:265px}.shop-card>button{min-height:48px}.shop-catalog>section{padding:15px 10px}.shop-empty{padding:38px 22px}.shop-empty h1{font-size:34px}}