/* ── Premium Colorful Game Cards ── */

.games-grid {
  --tile-unit: calc((100% - 24px) / 3);
  gap: 12px;
}

.games-stack-row {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 12px;
  align-items: stretch;
  --stack-left-w: calc((100% - 12px) / 3);
}

.games-stack-col {
  display: grid;
  grid-template-rows: repeat(3, auto);
  gap: 12px;
  min-width: 0;
}

.games-stack-col .game-tile {
  width: 100%;
}

.games-stack-row > .game-tile--wide {
  grid-column: auto;
  grid-row: auto;
  aspect-ratio: unset;
  height: 100%;
  width: 100%;
  min-height: 0;
  align-self: stretch;
}

.games-stack-row > .game-tile--wide[data-id="pawn-shop"] {
  height: calc(var(--stack-left-w) * 4 / 3 * 1.5 + 6px);
  align-self: start;
}

.game-tile--wide {
  grid-column: span 2;
  aspect-ratio: unset;
  height: calc(var(--tile-unit) * 4 / 3);
  width: 100%;
}

.game-tile {
  --tile-a: #38bdf8;
  --tile-b: #3b82f6;
  --tile-c: #60a5fa;
  --tile-d: #1e3a8a;
  position: relative;
  aspect-ratio: 3 / 4;
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  background: linear-gradient(145deg, var(--tile-b), var(--tile-d));
  transition:
    transform 0.4s cubic-bezier(0.32, 0.72, 0, 1),
    box-shadow 0.4s ease;
  -webkit-tap-highlight-color: transparent;
  box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.4),
    0 0 0 1px color-mix(in srgb, var(--tile-a) 35%, transparent),
    0 0 20px color-mix(in srgb, var(--tile-c) 25%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

.game-tile::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(
    160deg,
    color-mix(in srgb, var(--tile-a) 30%, transparent) 0%,
    transparent 45%,
    color-mix(in srgb, var(--tile-c) 20%, transparent) 100%
  );
  pointer-events: none;
  z-index: 5;
  opacity: 0.85;
}

.game-tile::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  padding: 2px;
  background: linear-gradient(
    145deg,
    var(--tile-a) 0%,
    rgba(255, 255, 255, 0.55) 30%,
    var(--tile-c) 55%,
    var(--tile-b) 80%,
    var(--tile-a) 100%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 6;
}

.tile-frame-glow {
  position: absolute;
  inset: -25%;
  background:
    radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--tile-a) 50%, transparent), transparent 50%),
    radial-gradient(circle at 75% 80%, color-mix(in srgb, var(--tile-c) 40%, transparent), transparent 45%);
  opacity: 0.55;
  transition: opacity 0.4s, transform 0.4s;
  pointer-events: none;
  z-index: 0;
}

.game-tile:hover {
  transform: translateY(-7px) scale(1.04);
  box-shadow:
    0 22px 50px rgba(0, 0, 0, 0.5),
    0 0 0 2px color-mix(in srgb, var(--tile-a) 60%, transparent),
    0 0 35px color-mix(in srgb, var(--tile-c) 45%, transparent),
    0 0 60px color-mix(in srgb, var(--tile-b) 30%, transparent);
  z-index: 3;
}

.game-tile:hover .tile-frame-glow {
  opacity: 1;
  transform: scale(1.05);
}

.game-tile:active {
  transform: translateY(-2px) scale(1.02);
}

.tile-img-wrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 16px;
}

.tile-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
  filter: saturate(1.25) contrast(1.08) brightness(1.05);
  transition: transform 0.55s cubic-bezier(0.32, 0.72, 0, 1), filter 0.4s;
}

.game-tile:hover .tile-img {
  transform: scale(1.12);
  filter: saturate(1.45) contrast(1.1) brightness(1.12);
}

.tile-color-wash {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    145deg,
    color-mix(in srgb, var(--tile-b) 35%, transparent) 0%,
    transparent 40%,
    color-mix(in srgb, var(--tile-c) 25%, transparent) 100%
  );
  mix-blend-mode: soft-light;
  pointer-events: none;
  z-index: 1;
}

.tile-shine {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    115deg,
    transparent 30%,
    rgba(255, 255, 255, 0.08) 42%,
    color-mix(in srgb, var(--tile-a) 35%, transparent) 48%,
    rgba(255, 255, 255, 0.18) 52%,
    transparent 65%
  );
  transform: translateX(-120%);
  animation: tile-shimmer 3.5s ease-in-out infinite;
  pointer-events: none;
  z-index: 2;
}

@keyframes tile-shimmer {
  0%, 100% { transform: translateX(-120%); }
  50% { transform: translateX(120%); }
}

.tile-vignette {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.05) 0%,
    transparent 30%,
    transparent 50%,
    rgba(0, 0, 0, 0.55) 100%
  );
  pointer-events: none;
  z-index: 1;
}

.tile-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--tile-b) 25%, transparent),
    rgba(0, 0, 0, 0.45)
  );
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
  z-index: 4;
}

.game-tile:hover .tile-overlay { opacity: 1; }

.tile-play-ring {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  padding: 2.5px;
  background: linear-gradient(135deg, var(--tile-a), var(--tile-c), var(--tile-b));
  box-shadow:
    0 0 28px color-mix(in srgb, var(--tile-a) 70%, transparent),
    0 0 50px color-mix(in srgb, var(--tile-c) 40%, transparent);
  transform: scale(0.75);
  transition: transform 0.35s cubic-bezier(0.32, 0.72, 0, 1);
}

.game-tile:hover .tile-play-ring { transform: scale(1); }

.tile-play-btn {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.98);
  color: var(--tile-b);
  display: flex;
  align-items: center;
  justify-content: center;
}

.tile-play-btn svg {
  width: 22px;
  height: 22px;
  margin-left: 2px;
}

.tile-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 32px 8px 10px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    transparent 0%,
    color-mix(in srgb, var(--tile-d) 70%, transparent) 55%,
    color-mix(in srgb, var(--tile-b) 85%, rgba(0, 0, 0, 0.8)) 100%
  );
}

.tile-name {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fff;
  text-shadow:
    0 1px 4px rgba(0, 0, 0, 0.8),
    0 0 14px color-mix(in srgb, var(--tile-a) 60%, transparent);
  text-align: center;
  line-height: 1.2;
}

.game-tile--photo .tile-img {
  filter: saturate(1.08) contrast(1.05) brightness(1.02);
}

.game-tile--photo:hover .tile-img {
  filter: saturate(1.15) contrast(1.08) brightness(1.06);
}

.game-tile--photo .tile-color-wash {
  opacity: 0.12;
  mix-blend-mode: soft-light;
}

.game-tile--photo .tile-vignette {
  background: linear-gradient(
    180deg,
    transparent 0%,
    transparent 55%,
    rgba(0, 0, 0, 0.65) 100%
  );
}

/* Official full artwork covers (Aviator, Chicken Road, etc.) */
.game-tile--full-art .tile-img-wrap {
  background: linear-gradient(180deg, #1a1428 0%, #120e1c 100%);
}

.game-tile--full-art .tile-img {
  object-fit: contain;
  object-position: center center;
  filter: none;
  padding: 2px;
}

.game-tile--full-art:hover .tile-img {
  transform: scale(1.04);
  filter: brightness(1.04);
}

.game-tile--full-art .tile-color-wash,
.game-tile--full-art .tile-shine {
  display: none;
}

.game-tile--full-art .tile-vignette {
  background: linear-gradient(
    180deg,
    transparent 0%,
    transparent 78%,
    rgba(0, 0, 0, 0.35) 100%
  );
}

.game-tile--full-art .tile-footer {
  background: none;
  padding: 0 6px 7px;
}

.game-tile--full-art .tile-footer--compact {
  justify-content: flex-end;
}

.game-tile--full-art[data-id="chicken-road"] .tile-img-wrap {
  background: linear-gradient(180deg, #2b2540 0%, #1a1528 55%, #0f0c16 100%);
}

.game-tile--full-art[data-id="spaceman"] .tile-img-wrap {
  background: linear-gradient(180deg, #0c1638 0%, #0a1228 55%, #060a18 100%);
}

.game-tile--full-art[data-id="spaceman"] .tile-img {
  object-fit: cover;
  object-position: center center;
  padding: 0;
}

.game-tile--full-art[data-id="hands-power"] .tile-img {
  object-fit: cover;
  object-position: center center;
  padding: 0;
  filter: none;
}

.game-tile--full-art[data-id="hands-power"] .tile-img-wrap {
  background: linear-gradient(180deg, #1a1428 0%, #120e1c 45%, #0a0810 100%);
}

.game-tile--full-art[data-id="tower-rush"] .tile-img {
  object-fit: cover;
  object-position: 42% center;
  padding: 0;
  filter: none;
}

.game-tile--full-art[data-id="tower-rush"] .tile-img-wrap {
  background: linear-gradient(180deg, #4a3520 0%, #2a1c10 45%, #1a1208 100%);
}

.game-tile--full-art[data-id="mines"] .tile-img-wrap {
  background: linear-gradient(180deg, #4a1808 0%, #2a0c04 45%, #120604 100%);
  overflow: hidden;
}

.game-tile--full-art[data-id="mines"] .tile-img {
  object-fit: cover;
  object-position: center 44%;
  width: 100%;
  height: 100%;
  padding: 0;
  filter: none;
  transform: scale(0.9);
  transform-origin: center center;
}

.game-tile--full-art[data-id="mines"] .tile-vignette {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.06) 0%,
    transparent 40%,
    transparent 86%,
    rgba(0, 0, 0, 0.18) 100%
  );
}

.game-tile--full-art[data-id="mines"] .tile-footer--compact {
  padding: 0 8px 9px;
  background: none;
}

.game-tile--full-art[data-id="mines"]:hover .tile-img {
  transform: scale(0.93);
  filter: brightness(1.05);
}

.game-tile--full-art[data-id="lucky-7"] .tile-img-wrap {
  background: linear-gradient(180deg, #0c1848 0%, #081030 45%, #040818 100%);
}

.game-tile--full-art[data-id="lucky-7"] .tile-img {
  object-fit: cover;
  object-position: center center;
  padding: 0;
  filter: none;
}

.game-tile--full-art[data-id="lucky-7"] .tile-footer--compact {
  padding: 0 8px 7px;
  background: none;
}

.game-tile--full-art[data-id="lucky-7"] .tile-provider--kyro {
  font-size: 6px;
  padding: 2px 7px;
  opacity: 0.95;
}

.game-tile--full-art[data-id="royal-poker"] .tile-img-wrap {
  background: linear-gradient(180deg, #1a2810 0%, #102010 45%, #081408 100%);
}

.game-tile--full-art[data-id="royal-poker"] .tile-img {
  object-fit: cover;
  object-position: center center;
  padding: 0;
  filter: none;
}

.game-tile--full-art[data-id="royal-poker"] .tile-footer--compact {
  padding: 0 8px 7px;
  background: none;
}

.game-tile--full-art[data-id="royal-poker"] .tile-provider--kyro {
  font-size: 6px;
  padding: 2px 7px;
  opacity: 0.95;
}

.game-tile--full-art[data-id="diamond-rush"] .tile-img-wrap {
  background: linear-gradient(180deg, #0c1638 0%, #081028 45%, #040818 100%);
}

.game-tile--full-art[data-id="diamond-rush"] .tile-img {
  object-fit: cover;
  object-position: center center;
  padding: 0;
  filter: none;
}

.game-tile--full-art[data-id="diamond-rush"] .tile-footer--compact {
  padding: 0 8px 7px;
  background: none;
}

.game-tile--full-art[data-id="diamond-rush"] .tile-provider--kyro {
  font-size: 6px;
  padding: 2px 7px;
  opacity: 0.95;
}

.game-tile--full-art[data-id="dice-master"] .tile-img-wrap {
  background: linear-gradient(180deg, #781018 0%, #500c10 45%, #300608 100%);
}

.game-tile--full-art[data-id="dice-master"] .tile-img {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
  padding: 0;
  filter: none;
}

.game-tile--full-art[data-id="dice-master"]:hover .tile-img {
  transform: none;
  filter: brightness(1.05);
}

.game-tile--full-art[data-id="dice-master"] .tile-footer--compact {
  padding: 0 8px 7px;
  background: none;
}

.game-tile--full-art[data-id="dice-master"] .tile-provider--kyro {
  font-size: 6px;
  padding: 2px 7px;
  opacity: 0.95;
}

.game-tile--full-art[data-id="cherry-blast"] .tile-img-wrap {
  background: linear-gradient(180deg, #3a8ec8 0%, #2068a0 45%, #104878 100%);
}

.game-tile--full-art[data-id="cherry-blast"] .tile-img {
  object-fit: cover;
  object-position: center center;
  padding: 0;
  filter: none;
}

.game-tile--full-art[data-id="cherry-blast"] .tile-footer--compact {
  padding: 0 8px 7px;
  background: none;
}

.game-tile--full-art[data-id="cherry-blast"] .tile-provider--kyro {
  font-size: 6px;
  padding: 2px 7px;
  opacity: 0.95;
}

.game-tile--full-art[data-id="fire-joker"] .tile-img-wrap {
  background: linear-gradient(180deg, #4a1010 0%, #2a0808 45%, #140404 100%);
}

.game-tile--full-art[data-id="fire-joker"] .tile-img {
  object-fit: cover;
  object-position: center center;
  padding: 0;
  filter: none;
  transform: scale(0.94);
  transform-origin: center center;
}

.game-tile--full-art[data-id="fire-joker"]:hover .tile-img {
  transform: scale(0.97);
  filter: brightness(1.05);
}

.game-tile--full-art[data-id="fire-joker"] .tile-footer--compact {
  padding: 0 8px 7px;
  background: none;
}

.game-tile--full-art[data-id="fire-joker"] .tile-provider--kyro {
  font-size: 6px;
  padding: 2px 7px;
  opacity: 0.95;
}

.game-tile--wide.game-tile--full-art .tile-img-wrap {
  background: linear-gradient(180deg, #0a1018 0%, #060810 100%);
}

.game-tile--wide.game-tile--full-art .tile-img {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
  padding: 0;
  filter: none;
}

.game-tile--wide.game-tile--full-art[data-id="pawn-shop"] .tile-img-wrap {
  background: linear-gradient(180deg, #0c1810 0%, #081008 45%, #040806 100%);
}

.game-tile--wide.game-tile--full-art[data-id="pawn-shop"] .tile-vignette {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.15) 0%,
    transparent 35%,
    transparent 82%,
    rgba(0, 0, 0, 0.4) 100%
  );
}

.game-tile--wide.game-tile--full-art .tile-vignette {
  background: linear-gradient(
    180deg,
    transparent 0%,
    transparent 88%,
    rgba(0, 0, 0, 0.35) 100%
  );
}

.game-tile--wide.game-tile--full-art .tile-footer--compact {
  padding: 0 10px 6px;
  background: none;
}

.game-tile--wide.game-tile--full-art .tile-provider--kyro {
  font-size: 7px;
  padding: 2px 9px;
  opacity: 0.95;
}

.game-tile--wide.game-tile--full-art:hover .tile-img {
  transform: scale(1.02);
  filter: brightness(1.04);
}

.game-tile--full-art[data-id="legacy-of-egypt"] .tile-img-wrap {
  background: linear-gradient(180deg, #1a2848 0%, #101830 45%, #080818 100%);
}

.game-tile--full-art[data-id="legacy-of-egypt"] .tile-img {
  object-fit: cover;
  object-position: center center;
  padding: 0;
  filter: none;
}

.game-tile--full-art[data-id="legacy-of-egypt"] .tile-footer--compact {
  padding: 0 8px 7px;
  background: none;
}

.game-tile--full-art[data-id="legacy-of-egypt"] .tile-provider--kyro {
  font-size: 6px;
  padding: 2px 7px;
  opacity: 0.95;
}

.game-tile--full-art[data-id="super-ace"] .tile-img-wrap {
  background: linear-gradient(180deg, #3a0808 0%, #220404 45%, #100202 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.game-tile--full-art[data-id="super-ace"] .tile-img {
  object-fit: contain;
  object-position: center center;
  width: 100%;
  height: 100%;
  padding: 0;
  filter: none;
  transform: scale(0.96);
  transform-origin: center center;
}

.game-tile--full-art[data-id="super-ace"]:hover .tile-img {
  transform: scale(0.99);
  filter: brightness(1.05);
}

.game-tile--full-art[data-id="super-ace"] .tile-footer--compact {
  padding: 0 8px 7px;
  background: none;
}

.game-tile--full-art[data-id="super-ace"] .tile-provider--kyro {
  font-size: 6px;
  padding: 2px 7px;
  opacity: 0.95;
}

.game-tile--full-art[data-id="fish-hunter"] .tile-img-wrap {
  background: linear-gradient(180deg, #1a2848 0%, #101830 45%, #081018 100%);
}

.game-tile--full-art[data-id="fish-hunter"] .tile-img {
  object-fit: cover;
  object-position: center center;
  padding: 0;
  filter: none;
  transform: scale(0.94);
  transform-origin: center center;
}

.game-tile--full-art[data-id="fish-hunter"]:hover .tile-img {
  transform: scale(0.97);
  filter: brightness(1.05);
}

.game-tile--full-art[data-id="fish-hunter"] .tile-footer--compact {
  padding: 0 8px 7px;
  background: none;
}

.game-tile--full-art[data-id="fish-hunter"] .tile-provider--kyro {
  font-size: 6px;
  padding: 2px 7px;
  opacity: 0.95;
}

.game-tile--full-art[data-id="tennis-live"] .tile-img-wrap {
  background: linear-gradient(180deg, #1a1408 0%, #100c04 45%, #080604 100%);
}

.game-tile--full-art[data-id="tennis-live"] .tile-img {
  object-fit: cover;
  object-position: center center;
  padding: 0;
  filter: none;
  transform: scale(0.94);
  transform-origin: center center;
}

.game-tile--full-art[data-id="tennis-live"]:hover .tile-img {
  transform: scale(0.97);
  filter: brightness(1.05);
}

.game-tile--full-art[data-id="tennis-live"] .tile-footer--compact {
  padding: 0 8px 7px;
  background: none;
}

.game-tile--full-art[data-id="tennis-live"] .tile-provider--kyro {
  font-size: 6px;
  padding: 2px 7px;
  opacity: 0.95;
}

.game-tile--full-art[data-id="golden-empire"] .tile-img-wrap {
  background: linear-gradient(180deg, #2a0828 0%, #180418 45%, #0a0208 100%);
  overflow: hidden;
}

.game-tile--full-art[data-id="golden-empire"] .tile-img {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
  padding: 0;
  filter: none;
  transform: scale(1.08);
  transform-origin: center center;
}

.game-tile--full-art[data-id="golden-empire"]:hover .tile-img {
  transform: scale(1.11);
  filter: brightness(1.05);
}

.game-tile--full-art[data-id="golden-empire"] .tile-footer--compact {
  padding: 0 8px 7px;
  background: none;
}

.game-tile--full-art[data-id="golden-empire"] .tile-provider--kyro {
  font-size: 6px;
  padding: 2px 7px;
  opacity: 0.95;
}

.game-tile--full-art[data-id="live-football"] .tile-img-wrap {
  background: linear-gradient(180deg, #0c1848 0%, #081030 45%, #040818 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.game-tile--full-art[data-id="live-football"] .tile-img {
  object-fit: contain;
  object-position: center center;
  width: 100%;
  height: 100%;
  padding: 0;
  filter: none;
  transform: scale(0.96);
  transform-origin: center center;
}

.game-tile--full-art[data-id="live-football"]:hover .tile-img {
  transform: scale(0.99);
  filter: brightness(1.05);
}

.game-tile--full-art[data-id="live-football"] .tile-footer--compact {
  padding: 0 8px 7px;
  background: none;
}

.game-tile--full-art[data-id="live-football"] .tile-provider--kyro {
  font-size: 6px;
  padding: 2px 7px;
  opacity: 0.95;
}

.game-tile--full-art[data-id="cricket-pro"] .tile-img-wrap {
  background: linear-gradient(180deg, #0c1438 0%, #080c28 45%, #040818 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.game-tile--full-art[data-id="cricket-pro"] .tile-img {
  object-fit: contain;
  object-position: center center;
  width: 100%;
  height: 100%;
  padding: 0;
  filter: none;
  transform: scale(0.96);
  transform-origin: center center;
}

.game-tile--full-art[data-id="cricket-pro"]:hover .tile-img {
  transform: scale(0.99);
  filter: brightness(1.05);
}

.game-tile--full-art[data-id="cricket-pro"] .tile-footer--compact {
  padding: 0 8px 7px;
  background: none;
}

.game-tile--full-art[data-id="cricket-pro"] .tile-provider--kyro {
  font-size: 6px;
  padding: 2px 7px;
  opacity: 0.95;
}

.game-tile--full-art[data-id="basketball"] .tile-img-wrap {
  background: linear-gradient(180deg, #1a1008 0%, #120a04 45%, #080604 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.game-tile--full-art[data-id="basketball"] .tile-img {
  object-fit: contain;
  object-position: center center;
  width: 100%;
  height: 100%;
  padding: 0;
  filter: none;
  transform: scale(0.96);
  transform-origin: center center;
}

.game-tile--full-art[data-id="basketball"]:hover .tile-img {
  transform: scale(0.99);
  filter: brightness(1.05);
}

.game-tile--full-art[data-id="basketball"] .tile-footer--compact {
  padding: 0 8px 7px;
  background: none;
}

.game-tile--full-art[data-id="basketball"] .tile-provider--kyro {
  font-size: 6px;
  padding: 2px 7px;
  opacity: 0.95;
}

.game-tile--full-art[data-id="target-win"] .tile-img-wrap {
  background: linear-gradient(180deg, #2a2010 0%, #1a1408 45%, #0c0804 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.game-tile--full-art[data-id="target-win"] .tile-img {
  object-fit: cover;
  object-position: center 36%;
  width: 100%;
  height: 100%;
  padding: 0;
  filter: none;
  transform: scale(0.92);
  transform-origin: center 38%;
}

.game-tile--full-art[data-id="target-win"]:hover .tile-img {
  transform: scale(0.95);
  filter: brightness(1.05);
}

.game-tile--full-art[data-id="target-win"] .tile-vignette {
  background: linear-gradient(
    180deg,
    transparent 0%,
    transparent 72%,
    rgba(0, 0, 0, 0.55) 100%
  );
}

.game-tile--full-art[data-id="target-win"] .tile-footer--compact {
  padding: 0 8px 6px;
  background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.72) 100%);
  align-items: center;
  gap: 3px;
}

.game-tile--full-art[data-id="target-win"] .tile-name {
  font-size: 8px;
  letter-spacing: 0.06em;
  line-height: 1.1;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.game-tile--full-art[data-id="target-win"] .tile-provider--kyro {
  font-size: 6px;
  padding: 2px 7px;
  opacity: 0.95;
}

.game-tile--full-art[data-id="chicken-road"] .tile-provider--kyro,
.game-tile--full-art[data-id="spaceman"] .tile-provider--kyro,
.game-tile--full-art[data-id="hands-power"] .tile-provider--kyro,
.game-tile--full-art[data-id="tower-rush"] .tile-provider--kyro,
.game-tile--full-art[data-id="mines"] .tile-provider--kyro {
  font-size: 6px;
  padding: 2px 7px;
  opacity: 0.95;
}

.tile-provider {
  font-size: 7px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff;
  padding: 3px 8px;
  border-radius: 20px;
  background: linear-gradient(135deg, var(--tile-b), var(--tile-c));
  border: 1px solid color-mix(in srgb, var(--tile-a) 50%, transparent);
  box-shadow: 0 2px 10px color-mix(in srgb, var(--tile-c) 40%, transparent);
}

.tile-provider--kyro {
  background: linear-gradient(135deg, #1d4ed8, #38bdf8, #0ea5e9);
  border-color: rgba(56, 189, 248, 0.55);
  box-shadow: 0 2px 12px rgba(56, 189, 248, 0.45);
  letter-spacing: 0.14em;
  font-weight: 900;
}

.tile-ribbon {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 7;
  padding: 4px 10px;
  font-size: 7px;
  font-weight: 800;
  letter-spacing: 0.12em;
  line-height: 1;
  border-radius: 20px;
  text-transform: uppercase;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.35);
}

.tile-ribbon--hot {
  background: linear-gradient(135deg, #ff6b6b, #ef4444, #dc2626);
  color: #fff;
  box-shadow: 0 3px 16px rgba(239, 68, 68, 0.65);
  animation: ribbon-pulse 2s ease-in-out infinite;
}

.tile-ribbon--new {
  background: linear-gradient(135deg, #38bdf8, #6366f1, #8b5cf6);
  color: #fff;
  box-shadow: 0 3px 16px rgba(99, 102, 241, 0.55);
}

.tile-ribbon--live {
  background: linear-gradient(135deg, #4ade80, #22c55e, #16a34a);
  color: #fff;
  box-shadow: 0 3px 16px rgba(34, 197, 94, 0.55);
}

.tile-ribbon--live::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #fff;
  margin-right: 4px;
  animation: live-blink 1.2s infinite;
  vertical-align: middle;
}

@keyframes ribbon-pulse {
  0%, 100% { box-shadow: 0 3px 16px rgba(239, 68, 68, 0.65); }
  50% { box-shadow: 0 3px 22px rgba(239, 68, 68, 0.9), 0 0 20px rgba(251, 191, 36, 0.4); }
}

@keyframes live-blink {
  0%, 100% { opacity: 1; box-shadow: 0 0 6px #fff; }
  50% { opacity: 0.4; }
}

@media (min-width: 400px) {
  .game-tile { border-radius: 18px; }
  .tile-img-wrap { border-radius: 18px; }
  .game-tile::after { border-radius: 18px; }
  .tile-name { font-size: 10px; }
}