* { box-sizing: border-box; }
:root { color-scheme: light; font-family: Arial, "Microsoft YaHei", sans-serif; }
body { margin: 0; background: #fff; }
a { -webkit-tap-highlight-color: transparent; }
.stage { position: relative; width: min(100%, 977px); aspect-ratio: 977 / 1754; margin: 0 auto; overflow: hidden; container-type: inline-size; background: #101010; }
.backdrop { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.backdrop img { display: block; width: 100%; height: 100%; object-fit: cover; }
.layer { position: absolute; display: block; left: var(--x); top: var(--y); width: var(--w); height: var(--h); padding: 0; border: 0; background: transparent; }
.layer img { display: block; width: 100%; height: 100%; object-fit: cover; }
.card { border-radius: 1.02354cqw; overflow: hidden; }
.game { border-radius: .51177cqw; overflow: hidden; }
.image-link[href] { cursor: pointer; }
.image-link:not([href]), .support:not([href]) { cursor: default; }
.image-link:focus-visible { outline: 3px solid #fff0ad; outline-offset: -3px; z-index: 5; }
.support { position: absolute; left: 41.5558%; top: 96.7503%; width: 15.9672%; padding: 0; border: 0; color: #fff; background: transparent; text-decoration: underline; font-size: 39px; font-size: 3.99181cqw; line-height: 1.2; font-weight: 700; white-space: nowrap; text-align: center; }
.support:focus-visible { outline: 2px solid #fff0ad; outline-offset: 4px; }