.hero-art{animation:none;transition:opacity .4s}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .5s}.hero-visual.is-moving .hero-video{opacity:1}.hero-visual.is-moving .hero-art{opacity:0}.hero-shade{background:linear-gradient(180deg,#07111c4d,#07111c1a 20%,#050e1b9c 78%,#080f17db),radial-gradient(ellipse at 50% 45%,#08152640,transparent 70%)}.hero-ember{display:none}.hero-actions{display:flex;justify-content:center;align-items:center;gap:32px}.watch-intro{color:#fff7e9;letter-spacing:1.4px;text-shadow:0 2px 8px #000}.watch-intro>span{font-size:28px;font-weight:400;line-height:1}.hero h1{margin-bottom:36px}.motion-toggle{position:absolute;right:42px;bottom:39px;display:flex;align-items:center;gap:10px;min-height:44px;padding:9px 13px;border:1px solid #d6c5a04a;background:#07121b80;color:#e8e8df;font-size:9px;letter-spacing:1px;text-transform:uppercase;backdrop-filter:blur(5px);z-index:3}.motion-toggle svg{width:15px;height:15px;stroke-width:2.4}.motion-toggle:hover{background:#1b2d3b}.motion-paused .motion-toggle svg{transform:rotate(90deg)}
.echo-art .echo-motion{position:absolute;bottom:0;left:0;width:100%;height:93%;object-fit:contain;object-position:center bottom;z-index:1;opacity:0;pointer-events:none;filter:drop-shadow(0 15px 17px #111b2320)}.echo-art.is-moving .echo-motion{opacity:1}.echo-art.is-moving>img{opacity:0}.card-motion{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:0;pointer-events:none}.game-card.is-moving .card-motion{opacity:1}.game-card{aspect-ratio:2/3}.honed-card{border-color:#c1bc92a6}.honed-card .card-nameband{bottom:39%;color:#9be0d1;font-size:10.5cqw}.honed-card .card-typeband{top:61%}.honed-card .card-rules{top:67%;bottom:5%;font-size:4.95cqw;line-height:1.19;padding:9px 10px 0;background:#0a141bf2}.honed-card.is-dense .card-rules{font-size:4.5cqw}.honed-card .card-footer{font-size:3cqw;letter-spacing:.8px}.honed-card .card-rarity:before{content:'◆';margin-right:4px}.card-underlabel>span:first-child{font-size:12px}.card-sound{color:#b9d6d3!important;font-size:9px!important;margin-top:2px;min-height:44px}.inspector-details .inspector-note{margin-top:13px}.inspector-stats{gap:16px}.inspector-details h2{font-size:50px}.artwork-motion{display:block;max-height:calc(100svh - 125px);width:auto;max-width:100%;margin:auto;background:#09151c}.has-motion-art #lightbox-image{display:none}.cinema-dialog{width:min(1320px,calc(100% - 48px));max-height:calc(100svh - 48px);overflow:hidden;background:#03070d;padding:8px}.cinema-dialog video{display:block;width:100%;max-height:calc(100svh - 65px);aspect-ratio:16/9;background:#000;object-fit:contain}.cinema-dialog .dialog-close{right:16px;top:16px;background:#060c13d9}.motion-paused .hero-art,.motion-paused .hero-ember,.motion-paused .fan-slot,.motion-paused .card-cell,.motion-paused .hero-content{animation:none!important}.motion-paused .game-card{transform:none!important}.motion-paused .card-sheen{display:none}
@media(max-width:900px){.motion-toggle{right:32px;bottom:31px}.hero-explore{left:40px}.hero-actions{gap:25px}.inspector-details h2{font-size:43px}}
@media(max-width:700px){.hero-actions{flex-direction:column;gap:14px}.watch-intro{font-size:9px;gap:9px;min-height:42px}.watch-intro>span{font-size:22px}.hero-content{padding-bottom:60px}.hero h1{margin-bottom:25px}.hero .platform{margin-top:12px;font-size:7px}.hero-explore{left:27px;bottom:29px;font-size:7px;gap:9px}.motion-toggle{right:24px;bottom:25px;padding:8px 9px;font-size:7px;gap:7px;min-height:40px}.motion-toggle svg{width:12px;height:12px}.echo-art .echo-motion{height:100%}.honed-card .card-nameband{font-size:10.2cqw}.honed-card .card-rules{padding:6px 7px 0;font-size:4.95cqw}.honed-card.is-dense .card-rules{font-size:4.4cqw}.honed-card .card-footer{font-size:2.9cqw;letter-spacing:.3px}.inspector-details h2{font-size:42px}.inspector-stats{gap:17px}.artwork-motion{max-height:calc(100svh - 105px)}.cinema-dialog{width:calc(100% - 16px);padding:4px}.cinema-dialog video{max-height:calc(100svh - 35px)}.cinema-dialog .dialog-close{top:10px;right:10px;width:33px;height:33px}.card-underlabel>span:first-child{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hero-video,.hero-art{transition:none}.echo-art img{transition:none}}
.hero-shade{background:linear-gradient(180deg,#07111c44,#07111c1a 25%,#080f1970 57%,#080f19 81%,#080f19),radial-gradient(ellipse at 50% 40%,#08152640,transparent 70%)}