.sort-controls{justify-content:flex-end;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.sort-controls label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;font-weight:600}.sort-controls select{appearance:none;background-color:var(--color-surface);border:2px solid var(--color-primary);color:var(--color-text);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;border-radius:6px;padding:.4rem 2rem .4rem .75rem;font-size:.85rem;transition:border-color .2s}.sort-controls select:hover,.sort-controls select:focus{border-color:var(--color-accent);outline:none}.zoid-detail-panel{margin-bottom:2rem}.grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}@keyframes card-fade-in{0%{opacity:0;transform:translateY(30px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.card-entrance{opacity:0;height:100%}.card-entrance--animate{animation:1.2s ease-out forwards card-fade-in}.card-entrance>details{height:100%}.load-more-btn{border:2px solid var(--color-primary);color:var(--color-text);cursor:pointer;text-align:center;background:0 0;border-radius:8px;width:fit-content;margin:1.5rem auto 0;padding:.75rem 2rem;font-family:Russo One,sans-serif;font-size:.9rem;text-decoration:none;transition:border-color .2s,color .2s,transform .2s;display:block}.load-more-btn:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-2px)}.load-indicator{flex-direction:column;align-items:center;gap:.5rem;padding:2rem;animation:1.2s ease-in-out infinite pulse;display:flex}.load-indicator img{width:60px;height:auto;filter:invert(var(--logo-invert,1))}.load-indicator-text{color:var(--color-text-muted);letter-spacing:.15em;text-transform:uppercase;font-size:.85rem;font-weight:600}@keyframes pulse{0%,to{opacity:.3;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}@media (width<=900px){.grid{grid-template-columns:repeat(2,1fr)}}@media (width<=550px){.grid{grid-template-columns:1fr;gap:1rem}.card-entrance{order:unset!important}}.zoid-card{background-color:var(--color-surface);border:4px solid var(--color-primary);border-radius:8px;transition:border-color .2s;overflow:hidden}.zoid-card:hover,.zoid-card[open]{border-color:var(--color-accent)}.zoid-scrim,.zoid-dates,.zoid-detail-logos,.zoid-info,.zoid-summary-logos{transition:opacity .25s ease-in-out}.zoid-card[open] .exclusive-icon,.zoid-card[open] .zoid-scrim,.zoid-card[open] .zoid-dates,.zoid-card[open] .zoid-info,.zoid-card[open] .zoid-summary-logos{opacity:0;pointer-events:none}.zoid-detail-logos{z-index:1;opacity:0;pointer-events:none;align-items:center;gap:.75rem;display:flex;position:absolute;bottom:.75rem;right:1.25rem}.zoid-card[open] .zoid-detail-logos{opacity:1;pointer-events:auto}.zoid-detail-logo{width:auto;height:2rem;filter:drop-shadow(0 1px 3px var(--color-shadow))}.zoid-summary{cursor:pointer;aspect-ratio:16/9;list-style:none;display:block;position:relative}.zoid-summary::marker{content:"";display:none}.zoid-summary::-webkit-details-marker{content:"";display:none}.zoid-image-bg{object-fit:cover;filter:blur(20px)brightness(.6);opacity:0;width:100%;height:100%;transition:opacity .3s ease-in-out;position:absolute;inset:0;transform:scale(1.1)}.zoid-card[open] .zoid-image-bg{opacity:1}.zoid-image{object-fit:cover;width:100%;height:100%;transition:object-fit;position:absolute;inset:0}.zoid-card[open] .zoid-image{object-fit:contain;-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000),linear-gradient(#0000,#000 8% 92%,#0000);mask-composite:intersect}.zoid-scrim{background:radial-gradient(ellipse at center, transparent 50%, var(--color-scrim) 100%);position:absolute;inset:0}.exclusive-icon{width:22px;height:22px;color:var(--color-highlight);filter:drop-shadow(0 1px 3px var(--color-shadow));z-index:1;position:absolute;top:.75rem;right:.75rem}.exclusive-icon svg{width:100%;height:100%}.exclusive-detail{color:var(--color-accent);align-items:center;gap:.4rem;font-size:.95rem;display:flex}.exclusive-icon-inline{width:16px;height:16px;color:var(--color-accent);flex-shrink:0}.exclusive-icon-inline svg{width:100%;height:100%}.zoid-dates{flex-direction:column;gap:.25rem;padding:1.25rem;display:flex;position:absolute;top:0;left:0}.date-label{color:var(--color-text-contrast);text-shadow:0 1px 2px var(--color-shadow), 0 0 5px var(--color-shadow);font-size:.8rem}.date-label strong{color:var(--color-accent)}.zoid-summary-logos{z-index:1;align-items:center;gap:.5rem;display:flex;position:absolute;bottom:.75rem;left:1.25rem}.zoid-summary-logo{width:auto;height:.7rem;filter:drop-shadow(0 1px 3px var(--color-shadow))}.zoid-info{text-align:right;flex-direction:column;align-items:flex-end;gap:.15rem;padding:.75rem 1.25rem;display:flex;position:absolute;bottom:0;right:0}.zoid-price{color:var(--color-accent);white-space:nowrap;text-shadow:0 2px 8px var(--color-shadow), 0 0 14px var(--color-shadow);font-size:.95rem;font-weight:700}.zoid-name{color:var(--color-text-contrast);text-transform:uppercase;letter-spacing:.03em;text-shadow:0 2px 4px var(--color-shadow), 0 0 5px var(--color-shadow);font-family:Impact,Arial Narrow,sans-serif;font-size:1.6rem;line-height:1}.zoid-code{color:color-mix(in srgb, var(--color-text-contrast) 90%, transparent);text-shadow:0 1px 6px var(--color-shadow), 0 0 12px var(--color-shadow);letter-spacing:.1em;text-transform:uppercase;font-family:Courier New,monospace;font-size:.8rem}.zoid-detail{border-top:1px solid var(--color-primary);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.zoid-detail-code{color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase;font-family:Courier New,monospace;font-size:.85rem}.zoid-detail-name{color:var(--color-text);text-transform:uppercase;letter-spacing:.03em;font-family:Impact,Arial Narrow,sans-serif;font-size:2rem}.zoid-detail-dates{flex-wrap:wrap;gap:2rem;display:flex}.zoid-detail-dates .date-label{color:var(--color-text-muted);text-shadow:none}.zoid-detail-price{color:var(--color-accent);font-size:1.5rem;font-weight:700}.zoid-description{color:var(--color-text);font-size:1.05rem;line-height:1.7}.zoid-features-section h4{color:var(--color-text);margin-bottom:.5rem;font-size:1.1rem}.zoid-features{color:var(--color-text-muted);padding-left:1.25rem;font-size:.95rem;line-height:1.8;list-style:outside}.official-link{background-color:var(--color-accent);color:var(--color-bg);border:2px solid var(--color-accent);border-radius:6px;align-self:flex-start;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:background-color .2s,color .2s;display:inline-block}.official-link:hover{color:var(--color-accent);background-color:#0000}@media (width<=550px){.zoid-dates{padding:.75rem}.date-label{font-size:.7rem}.zoid-info{padding:.5rem .75rem}.zoid-summary-logos{bottom:.5rem;left:.75rem}.zoid-summary-logo{height:.55rem}.zoid-detail-logos{bottom:.5rem;right:.75rem}.zoid-detail-logo{height:1.5rem}.zoid-name{font-size:1.2rem}.zoid-code{font-size:.7rem}.zoid-price{font-size:.8rem}.zoid-detail{padding:1rem}.zoid-detail-name{font-size:1.5rem}.zoid-detail-dates{gap:1rem}.zoid-detail-price{font-size:1.25rem}}
