.instance-hub{flex-direction:column;gap:34px;display:flex}.instance-head{flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:14px;display:flex}.instance-head h2{color:var(--color-ivory-50);font:30px/1.1 var(--serif);letter-spacing:-.02em;margin:0}.instance-head p{color:var(--color-text-muted);font:12.5px var(--sans);font-variant-numeric:tabular-nums;margin:0}.instance-head:after{content:"";background:linear-gradient(90deg, var(--color-ornament), transparent);opacity:.45;flex:1 0 60px;height:1px;margin-bottom:6px}.instance-grid{grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.instance-card{height:100%;color:inherit;background:var(--color-surface);border:1px solid var(--color-border);transition:transform var(--motion-standard) var(--ease-out), border-color var(--motion-standard) var(--ease-out), box-shadow var(--motion-standard) var(--ease-out);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.instance-card:hover{transform:translateY(var(--hover-lift));border-color:var(--color-ornament);box-shadow:var(--shadow-raised)}.instance-art{aspect-ratio:16/9;background:var(--color-navy-975);display:block;position:relative;overflow:hidden}.instance-art .loading-art-frame{transform:scaleX(1.3333)scale(1.4)}.instance-card:hover .loading-art-frame{transform:scaleX(1.3333)scale(1.46)}.instance-art>.loading-art{transform:scale(1.46)}.instance-card:hover .instance-art>.loading-art{transform:scale(1.52)}.instance-art .loading-art,.instance-art .loading-art-frame{transition:transform .52s var(--ease-out)}.instance-art:after{content:"";background:linear-gradient(#050d130f 0%,#050d1300 42%,#050d1385 76%,#050d13d6 100%);position:absolute;inset:0}.instance-title{z-index:1;color:var(--color-ivory-50);font:600 15px/1.25 var(--sans);text-shadow:0 1px 6px #050d13cc;align-items:center;gap:8px;display:flex;position:absolute;bottom:9px;left:11px;right:11px}.instance-title .instance-icon{flex:none}.tag-new{z-index:1;white-space:nowrap;color:var(--color-navy-975);font:700 9.5px var(--sans);letter-spacing:.07em;text-transform:uppercase;background:var(--color-gold-300);border-radius:999px;padding:2px 7px;position:absolute;top:9px;left:11px;box-shadow:0 1px 6px #050d1380}.instance-foot{border-top:1px solid var(--color-border);flex-direction:column;flex:1;gap:3px;padding:10px 12px 12px;display:flex}.instance-meta{color:var(--color-text);font:600 12px var(--sans);font-variant-numeric:tabular-nums}.instance-bosses{color:var(--color-text-muted);font:11.5px/1.45 var(--sans)}.instance-art-empty{background:radial-gradient(circle at 50% 42%, var(--color-navy-800), var(--color-navy-975) 72%);place-items:center;display:grid;position:absolute;inset:0}.instance-art-empty .instance-icon{opacity:.5;transform:scale(2.2)}@media (prefers-reduced-motion:no-preference){.instance-grid>li{animation:instance-rise .46s var(--ease-out) both;animation-delay:calc(var(--card,0) * 30ms)}@keyframes instance-rise{0%{opacity:0;transform:translateY(12px)}}}@media (prefers-reduced-motion:reduce){.instance-art .loading-art,.instance-art .loading-art-frame{transition:none}.instance-card:hover .loading-art-frame{transform:scaleX(1.3333)scale(1.4)}.instance-card:hover .instance-art>.loading-art{transform:scale(1.46)}.instance-card{transition:border-color var(--motion-fast) linear}.instance-card:hover{transform:none}}@media (max-width:40rem){.instance-hub{gap:26px}.instance-head h2{font-size:25px}.instance-grid{grid-template-columns:1fr;gap:12px}}