.market-page{width:min(calc(100% - 32px),1500px)}.market-sections{display:grid;gap:52px}.market-section{display:grid;gap:20px}.market-section+.market-section{border-top:1px solid rgba(255,255,255,.08);padding-top:42px}.market-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px}.market-section-head p{max-width:650px;margin-top:6px;color:var(--muted-strong);font-size:.8rem}.market-rotation{display:grid;min-width:230px;align-items:center;gap:2px 9px;border:1px solid rgba(73,217,223,.22);border-radius:14px;padding:12px 15px;color:var(--cyan);background:rgba(73,217,223,.06);grid-template-columns:auto 1fr}.market-rotation>svg{grid-row:1/3}.market-rotation span{color:var(--muted);font-size:.58rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.market-rotation strong{font-family:ui-monospace,monospace;font-size:.92rem;letter-spacing:.08em}.market-result-count{color:var(--muted);font-family:ui-monospace,monospace;font-size:.68rem}.market-listing-filters{display:grid;gap:10px;grid-template-columns:minmax(240px,1fr) minmax(180px,.42fr) minmax(170px,.38fr) auto}.market-listing-filters label{min-width:0}.market-listing-filters input,.market-listing-filters select{width:100%;min-height:43px;border:1px solid rgba(255,255,255,.11);border-radius:11px;padding:0 12px;color:white;background:rgba(5,8,14,.72);font-size:.72rem;outline:none}.market-listing-filters input:focus,.market-listing-filters select:focus{border-color:rgba(73,217,223,.42);box-shadow:0 0 0 3px rgba(73,217,223,.07)}.market-listing-filters input::placeholder{color:#69758a}.market-search-field{position:relative;display:flex;align-items:center}.market-search-field>svg{position:absolute;z-index:1;left:13px;color:var(--muted);pointer-events:none}.market-search-field input{padding-left:39px}.market-listing-filters>button{display:inline-flex;min-height:43px;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(255,255,255,.1);border-radius:11px;padding:0 13px;color:#c5cfdd;background:rgba(255,255,255,.035);font-size:.66rem;font-weight:800;cursor:pointer}.market-listing-filters>button:hover{color:white;background:rgba(255,255,255,.07)}.market-grid{display:grid;width:min(100%,1100px);justify-self:center;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr))}.market-card{--rarity-color:#93a4b8;position:relative;min-width:0;border:2px solid color-mix(in srgb,var(--rarity-color) 68%,transparent);border-radius:15px;padding:4px;background:linear-gradient(150deg,color-mix(in srgb,var(--rarity-color) 12%,#171d2b),#080b12 58%);box-shadow:0 14px 29px rgba(0,0,0,.34),0 0 20px color-mix(in srgb,var(--rarity-color) 18%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--rarity-color) 18%,transparent);transition:transform .26s cubic-bezier(.2,.8,.2,1),border-color .26s ease,box-shadow .26s ease,filter .26s ease;isolation:isolate}.market-card:before{position:absolute;z-index:3;inset:4px;border-radius:11px;content:"";pointer-events:none;opacity:0;background:linear-gradient(112deg,transparent 35%,color-mix(in srgb,var(--rarity-color) 62%,transparent) 49%,rgba(255,255,255,.34) 51%,transparent 66%);background-position:180% 0;background-size:260% 220%;mix-blend-mode:color-dodge;transition:opacity .26s ease}.market-card:hover{border-color:color-mix(in srgb,var(--rarity-color) 94%,white 6%);box-shadow:0 21px 47px rgba(0,0,0,.5),0 0 32px color-mix(in srgb,var(--rarity-color) 34%,transparent),inset 0 0 17px color-mix(in srgb,var(--rarity-color) 14%,transparent);filter:saturate(1.08);transform:translateY(-6px) scale(1.012)}.market-card:hover:before{opacity:.72;animation:rarity-roam 2.8s ease-in-out infinite}.market-card:hover .card-art{animation:card-art-breathe 3.4s ease-in-out infinite alternate}.market-card.is-notification-target,.market-card:target{border-color:white;box-shadow:0 0 0 3px color-mix(in srgb,var(--rarity-color) 48%,transparent),0 28px 72px rgba(0,0,0,.58),0 0 54px color-mix(in srgb,var(--rarity-color) 55%,transparent);animation:market-notification-focus 1.15s ease-in-out 2}@keyframes market-notification-focus{50%{transform:translateY(-5px) scale(1.025);filter:brightness(1.16) saturate(1.15)}}.market-card-frame{position:relative;display:flex;overflow:hidden;overflow:clip;border-radius:11px;flex-direction:column;background:rgba(2,4,8,.46);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rarity-color) 30%,rgba(255,255,255,.08));clip-path:inset(0 round 11px)}.market-card-art{position:relative;overflow:hidden;aspect-ratio:.72;background:#080b12}.market-card-art .card-art{position:absolute;inset:0;min-height:100%;border:0;border-radius:0;background-position:50%}.market-card-art .rarity-badge{position:absolute;z-index:3;top:8px;left:8px;gap:4px;border-radius:5px;padding:4px 7px;color:color-mix(in srgb,var(--rarity-color) 78%,white)!important;background:rgba(5,7,12,.86)!important;font-size:.5rem;letter-spacing:.07em}.market-card-overlay{position:absolute;z-index:2;inset:0;display:flex;justify-content:flex-end;padding:54px 10px 12px;flex-direction:column;background:linear-gradient(180deg,transparent 30%,rgba(3,5,10,.18) 48%,rgba(3,5,10,.94))}.market-card-copy{min-width:0}.market-card-copy h3{overflow:hidden;color:white;font-size:clamp(.79rem,1.2vw,1.05rem);line-height:1.02;text-overflow:ellipsis;text-shadow:0 2px 9px rgba(0,0,0,.9);white-space:nowrap}.market-seller{display:flex;margin-bottom:5px;align-items:center;gap:4px;color:#c8d0dd;font-size:.43rem;text-shadow:0 1px 5px #000}.market-seller b{overflow:hidden;max-width:68px;color:white;text-overflow:ellipsis;white-space:nowrap}.market-card-platforms{display:flex;overflow:hidden;max-height:17px;margin-top:6px;gap:3px;white-space:nowrap}.market-card-platforms span{overflow:hidden;max-width:44%;border:1px solid color-mix(in srgb,var(--rarity-color) 34%,rgba(255,255,255,.1));border-radius:4px;padding:2px 4px;color:color-mix(in srgb,var(--rarity-color) 44%,#d8e0ec);background:rgba(4,7,12,.64);font-family:ui-monospace,monospace;font-size:.4rem;font-weight:800;letter-spacing:.03em;text-overflow:ellipsis;text-transform:uppercase}.market-listing-expiry{display:flex;margin-top:5px;align-items:center;gap:3px;color:#b9c2d0;font-family:ui-monospace,monospace;font-size:.48rem;font-variant-numeric:tabular-nums;text-shadow:0 1px 5px #000;white-space:nowrap}.market-card-foot{position:relative;z-index:4;display:flex;min-height:35px;align-items:center;justify-content:space-between;gap:6px;border-top:1px solid color-mix(in srgb,var(--rarity-color) 24%,rgba(255,255,255,.08));padding:5px 6px 5px 8px}.market-card-foot>strong{display:flex;align-items:center;gap:4px;color:var(--gold);font-family:ui-monospace,monospace;font-size:.6rem}.market-card-foot>strong small{color:var(--muted);font-size:.42rem;text-transform:uppercase}.market-buy-button,.market-cancel-button{display:inline-flex;min-height:24px;align-items:center;justify-content:center;gap:4px;border:1px solid rgba(73,217,223,.3);border-radius:6px;padding:0 7px;color:#c4fafb;background:rgba(73,217,223,.08);font-size:.48rem;font-weight:850;white-space:nowrap;cursor:pointer}.market-buy-button:hover:not(:disabled){color:#071013;background:var(--cyan)}.market-cancel-button{border-color:rgba(255,111,126,.28);color:#ffb4bc;background:rgba(255,111,126,.07)}.market-cancel-button:hover:not(:disabled){background:rgba(255,111,126,.15)}.market-buy-button:disabled,.market-cancel-button:disabled{opacity:.48;cursor:not-allowed}@media (max-width:1200px){.market-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:920px){.market-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.market-section-head{align-items:flex-start;flex-direction:column}.market-listing-filters{grid-template-columns:1fr 1fr}.market-search-field{grid-column:1/-1}}@media (max-width:650px){.market-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.market-rotation{width:100%}.market-listing-filters{grid-template-columns:1fr}.market-search-field{grid-column:auto}}@media (max-width:480px){.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:320px){.market-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.market-card.is-notification-target,.market-card:hover .card-art,.market-card:hover:before,.market-card:target{animation:none}.market-card:hover{transform:none}}