.game-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.wyrm-cover {
  isolation: isolate;
  background:
    radial-gradient(circle at 54% 44%, rgba(208,230,169,.17), transparent 32%),
    linear-gradient(rgba(4,9,5,.12), rgba(4,9,5,.82)),
    #071008;
}
.wyrm-cover::before {
  position: absolute;
  inset: 0;
  z-index: 5;
  pointer-events: none;
  content: "";
  background:
    repeating-linear-gradient(to bottom, transparent 0 4px, rgba(208,230,169,.025) 5px 6px),
    radial-gradient(ellipse at center, transparent 40%, rgba(0,0,0,.76));
}
.wyrm-roots {
  position: absolute;
  right: -12%;
  bottom: -12%;
  left: -12%;
  height: 44%;
  opacity: .66;
  background:
    radial-gradient(ellipse at 12% 100%, transparent 0 33%, rgba(108,132,89,.28) 34% 36%, transparent 37%),
    radial-gradient(ellipse at 43% 100%, transparent 0 36%, rgba(108,132,89,.26) 37% 39%, transparent 40%),
    radial-gradient(ellipse at 76% 100%, transparent 0 31%, rgba(108,132,89,.22) 32% 34%, transparent 35%);
}
.wyrm-path {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 72%;
  height: 46%;
  transform: translate(-50%,-50%) rotate(-5deg);
}
.wyrm-segment {
  position: absolute;
  width: 34px;
  aspect-ratio: 1;
  border: 1px solid rgba(238,231,215,.18);
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #d6edb0, #75975f 54%, #2f4c32);
  box-shadow: 0 0 18px rgba(208,230,169,.18);
}
.wyrm-segment:nth-child(1) { left: 11%; top: 56%; width: 39px; }
.wyrm-segment:nth-child(2) { left: 23%; top: 47%; }
.wyrm-segment:nth-child(3) { left: 34%; top: 35%; width: 32px; }
.wyrm-segment:nth-child(4) { left: 46%; top: 30%; width: 29px; }
.wyrm-segment:nth-child(5) { left: 57%; top: 36%; width: 26px; }
.wyrm-segment:nth-child(6) { left: 66%; top: 49%; width: 23px; }
.wyrm-segment:nth-child(7) { left: 75%; top: 61%; width: 20px; }
.wyrm-eye {
  position: absolute;
  left: calc(11% + 25px);
  top: calc(56% + 10px);
  z-index: 4;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--ember);
  box-shadow: 0 12px var(--ember);
}
.wyrm-fruit {
  position: absolute;
  top: 26%;
  right: 18%;
  z-index: 3;
  width: 26px;
  aspect-ratio: 1;
  border: 1px solid var(--moss-light);
  transform: rotate(45deg);
  box-shadow: 0 0 26px rgba(208,230,169,.48);
}
.wyrm-fruit::before,
.wyrm-fruit::after {
  position: absolute;
  content: "";
  background: var(--moss-light);
}
.wyrm-fruit::before { inset: 9px; border-radius: 50%; }
.wyrm-fruit::after { top: 50%; left: -17px; width: 58px; height: 1px; transform: rotate(-45deg); }
.wyrm-motes {
  position: absolute;
  inset: 0;
  opacity: .62;
  background-image:
    radial-gradient(circle at 14% 18%, var(--moss-light) 0 1px, transparent 2px),
    radial-gradient(circle at 84% 18%, var(--moss-light) 0 1px, transparent 2px),
    radial-gradient(circle at 66% 70%, var(--moss-light) 0 1px, transparent 2px),
    radial-gradient(circle at 26% 76%, var(--moss-light) 0 1px, transparent 2px),
    radial-gradient(circle at 48% 18%, var(--moss-light) 0 1px, transparent 2px);
}

@media (max-width: 900px) {
  .game-grid { grid-template-columns: 1fr; }
  .game-card { grid-column: auto; }
}