@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.skel{animation:pulse 1.6s ease-in-out infinite;background:#e5e7eb}.filter-chip{display:flex;align-items:center;gap:5px;padding:8px 14px;border-radius:14px;border:1.5px solid #e5e5e5;background:#fff;white-space:nowrap;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;color:#3c3c3c;transition:all .15s;flex-shrink:0}.filter-chip-active{background:#1f2a44;border-color:#1f2a44;color:#ffd166}@media(max-width:400px){.filter-chip{font-size:12px;padding:7px 10px}.shop-card{gap:10px;padding:12px}.shop-thumb{width:52px;height:52px}.joker-card{padding:12px}}.view-chip{justify-content:center;flex:1;white-space:normal;text-align:center;line-height:1.2;padding:8px 6px}.shop-card{display:flex;align-items:center;gap:14px;background:#fff;border-radius:18px;padding:14px;border:1.5px solid #f0f0f0;transition:transform .12s,box-shadow .12s}.shop-card:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000012}.shop-thumb{width:64px;height:64px;border-radius:16px;overflow:hidden;flex-shrink:0;background:#f5f5f5;display:flex;align-items:center;justify-content:center;position:relative}.shop-thumb img{width:100%;height:100%;object-fit:cover}.badge-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.rarity-common{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.rarity-rare{background:#dbeafe;color:#1d4ed8;border:1px solid #93c5fd}.rarity-epic{background:#ede9fe;color:#6d28d9;border:1px solid #c4b5fd}.rarity-legendary{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.joker-card{border:1.5px solid #e2e8f0;background:linear-gradient(165deg,#fff,#f8fafc);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px}.joker-qty-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:10px;background:#1f2a44;color:#ffd166;font-size:13px;font-weight:900;padding:0 6px}.joker-buy-btn{border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px;padding:9px 10px;font-size:11px;font-weight:900;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:4px}.joker-buy-btn:disabled{opacity:.6;cursor:wait}.jokers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.joker-head{display:flex;align-items:flex-start;gap:10px}.joker-title{margin:0;font-size:13px;font-weight:900;color:#1f2a44;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.joker-desc{margin:0;font-size:11px;color:#64748b;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.joker-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}@media(max-width:620px){.jokers-grid{grid-template-columns:1fr}.joker-buy-btn{width:100%}.joker-foot{align-items:stretch}}.quick-pack-card{min-width:150px;max-width:160px;border:1.5px solid #e2e8f0;background:linear-gradient(165deg,#fff,#f8fafc);border-radius:14px;padding:10px;flex-shrink:0;display:flex;flex-direction:column;gap:8px}.quick-pack-buy{border:none;background:#1f2a44;color:#ffd166;border-radius:10px;padding:8px 10px;font-size:11px;font-weight:900;cursor:pointer;font-family:inherit}.quick-pack-buy:disabled{opacity:.6;cursor:wait}.shop-action{padding:8px 12px;border-radius:10px;font-size:12px;font-weight:800;border:none;cursor:pointer;font-family:inherit;white-space:nowrap;transition:opacity .15s,transform .12s}.shop-action:hover{opacity:.9;transform:translateY(-1px)}.shop-action-primary{background:linear-gradient(135deg,#ffd166,#ffde8a);color:#1f2a44}.shop-action-dark{background:#1f2a44;color:#fff}.shop-action-soft{background:#f5f7fb;color:#1f2a44}.shop-action:disabled{opacity:.55;cursor:not-allowed;transform:none}.featured-card{background:linear-gradient(135deg,#1f2a44,#3a3d4e);color:#fff;border-radius:20px;padding:16px;display:flex;gap:14px;align-items:center;position:relative;overflow:hidden}.featured-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,209,102,.18),transparent 40%);pointer-events:none}.featured-art{width:84px;height:84px;border-radius:18px;flex-shrink:0;overflow:hidden;background:#ffffff14;display:flex;align-items:center;justify-content:center}.featured-art img{width:100%;height:100%;object-fit:cover}.reward-card{display:flex;align-items:center;gap:14px;background:#fff;border-radius:18px;padding:14px;border:1.5px solid #f0f0f0;transition:transform .12s,box-shadow .12s}.reward-card-locked{opacity:.55}.reward-card:not(.reward-card-locked):hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000012}.equip-btn{padding:8px 14px;border-radius:10px;background:#1f2a44;color:#fff;font-size:12px;font-weight:800;border:none;cursor:pointer;font-family:inherit;white-space:nowrap;transition:opacity .15s}.equip-btn:hover{opacity:.85}.unlock-btn{display:flex;align-items:center;gap:5px;padding:8px 12px;border-radius:10px;background:linear-gradient(135deg,#ffd166,#ffde8a);color:#1f2a44;font-size:12px;font-weight:800;border:none;cursor:pointer;font-family:inherit;white-space:nowrap;transition:opacity .15s}.unlock-btn:hover{opacity:.85}