.mock-game-meta__info {
  width:38px;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border:1px solid #3a4d5d;
  border-radius:50%;
  background:transparent;
  color:#c7d1d9;
  font-family:Georgia, 'Times New Roman', serif;
  font-size:21px;
  font-weight:700;
  line-height:1;
  cursor:pointer;
  transition:border-color .15s ease, color .15s ease, background-color .15s ease, transform .15s ease;
}

.mock-game-meta__info:hover,
.mock-game-meta__info:focus-visible {
  border-color:#e6b84b;
  color:#f1c968;
  background:rgba(230,184,75,.08);
  outline:none;
}

.mock-game-meta__info:active {
  transform:translateY(1px);
}

.pepper-iowa-rules-modal .modal-content {
  border:1px solid #2b3d4d;
  border-radius:16px;
  background:linear-gradient(145deg,#111d27,#0d1821);
  color:#eef3f7;
  overflow:hidden;
}

.pepper-iowa-rules-modal .modal-header {
  padding:20px 22px 16px;
  border-bottom:1px solid #2b3d4d;
}

.pepper-iowa-rules-modal .modal-body {
  padding:20px 22px 24px;
}

.pepper-iowa-rules__eyebrow {
  margin-bottom:4px;
  color:#e6b84b;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.pepper-iowa-rules-modal .modal-title {
  margin:0;
  color:#fff;
  font-size:26px;
  font-weight:800;
}

.pepper-iowa-rules__intro {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:18px;
}

.pepper-iowa-rules__chip {
  padding:6px 9px;
  border:1px solid #304453;
  border-radius:999px;
  background:#0b151d;
  color:#b9c4ce;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.pepper-iowa-rules__section {
  padding:18px 0;
  border-top:1px solid rgba(255,255,255,.08);
}

.pepper-iowa-rules__section:first-of-type {
  border-top:0;
  padding-top:0;
}

.pepper-iowa-rules__section--last {
  padding-bottom:0;
}

.pepper-iowa-rules__section h3 {
  margin:0 0 9px;
  color:#fff;
  font-size:18px;
  font-weight:800;
}

.pepper-iowa-rules__section p {
  margin:0 0 10px;
  color:#b9c4ce;
  font-size:14px;
  line-height:1.5;
}

.pepper-iowa-rules__section p:last-child {
  margin-bottom:0;
}

.pepper-iowa-rules__callout {
  margin-top:12px;
  padding:12px 14px;
  border:1px solid rgba(230,184,75,.34);
  border-radius:10px;
  background:rgba(230,184,75,.07);
  color:#dce3e8;
  font-size:13px;
  line-height:1.45;
}

.pepper-iowa-rules__two-column,
.pepper-iowa-rules__score-grid {
  display:grid;
  gap:10px;
}

.pepper-iowa-rules__two-column {
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin:12px 0;
}

.pepper-iowa-rules__score-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.pepper-iowa-rules__rule-card,
.pepper-iowa-rules__score-grid > div {
  min-width:0;
  padding:12px 13px;
  border:1px solid #2b3d4d;
  border-radius:10px;
  background:#0b151d;
}

.pepper-iowa-rules__rule-card strong,
.pepper-iowa-rules__score-grid strong {
  display:block;
  margin-bottom:6px;
  color:#f1c968;
  font-size:13px;
}

.pepper-iowa-rules__rule-card span,
.pepper-iowa-rules__score-grid span {
  display:block;
  color:#aebbc6;
  font-size:12px;
  line-height:1.45;
}

@media (max-width:767px) {
  .mock-game-meta {
    grid-template-columns:auto auto auto !important;
  }

  .mock-game-meta__info {
    grid-column:1 !important;
    grid-row:1 !important;
    width:36px;
    height:36px;
    font-size:19px;
  }

  .mock-game-meta__gear {
    grid-column:2 !important;
    grid-row:1 !important;
  }

  .mock-game-meta__leave {
    grid-column:3 !important;
    grid-row:1 !important;
  }

  #mock-game-label:not([hidden]) {
    grid-column:1 / -1 !important;
    grid-row:2 !important;
  }

  .pepper-iowa-rules-modal .modal-dialog {
    margin:8px !important;
    max-width:calc(100% - 16px) !important;
  }

  .pepper-iowa-rules-modal .modal-header {
    padding:16px 16px 13px;
  }

  .pepper-iowa-rules-modal .modal-body {
    padding:16px;
  }

  .pepper-iowa-rules-modal .modal-title {
    font-size:22px;
  }

  .pepper-iowa-rules__two-column,
  .pepper-iowa-rules__score-grid {
    grid-template-columns:1fr;
  }
}

html[data-pepper-theme="light"] .mock-game-meta__info {
  border-color:#aebdb4;
  color:#51645a;
}

html[data-pepper-theme="light"] .mock-game-meta__info:hover,
html[data-pepper-theme="light"] .mock-game-meta__info:focus-visible {
  border-color:#9a711e;
  color:#7a5817;
  background:rgba(154,113,30,.08);
}

html[data-pepper-theme="light"] .pepper-iowa-rules-modal .modal-content {
  border-color:#cdd8d2;
  background:linear-gradient(145deg,#ffffff,#f5f8f6);
  color:#203129;
}

html[data-pepper-theme="light"] .pepper-iowa-rules-modal .modal-header,
html[data-pepper-theme="light"] .pepper-iowa-rules__section {
  border-color:#d9e2dd;
}

html[data-pepper-theme="light"] .pepper-iowa-rules-modal .modal-title,
html[data-pepper-theme="light"] .pepper-iowa-rules__section h3 {
  color:#203129;
}

html[data-pepper-theme="light"] .pepper-iowa-rules__section p,
html[data-pepper-theme="light"] .pepper-iowa-rules__rule-card span,
html[data-pepper-theme="light"] .pepper-iowa-rules__score-grid span {
  color:#5f7067;
}

html[data-pepper-theme="light"] .pepper-iowa-rules__chip,
html[data-pepper-theme="light"] .pepper-iowa-rules__rule-card,
html[data-pepper-theme="light"] .pepper-iowa-rules__score-grid > div {
  border-color:#cdd8d2;
  background:#f7faf8;
}