.mini-games-page {
  background:
    radial-gradient(circle at 82% 18%, rgba(113, 63, 229, .13), transparent 28rem),
    radial-gradient(circle at 15% 52%, rgba(30, 160, 210, .08), transparent 32rem),
    linear-gradient(180deg, #020916 0%, #020711 72%, #030a16 100%);
}

.mini-games-page .site-header::before {
  background: rgba(2,9,22,.94);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.mini-home-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 11px 15px;
  border: 1px solid rgba(103,168,255,.2);
  border-radius: 100px;
  color: #aebbd0;
  font-family: var(--mono);
  font-size: 9px;
  letter-spacing: .1em;
  text-decoration: none;
  text-transform: uppercase;
  transition: color .25s ease, border-color .25s ease;
}

.mini-home-link span { color: var(--blue-bright); }
.mini-home-link:hover { color: #fff; border-color: rgba(103,168,255,.5); }

.arcade-hero {
  min-height: 680px;
  padding: 145px 0 110px;
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  grid-template-rows: 1fr auto;
  column-gap: 11vw;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.arcade-hero::before {
  content: "";
  width: 470px;
  height: 470px;
  position: absolute;
  right: -270px;
  top: 70px;
  border: 1px solid rgba(100,118,255,.1);
  border-radius: 50%;
  box-shadow: inset 0 0 0 65px rgba(45,100,211,.025), inset 0 0 0 66px rgba(100,118,255,.06);
}

.arcade-title { position: relative; z-index: 1; }

.arcade-title h1 {
  margin: 0;
  font-size: clamp(60px, 7.3vw, 104px);
  font-weight: 500;
  line-height: .96;
  letter-spacing: -.07em;
}

.arcade-title h1 span { color: #668dca; }

.arcade-spiel { max-width: 520px; position: relative; z-index: 1; }
.arcade-spiel p { margin: 0 0 24px; color: #7f8da2; font-size: 15px; line-height: 1.8; }
.arcade-spiel .lead { color: #d3dbe6; font-size: clamp(18px, 1.7vw, 23px); line-height: 1.6; }

.shelf-status {
  grid-column: 1 / -1;
  padding-top: 35px;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid var(--line);
  color: #66768d;
  font-family: var(--mono);
  font-size: 9px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.shelf-status i {
  width: 6px;
  height: 6px;
  margin-right: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #67e8f9;
  box-shadow: 0 0 10px #67e8f9;
}

.shelf-status strong { color: #9faec1; font-weight: 400; }

.game-shelf { padding: 0 0 150px; }

.game-entry {
  padding: 46px 0 130px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.game-entry-topline {
  display: flex;
  justify-content: space-between;
  color: #617189;
  font-family: var(--mono);
  font-size: 9px;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.game-heading {
  padding: 75px 0 58px;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 50px;
}

.game-kicker { margin: 0 0 15px; color: #6e7f96; font-family: var(--mono); font-size: 10px; letter-spacing: .13em; text-transform: uppercase; }

.game-heading h2 {
  margin: 0;
  font-size: clamp(72px, 10vw, 138px);
  font-weight: 500;
  line-height: .85;
  letter-spacing: -.075em;
  background: linear-gradient(100deg, #62d9ef 0%, #7587ff 48%, #e85ab6 92%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.launch-button {
  min-width: 210px;
  padding: 17px 19px;
  display: flex;
  justify-content: space-between;
  border: 1px solid rgba(103,168,255,.42);
  color: #e4edfa;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: .08em;
  text-decoration: none;
  text-transform: uppercase;
  transition: background .25s ease, border-color .25s ease;
}

.launch-button span { color: #7d9fff; }
.launch-button:hover { border-color: #788cff; background: rgba(91,88,220,.1); }

.game-hero-shot {
  display: block;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(127,141,255,.22);
  background: #050712;
  box-shadow: 0 40px 90px rgba(0,0,0,.32), 0 0 70px rgba(70,90,220,.08);
}

.game-hero-shot img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; transition: transform .8s ease; }
.game-hero-shot:hover img { transform: scale(1.015); }

.shot-play {
  position: absolute;
  right: 25px;
  bottom: 25px;
  padding: 12px 15px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 100px;
  color: #f2f5fb;
  background: rgba(4,6,15,.82);
  backdrop-filter: blur(13px);
  font-family: var(--mono);
  font-size: 9px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.shot-play i { margin-right: 7px; color: #72d8ef; font-style: normal; font-size: 8px; }

.game-story {
  padding: 125px 0;
  display: grid;
  grid-template-columns: .8fr 1fr;
  gap: 13vw;
}

.game-story h3 { margin: 0; font-size: clamp(42px, 5vw, 69px); font-weight: 500; line-height: 1.04; letter-spacing: -.055em; }
.game-story-copy > p { margin: 0 0 25px; color: #8795a9; font-size: 15px; line-height: 1.85; }

.game-features {
  margin: 45px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid var(--line);
  list-style: none;
}

.game-features li {
  padding: 17px 0;
  border-bottom: 1px solid var(--line);
  color: #a7b5c8;
  font-family: var(--mono);
  font-size: 9px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.game-features li:nth-child(odd) { border-right: 1px solid var(--line); }
.game-features li:nth-child(even) { padding-left: 22px; }

.shot-gallery {
  display: grid;
  grid-template-columns: 1.4fr .6fr;
  border: 1px solid var(--line);
}

.gallery-shot { margin: 0; border-right: 1px solid var(--line); }
.gallery-shot img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }

.gallery-shot figcaption {
  padding: 16px 18px;
  display: flex;
  justify-content: space-between;
  color: #596b83;
  font-family: var(--mono);
  font-size: 8px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.experiment-note {
  padding: 42px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: radial-gradient(circle at 75% 22%, rgba(145,74,232,.14), transparent 13rem);
}

.note-orbit { width: 62px; height: 62px; display: block; position: relative; border: 1px solid rgba(125,118,255,.28); border-radius: 50%; }
.note-orbit::before { content: ""; position: absolute; inset: 12px; border: 1px solid rgba(125,118,255,.15); border-radius: 50%; }
.note-orbit i { width: 6px; height: 6px; position: absolute; top: 5px; right: 10px; border-radius: 50%; background: #e46ac0; box-shadow: 0 0 12px #e46ac0; }
.experiment-note p { margin: auto 0 40px; color: #c9d3e1; font-size: 19px; line-height: 1.6; }
.experiment-note a { color: #7d94ff; font-family: var(--mono); font-size: 9px; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.experiment-note a span { margin-left: 10px; }

.next-experiment {
  min-height: 190px;
  padding: 38px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  color: #596a82;
  text-align: left;
}

.next-experiment > span { color: #557cae; font-family: var(--mono); font-size: 35px; font-weight: 300; }
.next-experiment small { color: #71839a; font-family: var(--mono); font-size: 8px; letter-spacing: .13em; text-transform: uppercase; }
.next-experiment p { margin: 8px 0 0; color: #99a6b7; font-size: 14px; }

@media (max-width: 900px) {
  .arcade-hero { grid-template-columns: 1fr; gap: 60px; }
  .arcade-spiel { max-width: 650px; }
  .shelf-status { grid-column: 1; }
  .game-story { gap: 8vw; }
  .shot-gallery { grid-template-columns: 1fr; }
  .gallery-shot { border-right: 0; border-bottom: 1px solid var(--line); }
  .experiment-note { min-height: 330px; }
}

@media (max-width: 760px) {
  .mini-home-link { padding: 9px 12px; font-size: 8px; }
  .mini-home-link span { display: none; }
  .arcade-hero { min-height: 0; padding: 100px 0 90px; gap: 48px; }
  .arcade-hero::before { display: none; }
  .arcade-title h1 { font-size: clamp(54px, 16vw, 76px); }
  .shelf-status { gap: 20px; line-height: 1.6; }
  .game-entry { padding: 35px 0 95px; }
  .game-entry-topline span:last-child { display: none; }
  .game-heading { padding: 55px 0 42px; display: block; }
  .game-heading h2 { font-size: 22vw; }
  .launch-button { margin-top: 38px; }
  .shot-play { right: 12px; bottom: 12px; }
  .game-story { padding: 90px 0; grid-template-columns: 1fr; gap: 55px; }
  .game-features { grid-template-columns: 1fr; }
  .game-features li:nth-child(odd) { border-right: 0; }
  .game-features li:nth-child(even) { padding-left: 0; }
  .gallery-shot figcaption { gap: 20px; line-height: 1.5; }
  .gallery-shot figcaption span:last-child { text-align: right; }
  .experiment-note { min-height: 300px; padding: 32px 28px; }
}