.games-html{container-type:inline-size}
.games-html button{font-family:inherit;cursor:pointer}
.games-heading{position:absolute;left:5.35%;top:4.2%;width:48%;height:24.5%;background:linear-gradient(100deg,#001422,#001725);box-shadow:0 0 .45cqw .25cqw #001422}
.games-heading h2{font-size:2.5cqw;line-height:1.1;letter-spacing:-.07cqw;margin:0 0 .4cqw;font-weight:800}
.games-heading h2 span{color:#00e4ed}
.games-heading p{font-size:1.16cqw;line-height:1.3;margin:0;color:#fff}
.games-html .all-games{position:absolute;left:77.95%;top:6.9%;width:16.25%;height:15.1%;padding:0;min-height:0;border:1px solid #ffe06a;background:linear-gradient(#ffe65c,#ffca05);box-shadow:0 0 1.3cqw #ffd32950;color:#06101a;font-size:1.06cqw;line-height:1;font-weight:700;border-radius:3cqw}
.games-html .all-games{display:flex;align-items:center;justify-content:center;gap:.55cqw}
.games-html .all-games{text-decoration:none}
.game-copy{position:absolute;left:calc((var(--left) + 1)/1122*100%);top:73.3%;width:calc((var(--width) - 2)/1122*100%);height:19.5%;background:linear-gradient(#001726,#00121f);border-radius:0 0 .9cqw .9cqw}
.game-copy::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:2.8cqw;background:linear-gradient(to bottom,transparent,#001726);pointer-events:none}
.game-copy p{position:absolute;left:1.2cqw;bottom:.85cqw;margin:0;color:white;font-size:1.02cqw;line-height:1.15;letter-spacing:-.025cqw}
.game-copy.traitor-copy h3{margin:.1cqw 0 0 1.2cqw;font-size:1.2cqw;line-height:1.15;font-weight:800;text-transform:uppercase}
.game-copy.traitor-copy p{font-size:1.16cqw}
.games-html .game-copy :is(button,.game-link){position:absolute;right:1cqw;bottom:.95cqw;width:2.85cqw;height:2.85cqw;min-height:0;padding:0;border:1px solid #ffe474;border-radius:50%;background:linear-gradient(#ffe365,#ffc600);color:#001322;font-size:2cqw;line-height:1;display:grid;place-items:center}
.games-html button:hover{filter:brightness(1.1)}
.games-html .game-copy :is(button,.game-link){font-size:0}
.games-html .game-copy :is(button,.game-link)::before,.games-html .all-games::after{content:"";width:1.35cqw;height:1.35cqw;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.games-html button:focus-visible{outline:2px solid #00ebff;outline-offset:3px}
.games-tall{padding:6.4cqw 5.8% 1.5cqw;background:#001624}
.games-tall> .art{position:absolute;top:0;left:0;width:100%;height:6.4cqw;object-fit:cover;object-position:top;clip-path:inset(0)}
.games-tall .games-heading{top:1cqw;height:4.8cqw}
.games-tall .all-games{top:1.5cqw;height:3.1cqw}
.tall-games-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1cqw}
.game-tile{overflow:hidden;border:1px solid #087b9e;border-radius:1cqw;background:#001726}
.game-tile:first-child{border-color:#9c382b}
.game-tile:last-child{border-color:#703ea1}
.game-visual{height:17cqw;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#123549,#001726)}
.game-visual svg{display:block;width:100%;height:auto;overflow:hidden}
.games-tall .game-copy{position:relative;left:auto;top:auto;width:100%;height:5cqw;border-radius:0}
.games-tall .game-copy::before{height:1.5cqw}
.games-tall .game-copy p{max-width:calc(100% - 5cqw);font-size:.98cqw;line-height:1.2}
.games-tall .game-copy.traitor-copy h3{padding-top:.4cqw}

/* Home: full square product artwork, without cropping. */
.games-tall .game-visual{height:auto;min-height:0;padding:0;aspect-ratio:1;flex:none}
.games-tall .game-visual img{display:block;width:100%;height:100%;object-fit:contain}
.games-tall .game-copy::before{display:none}

/* Translucent release stickers on upcoming home games. */
.games-tall .game-visual{position:relative}
.game-coming-soon{position:absolute;left:3%;right:3%;top:43%;transform:rotate(-9deg);padding:.55em .15em;border:2px solid rgba(255,125,125,.85);border-radius:.2em;background:rgba(193,15,35,.72);color:#fff;font-family:Figtree,"Segoe UI",sans-serif;font-weight:900;font-size:1.75cqw;line-height:1.1;text-align:center;letter-spacing:.025em;box-shadow:0 3px 15px #0005;text-shadow:0 1px 2px #650016;pointer-events:none}
@media(max-width:1100px){.game-coming-soon{font-size:clamp(20px,3.2vw,34px)}}
@media(max-width:600px){.game-coming-soon{font-size:clamp(22px,6vw,34px)}}

.games-tall .game-visual-upcoming{overflow:hidden}
.games-tall .game-visual-upcoming img{filter:blur(.8px) saturate(.75) brightness(.88)}

/* Fill the home card with the portrait Traidor artwork. */
.games-tall .game-visual img[src="assets/home-traitor-v2.png"]{object-fit:cover;object-position:center top}

.games-html .game-link{text-decoration:none;cursor:pointer}.games-html .game-link:hover{filter:brightness(1.1)}.games-html .game-link:focus-visible{outline:2px solid #00ebff;outline-offset:3px}