.play-mode-banner:has(>.luna-game-artwork){background:linear-gradient(115deg,#20334e,#0b1427 70%);border-color:#bcaa7466;grid-template-columns:minmax(112px,38%) minmax(0,1fr);gap:0;min-height:180px;padding:0;display:grid;box-shadow:0 8px 28px #0004,inset 0 1px #d1e8ff15}.luna-game-artwork{aspect-ratio:auto;align-self:stretch;width:100%;height:100%;min-height:0;transition:filter .2s;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 80%,#0000);mask-image:linear-gradient(90deg,#000 80%,#0000)}.luna-game-artwork>img{object-fit:cover;object-position:50% 50%;width:100%;height:100%;position:absolute;inset:0}.luna-game-artwork[data-art-kind=tactics]>img{object-position:50% 35%}.luna-game-artwork[data-art-kind=labyrinth]>img{object-position:50% 65%}.play-mode-banner:has(>.luna-game-artwork)>.play-banner-copy{padding:14px 16px 14px 10px}.play-mode-banner:hover>.luna-game-artwork{filter:brightness(1.12)}@media (width<=480px){.play-mode-banner:has(>.luna-game-artwork){min-height:150px}.luna-game-artwork{min-height:0}.play-mode-banner:has(>.luna-game-artwork) h2{font-size:18px}.play-mode-banner:has(>.luna-game-artwork)>.play-banner-copy{padding:12px 12px 12px 4px}}@media (width>=900px){.play-mode-banner:has(>.luna-game-artwork){grid-template-rows:192px minmax(0,1fr);grid-template-columns:minmax(0,1fr);justify-content:stretch;align-items:stretch;min-height:350px;padding:0}.play-mode-banner>.luna-game-artwork{height:192px;min-height:0;-webkit-mask-image:linear-gradient(#000 84%,#0000);mask-image:linear-gradient(#000 84%,#0000)}.play-mode-banner:has(>.luna-game-artwork)>.play-banner-copy{flex-direction:column;align-items:flex-start;padding:12px 18px 20px;display:flex}.play-mode-banner:has(>.luna-game-artwork) .play-banner-cta{margin-top:auto;padding-top:14px}.luna-game-artwork[data-art-kind=knight-parkour]:before{content:"";filter:blur(10px);background:linear-gradient(#101a2d55,#101a2d55),url(/assets/logical-games/knight-parkour-card-v2.webp) 50%/cover;position:absolute;inset:-14px}.luna-game-artwork[data-art-kind=knight-parkour]>img{object-fit:contain;z-index:1}.luna-game-artwork[data-art-kind=chess-squadron]>img{object-position:50% 85%}}.play-hub-content .play-mode-selector .play-mode-banner:has(>.luna-game-artwork){grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-content:stretch;align-items:stretch;height:100%;min-height:0;display:grid}.play-hub-content .play-mode-selector .play-mode-banner>.luna-game-artwork{z-index:-2;width:100%;height:100%;min-height:0;max-height:none;position:absolute;inset:0;-webkit-mask-image:none;mask-image:none}.play-hub-content .play-mode-selector .play-mode-banner:has(>.luna-game-artwork)>.play-banner-copy{z-index:1;grid-area:1/1;align-self:end;padding:0;display:block}.play-hub-content .play-mode-selector .play-mode-banner:after{background:linear-gradient(#0000 15%,#061323a0 58%,#030c19f0);width:auto;height:auto;inset:0;transform:none;-webkit-mask-image:none;mask-image:none}.play-hub-content .play-mode-selector .play-mode-banner .play-banner-cta{margin-top:6px;padding-top:0}@media (width>=900px),(orientation:landscape) and (width>=600px){.play-hub-content .play-mode-selector .play-mode-banners{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=768px) and (height>=600px){.play-hub-content .play-mode-selector .play-mode-banner:has(>.luna-game-artwork){background:#0b1728;grid-template-rows:minmax(0,1fr) auto;padding:0}.play-hub-content .play-mode-selector .play-mode-banner>.luna-game-artwork{opacity:1;z-index:0;grid-area:1/1;height:100%;position:relative;inset:auto}.play-hub-content .play-mode-selector .play-mode-banner:has(>.luna-game-artwork)>.play-banner-copy{background:linear-gradient(115deg,#13243a,#091422);border-top:1px solid #c7b67b26;grid-area:2/1;align-self:stretch;padding:12px 16px 14px}.play-hub-content .play-mode-selector .play-mode-banner h2{min-height:2.4em;text-shadow:none;font-size:clamp(18px,1.7vw,23px);line-height:1.2}.play-hub-content .play-mode-selector .play-mode-banner .play-banner-cta{color:#e5ce91;margin-top:8px;font-size:11px}.play-hub-content .play-mode-selector .play-mode-banner:after{display:none}}
