.offline-poker-page {
  overflow: hidden;
}

.offline-poker-page .container,
.offline-poker-page .container-wide {
  width: min(100% - (var(--gutter) * 2), var(--container));
}

.offline-poker-page .container-wide {
  max-width: var(--container-wide);
}

.offline-poker-page .eyebrow {
  margin: 0;
}

.offline-poker-hero {
  position: relative;
  min-height: 64vh;
  background: var(--color-blackberry-950);
}

.offline-poker-hero__visual,
.offline-poker-room__visual {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: none;
  background: var(--color-blackberry-800);
}

.offline-poker-hero__visual::after,
.offline-poker-room__visual::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(90deg, rgb(23 17 22 / 90%) 0%, rgb(23 17 22 / 56%) 41%, rgb(23 17 22 / 16%) 72%, rgb(23 17 22 / 34%) 100%);
}

.offline-poker-hero__visual img,
.offline-poker-room__visual img {
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: cover;
}

.offline-poker-hero__visual img {
  object-position: center center;
}

.offline-poker-hero__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  width: min(100% - (var(--gutter) * 2), var(--container));
  min-width: 0;
  min-height: 64vh;
  margin-inline: auto;
  padding: clamp(var(--space-8), 11vh, var(--space-11)) 0 var(--space-8);
  justify-content: end;
}

.offline-poker-hero__content > * {
  min-width: 0;
  margin: 0;
}

.offline-poker-hero__content .eyebrow,
.offline-poker-hero__content h1,
.offline-poker-hero__secondary,
.offline-poker-hero__content .lead,
.offline-poker-hero__orientation {
  width: min(100%, 32.5rem);
}

.offline-poker-hero h1 {
  font-size: clamp(3.5rem, 7vw, 5.8rem);
}

.offline-poker-hero__secondary {
  color: var(--color-brass-300);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-display);
}

.offline-poker-hero__actions,
.offline-poker-tournaments__actions > div,
.offline-poker-closing__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  min-width: 0;
}

.offline-poker-hero__actions > *,
.offline-poker-tournaments__actions > div > *,
.offline-poker-closing__actions > * {
  min-width: 0;
  max-width: 100%;
}

.offline-poker-hero__orientation {
  padding-top: var(--space-4);
  border-top: var(--rule-brass);
  color: var(--color-oatmeal-300);
  font-size: var(--text-meta);
  line-height: var(--leading-meta);
}

.offline-poker-hero__orientation span {
  display: block;
  margin-bottom: var(--space-2);
  color: var(--color-oatmeal-100);
  font-weight: 700;
}

.offline-poker-transition {
  padding: var(--space-11) 0 var(--space-10);
}

.offline-poker-transition__inner {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: center;
  gap: var(--space-8);
}

.offline-poker-transition__copy,
.offline-poker-transition__media {
  min-width: 0;
  width: 100%;
}

.offline-poker-transition__copy {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}

.offline-poker-transition__copy > * {
  min-width: 0;
  margin: 0;
}

.offline-poker-transition__copy h2 {
  width: min(100%, 40rem);
}

.offline-poker-transition__unit {
  width: min(100%, 40rem);
}

.offline-poker-transition__unit h3 {
  margin-bottom: var(--space-3);
}

.offline-poker-transition__unit p:last-child {
  margin-bottom: 0;
}

.offline-poker-transition__invitation {
  width: min(100%, 30rem);
  padding-left: var(--space-5);
  border-left: var(--rule-brass);
}

.offline-poker-transition__invitation p {
  margin-bottom: var(--space-3);
  color: var(--color-oatmeal-100);
  font-family: var(--font-heading);
  font-size: var(--text-lead);
  line-height: var(--leading-lead);
}

.offline-poker-transition__invitation a,
.offline-poker-manifesto a,
.offline-poker-room a,
.offline-poker-pathway a,
.offline-poker-closing__actions > a:not(.button) {
  color: var(--color-brass-300);
  font-size: var(--text-utility);
  font-weight: 700;
  letter-spacing: var(--tracking-utility);
  text-transform: uppercase;
}

.offline-poker-transition__media {
  height: clamp(34rem, 52vw, 43rem);
  margin: 0;
}

.offline-poker-transition__media img {
  object-position: 60% center;
}

.offline-poker-manifesto {
  padding: var(--space-10) 0;
  background: var(--color-blackberry-900);
}

.offline-poker-manifesto__inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}

.offline-poker-manifesto__intro {
  width: min(100%, 40rem);
}

.offline-poker-manifesto__intro .eyebrow {
  margin-bottom: var(--space-3);
}

.offline-poker-manifesto__intro h2 {
  margin-bottom: var(--space-4);
}

.offline-poker-manifesto__intro .lead {
  margin-bottom: 0;
}

.offline-poker-manifesto__principles {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}

.offline-poker-principle {
  position: relative;
  min-width: 0;
  padding: var(--space-6);
  border: var(--border-dark);
  background: var(--color-blackberry-950);
}

.offline-poker-principle h3 {
  margin-bottom: var(--space-3);
}

.offline-poker-principle p {
  width: min(100%, 36.25rem);
  margin-bottom: 0;
}

.offline-poker-principle--one,
.offline-poker-principle--three {
  width: min(55%, 44rem);
}

.offline-poker-principle--two {
  width: min(48%, 38.5rem);
  align-self: flex-end;
  overflow: hidden;
  background: var(--color-bottle-green-900);
}

.offline-poker-principle--three {
  padding-bottom: var(--space-7);
}

.offline-poker-principle--three a {
  display: inline-block;
  margin-top: var(--space-4);
}

.offline-poker-principle__number {
  display: block;
  width: 3rem;
  margin-bottom: var(--space-5);
  padding-top: var(--space-2);
  border-top: var(--rule-brass);
  color: var(--color-brass-300);
  font-size: var(--text-utility);
  font-weight: 700;
  letter-spacing: var(--tracking-utility);
}

.offline-poker-principle__word {
  position: absolute;
  z-index: 0;
  top: 50%;
  right: -0.08em;
  color: rgb(240 231 213 / 8%);
  font-family: var(--font-heading);
  font-size: clamp(4rem, 8vw, 8rem);
  font-weight: 600;
  line-height: 0.8;
  letter-spacing: var(--tracking-display);
  pointer-events: none;
  transform: translateY(-50%);
}

.offline-poker-principle--two h3,
.offline-poker-principle--two p {
  position: relative;
  z-index: 1;
}

.offline-poker-room {
  position: relative;
  min-height: 52rem;
  padding: var(--space-10) 0;
  background: var(--color-blackberry-800);
}

.offline-poker-room__visual img {
  object-position: center center;
}

.offline-poker-room__content {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 22.5rem);
  grid-template-areas:
    "feature ."
    "table inset";
  align-items: end;
  gap: var(--space-8);
  min-height: 32rem;
}

.offline-poker-room__feature,
.offline-poker-room__table-copy,
.offline-poker-room__inset {
  min-width: 0;
}

.offline-poker-room__feature {
  grid-area: feature;
  width: min(100%, 32.5rem);
}

.offline-poker-room__feature .eyebrow,
.offline-poker-room__feature h2 {
  margin-bottom: var(--space-4);
}

.offline-poker-room__feature .rule-brass {
  margin-bottom: var(--space-5);
}

.offline-poker-room__feature .lead {
  margin-bottom: 0;
}

.offline-poker-room__table-copy {
  grid-area: table;
  width: min(100%, 29.5rem);
  padding: var(--space-5);
  background: rgb(23 17 22 / 84%);
  border: var(--border-dark);
}

.offline-poker-room__table-copy h3,
.offline-poker-room__inset h3 {
  margin-bottom: var(--space-3);
}

.offline-poker-room__table-copy p,
.offline-poker-room__inset p:last-of-type {
  margin-bottom: 0;
}

.offline-poker-room__inset {
  grid-area: inset;
  width: 100%;
  padding: var(--space-5);
  border: var(--border-dark);
  background: rgb(16 44 39 / 95%);
}

.offline-poker-room__inset .eyebrow {
  margin-bottom: var(--space-3);
}

.offline-poker-room__inset a {
  display: inline-block;
  margin-top: var(--space-4);
}

.offline-poker-holdem {
  padding: var(--space-10) 0;
}

.offline-poker-holdem__inner {
  display: grid;
  grid-template-columns: minmax(0, 52fr) minmax(0, 48fr);
  min-height: 39rem;
}

.offline-poker-holdem__copy,
.offline-poker-holdem__field {
  min-width: 0;
}

.offline-poker-holdem__copy {
  width: min(100%, 35rem);
  padding: var(--space-8) 0;
}

.offline-poker-holdem__copy .eyebrow {
  margin-bottom: var(--space-3);
  color: var(--color-rust-700);
}

.offline-poker-holdem__copy h2 {
  margin-bottom: var(--space-4);
}

.offline-poker-holdem__copy .lead {
  margin-bottom: var(--space-5);
}

.offline-poker-holdem__copy hr {
  width: 3rem;
  margin: var(--space-6) 0;
  background: var(--color-ink-950);
}

.offline-poker-holdem__copy > p:not(.eyebrow):not(.lead) {
  width: min(100%, 31.25rem);
}

.offline-poker-holdem__callout {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  width: min(100%, 27.5rem);
  margin-top: var(--space-6);
  padding-top: var(--space-5);
  border-top: 2px solid var(--color-brass-500);
}

.offline-poker-holdem__callout > * {
  min-width: 0;
  margin: 0;
}

.offline-poker-holdem__callout .button {
  align-self: flex-start;
  border-color: var(--color-ink-950);
  color: var(--color-ink-950);
}

.offline-poker-holdem__callout .button:hover {
  border-color: var(--color-rust-700);
  background: var(--color-ink-950);
  color: var(--color-oatmeal-100);
}

.offline-poker-holdem__field {
  position: relative;
  background: transparent;
}

.offline-poker-holdem__field::after {
  position: absolute;
  top: 18%;
  right: 0;
  bottom: 18%;
  left: 18%;
  border-top: 2px solid var(--color-brass-500);
  border-bottom: 1px solid rgb(33 26 27 / 16%);
  content: "";
}

.offline-poker-place {
  padding: var(--space-11) 0;
}

.offline-poker-place__inner {
  display: grid;
  grid-template-columns: minmax(0, 47fr) minmax(0, 53fr);
  align-items: start;
  gap: var(--space-8);
}

.offline-poker-place__media,
.offline-poker-place__content {
  min-width: 0;
  width: 100%;
}

.offline-poker-place__media {
  height: clamp(34rem, 51vw, 43rem);
  margin: 0;
}

.offline-poker-place__media img {
  object-position: center center;
}

.offline-poker-place__content {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}

.offline-poker-place__content > * {
  min-width: 0;
  margin: 0;
}

.offline-poker-place__content .eyebrow,
.offline-poker-place__content h2 {
  width: min(100%, 33rem);
}

.offline-poker-place__steps {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  width: min(100%, 33.125rem);
  margin: 0;
  padding: 0;
  list-style: none;
}

.offline-poker-place__steps > li {
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr);
  gap: var(--space-3);
  min-width: 0;
  padding-left: var(--space-4);
  border-left: 1px solid var(--color-border);
}

.offline-poker-place__steps > li:nth-child(2) {
  width: calc(100% - var(--space-5));
  margin-left: var(--space-5);
}

.offline-poker-place__steps > li > * {
  min-width: 0;
}

.offline-poker-place__steps > li > span {
  color: var(--color-brass-300);
  font-size: var(--text-utility);
  font-weight: 700;
  letter-spacing: var(--tracking-utility);
}

.offline-poker-place__steps h3 {
  margin-bottom: var(--space-3);
}

.offline-poker-place__steps p {
  margin-bottom: 0;
}

.offline-poker-place__steps .button {
  margin-top: var(--space-4);
}

.offline-poker-tournaments {
  padding: var(--space-10) 0;
}

.offline-poker-tournaments__inner {
  display: grid;
  grid-template-columns: minmax(0, 55fr) minmax(22.5rem, 34fr);
  grid-template-areas:
    "intro term"
    "actions term";
  align-items: center;
  column-gap: var(--space-8);
  row-gap: var(--space-7);
}

.offline-poker-tournaments__intro,
.offline-poker-tournaments__term,
.offline-poker-tournaments__actions {
  min-width: 0;
}

.offline-poker-tournaments__intro {
  grid-area: intro;
  width: min(100%, 38.75rem);
}

.offline-poker-tournaments__intro .eyebrow,
.offline-poker-tournaments__intro h2 {
  margin-bottom: var(--space-4);
}

.offline-poker-tournaments__intro .rule-brass {
  margin-bottom: var(--space-5);
}

.offline-poker-tournaments__intro .lead {
  margin-bottom: 0;
}

.offline-poker-tournaments__term {
  grid-area: term;
  width: 100%;
  padding: var(--space-6);
  border: var(--border-dark);
  background: rgb(23 17 22 / 28%);
}

.offline-poker-tournaments__term .eyebrow {
  margin-bottom: var(--space-3);
}

.offline-poker-tournaments__term h3 {
  margin-bottom: var(--space-3);
}

.offline-poker-tournaments__term p {
  margin-bottom: 0;
}

.offline-poker-tournaments__actions {
  grid-area: actions;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  width: min(100%, 31.25rem);
}

.offline-poker-tournaments__actions > * {
  min-width: 0;
  margin: 0;
}

.offline-poker-pathways {
  padding: var(--space-11) 0;
}

.offline-poker-pathways__inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-7);
}

.offline-poker-pathways__heading {
  width: min(100%, 35rem);
}

.offline-poker-pathways__heading .eyebrow {
  margin-bottom: var(--space-3);
}

.offline-poker-pathways__heading h2 {
  margin-bottom: 0;
}

.offline-poker-pathways__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-areas:
    "dining dining dining live live live live live live live live live"
    "tournament tournament tournament tournament tournament tournament tournament tournament private private private private";
  gap: var(--space-4);
}

.offline-poker-pathway {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  min-width: 0;
  width: 100%;
  min-height: 17rem;
  padding: var(--space-5);
  border: var(--border-dark);
  background: var(--color-blackberry-900);
}

.offline-poker-pathway > * {
  min-width: 0;
  margin: 0;
}

.offline-poker-pathway h3 {
  width: min(100%, 19rem);
}

.offline-poker-pathway p:not(.eyebrow) {
  width: min(100%, 22.5rem);
}

.offline-poker-pathway a {
  align-self: flex-start;
  margin-top: auto;
}

.offline-poker-pathway--dining { grid-area: dining; }
.offline-poker-pathway--live {
  grid-area: live;
  min-height: 19rem;
  background: var(--color-bottle-green-900);
}
.offline-poker-pathway--tournament {
  grid-area: tournament;
  border-top: var(--rule-brass);
}
.offline-poker-pathway--private {
  grid-area: private;
  border-color: rgb(166 79 54 / 65%);
  background: var(--color-blackberry-800);
}

.offline-poker-closing {
  padding: 0 0 var(--space-11);
}

.offline-poker-closing__inner {
  position: relative;
  overflow: hidden;
  min-height: 31rem;
  padding: var(--space-9);
  border: var(--border-dark);
  background: var(--color-blackberry-900);
}

.offline-poker-closing__wall {
  position: absolute;
  top: 50%;
  right: -0.1em;
  z-index: 0;
  width: 68%;
  margin: 0;
  color: rgb(240 231 213 / 7%);
  font-family: var(--font-heading);
  font-size: clamp(4rem, 9vw, 9.5rem);
  font-weight: 600;
  line-height: 0.83;
  letter-spacing: var(--tracking-display);
  transform: translateY(-50%);
}

.offline-poker-closing__copy {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  width: min(44%, 31.25rem);
  min-width: 0;
  justify-content: center;
  min-height: calc(31rem - (var(--space-9) * 2));
}

.offline-poker-closing__copy > * {
  min-width: 0;
  margin: 0;
}

.offline-poker-closing__copy h2 {
  margin-bottom: 0;
}

.offline-poker-closing__actions {
  margin-top: var(--space-2);
}

@media (max-width: 1040px) {
  .offline-poker-hero {
    display: grid;
    grid-template-rows: minmax(25rem, 52vh) auto;
    min-height: 0;
  }

  .offline-poker-hero__visual {
    position: relative;
    grid-row: 1;
  }

  .offline-poker-hero__visual::after {
    background: linear-gradient(180deg, rgb(23 17 22 / 8%) 38%, rgb(23 17 22 / 68%) 100%);
  }

  .offline-poker-hero__content {
    grid-row: 2;
    min-height: 0;
    padding: var(--space-7) 0 var(--space-8);
  }

  .offline-poker-transition__inner,
  .offline-poker-place__inner {
    gap: var(--space-6);
  }

  .offline-poker-pathways__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "dining tournament"
      "live live"
      "private private";
  }

  .offline-poker-pathway--live,
  .offline-poker-pathway--private {
    min-height: 16rem;
  }
}

@media (max-width: 980px) {
  .offline-poker-transition__inner,
  .offline-poker-place__inner {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-6);
  }

  .offline-poker-transition__media { order: -1; height: min(74vw, 42rem); }
  .offline-poker-transition__copy { width: 100%; }
  .offline-poker-place__media { height: min(110vw, 42rem); }
  .offline-poker-transition__unit,
  .offline-poker-transition__invitation { width: min(100%, 40rem); }
}

@media (max-width: 1024px) {
  .offline-poker-room {
    display: grid;
    grid-template-rows: minmax(29rem, 58vw) auto;
    min-height: 0;
    padding: 0;
  }

  .offline-poker-room__visual {
    position: relative;
    grid-row: 1;
  }

  .offline-poker-room__visual::after {
    background: linear-gradient(180deg, rgb(23 17 22 / 8%) 40%, rgb(23 17 22 / 70%) 100%);
  }

  .offline-poker-room__content {
    grid-row: 2;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "feature feature"
      "table inset";
    min-height: 0;
    padding-top: var(--space-7);
    padding-bottom: var(--space-8);
    gap: var(--space-5);
  }

  .offline-poker-room__feature { width: min(100%, 40rem); }
}

@media (max-width: 920px) {
  .offline-poker-manifesto__principles { gap: var(--space-5); }
  .offline-poker-principle--one,
  .offline-poker-principle--two,
  .offline-poker-principle--three {
    align-self: stretch;
    width: 100%;
  }

  .offline-poker-tournaments__inner {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "intro"
      "term"
      "actions";
    gap: var(--space-6);
  }

  .offline-poker-tournaments__intro,
  .offline-poker-tournaments__actions { width: min(100%, 38.75rem); }
}

@media (max-width: 840px) {
  .offline-poker-holdem__inner {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
  }

  .offline-poker-holdem__copy {
    width: min(100%, 40rem);
    margin-inline: auto;
    padding: var(--space-7) 0;
  }

  .offline-poker-holdem__field { display: none; }

  .offline-poker-closing__copy {
    width: min(100%, 35rem);
    min-height: 0;
  }
}

@media (max-width: 699px) {
  .offline-poker-hero {
    grid-template-rows: minmax(22rem, 58vh) auto;
  }

  .offline-poker-hero__visual img { object-position: 58% center; }
  .offline-poker-hero__content { padding: var(--space-6) 0 var(--space-8); gap: var(--space-4); }
  .offline-poker-hero h1 { font-size: clamp(2.75rem, 13vw, 3.65rem); }
  .offline-poker-hero__secondary { font-size: clamp(1.55rem, 7vw, 2rem); }
  .offline-poker-hero__actions,
  .offline-poker-tournaments__actions > div,
  .offline-poker-closing__actions { flex-direction: column; }
  .offline-poker-hero__actions > .button,
  .offline-poker-tournaments__actions > div > .button,
  .offline-poker-closing__actions > .button { width: 100%; min-height: 3rem; }

  .offline-poker-transition,
  .offline-poker-manifesto,
  .offline-poker-holdem,
  .offline-poker-place,
  .offline-poker-tournaments,
  .offline-poker-pathways { padding-top: var(--space-8); padding-bottom: var(--space-8); }

  .offline-poker-transition__inner,
  .offline-poker-place__inner { gap: var(--space-5); }
  .offline-poker-transition__media { height: min(125vw, 34rem); }
  .offline-poker-transition__copy { gap: var(--space-5); }
  .offline-poker-transition__invitation { padding-left: var(--space-4); }

  .offline-poker-manifesto__inner { gap: var(--space-6); }
  .offline-poker-principle { padding: var(--space-5); }
  .offline-poker-principle__word { font-size: 5.5rem; }

  .offline-poker-room { grid-template-rows: minmax(25rem, 128vw) auto; }
  .offline-poker-room__visual img { object-position: 55% center; }
  .offline-poker-room__content {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "feature"
      "table"
      "inset";
    gap: var(--space-5);
    padding-top: var(--space-6);
    padding-bottom: var(--space-8);
  }
  .offline-poker-room__feature,
  .offline-poker-room__table-copy { width: 100%; }
  .offline-poker-room__table-copy,
  .offline-poker-room__inset { padding: var(--space-4); }

  .offline-poker-holdem__copy { padding: var(--space-6) 0; }
  .offline-poker-holdem__callout { width: 100%; }
  .offline-poker-holdem__callout .button { width: 100%; }

  .offline-poker-place__media { height: min(125vw, 35rem); }
  .offline-poker-place__content { gap: var(--space-4); }
  .offline-poker-place__steps { width: 100%; gap: var(--space-5); }
  .offline-poker-place__steps > li,
  .offline-poker-place__steps > li:nth-child(2) {
    grid-template-columns: 2.5rem minmax(0, 1fr);
    width: 100%;
    margin-left: 0;
    padding-left: var(--space-3);
  }
  .offline-poker-place__steps .button { width: 100%; }

  .offline-poker-tournaments__term { padding: var(--space-5); }
  .offline-poker-tournaments__actions { width: 100%; }

  .offline-poker-pathways__inner { gap: var(--space-6); }
  .offline-poker-pathways__grid {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "dining"
      "live"
      "tournament"
      "private";
    gap: var(--space-3);
  }
  .offline-poker-pathway,
  .offline-poker-pathway--live,
  .offline-poker-pathway--private { min-height: 0; padding: var(--space-5); }
  .offline-poker-pathway h3,
  .offline-poker-pathway p:not(.eyebrow) { width: 100%; }

  .offline-poker-closing { padding-bottom: var(--space-8); }
  .offline-poker-closing__inner { min-height: 0; padding: var(--space-6) var(--space-5); }
  .offline-poker-closing__wall { top: auto; right: -0.08em; bottom: 0.15em; width: 105%; font-size: 4.8rem; transform: none; }
  .offline-poker-closing__copy { width: 100%; }
}

@media (prefers-reduced-motion: no-preference) {
  .offline-poker-page [data-offline-reveal] {
    opacity: 0;
    transform: translateY(1rem);
    transition: opacity var(--transition-reveal), transform var(--transition-reveal);
  }

  .offline-poker-page [data-offline-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
  }
}