.set-selection{color:#fff;background-color:#4c4d51;background-image:linear-gradient(#090909 0%,#0000 18.23%),linear-gradient(#0000 78.12%,#090909 93.23%),linear-gradient(#000c,#000c),url(/background-images/bg-texture-crop.png);background-position:50%,50%,50%,50%;background-repeat:no-repeat,no-repeat,no-repeat,repeat-y;background-size:100% 100%,100% 100%,100% 100%,150%;min-height:100vh;padding:2rem}.set-selection-header{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;margin-bottom:3rem;display:flex}.set-selection h1{text-align:center;color:#fff;margin-bottom:0;font-size:2.5rem}.set-selection-header-action{align-self:center}.beta-sets-row{justify-content:center;max-width:1400px;margin:0 auto 1.5rem;display:flex}.set-card--beta{width:calc(33.3333% - 1rem);max-width:450px;position:relative}.set-card--beta .set-image-container{border-radius:8px 8px 0 0}.set-card--beta .set-info{border-radius:0 0 8px 8px}.set-card--beta:before{opacity:.6!important;background:linear-gradient(45deg,#ff8c00,orange,#ffb347,orange,#ff8c00) 0 0/400% 400%!important}.set-card--beta:hover:before{opacity:1!important}.beta-badge{color:#000;z-index:10;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#ff8c00 0%,orange 100%);border-radius:4px;padding:.25rem .6rem;font-size:.7rem;font-weight:700;position:absolute;top:-10px;right:-10px;box-shadow:0 2px 8px #ff8c0066}@media (max-width:900px){.set-card--beta{width:100%;max-width:none}}.latest-sets-row{justify-content:center;gap:1.5rem;max-width:1400px;margin:0 auto 1.5rem;display:flex}.latest-sets-row .set-card{width:calc(33.3333% - 1rem);max-width:450px}@media (max-width:900px){.latest-sets-row .set-card{width:100%;max-width:none}}.sets-grid{grid-template-columns:repeat(3,1fr);grid-auto-flow:row;gap:1.5rem;max-width:1400px;margin:0 auto;display:grid}@media (max-width:900px){.sets-grid{grid-template-columns:1fr}}.set-card{cursor:pointer;isolation:isolate;background:#0009;border:none;border-radius:8px;flex-direction:column;transition:all .3s;display:flex;position:relative;box-shadow:0 2px 8px #0000004d}.set-card:before{content:"";z-index:-1;opacity:0;pointer-events:none;background:linear-gradient(45deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3,red) 0 0/400% 400%;border-radius:8px;transition:opacity .3s;animation:3s linear infinite rainbow-border;position:absolute;inset:-1px}.set-card:hover:before{opacity:1}.set-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0006}.set-image-container{background:#1a1a1a;border-radius:8px 8px 0 0;flex-shrink:0;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.set-image{object-fit:cover;width:100%;height:auto;display:block}.set-image-placeholder{background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.placeholder-text{color:#fff;text-align:center;margin-bottom:.5rem;padding:0 1rem;font-size:1.2rem;font-weight:600}.placeholder-code{color:#999;text-transform:uppercase;font-size:.9rem}.set-info{background:#2a2a2a;border-radius:0 0 8px 8px;flex-shrink:0;align-items:center;height:80px;min-height:80px;max-height:80px;padding:1rem 1.5rem;display:flex}.set-info h3{color:#fff;margin:0;font-size:1.5rem;font-weight:800;line-height:1.2}.loading,.error{text-align:center;padding:3rem;font-size:1.5rem}.error{color:#ff6b6b}@media (max-width:768px){.set-selection{background-size:100% 100%,100% 100%,100% 100%,300%}.sets-grid{gap:1.25rem}.set-info{padding:.875rem 1.25rem}.set-info h3{font-size:1.25rem}}