.shop-intro{margin-bottom:20px;color:color-mix(in srgb,var(--foreground) 70%,transparent)}.shop-balance{font-weight:600;font-size:1.1em;margin-bottom:24px;padding:8px 12px;border:1px solid var(--accent);display:inline-block}.shop-section{margin-bottom:32px}.shop-section-title{font-size:1em;font-weight:600;margin:0 0 16px;color:var(--accent)}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.shop-card{border:2px solid color-mix(in srgb,var(--foreground) 25%,transparent);padding:16px;display:flex;flex-direction:column;gap:8px}.shop-card:hover{border-color:color-mix(in srgb,var(--foreground) 50%,transparent)}.shop-card-name{font-weight:600;font-size:.95em}.shop-card-bonus{font-size:10px;color:var(--accent);opacity:.8;margin-top:-4px}.shop-card-desc{font-size:.85em;color:color-mix(in srgb,var(--foreground) 60%,transparent);flex:1}.shop-card-passive{font-size:.8em;color:var(--accent);font-style:italic}.shop-card-farm-bonus{color:#4a9eff}.shop-card-cost{font-size:.9em;font-weight:600;color:var(--foreground)}.shop-card-preview{height:48px;display:flex;align-items:center;justify-content:center}.shop-btn{background:0 0;border:1px solid var(--accent);color:var(--accent);padding:6px 16px;font:inherit;font-size:.85em;cursor:pointer;text-align:center}.shop-btn:hover{background:var(--accent);color:var(--background)}.shop-btn:disabled{opacity:.4;cursor:not-allowed}.shop-btn:disabled:hover{background:0 0;color:var(--accent)}.shop-btn-owned{border-color:color-mix(in srgb,var(--foreground) 30%,transparent);color:color-mix(in srgb,var(--foreground) 50%,transparent);cursor:default}.shop-btn-owned:hover{background:0 0;color:color-mix(in srgb,var(--foreground) 50%,transparent)}.shop-btn-active{background:color-mix(in srgb,var(--accent) 15%,transparent);border-color:var(--accent);color:var(--accent)}.shop-btn-equip{font-size:.8em;padding:4px 10px}.shop-active-info{border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);padding:16px;display:inline-flex;align-items:center;gap:16px}.shop-active-details{display:flex;flex-direction:column;gap:4px;min-width:0}.shop-active-top{display:flex;align-items:baseline;gap:8px}.shop-active-name{font-weight:600;font-size:1.1em}.shop-active-level{font-size:.85em;color:color-mix(in srgb,var(--foreground) 60%,transparent)}.shop-active-passive{font-size:.85em;color:var(--accent)}.evo-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.evo-filter-btn{background:0 0;border:1px solid color-mix(in srgb,var(--foreground) 30%,transparent);color:color-mix(in srgb,var(--foreground) 60%,transparent);padding:4px 12px;font:inherit;font-size:.8em;cursor:pointer;text-transform:uppercase;letter-spacing:.04em}.evo-filter-btn:hover{border-color:var(--foreground);color:var(--foreground)}.evo-filter-active{background:color-mix(in srgb,var(--accent) 15%,transparent);border-color:var(--accent);color:var(--accent)}#shop-evolution{display:grid;grid-template-columns:1fr 1fr;gap:12px}.shop-evo-card{border:1px solid color-mix(in srgb,var(--foreground) 25%,transparent);padding:16px}.shop-evo-title{font-weight:600;margin-bottom:8px}.shop-evo-req{font-size:.85em;color:color-mix(in srgb,var(--foreground) 60%,transparent);margin-bottom:4px}.shop-evo-req-met{color:var(--accent)}.shop-evo-bar{height:8px;background:color-mix(in srgb,var(--foreground) 10%,transparent);margin:8px 0;position:relative}.shop-evo-bar-fill{height:100%;background:var(--accent);transition:width .3s}.shop-card-slot{font-size:.75em;text-transform:uppercase;letter-spacing:.05em;color:color-mix(in srgb,var(--foreground) 40%,transparent)}.shop-egg-card{text-align:center}.shop-egg-preview{height:48px;display:flex;align-items:center;justify-content:center}.egg-sprite{width:16px;height:16px;background-image:url(/images/pets/items.png);background-repeat:no-repeat;image-rendering:pixelated;transform:scale(3);transform-origin:center}.egg-sprite-common{background-position:0 0}.egg-sprite-rare{background-position:-16px 0}.egg-sprite-legendary{background-position:-64px 0}.shop-owned-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}.shop-owned-card{border:1px solid color-mix(in srgb,var(--foreground) 20%,transparent);padding:10px 6px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.shop-owned-card:hover{border-color:color-mix(in srgb,var(--foreground) 40%,transparent)}.shop-owned-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.shop-owned-name{font-size:.8em;font-weight:600}.shop-owned-level{font-size:.7em;color:color-mix(in srgb,var(--foreground) 60%,transparent)}.shop-owned-type{display:inline-block;width:48px;height:24px;font-size:.55em;font-weight:600;line-height:24px;text-align:center;text-transform:uppercase;letter-spacing:.03em;color:var(--background);text-shadow:0 1px 0 rgba(0,0,0,.3);background-image:url(/images/pets/icons.png);background-repeat:no-repeat;background-size:765px 312px;image-rendering:pixelated;border:none}.shop-owned-type.hatch-badge-fire{background-position:-24px -168px}.shop-owned-type.hatch-badge-aqua{background-position:-96px -168px}.shop-owned-type.hatch-badge-mystic{background-position:-168px -168px}.shop-owned-type.hatch-badge-tech{background-position:-240px -168px}.shop-owned-type.hatch-badge-nature{background-position:-24px -216px}.shop-owned-type.hatch-badge-shadow{background-position:-168px -216px}.shop-owned-xp{font-size:.65em;color:color-mix(in srgb,var(--foreground) 50%,transparent)}.shop-owned-active-label{font-size:.7em;color:var(--accent);font-weight:600}.shop-owned-btn{font-size:.7em;padding:3px 8px}.shop-skin-toggle{font-size:.65em;font-weight:600;font-family:inherit;padding:2px 8px;border:1px solid color-mix(in srgb,#ff6b35 40%,transparent);border-radius:3px;background:0 0;color:#ff6b35;cursor:pointer;transition:background .15s,border-color .15s}.shop-skin-toggle:hover{background:color-mix(in srgb,#ff6b35 10%,transparent);border-color:#ff6b35}.shop-skin-toggle.shop-skin-active{background:color-mix(in srgb,#ff6b35 15%,transparent);border-color:#ff6b35}.shop-skin-picker{display:flex;gap:6px;justify-content:center;margin-bottom:4px}.shop-skin-option{display:flex;flex-direction:column;align-items:center;padding:3px;border:2px solid transparent;border-radius:4px;cursor:pointer;transition:border-color .15s,background .15s}.shop-skin-option:hover{border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.shop-skin-option.shop-skin-selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.shop-skin-option-label{font-size:.55em;color:color-mix(in srgb,var(--foreground) 45%,transparent);margin-top:2px}.shop-skin-option.shop-skin-selected .shop-skin-option-label{color:var(--accent);font-weight:600}.collection-stats{font-weight:600;margin-bottom:12px;color:var(--accent)}.collection-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.collection-filter-btn{background:0 0;background-image:none;border:1px solid color-mix(in srgb,var(--foreground) 30%,transparent);color:color-mix(in srgb,var(--foreground) 60%,transparent);text-shadow:none;padding:3px 8px;font:inherit;font-size:.75em;cursor:pointer;text-transform:uppercase;letter-spacing:.03em;width:auto;height:auto;line-height:normal}.collection-filter-btn:hover{border-color:initial}.collection-filter-active{background:color-mix(in srgb,var(--accent) 15%,transparent);border-color:var(--accent);color:var(--accent)}.collection-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.collection-cell{border:1px solid color-mix(in srgb,var(--foreground) 15%,transparent);padding:8px 4px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px}.collection-cell-unknown{opacity:.5}.collection-sprite{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.collection-name{font-size:.75em;font-weight:600}.collection-level{font-size:.65em;color:color-mix(in srgb,var(--foreground) 50%,transparent)}.collection-type{display:inline-block;width:48px;height:24px;font-size:.55em;font-weight:600;line-height:24px;text-align:center;text-transform:uppercase;letter-spacing:.03em;color:var(--background);text-shadow:0 1px 0 rgba(0,0,0,.3);background-image:url(/images/pets/icons.png);background-repeat:no-repeat;background-size:765px 312px;image-rendering:pixelated;border:none}.collection-type.hatch-badge-fire{background-position:-24px -168px}.collection-type.hatch-badge-aqua{background-position:-96px -168px}.collection-type.hatch-badge-mystic{background-position:-168px -168px}.collection-type.hatch-badge-tech{background-position:-240px -168px}.collection-type.hatch-badge-nature{background-position:-24px -216px}.collection-type.hatch-badge-shadow{background-position:-168px -216px}.shop-owned-level-max,.collection-level-max,.shop-active-level-max{color:gold;font-weight:600}.shop-evo-card-max{border-color:color-mix(in srgb,#ffd700 40%,transparent);background:color-mix(in srgb,#ffd700 5%,transparent)}.shop-evo-max-label{font-size:.85em;color:gold;font-weight:600}.shop-owned-tier,.collection-tier{font-size:.6em;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:1px 5px;margin-bottom:2px}.shop-tier-common,.collection-tier-common{color:color-mix(in srgb,var(--foreground) 60%,transparent)}.shop-tier-rare,.collection-tier-rare{color:var(--accent)}.shop-tier-legendary,.collection-tier-legendary{color:gold}.shop-owned-card.shop-owned-legendary{border-color:color-mix(in srgb,#ffd700 40%,transparent)}.collection-cell.collection-cell-legendary{border-color:color-mix(in srgb,#ffd700 30%,transparent)}.shop-active-passive-desc{font-size:.8em;color:color-mix(in srgb,var(--foreground) 55%,transparent);display:block;margin-top:2px}.shop-active-farm-desc{color:#4a9eff}.collection-tier-header{grid-column:1/-1;font-size:.85em;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:8px 0 4px;margin-top:8px;border-bottom:1px solid color-mix(in srgb,var(--foreground) 15%,transparent)}.collection-tier-header:first-child{margin-top:0}.collection-tier-header-common{color:color-mix(in srgb,var(--foreground) 70%,transparent)}.collection-tier-header-rare{color:var(--accent)}.collection-tier-header-legendary{color:gold}.shop-evo-sprites{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.shop-evo-arrow{font-size:1.2em;color:color-mix(in srgb,var(--foreground) 50%,transparent)}.shop-owned-xp-bar{width:100%;height:4px;background:color-mix(in srgb,var(--foreground) 10%,transparent);margin-top:2px}.shop-owned-xp-fill{height:100%;background:var(--accent);transition:width .3s}@keyframes shop-owned-flash-anim{0%{border-color:gold;box-shadow:0 0 8px rgba(255,215,0,.6)}50%{border-color:gold;box-shadow:0 0 16px rgba(255,215,0,.4)}100%{border-color:color-mix(in srgb,var(--foreground) 20%,transparent);box-shadow:none}}.shop-owned-flash{animation:shop-owned-flash-anim 1.2s ease-out forwards}.collection-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10010;background:color-mix(in srgb,var(--background) 85%,transparent);display:flex;align-items:center;justify-content:center;animation:hatch-fade-in .3s ease-out}.collection-modal{background:var(--background);border:2px solid color-mix(in srgb,var(--foreground) 30%,transparent);padding:24px;max-width:320px;width:90%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.collection-modal-name{font-weight:600;font-size:1.1em}.collection-modal-sprite{width:96px;height:96px;display:flex;align-items:center;justify-content:center;margin:8px 0}.collection-modal-tier{font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.collection-modal-stat{font-size:.85em;color:color-mix(in srgb,var(--foreground) 70%,transparent);line-height:1.4}.collection-modal-passive{font-size:.8em;color:var(--accent);font-style:italic;line-height:1.4;margin-top:4px}.collection-modal-close{margin-top:12px;font-size:.8em;color:color-mix(in srgb,var(--foreground) 40%,transparent);cursor:pointer}.collection-modal-close:hover{color:var(--accent)}@media(max-width:600px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#shop-evolution{grid-template-columns:1fr}.shop-owned-grid,.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:400px){.shop-grid{grid-template-columns:minmax(0,1fr)}.shop-owned-grid,.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}