.game-menu-art{--banner-light:#a8b6ff;pointer-events:none;background:#1a1a1a;display:block;position:absolute;inset:0;overflow:hidden}.game-banner-scene{object-fit:cover;object-position:center 44%;opacity:.4;width:100%;height:100%;transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .5s;position:absolute;inset:0;transform:scale(1.04)}.game-banner-hero{z-index:1;object-fit:cover;object-position:center top;transform-origin:50% 25%;width:86%;height:148%;transition:transform .8s cubic-bezier(.22,1,.36,1),filter .6s;position:absolute;top:-5%;right:-12%}.game-banner-shade{z-index:2;background:linear-gradient(#0000 22%,#1a1a1a33 42%,#1a1a1ad9 70%,#1a1a1a 86% 100%);position:absolute;inset:0}.game-menu-art[data-game=item] .game-banner-scene,.game-menu-art[data-game=forge] .game-banner-scene,.game-menu-art[data-game=effects] .game-banner-scene{opacity:.35}.game-menu-art[data-game=hero] .game-banner-scene{filter:hue-rotate(32deg)}.game-menu-art[data-game=voice]{--banner-light:#ffb091}.game-menu-art[data-game=voice] .game-banner-hero{width:95%;height:161%;top:-7%;right:-19%}.game-menu-art[data-game=voice] .game-banner-scene{filter:sepia(.45)hue-rotate(310deg)}.game-menu-art[data-game=ability]{--banner-light:#ffc07c}.game-menu-art[data-game=ability] .game-banner-hero{width:100%;right:0}.game-menu-art[data-game=ability] .game-banner-scene{filter:sepia(.8)saturate(1.5)hue-rotate(325deg)}.game-menu-art[data-game=description]{--banner-light:#9edbff}.game-menu-art[data-game=description] .game-banner-hero{height:170%;top:-3%;right:-9%}.game-menu-art[data-game=slots]{--banner-light:#ffd592}.game-menu-art[data-game=slots] .game-banner-hero{height:164%;top:-6%}.game-menu-art[data-game=slots] .game-banner-scene{filter:sepia(.8)saturate(.6)}.game-menu-art[data-game=effects]{--banner-light:#bfa2ff}.game-menu-art[data-game=stat]{--banner-light:#8fe5ff}.game-menu-art[data-game=stat] .game-banner-hero{height:164%;right:-8%}.game-menu-art[data-duel=true] .game-banner-hero{width:68%;height:150%;top:-2%;right:-14%}.game-menu-art[data-duel=true] .game-banner-hero[data-hero=Abrams]{left:-13%;right:auto;transform:scaleX(-1)}.game-banner-fx{z-index:1;width:100%;height:100%;color:var(--banner-light);stroke:currentColor;stroke-width:1.5px;opacity:.5;position:absolute;inset:0}.game-banner-rift,.game-banner-orbit{transform-origin:50%;width:82%;height:130%;animation:25s linear infinite paused game-banner-turn;top:-28%;left:-20%}.game-banner-orbit{opacity:.35}.game-banner-reticle{width:65%;height:100%;top:-12%;left:0}.game-banner-wave{opacity:.7;stroke-width:2px;stroke-dasharray:650 25;animation:4s linear infinite paused game-banner-signal}.game-banner-trails{stroke-width:2px;opacity:.3;stroke-dasharray:500;animation:4s linear infinite paused game-banner-signal}.game-banner-versus{z-index:2;color:#fff;text-shadow:0 4px 14px #000;font-family:Lockbuilds Banner Oracle,sans-serif;font-size:2rem;line-height:1;position:absolute;top:28%;left:44%;transform:rotate(-9deg)}.game-banner-sparks{z-index:1;position:absolute;inset:0}.game-banner-sparks i{opacity:.75;background:#ffc68d;border-radius:50%;width:3px;height:9px;animation:2s ease-out infinite paused game-banner-spark;position:absolute;top:44%;left:23%;transform:rotate(24deg)}.game-banner-sparks i:nth-child(2){animation-delay:-.6s;top:52%;left:45%}.game-banner-sparks i:nth-child(3){animation-delay:-1.2s;top:34%;left:65%}.game-banner-sparks i:nth-child(4){animation-delay:-1.6s;top:61%;left:79%}.site-submenu__item:is(:hover,:focus-visible) .game-banner-scene{opacity:.6;transform:scale(1.1)translate(-1%)}.site-submenu__item:is(:hover,:focus-visible) .game-banner-hero{transform:translate(-3%,-2%)scale(1.035)}.site-submenu__item:is(:hover,:focus-visible) [data-hero=Abrams]{transform:translate(2%,-2%)scaleX(-1)scale(1.035)}.site-submenu__item:is(:hover,:focus-visible) .game-banner-fx,.site-submenu__item:is(:hover,:focus-visible) .game-banner-sparks i{animation-play-state:running}@keyframes game-banner-turn{to{transform:rotate(360deg)}}@keyframes game-banner-signal{to{stroke-dashoffset:-675px}}@keyframes game-banner-spark{0%{opacity:0;transform:translateY(18px)rotate(24deg)}35%{opacity:.9}to{opacity:0;transform:translate(12px,-45px)rotate(24deg)}}@media (prefers-reduced-motion:reduce){.game-menu-art *,.game-menu-art :before,.game-menu-art :after{transition:none!important;animation:none!important}.site-submenu__item:is(:hover,:focus-visible) .game-banner-scene{transform:scale(1.04)}.site-submenu__item:is(:hover,:focus-visible) .game-banner-hero{transform:none}.site-submenu__item:is(:hover,:focus-visible) [data-hero=Abrams]{transform:scaleX(-1)}}.game-banner-items{z-index:1;justify-content:center;align-items:flex-start;padding-top:1.2rem;display:flex;position:absolute;inset:0}.game-banner-item{aspect-ratio:1;object-fit:contain;width:38%;max-width:8rem;height:auto;transition:transform .7s cubic-bezier(.22,1,.36,1);position:relative;box-shadow:0 12px 24px #0006}.game-banner-item:first-child{transform:translate(14%,10%)rotate(-15deg)}.game-banner-item:nth-child(2){z-index:1;transform:translateY(-3%)rotate(1deg)}.game-banner-item:nth-child(3){transform:translate(-14%,10%)rotate(15deg)}.game-banner-items[data-recipe=true]{align-items:flex-start;gap:2rem;padding:1rem .75rem 0}.game-banner-items[data-recipe=true] .game-banner-item{width:37%;transform:rotate(-8deg)}.game-banner-items[data-recipe=true] .game-banner-item:nth-child(2){transform:rotate(8deg)}.game-banner-recipe-arrow{color:#fff;width:1.8rem;height:1.8rem;position:absolute;top:32%;left:calc(50% - .9rem)}.site-submenu__item:is(:hover,:focus-visible) .game-banner-item:first-child{transform:translate(8%,3%)rotate(-19deg)}.site-submenu__item:is(:hover,:focus-visible) .game-banner-item:nth-child(2){transform:translateY(-7%)rotate(2deg)}.site-submenu__item:is(:hover,:focus-visible) .game-banner-item:nth-child(3){transform:translate(-8%,3%)rotate(19deg)}.site-submenu__item:is(:hover,:focus-visible) .game-banner-items[data-recipe=true] .game-banner-item:first-child{transform:translateY(-3%)rotate(-11deg)}.site-submenu__item:is(:hover,:focus-visible) .game-banner-items[data-recipe=true] .game-banner-item:nth-child(2){transform:translateY(-3%)rotate(11deg)}@media (prefers-reduced-motion:reduce){.site-submenu__item:is(:hover,:focus-visible) .game-banner-item:first-child{transform:translate(14%,10%)rotate(-15deg)}.site-submenu__item:is(:hover,:focus-visible) .game-banner-item:nth-child(2){transform:translateY(-3%)rotate(1deg)}.site-submenu__item:is(:hover,:focus-visible) .game-banner-item:nth-child(3){transform:translate(-14%,10%)rotate(15deg)}.site-submenu__item:is(:hover,:focus-visible) .game-banner-items[data-recipe=true] .game-banner-item:first-child{transform:rotate(-8deg)}.site-submenu__item:is(:hover,:focus-visible) .game-banner-items[data-recipe=true] .game-banner-item:nth-child(2){transform:rotate(8deg)}}
