.marble-launch-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  margin: 0 0 16px;
  padding: 16px 18px;
  overflow: hidden;
  border: 2px solid rgba(255, 207, 40, .82);
  border-radius: 18px;
  background:
    radial-gradient(circle at 88% 18%, rgba(255, 215, 60, .34), transparent 32%),
    linear-gradient(135deg, rgba(213, 35, 44, .96), rgba(28, 72, 145, .96));
  box-shadow: 0 12px 30px rgba(8, 18, 43, .25), inset 0 1px 0 rgba(255,255,255,.24);
  color: #fff;
}

.marble-launch-card::before {
  content: "";
  position: absolute;
  width: 170px;
  height: 170px;
  right: -72px;
  bottom: -115px;
  border: 22px solid rgba(255, 216, 49, .2);
  border-radius: 50%;
  box-shadow: 0 0 0 20px rgba(255,255,255,.06);
  pointer-events: none;
}

.marble-launch-copy,
.marble-launch-action {
  position: relative;
  z-index: 1;
}

.marble-launch-kicker {
  margin-bottom: 3px;
  color: #ffe99d;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
}

.marble-launch-title {
  font-size: 21px;
  font-weight: 900;
  letter-spacing: .03em;
}

.marble-launch-desc {
  margin-top: 5px;
  color: rgba(255,255,255,.88);
  font-size: 12px;
  line-height: 1.55;
}

.marble-launch-action {
  min-width: 100px;
  padding: 11px 14px;
  border: 2px solid #4d2d00;
  border-radius: 999px;
  background: radial-gradient(circle at 35% 20%, #fff4a5, #ffcc22 53%, #e58d00);
  box-shadow: 0 5px 0 #7b2916, 0 9px 18px rgba(0,0,0,.25);
  color: #382000;
  font: 900 14px/1.15 "Microsoft JhengHei", sans-serif;
  cursor: pointer;
}

.marble-launch-action:active {
  transform: translateY(4px);
  box-shadow: 0 1px 0 #7b2916, 0 4px 10px rgba(0,0,0,.2);
}

@media (max-width: 520px) {
  .marble-launch-card { grid-template-columns: 1fr; }
  .marble-launch-action { width: 100%; }
}