.hub-tiles{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.hub-tiles>*{animation:.55s cubic-bezier(.22,1,.36,1) backwards reveal-up}@media (prefers-reduced-motion:reduce){.hub-tiles>*{animation:none}}.hub-tiles>:first-child{animation-delay:0s}.hub-tiles>:nth-child(2){animation-delay:40ms}.hub-tiles>:nth-child(3){animation-delay:80ms}.hub-tiles>:nth-child(4){animation-delay:.12s}.hub-tiles>:nth-child(5){animation-delay:.16s}.hub-tiles>:nth-child(6){animation-delay:.2s}.hub-tiles>:nth-child(7){animation-delay:.24s}.hub-tiles>:nth-child(8){animation-delay:.28s}.hub-tiles>:nth-child(9){animation-delay:.32s}.hub-tiles>:nth-child(10){animation-delay:.36s}.hub-tiles>:nth-child(11){animation-delay:.4s}.hub-tiles>:nth-child(12){animation-delay:.44s}@supports (animation-timeline:view()){.hub-tiles>*{animation:linear reveal-up;animation-timeline:view();animation-range:entry entry 28%}}@media not screen and (width>=630px){.hub-tiles{grid-template-columns:minmax(0,1fr);gap:10px}}.hub-tile{isolation:isolate;background:linear-gradient(110deg, color-mix(in srgb, var(--rarity-color) 12%, transparent), transparent 46%), linear-gradient(180deg, #0f1014, #0a0b0e);color:#d3dbe6;border:1px solid #1d2024;border-radius:16px;grid-template-columns:112px minmax(0,1fr);align-items:start;gap:16px;padding:16px 18px;transition:transform .24s cubic-bezier(.22,1,.36,1),border-color .2s;display:grid;position:relative}[dir=rtl] .hub-tile{background:linear-gradient(-110deg, color-mix(in srgb, var(--rarity-color) 12%, transparent), transparent 46%), linear-gradient(-180deg, #0f1014, #0a0b0e)}@media (hover:hover){.hub-tile:hover{border-color:color-mix(in srgb, var(--rarity-color) 45%, #1d2024);transform:translateY(-2px)}.hub-tile:hover .hub-tile__title{color:#fff}}.hub-tile:focus-visible{outline-offset:3px;outline:2px solid #4b83ff}.hub-tile__image{object-fit:contain;filter:drop-shadow(0 8px 18px #0000008c);width:112px;height:84px}.hub-tile__body{flex-direction:column;gap:6px;min-width:0;display:flex}.hub-tile__title{color:#d3dbe6;align-items:center;gap:8px;font-family:Gilroy,Gilroy Fallback,system-ui,sans-serif;font-size:18px;font-weight:900;line-height:1.2;transition:color .16s;display:flex}.hub-tile__title:before{content:"";background:var(--rarity-color);border-radius:50%;flex-shrink:0;width:8px;height:8px}.hub-tile__meta{color:#8a93a2;font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700}.hub-tile__text{color:#d3dbe6d1;font-size:13.5px;line-height:1.5}.hub-tile__note{color:#8a93a2;font-size:12.5px;line-height:1.45}@media not screen and (width>=630px){.hub-tile{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:13px 14px}.hub-tile__image{width:72px;height:54px}.hub-tile__title{font-size:16px}.hub-tile__text{font-size:13px}}