.game-card-art.media-frame,.home-game-art .media-frame,.hero-art.media-frame{background:#0b0d0b}:where(.media-frame){background:var(--stone-2);display:block;position:relative;overflow:hidden;container-type:inline-size}.media-ratio{width:100%;aspect-ratio:var(--media-ratio,16 / 9);display:block}:where(.media-frame)>img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.media-frame:before{content:"";z-index:1;background-color:var(--media-skeleton,var(--stone-2));background-image:linear-gradient(100deg, transparent 20%, color-mix(in srgb, var(--verdigris) 13%, transparent) 40%, color-mix(in srgb, var(--copper-hot) 17%, transparent) 50%, color-mix(in srgb, var(--verdigris) 13%, transparent) 60%, transparent 80%);pointer-events:none;background-repeat:no-repeat;background-size:240% 100%;transition:opacity .28s;position:absolute;inset:0}.media-frame.is-loading:before{animation:1.6s linear infinite media-shimmer}.media-frame.is-ready:before,.media-frame.is-failed:before{opacity:0}@keyframes media-shimmer{0%{background-position:-120% 0}to{background-position:220% 0}}.media-frame.is-still:before,.media-frame.is-still.is-loading:before{background-image:linear-gradient(100deg, color-mix(in srgb, var(--verdigris) 9%, transparent), color-mix(in srgb, var(--copper-hot) 9%, transparent));background-size:100% 100%;animation:none}@media (prefers-reduced-motion:reduce){.media-frame:before,.media-frame.is-loading:before{background-image:linear-gradient(100deg, color-mix(in srgb, var(--verdigris) 9%, transparent), color-mix(in srgb, var(--copper-hot) 9%, transparent));background-size:100% 100%;transition:none;animation:none}}.media-fallback{text-align:center;background:radial-gradient(120% 90% at 78% 8%, color-mix(in srgb, var(--verdigris) 10%, transparent), transparent 62%), linear-gradient(180deg, var(--stone-2), var(--stone));align-content:start;justify-items:center;gap:4px;padding:clamp(10px,6cqi,34px) 12px 12px;display:grid;position:absolute;inset:0;overflow:hidden}.media-fallback-mark{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--verdigris) 16%, transparent);position:absolute;inset:auto -18% -54% 46%;transform:rotate(45deg)}.media-fallback-name{color:var(--ink);letter-spacing:-.01em;text-wrap:balance;font:600 clamp(13px,1.2vw,18px)/1.14 Iowan Old Style,Georgia,serif;position:relative}.media-fallback-note{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;font:9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;position:relative}@container (width<=190px){.media-fallback{padding:7px 8px}.media-fallback-name{font-size:11px}.media-fallback-note{display:none}}@container (width<=96px){.media-fallback{align-content:center;padding:4px}.media-fallback-name{display:none}.media-fallback-mark{width:34%;inset:50% auto auto 50%;translate:-50% -50%}}.brand-mark-frame{--media-skeleton:color-mix(in srgb, var(--verdigris) 10%, transparent);width:var(--media-width);background:0 0;flex:none}.brand-mark-frame:before{border-radius:4px}