.cp-art,
.launch-art {
  position: relative;
  min-height: 263px;
  margin-top: 16px;
  padding-bottom: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
}

.cp-ledger,
.launch-monster,
.launch-steps span {
  background: rgb(216, 219, 233);
  color: rgb(13, 23, 63);
  border: 4px solid rgb(7, 23, 25);
  box-shadow: rgb(233, 246, 237) 3px 3px 0 inset, rgb(71, 102, 94) -3px -3px 0 inset;
}

.cp-ledger {
  font-family: Jersey, monospace;
  font-size: 20px;
  line-height: 1.2;
  transform: rotate(-1.5deg);
  box-shadow: rgb(233, 246, 237) 3px 3px 0 inset, rgb(71, 102, 94) -3px -3px 0 inset, rgba(2, 18, 28, 0.33) 0 12px 28px;
}

.cp-ledger-head {
  display: flex;
  justify-content: space-between;
  padding: 10px 16px 8px;
  border-bottom: 3px solid rgb(7, 23, 25);
  font: 11px Pixel, monospace;
  letter-spacing: 0.5px;
}

.cp-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  padding: 5px 16px;
  border-bottom: 1px dashed rgb(85, 116, 91);
}

.cp-row:last-child {
  border-bottom: 0;
  padding-bottom: 10px;
}

.cp-row strong {
  font: 14px Pixel, monospace;
  color: rgb(33, 90, 66);
  white-space: nowrap;
}

.cp-row.spend strong {
  color: rgb(105, 83, 35);
}

.cp-row.spend:first-of-type,
.cp-row:not(.spend) + .cp-row.spend {
  border-top: 3px solid rgb(7, 23, 25);
}

.launch-steps {
  display: flex;
  gap: 8px;
  transform: rotate(-2deg);
}

.launch-steps span {
  flex: 1;
  text-align: center;
  padding: 12px 4px 10px;
  font: 10px Pixel, monospace;
  color: rgb(71, 102, 94);
}

.launch-steps span.live {
  background: rgb(201, 223, 209);
  color: rgb(33, 90, 66);
}

.launch-monster {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 14px 20px;
  margin-inline: 6%;
  transform: rotate(1.5deg);
  box-shadow: rgb(233, 246, 237) 3px 3px 0 inset, rgb(71, 102, 94) -3px -3px 0 inset, rgba(2, 18, 28, 0.33) 0 12px 28px;
}

.launch-monster img {
  width: 96px;
  height: 96px;
  flex-shrink: 0;
  image-rendering: pixelated;
}

.launch-monster div {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-family: Jersey, monospace;
  font-size: 18px;
  color: rgb(39, 53, 109);
}

.launch-monster .tiny-code {
  color: rgb(71, 102, 94);
}

.launch-monster strong {
  font: 18px Pixel, monospace;
  color: rgb(13, 23, 63);
}

@media (max-width: 700px) {
  .cp-art,
  .launch-art {
    min-height: 0;
    padding-block: 8px 24px;
  }

  .cp-ledger {
    font-size: 17px;
  }

  .cp-row {
    padding-inline: 12px;
  }

  .launch-steps span {
    font-size: 8px;
  }

  .launch-monster {
    margin-inline: 0;
  }

  .launch-monster img {
    width: 64px;
    height: 64px;
  }
}

/* Readable launch sequence at every card width. */
.launch-art{padding:16px 24px 28px;gap:24px}
.launch-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0;transform:none}
.launch-steps li{padding:16px;background:var(--metal-paper,#d8dbe9);color:var(--metal-ink,#0d173f);border:3px solid var(--metal-edge,#47665e);box-shadow:var(--metal-rim);min-width:0}
.launch-steps li b{display:block;font:24px/1.15 Jersey,monospace;letter-spacing:.3px}
.launch-steps li span{display:block;margin-top:8px;padding:0;border:0;background:none;box-shadow:none;font:22px/1.2 Jersey,monospace;color:var(--metal-copy,#27356d);text-align:left}
.launch-monster{margin:0;transform:none;padding:22px;gap:22px;background:var(--metal-paper);color:var(--metal-ink)}
.launch-monster img{width:112px;height:112px;object-fit:contain}
.launch-monster div{min-width:0;font:24px/1.2 Jersey,monospace;color:var(--metal-copy);gap:8px}
html body.metal-ui .launch-monster .tiny-code{font:22px/1.2 Jersey,monospace;color:var(--metal-copy)}
.launch-monster strong{font:30px/1.2 Jersey,monospace;color:var(--metal-ink)}
@media(max-width:600px){.launch-art{padding:12px 16px 24px}.launch-steps{gap:10px}.launch-steps li{padding:12px}.launch-steps li b{font-size:22px}.launch-steps li span{font-size:21px}.launch-monster{padding:16px;gap:14px}.launch-monster img{width:72px;height:72px}.launch-monster div{font-size:21px}.launch-monster strong{font-size:28px}}

/* CP ledger uses the same readable pixel typography as the launch steps. */
.cp-art{padding:16px 24px 28px}
.cp-ledger{font:24px/1.25 Jersey,monospace;transform:none;background:var(--metal-paper);color:var(--metal-ink)}
.cp-ledger-head{font:24px/1.2 Jersey,monospace;letter-spacing:.3px;padding:16px 18px}
.cp-row{padding:12px 18px;gap:18px;align-items:center;min-height:54px}
.cp-row strong{font:26px/1.2 Jersey,monospace;color:var(--metal-ink);flex-shrink:0}
.cp-row.spend strong{color:var(--metal-ink)}
.cp-row:last-child{padding-bottom:16px}
@media(max-width:600px){.cp-art{padding:12px 16px 24px}.cp-ledger{font-size:22px}.cp-ledger-head{font-size:22px;padding:14px 12px}.cp-row{padding:12px;gap:12px}.cp-row strong{font-size:24px}}

.header-twitter{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:48px;padding:10px 16px;background:var(--metal-face);border:3px solid var(--metal-edge);box-shadow:var(--metal-rim);color:var(--metal-ink);font:22px/1 Jersey,monospace;text-decoration:none;white-space:nowrap}
.header-twitter:hover{filter:brightness(1.08)}
.header-twitter:focus-visible{outline:3px solid var(--mint);outline-offset:4px}
@media(max-width:1100px){.header-twitter{font-size:19px;padding:8px 12px}}
@media(max-width:600px){.header-twitter{margin-left:auto;min-height:44px;font-size:18px;padding:8px 10px}.header-inner .menu-button{margin-left:0}}

@media(min-width:601px){.header-inner .header-twitter{margin-left:auto;margin-right:-12px}.header-inner .header-cta{margin-left:0}.header-inner{column-gap:24px}}
@media(min-width:601px){.header-inner .header-twitter,.header-inner .header-cta{height:62px;box-sizing:border-box}.header-inner .header-twitter{width:62px;padding:0;font-size:28px}}

#home-pokedex .dex-tile{cursor:default}