:root {
  --color-black: #050505;
  --color-ink: #1d1f20;
  --color-panel: #1c1d1f;
  --color-paper: #ededed;
  --color-hero-panel: #1b1c1e;
  --color-muted: #9c9c9c;
  --color-line: #5b5e60;
  --color-glow: #d9fbff;
  --layout-row: 120px;
  --grid-margin: 0;
  --grid-col: minmax(0, 1fr);
  --font-body: "source-code-pro", "Source Code Pro", monospace;
  --font-copy: var(--font-body);
  --font-hero: "cofo-sans-pixel", "kofo-sans-pixel", "CoFo Sans Pixel", "Kofo Sans Pixel", var(--font-body);
  --font-game-display: "kofo-sans-pixel", "Kofo Sans Pixel", "Co Sans Pixel", var(--font-body);
  --font-heading: var(--font-game-display);
  --white: var(--color-paper);
  --cursor-trail-size: 15px;
  --cursor-trail-opacity: .18;
  --segment-y: 0;
  --segment-height: 0;
  --index-y: -999px;
  --depth: 0;
  --x: 50%;
  --y: 50%;
  --delay: 0ms;
  --mobile-game-body-size: var(--type-body-size);
  --mobile-game-body-line: var(--type-body-line);
  --mobile-game-title-size: var(--type-title-size);
  --mobile-game-title-line: var(--type-title-line);
  --mobile-game-meta-size: 9px;
  --mobile-game-meta-line: 12px;
  --mobile-game-meta-value-size: 12px;
  --mobile-game-meta-value-line: 14px;
  --mobile-game-header-size: var(--type-title-size);
  --mobile-game-header-line: var(--type-title-line);
  --mobile-game-countdown-size: var(--type-title-size);
  --mobile-game-countdown-line: var(--type-title-line);
  --mobile-game-quiet-size: 10px;
  --mobile-game-quiet-line: 12px;
  --mobile-game-stage-width: 891px;
  --type-body-size: 16px;
  --type-body-line: 1.3;
  --type-body-tracking: -0.03em;
  --type-title-size: 24px;
  --type-title-line: 28px;
  --type-title-tracking: -1px;
  --type-hero-size: 230px;
  --type-hero-line: .8;
  --type-game-title-size: clamp(64px, 6vw, 112px);
  --type-game-title-line: .95;
  --hero-panel-start: 50%;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

@media (hover: hover) and (pointer: fine) {
  html,
  body,
  a,
  button,
  input,
  textarea,
  select,
  summary,
  [role="button"] {
    cursor: none !important;
  }

  .custom-cursor,
  .custom-cursor__trail {
    position: fixed;
    top: 0;
    left: 0;
    width: 19px;
    height: 19px;
    background: var(--color-glow);
    border-radius: 0;
    pointer-events: none;
    mix-blend-mode: difference;
    transform: translate3d(-999px, -999px, 0);
    will-change: transform, opacity;
  }

  .custom-cursor {
    z-index: 2147483647;
    opacity: 1;
    transition: width 140ms ease, height 140ms ease, opacity 140ms ease;
  }

  .custom-cursor__trail {
    z-index: 2147483646;
    width: var(--cursor-trail-size, 15px);
    height: var(--cursor-trail-size, 15px);
    opacity: 0;
    box-shadow: 0 0 8px rgba(217, 251, 255, .32), 0 0 14px rgba(217, 251, 255, .14);
    transition: opacity 180ms cubic-bezier(.22, 1, .36, 1);
  }

  body.is-custom-cursor-moving .custom-cursor__trail {
    opacity: var(--cursor-trail-opacity, .18);
  }

  body.is-custom-cursor-hidden .custom-cursor,
  body.is-custom-cursor-hidden .custom-cursor__trail {
    opacity: 0;
  }

  body.is-custom-cursor-hovering .custom-cursor {
    width: 24px;
    height: 24px;
  }

  .custom-cursor::before {
    content: none;
  }

  body.is-hero-scroll-cursor .custom-cursor {
    width: 19px;
    height: 19px;
    background: transparent;
    box-shadow: none;
    mix-blend-mode: difference;
  }

  body.is-hero-scroll-cursor .custom-cursor::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 43px;
    height: 43px;
    background: #ededed;
    -webkit-mask: url("../assets/icons/arrow-up-right.png") center / contain no-repeat;
    mask: url("../assets/icons/arrow-up-right.png") center / contain no-repeat;
    filter: drop-shadow(0 0 5px rgba(217, 251, 255, .32));
    transform: translate(-50%, -50%) rotate(135deg);
  }

  body.is-hero-scroll-cursor .custom-cursor__trail {
    opacity: 0 !important;
  }
}

body {
  margin: 0;
  background: var(--color-paper);
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: var(--type-body-size);
  line-height: var(--type-body-line);
  letter-spacing: var(--type-body-tracking);
}

p {
  margin: 0;
  font-family: var(--font-body);
  font-size: var(--type-body-size);
  font-weight: 400;
  line-height: var(--type-body-line);
  letter-spacing: var(--type-body-tracking);
}

button,
a {
  font: inherit;
}

a {
  color: inherit;
  text-decoration: none;
}

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: 0;
  align-items: start;
  min-height: calc(var(--layout-row) / 2);
  padding: 10px 0 0;
  background: transparent;
  border-bottom: 0;
  backdrop-filter: none;
  color: #fff;
  pointer-events: none;
}

.home-link,
.site-nav a,
.project-toggle,
.text-button {
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font-size: var(--type-title-size);
  font-weight: 700;
  line-height: var(--type-title-line);
  letter-spacing: var(--type-title-tracking);
}

.home-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  grid-column: 1 / 2;
  grid-row: 1;
  justify-self: start;
  margin-left: 24px;
  width: 38px;
  height: 38px;
  overflow: visible;
  background: #1b1c1e;
  -webkit-mask: url("../assets/icons/logo.png") center / contain no-repeat;
  mask: url("../assets/icons/logo.png") center / contain no-repeat;
  transition: background-color 180ms ease;
}

.home-link img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0;
}

body.is-after-hero .home-link {
  background: #ededed;
}

.site-nav {
  display: flex;
  grid-column: 11 / 13;
  grid-row: 1;
  justify-self: end;
  justify-content: flex-end;
  margin-right: 24px;
  padding-top: 10px;
  position: relative;
  z-index: 2;
}

.home-link,
.site-nav,
.project-toggle {
  pointer-events: auto;
}

.site-nav a,
.project-toggle {
  position: relative;
  padding: 0;
  outline: none;
  font-size: 18px;
  font-weight: 700;
  line-height: var(--type-title-line);
  letter-spacing: var(--type-title-tracking);
  color: #fff;
  mix-blend-mode: difference;
}

.site-nav a:focus,
.project-toggle:focus {
  outline: none;
  box-shadow: none;
}

.site-nav a::after,
.project-toggle::after,
.glow-link::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 0.6px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 420ms ease;
  pointer-events: none;
}

.site-nav a:hover::after,
.site-nav a:focus-visible::after,
.project-toggle:hover::after,
.project-toggle:focus-visible::after,
.project-toggle[aria-expanded="true"]::after,
.glow-link:hover::after,
.glow-link:focus-visible::after {
  transform: scaleX(1);
}

.project-popover {
  grid-column: 11 / 13;
  grid-row: 1;
  align-self: start;
  justify-self: end;
  width: 220px;
  min-height: calc(var(--layout-row) * 4);
  margin-right: 0;
  padding: 52px 28px 28px;
  overflow: hidden;
  background: #1a253c;
  color: #ededed;
  font-family: var(--font-body);
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top center;
  pointer-events: none;
  z-index: 1;
  transition: transform 320ms ease, opacity 180ms ease;
}

.site-header.is-project-card-open .project-popover {
  opacity: 1;
  transform: scaleY(1);
  pointer-events: auto;
}

.project-popover h2 {
  margin: 0 0 18px;
  color: inherit;
}

.project-popover p {
  color: inherit;
  font-size: var(--type-body-size);
  font-weight: 400;
  line-height: var(--type-body-line);
  letter-spacing: var(--type-body-tracking);
}

.section-grid {
  display: grid;
  grid-template-columns: repeat(12, var(--grid-col));
  column-gap: 0;
  width: 100%;
  margin-inline: 0;
  padding-inline: 0;
  scroll-margin-top: calc(var(--layout-row) / 2);
}

.hero {
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: repeat(8, var(--layout-row));
  min-height: calc(var(--layout-row) * 8);
  column-gap: 0;
  overflow: hidden;
  background: var(--color-paper);
  isolation: isolate;
}

.hero.is-scroll-target {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M16 4v21M7 16l9 9 9-9' fill='none' stroke='%23050505' stroke-width='3' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E") 16 16, s-resize;
}

.hero::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: var(--hero-panel-start);
  z-index: 1;
  background: var(--color-hero-panel);
  pointer-events: none;
}

.hero__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 2;
  mix-blend-mode: difference;
  pointer-events: none;
}

.hero-challenge {
  --prompt-frame-width: min(1051px, calc(100vw - 48px));
  --prompt-frame-height: min(720px, calc(100vh - 48px));
  --prompt-dark: #1b1c1e;
  --prompt-light: #d9d9d9;
  --prompt-line: rgba(217, 217, 217, .58);
  position: fixed;
  inset: 0;
  z-index: 1400;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(27, 28, 30, .22);
  color: var(--prompt-light);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 420ms cubic-bezier(.22, 1, .36, 1), visibility 0ms linear 420ms;
}

.hero-challenge.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition-delay: 0ms;
}

.hero-challenge.is-entering-game {
  background: #1b1c1e;
  transition: background 820ms cubic-bezier(.22, 1, .36, 1), opacity 420ms cubic-bezier(.22, 1, .36, 1);
}

.hero-challenge__panel {
  position: relative;
  width: var(--prompt-frame-width);
  height: var(--prompt-frame-height);
  min-height: 0;
  padding: 0;
  display: block;
  overflow: hidden;
  background: var(--prompt-dark);
  border: .6px solid var(--prompt-line);
  border-radius: 0;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .34);
  transform: translateY(18px) scale(.98);
  opacity: 0;
  transition:
    width 720ms cubic-bezier(.22, 1, .36, 1),
    height 720ms cubic-bezier(.22, 1, .36, 1),
    transform 720ms cubic-bezier(.22, 1, .36, 1),
    opacity 520ms cubic-bezier(.22, 1, .36, 1);
}

.hero-challenge__panel::before {
  content: "//confirmshaming";
  position: absolute;
  left: clamp(31px, 8.28%, 87px);
  top: 44px;
  width: min(760px, calc(100% - clamp(62px, 16.56%, 174px)));
  height: 28px;
  color: currentColor;
  font-family: var(--font-body);
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: -1px;
  text-align: left;
  white-space: nowrap;
  pointer-events: none;
}

.hero-challenge__panel::after {
  content: "";
  position: absolute;
  left: 31px;
  right: 31px;
  top: 72px;
  height: .6px;
  background: var(--prompt-line);
  pointer-events: none;
}

.hero-challenge.is-visible .hero-challenge__panel {
  transform: translateY(0) scale(1);
  opacity: 1;
}

.hero-challenge.is-entering-game .hero-challenge__panel {
  transform: translateY(0) scale(1);
  opacity: 0;
  transition:
    transform 820ms cubic-bezier(.22, 1, .36, 1),
    opacity 820ms cubic-bezier(.22, 1, .36, 1);
}

.hero-challenge__panel p {
  position: absolute;
  left: clamp(31px, 8.28%, 87px);
  top: clamp(104px, 23.2%, 167px);
  width: min(844px, calc(100% - clamp(62px, 16.56%, 174px)));
  height: 240px;
  margin: 0;
  color: currentColor;
  font-family: var(--font-body);
  font-size: 87px;
  line-height: .92;
  font-weight: 400;
  letter-spacing: -.03em;
  text-align: left;
  text-transform: none;
}

.hero-challenge__actions {
  position: absolute;
  left: clamp(31px, 8.28%, 87px);
  top: clamp(390px, 69.44%, 500px);
  width: min(844px, calc(100% - clamp(62px, 16.56%, 174px)));
  display: grid;
  gap: 20px;
}

.hero-challenge__primary,
.hero-challenge__secondary {
  width: max-content;
  max-width: 100%;
  min-height: 28px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: currentColor;
  font: 700 clamp(18px, 2vw, 24px)/28px var(--font-body);
  letter-spacing: -1px;
  text-align: left;
  text-shadow: 0 0 4.2px rgba(210, 249, 255, .86), 0 0 14px rgba(210, 249, 255, .54);
  white-space: normal;
  cursor: none;
}

.hero-challenge__primary:hover,
.hero-challenge__primary:focus-visible,
.hero-challenge__secondary:hover,
.hero-challenge__secondary:focus-visible {
  background: transparent;
  color: currentColor;
  outline: none;
}

.hero-challenge__primary:disabled,
.hero-challenge__secondary:disabled {
  opacity: .55;
}

.hero-challenge__secondary {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  letter-spacing: -.03em;
  color: rgba(217, 217, 217, .48);
  text-shadow: none;
}

.hero-challenge__secondary:hover,
.hero-challenge__secondary:focus-visible {
  color: rgba(217, 217, 217, .68);
}

.hero__visual {
  grid-column: 1 / -1;
  grid-row: 1 / -1;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: repeat(8, var(--layout-row));
  min-height: 0;
  position: relative;
  z-index: 3;
  padding-top: 0;
  mix-blend-mode: difference;
}

.pixel-title {
  display: contents;
  font-size: var(--type-hero-size);
  font-family: var(--font-hero);
  line-height: var(--type-hero-line);
  font-weight: 400;
  letter-spacing: -0.01em;
  text-transform: none;
}

.pixel-title span {
  position: relative;
  z-index: 1;
  align-self: end;
  display: block;
  white-space: nowrap;
  color: var(--color-paper);
  -webkit-text-stroke: 2px currentColor;
  paint-order: stroke fill;
  mix-blend-mode: normal;
  text-decoration-line: underline;
  text-decoration-thickness: 10px;
  text-underline-offset: 18px;
  text-decoration-color: currentColor;
}

.pixel-title span:nth-child(1) {
  grid-column: 2 / 8;
  grid-row: 2 / 3;
  justify-self: start;
  align-self: end;
}

.pixel-title span:nth-child(2) {
  grid-column: 8 / 11;
  grid-row: 3 / 4;
  justify-self: start;
  transform: translate(10px, -15px);
}

.pixel-title span:nth-child(3) {
  grid-column: 5 / 13;
  grid-row: 5 / 6;
  justify-self: start;
  transform: translateY(-32px);
}

.glitch-bars {
  position: absolute;
  inset: 0;
  pointer-events: none;
  display: none;
}

.glitch-bars span {
  position: absolute;
  width: clamp(44px, 6vw, 112px);
  height: clamp(240px, 42vh, 560px);
  background: linear-gradient(180deg, transparent, #dff8f8, #210000, #cfecf0, transparent);
  filter: blur(3px);
  opacity: .72;
}

.glitch-bars span:nth-child(1) { left: 5%; top: 30%; }
.glitch-bars span:nth-child(2) { left: 39%; top: 18%; }
.glitch-bars span:nth-child(3) { left: 47%; top: 28%; }
.glitch-bars span:nth-child(4) { right: 8%; top: 26%; }
.glitch-bars span:nth-child(5) { right: 2%; top: 40%; }
.glitch-bars span:nth-child(6) { left: 15%; bottom: -12%; }

.hero__copy {
  grid-column: 2 / 7;
  grid-row: 6 / 8;
  align-self: stretch;
  display: grid;
  grid-template-rows: var(--layout-row) calc(var(--layout-row) / 2);
  align-items: start;
  position: relative;
  z-index: 12;
  padding: 0;
  color: var(--color-paper);
  mix-blend-mode: difference;
}

.hero__copy p {
  align-self: end;
  color: var(--color-paper);
}

.hero__copy h1 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.hero__copy p,
.section-copy p {
  max-width: 1120px;
}

.glow-link {
  position: relative;
  display: inline-block;
  align-self: center;
  justify-self: start;
  margin-top: 0;
  padding: 0;
  color: currentColor;
  text-decoration: none;
  text-shadow: 0 0 4.2px rgba(0, 0, 0, .58);
}

.findings-section,
.model-section,
.resources-section {
  padding: 120px 0;
}

.findings-section,
.model-section {
  background: var(--color-panel);
  color: var(--color-paper);
}

.section-copy,
.resources-section h2 {
  grid-column: 2 / 13;
}

.findings-section .section-copy {
  grid-column: 2 / 11;
}

h2 {
  margin: 0 0 28px;
  font-size: var(--type-title-size);
  font-weight: 700;
  line-height: var(--type-title-line);
  letter-spacing: var(--type-title-tracking);
}

.nowrap {
  white-space: nowrap;
}

.pattern-browser {
  grid-column: 1 / 13;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 0;
  margin-top: 58px;
  min-height: 720px;
  position: relative;
}

.findings-section .pattern-browser {
  grid-column: 1 / 13;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.pattern-timeline {
  grid-column: 2 / 3;
  position: relative;
  align-self: stretch;
  display: block;
  width: 100%;
  min-height: 100%;
  pointer-events: none;
}

.pattern-timeline::before {
  content: none;
}

.pattern-segment {
  position: absolute;
  left: 24px;
  top: var(--segment-y, 0);
  width: .6px;
  height: var(--segment-height, 0);
  background: rgba(217, 251, 255, .34);
  transform: translateX(-50%);
  transition: top 1120ms cubic-bezier(.22, 1, .36, 1), height 1120ms cubic-bezier(.22, 1, .36, 1), opacity 520ms ease;
}

.pattern-index {
  position: absolute;
  top: var(--index-y, -999px);
  left: 0;
  z-index: 1;
  display: grid;
  place-items: center;
  min-width: 48px;
  padding: 12px 6px;
  background: var(--color-panel);
  color: rgba(156, 156, 156, .42);
  font-family: var(--font-hero);
  font-size: 30px;
  font-weight: 400;
  line-height: .8;
  letter-spacing: 0;
  opacity: .5;
  transform: translate(0, -50%);
  transform-origin: left center;
  transition: top 1120ms cubic-bezier(.22, 1, .36, 1), color 360ms ease, opacity 360ms ease, transform 520ms cubic-bezier(.22, 1, .36, 1), text-shadow 360ms ease;
}

.pattern-timeline.is-positioning .pattern-segment,
.pattern-timeline.is-positioning .pattern-index {
  transition: none;
}

.pattern-index--distance-1 {
  color: rgba(156, 156, 156, .68);
  opacity: .78;
}

.pattern-index--distance-2 {
  color: rgba(156, 156, 156, .5);
  opacity: .62;
}

.pattern-index--distance-3 {
  color: rgba(156, 156, 156, .3);
  opacity: .42;
}

.pattern-index.is-active {
  color: var(--color-glow);
  opacity: 1;
  transform: translate(0, -50%) scale(1.35);
  text-shadow: 0 0 8px var(--color-glow), 0 0 18px var(--color-glow);
}

.pattern-browser:hover .pattern-index.is-active,
.pattern-browser:focus-within .pattern-index.is-active {
  opacity: 1;
}

.pattern-list {
  --pattern-card-inset: clamp(32px, 4vw, 64px);
  grid-column: 3 / 12;
  align-self: center;
  margin-left: 0;
  outline: none;
  touch-action: none;
  transform: scale(.985);
  transform-origin: center;
  filter: saturate(.42) brightness(.78);
  transition: transform 360ms ease, filter 360ms ease;
}

.pattern-list:hover,
.pattern-list:focus-within {
  transform: scale(1);
  filter: saturate(1) brightness(1);
}

.pattern-item {
  opacity: .22;
  border-top: 1px solid #3a3d3f;
  transition: opacity 260ms ease, transform 260ms ease, filter 260ms ease, background 260ms ease, border-color 260ms ease;
}

.pattern-item:last-child {
  border-bottom: 1px solid #3a3d3f;
}

.pattern-list:hover .pattern-item,
.pattern-list:focus-within .pattern-item {
  border-color: rgba(217, 251, 255, .18);
}

.pattern-list:hover .pattern-item:last-child,
.pattern-list:focus-within .pattern-item:last-child {
  border-bottom-color: rgba(217, 251, 255, .18);
}

.pattern-item.is-active {
  opacity: 1;
}

.pattern-item.is-open {
  opacity: 1;
  background: var(--color-paper);
  border-color: transparent;
}

.pattern-list:hover .pattern-item.is-open,
.pattern-list:focus-within .pattern-item.is-open {
  border-color: transparent;
}

.pattern-item.is-open + .pattern-item {
  border-top-color: transparent;
}

.pattern-item--distance-1 {
  opacity: .78;
}

.pattern-item--distance-2 {
  opacity: .58;
}

.pattern-item--distance-3 {
  opacity: .24;
}

.pattern-list:hover .pattern-item.is-active,
.pattern-list:focus-within .pattern-item.is-active {
  opacity: 1;
}

.pattern-list:hover .pattern-item--distance-1,
.pattern-list:focus-within .pattern-item--distance-1 {
  opacity: .92;
}

.pattern-list:hover .pattern-item--distance-2,
.pattern-list:focus-within .pattern-item--distance-2 {
  opacity: .72;
}

.pattern-list:hover .pattern-item--distance-3,
.pattern-list:focus-within .pattern-item--distance-3 {
  opacity: .24;
}

.pattern-button {
  width: 100%;
  min-height: 88px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: center;
  color: var(--color-muted);
  text-align: left;
  border: 0;
  background: transparent;
  cursor: pointer;
  font-family: var(--font-body);
  font-size: var(--type-body-size);
  font-weight: 700;
  line-height: var(--type-title-line);
  letter-spacing: var(--type-title-tracking);
}

.pattern-item.is-active .pattern-button,
.pattern-button:hover {
  color: var(--color-glow);
  text-shadow: 0 0 16px var(--color-glow);
}

.pattern-item.is-open .pattern-button,
.pattern-item.is-open.is-active .pattern-button,
.pattern-item.is-open .pattern-button:hover {
  color: var(--color-ink);
  text-shadow: none;
}

.pattern-button__meta {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: .11em;
  min-width: 0;
}

.pattern-button__label {
  display: inline-block;
}

.pattern-button__arrow {
  margin-left: 0 !important;
  transition: transform 260ms cubic-bezier(.22, 1, .36, 1) !important;
  transform-origin: center !important;
}

.pattern-item.is-open .pattern-button__label {
  display: none;
}

.pattern-item.is-open .pattern-button__arrow {
  transform: rotate(135deg) !important;
}

.pattern-panel {
  max-height: 0;
  padding: 0 var(--pattern-card-inset);
  overflow: hidden;
  background: var(--color-paper);
  color: var(--color-ink);
  opacity: 0;
  transform: translateY(-10px);
  transition: max-height 1180ms cubic-bezier(.22, 1, .36, 1), padding 1040ms cubic-bezier(.22, 1, .36, 1), opacity 760ms ease, transform 1040ms cubic-bezier(.22, 1, .36, 1);
}

.pattern-panel p {
  font-family: var(--font-body);
  font-size: var(--type-body-size);
  font-weight: 400;
  line-height: var(--type-body-line);
  letter-spacing: var(--type-body-tracking);
}

.pattern-mechanism {
  display: grid;
  grid-template-columns: minmax(160px, 1fr) 3fr;
  gap: 32px;
  margin-top: 28px;
  padding-top: 22px;
  border-top: .6px solid rgba(29, 31, 32, .32);
}

.pattern-mechanism__meta {
  display: grid;
  align-content: start;
  gap: 10px;
  color: rgba(29, 31, 32, .62);
}

.pattern-mechanism__meta span {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.pattern-mechanism__meta strong {
  color: var(--color-ink);
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: var(--type-body-tracking);
}

.pattern-mechanism__body h4 {
  margin: 0 0 12px;
  color: var(--color-ink);
  font-size: var(--type-title-size);
  line-height: var(--type-title-line);
  font-weight: 700;
  letter-spacing: var(--type-title-tracking);
}

.pattern-mechanism__list {
  display: grid;
  gap: 18px;
}

.pattern-mechanism__body {
  display: grid;
  gap: 10px;
  padding-bottom: 18px;
  border-bottom: .6px solid rgba(29, 31, 32, .18);
}

.pattern-mechanism__body:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.pattern-mechanism__label {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: baseline;
}

.pattern-mechanism__label h4 {
  margin: 0;
}

.pattern-mechanism__label span {
  color: rgba(29, 31, 32, .58);
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
  white-space: nowrap;
}

.pattern-item.is-open .pattern-panel {
  max-height: 1200px;
  padding: 20px var(--pattern-card-inset) 48px;
  overflow: hidden;
  opacity: 1;
  transform: translateY(0);
}

.relationship-model {
  grid-column: 2 / 12;
  position: sticky;
  top: 92px;
  margin-top: 64px;
  border: 0;
  background: transparent;
  color: var(--color-ink);
  font-family: var(--font-body);
  overflow: visible;
}

.model-section {
  min-height: 560vh;
  align-content: start;
}

.model-section .section-copy {
  grid-column: 2 / 12;
  align-self: start;
}

.model-band,
.model-scale,
.model-cards,
.model-implications {
  position: relative;
  opacity: 0;
  transform: translateY(22px);
  transition: opacity 520ms cubic-bezier(.22, 1, .36, 1), transform 680ms cubic-bezier(.22, 1, .36, 1);
}

.model-band--top { z-index: 60; }
.model-band--platform { z-index: 50; }
.model-scale { z-index: 40; }
.model-cards { z-index: 30; }
.model-band--influence { z-index: 20; }
.model-implications { z-index: 10; }

.relationship-model[data-model-step="1"] [data-model-part="top"],
.relationship-model[data-model-step="2"] [data-model-part="top"],
.relationship-model[data-model-step="2"] [data-model-part="platform"],
.relationship-model[data-model-step="3"] [data-model-part="top"],
.relationship-model[data-model-step="3"] [data-model-part="platform"],
.relationship-model[data-model-step="3"] [data-model-part="scale"],
.relationship-model[data-model-step="4"] [data-model-part="top"],
.relationship-model[data-model-step="4"] [data-model-part="platform"],
.relationship-model[data-model-step="4"] [data-model-part="scale"],
.relationship-model[data-model-step="4"] [data-model-part="cards"],
.relationship-model[data-model-step="5"] [data-model-part="top"],
.relationship-model[data-model-step="5"] [data-model-part="platform"],
.relationship-model[data-model-step="5"] [data-model-part="scale"],
.relationship-model[data-model-step="5"] [data-model-part="cards"],
.relationship-model[data-model-step="5"] [data-model-part="influence"],
.relationship-model[data-model-step="6"] [data-model-part] {
  opacity: 1;
  transform: translateY(0);
}

.model-band {
  --model-fill: #f6f6f4;
  position: relative;
  display: grid;
  align-content: center;
  min-height: 94px;
  padding: 18px 28px;
  background: var(--model-fill);
}

.model-band::before,
.model-band::after {
  content: "";
  position: absolute;
  left: 50%;
  pointer-events: none;
}

.model-band::before {
  left: 0;
  right: 0;
  bottom: 0;
  height: 1.5px;
  background: linear-gradient(90deg, #1d1f20 0 calc(50% - 48px), transparent calc(50% - 48px) calc(50% + 48px), #1d1f20 calc(50% + 48px) 100%);
  transform: none;
  z-index: 2;
}

.model-band::after {
  bottom: -34px;
  width: 96px;
  height: 34px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='34' viewBox='0 0 96 34'%3E%3Cpath d='M0 0 L48 34 L96 0 Z' fill='%23f6f6f4'/%3E%3Cpath d='M0 0 L48 34 L96 0' fill='none' stroke='%231d1f20' stroke-width='1.5' stroke-linejoin='miter'/%3E%3C/svg%3E") center / 96px 34px no-repeat;
  transform: translateX(-50%);
  transform-origin: center;
  z-index: 3;
}

.model-band h3,
.model-implications h3 {
  margin: 0;
  font-size: clamp(21px, 1.9vw, 33px);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -.5px;
  text-transform: none;
}

.model-band p,
.model-implications p {
  max-width: 760px;
  margin-top: 6px;
  font-size: var(--type-body-size);
  line-height: var(--type-body-line);
  letter-spacing: var(--type-body-tracking);
}

.model-band--top {
  justify-items: center;
  min-height: 90px;
}

.model-band--platform {
  min-height: 78px;
  text-align: center;
  justify-items: center;
}

.model-band--platform h3 {
  text-transform: none;
}

.model-band--influence {
  min-height: 78px;
  text-align: center;
  justify-items: center;
  background-image: linear-gradient(90deg, #1d1f20 0 calc(50% - 48px), transparent calc(50% - 48px) calc(50% + 48px), #1d1f20 calc(50% + 48px) 100%);
  background-position: bottom;
  background-size: 100% 1.5px;
  background-repeat: no-repeat;
}

.model-band--influence::before {
  content: none;
}

.model-band--influence::after {
  bottom: -34px;
}

.model-scale {
  position: relative;
  display: grid;
  grid-template-columns: 3fr .25fr .25fr .15fr;
  min-height: 46px;
  background-image: linear-gradient(90deg, #1d1f20 0 calc(50% - 48px), transparent calc(50% - 48px) calc(50% + 48px), #1d1f20 calc(50% + 48px) 100%);
  background-position: bottom;
  background-size: 100% 1.5px;
  background-repeat: no-repeat;
}

.model-scale::after,
.model-cards::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -34px;
  width: 96px;
  height: 34px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='34' viewBox='0 0 96 34'%3E%3Cpath d='M0 0 L48 34 L96 0 Z' fill='%23e6e6e5'/%3E%3Cpath d='M0 0 L48 34 L96 0' fill='none' stroke='%231d1f20' stroke-width='1.5' stroke-linejoin='miter'/%3E%3C/svg%3E") center / 96px 34px no-repeat;
  transform: translateX(-50%);
  z-index: 3;
  pointer-events: none;
}

.model-scale::before,
.model-cards::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1.5px;
  background: linear-gradient(90deg, #1d1f20 0 calc(50% - 48px), transparent calc(50% - 48px) calc(50% + 48px), #1d1f20 calc(50% + 48px) 100%);
  z-index: 2;
  pointer-events: none;
}

.model-cards::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='34' viewBox='0 0 96 34'%3E%3Cpath d='M0 0 L48 34 L96 0 Z' fill='%23d0d2d2'/%3E%3Cpath d='M0 0 L48 34 L96 0' fill='none' stroke='%231d1f20' stroke-width='1.5' stroke-linejoin='miter'/%3E%3C/svg%3E") center / 96px 34px no-repeat;
}

.model-scale span {
  display: grid;
  place-items: center;
  border-right: 1.5px solid #1d1f20;
  background: #e6e6e5;
  font-size: var(--type-body-size);
  line-height: var(--type-body-line);
}

.model-scale span:nth-child(2) { background: #d7d7d7; }
.model-scale span:nth-child(3) { background: #bcbcbc; }
.model-scale span:nth-child(4) { background: #ababab; border-right: 0; }

.model-cards {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  background-image: linear-gradient(90deg, #1d1f20 0 calc(50% - 48px), transparent calc(50% - 48px) calc(50% + 48px), #1d1f20 calc(50% + 48px) 100%);
  background-position: bottom;
  background-size: 100% 3px;
  background-repeat: no-repeat;
}

.model-cards article {
  min-height: 232px;
  padding: 22px 22px;
  background: #e8e8e8;
  color: var(--color-ink);
  border-right: 1.5px solid #1d1f20;
}

.model-cards article:nth-child(2) { background: #d0d2d2; }
.model-cards article:nth-child(3) { background: #b9b9ba; }
.model-cards article:nth-child(4) { background: #a8a8a8; border-right: 0; }

.model-cards h3 {
  margin: 0 0 14px;
  font-size: var(--type-title-size);
  font-weight: 700;
  line-height: var(--type-title-line);
  letter-spacing: -.5px;
}

.model-cards strong {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.model-cards p {
  line-height: var(--type-body-line);
}

.model-implications {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  background: #f6f6f4;
}

.model-implications section {
  min-height: 94px;
  padding: 18px 28px;
  border-right: 1.5px solid #1d1f20;
}

.model-implications section:last-child {
  border-right: 0;
}

.model-implications p {
  max-width: none;
}

.resources-section {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: 0;
  background: var(--color-paper);
  color: var(--color-ink);
  padding: var(--layout-row) 0 calc(var(--layout-row) * 1.3);
}

.resource-grid {
  grid-column: 2 / 12;
  justify-self: center;
  position: relative;
  width: min(100%, 1199px);
  aspect-ratio: 1199 / 600;
  height: auto;
}

.resource-grid h2 {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
}

.resource-card {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  padding-inline: clamp(18px, 2.4vw, 34px);
  background: transparent;
  color: var(--color-muted);
  border: .6px solid var(--color-muted);
  font-family: var(--font-body);
  font-size: var(--type-body-size);
  font-weight: 700;
  line-height: var(--type-body-line);
  letter-spacing: var(--type-title-tracking);
  text-align: left;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
}

.resource-card__label {
  position: relative;
  display: inline-block;
  max-width: 100%;
}

.resource-card__label::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 0.6px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 420ms ease;
  pointer-events: none;
}

.resource-card:hover,
.resource-card:focus-visible {
  transform: translateY(-6px);
  background: #17243a;
  color: var(--color-glow);
  border-color: #17243a;
  box-shadow: 0 0 20px rgba(217, 251, 255, .45);
}

.resource-card:hover .resource-card__label::after,
.resource-card:focus-visible .resource-card__label::after {
  transform: scaleX(1);
}

.resource-card:nth-child(2) {
  position: absolute;
  top: 11.6667%;
  left: 0;
  width: 30.025%;
  height: 44%;
}

.resource-card:nth-child(3) {
  position: absolute;
  top: .1667%;
  left: 32.1935%;
  width: 17.7648%;
  height: 55.5%;
}

.resource-card:nth-child(4) {
  position: absolute;
  top: 0;
  left: 52.1268%;
  width: 47.8732%;
  height: 40%;
}

.resource-card:nth-child(5) {
  position: absolute;
  top: 60%;
  left: 0;
  width: 50.0417%;
  height: 40%;
}

.resource-card:nth-child(6) {
  position: absolute;
  top: 44.3333%;
  left: 52.1268%;
  width: 25.6047%;
  height: 55.6667%;
}

.resource-card:nth-child(7) {
  position: absolute;
  top: 44.3333%;
  left: 79.8999%;
  width: 20.0167%;
  height: 55.6667%;
}

.resource-card--dark { background: transparent; color: var(--color-muted); }

.site-footer {
  position: relative;
  padding: 80px 0;
  border-top: 0;
  align-items: start;
  font-weight: 700;
}

.site-footer::before {
  content: "";
  grid-column: 2 / 12;
  grid-row: 1;
  height: .6px;
  margin-bottom: 72px;
  background: var(--color-ink);
}

.footer-brand {
  display: grid;
  align-items: start;
  justify-items: start;
}

.footer-brand img {
  display: block;
  width: auto;
  height: 34px;
}

.site-footer strong {
  font-weight: 700;
}

.site-footer span span {
  font-weight: 400;
}

.footer-email {
  color: inherit;
  font-weight: 400;
}

.site-footer > * { grid-row: 2; }
.site-footer > *:nth-child(1) { grid-column: 2 / 4; }
.site-footer > *:nth-child(2) { grid-column: 4 / 7; }
.site-footer > *:nth-child(3) { grid-column: 7 / 10; }
.site-footer > *:nth-child(4) { grid-column: 10 / 12; }

.game-overlay {
  position: fixed;
  inset: 0;
  z-index: 50;
  display: none;
  grid-template-columns: minmax(128px, 8vw) minmax(0, 1fr);
  gap: 28px;
  padding: 12vh 9vw 8vh;
  background: var(--color-panel);
  color: var(--color-paper);
}

.game-overlay.is-active {
  display: grid;
}

.game-sidebar,
.game-stage {
  border: 1px solid var(--color-line);
}

.game-sidebar {
  padding: 48px 22px;
}

.game-sidebar div {
  margin-bottom: 70px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--color-muted);
}

.game-sidebar span {
  display: block;
  color: var(--color-muted);
  font-size: 12px;
}

.game-sidebar strong {
  display: block;
  font-size: 18px;
}

.game-stage {
  overflow: auto;
  padding: clamp(28px, 4vw, 64px);
}

.game-stage__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--color-line);
  font-size: var(--type-title-size);
  font-weight: 700;
  line-height: var(--type-title-line);
  letter-spacing: var(--type-title-tracking);
}

.game-stage__content {
  padding: clamp(36px, 5vw, 80px) clamp(20px, 4vw, 80px);
}

.level-title,
.resolution-title,
.summary-title {
  max-width: 980px;
  margin: 0 0 56px;
  font-size: var(--type-game-title-size);
  font-family: var(--font-game-display);
  font-weight: 400;
  line-height: var(--type-game-title-line);
  letter-spacing: 0;
}

.level-copy {
  max-width: 1000px;
}

.choice-list {
  display: grid;
  max-width: 920px;
  gap: 28px;
  margin: 48px 0;
}

.checkbox-row,
.path-option,
.menu-node,
.progress-option {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 20px;
  align-items: center;
  padding: 10px 0 14px;
  border-bottom: 1px solid var(--color-line);
  color: var(--color-paper);
}

.checkbox-row input {
  width: 20px;
  height: 20px;
  accent-color: var(--color-paper);
}

.action-link {
  display: inline-block;
  margin-top: 24px;
  border: 0;
  background: transparent;
  color: var(--color-glow);
  cursor: pointer;
  font-family: var(--font-body);
  font-size: var(--type-title-size);
  font-weight: 700;
  line-height: var(--type-title-line);
  letter-spacing: var(--type-title-tracking);
  text-decoration: underline;
  text-shadow: 0 0 12px var(--color-glow);
}

.intro-challenge {
  max-width: 1080px;
}

.intro-actions {
  display: grid;
  gap: 28px;
  justify-items: start;
  margin-top: 56px;
}

.intro-decline {
  color: #777;
  text-align: left;
  text-decoration: underline;
}

.intro-decline:hover {
  color: var(--color-glow);
}

.loading-lines {
  display: grid;
  gap: 14px;
  margin-top: 36px;
  color: var(--color-glow);
}

.resolution {
  min-height: 100%;
  background: var(--color-paper);
  color: var(--color-ink);
  margin: calc(clamp(36px, 5vw, 80px) * -1) calc(clamp(20px, 4vw, 80px) * -1);
  padding: clamp(52px, 6vw, 88px);
}

.resolution p {
  max-width: 980px;
}

.penalty-line {
  margin-top: 28px;
  font-weight: 800;
}

.path-stack {
  display: grid;
  gap: 48px;
  margin-top: 84px;
}

.path-option {
  width: min(760px, 100%);
  border: 0;
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.path-option--primary {
  color: var(--color-glow);
  font-size: var(--type-title-size);
  font-weight: 700;
  line-height: var(--type-title-line);
  letter-spacing: var(--type-title-tracking);
  text-shadow: 0 0 12px var(--color-glow);
}

.path-option--subtle {
  color: #777;
}

.word-cloud {
  position: relative;
  min-height: 420px;
  margin-top: 24px;
}

.cloud-word {
  position: absolute;
  color: rgba(240, 240, 240, .42);
  writing-mode: vertical-rl;
  font-size: 18px;
  animation: floatWord 4s ease-in-out infinite alternate;
}

.cloud-word--exit {
  color: var(--color-glow);
  text-shadow: 0 0 16px var(--color-glow);
  cursor: pointer;
}

@keyframes floatWord {
  from { transform: translateY(-8px); }
  to { transform: translateY(10px); }
}

.distraction {
  position: absolute;
  border: 0;
  background: transparent;
  color: var(--color-glow);
  cursor: pointer;
  font-family: var(--font-body);
  font-size: var(--type-title-size);
  font-weight: 700;
  line-height: var(--type-title-line);
  letter-spacing: var(--type-title-tracking);
  text-shadow: 0 0 14px var(--color-glow);
}

.distraction--left { left: 12px; bottom: 20%; }
.distraction--right { right: 14px; top: 26%; }

.social-options {
  display: grid;
  gap: 18px;
  max-width: 900px;
  margin-top: 42px;
}

.social-option {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 24px;
  align-items: center;
  min-height: 80px;
  border: 0;
  border-top: 1px solid var(--color-line);
  background: transparent;
  color: #616466;
  cursor: pointer;
  font: inherit;
  text-align: left;
}

.social-option.is-featured {
  color: var(--color-glow);
  text-shadow: 0 0 14px var(--color-glow);
}

.social-number {
  font-size: 54px;
  font-family: var(--font-game-display);
  font-weight: 400;
  letter-spacing: 0;
}

.urgent-modal {
  max-width: 950px;
  padding: clamp(36px, 5vw, 72px);
  border: 1px solid var(--color-line);
  box-shadow: 0 0 80px rgba(255, 255, 255, .08);
}

.countdown {
  margin: 40px 0 20px;
  color: var(--color-glow);
  font-family: var(--font-game-display);
  font-size: clamp(48px, 7vw, 84px);
  font-weight: 400;
  letter-spacing: 0;
  text-shadow: 0 0 16px var(--color-glow);
}

.menu-tree {
  max-height: 420px;
  overflow: auto;
  margin-top: 36px;
  padding-left: 18px;
  border-left: 1px solid #323436;
  color: #c8c8c8;
}

.menu-node {
  width: 100%;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  font: inherit;
  grid-template-columns: 1fr;
}

.menu-node--target {
  color: var(--color-glow);
}

.progress-options {
  display: grid;
  gap: 18px;
  max-width: 820px;
  margin-top: 56px;
}

.progress-option {
  grid-template-columns: 80px 1fr;
  border: 0;
  border-bottom: 1px solid var(--color-line);
  background: transparent;
  cursor: pointer;
  text-align: left;
  font: inherit;
}

.progress-option strong {
  font-size: 44px;
  font-family: var(--font-game-display);
  font-weight: 400;
  letter-spacing: 0;
  color: var(--color-glow);
}

.progress-bar {
  height: 18px;
  background: repeating-linear-gradient(90deg, #5a6366 0 8px, transparent 8px 12px);
  overflow: hidden;
}

.progress-bar span {
  display: block;
  height: 100%;
  width: 50%;
  background: repeating-linear-gradient(90deg, var(--color-glow) 0 8px, transparent 8px 12px);
  animation: loadBlocks var(--speed) linear infinite;
}

@keyframes loadBlocks {
  from { width: 8%; }
  to { width: 94%; }
}

.summary-table {
  display: grid;
  max-width: 860px;
  border-top: 1px solid var(--color-line);
  margin-top: 48px;
}

.summary-table div {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 32px;
  padding: 18px 0;
  border-bottom: 1px solid var(--color-line);
}

@media (max-width: 900px) {
  .site-header {
    grid-template-columns: 24px repeat(6, minmax(0, 1fr)) 24px;
    column-gap: 12px;
  }

  .home-link {
    grid-column: 2 / 3;
    margin-left: 0;
  }

  .site-nav {
    grid-column: 4 / 8;
    margin-right: 0;
  }

  .project-popover {
    grid-column: 2 / 8;
    min-height: calc(var(--layout-row) * 3);
    padding: 22px 24px;
  }

  .project-popover p {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line);
    letter-spacing: var(--type-body-tracking);
  }

  .section-grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 0;
    width: 100%;
    margin-inline: 0;
    padding-inline: 0;
  }

  .hero__visual,
  .section-copy,
  .resources-section h2,
  .pattern-browser,
  .relationship-model,
  .resource-grid {
    grid-column: 2 / 8;
  }

  .findings-section .section-copy {
    grid-column: 2 / 11;
  }

  .findings-section .pattern-browser {
    grid-column: 1 / 13;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .findings-section .pattern-timeline {
    grid-column: 2 / 3;
  }

  .findings-section .pattern-list {
    grid-column: 3 / 12;
  }

  .model-section .relationship-model {
    grid-column: 2 / 12;
  }

  .hero {
    background: var(--color-panel);
    color: var(--color-paper);
  }

  .hero__copy {
    grid-column: 2 / 8;
    color: var(--color-paper);
    mix-blend-mode: normal;
  }

  .hero__copy p {
    color: var(--color-paper);
  }

  .model-cards,
  .model-implications,
  .resource-grid,
  .game-overlay {
    grid-template-columns: 1fr;
  }

  .model-implications section {
    border-right: 0;
    border-bottom: 3px solid #1d1f20;
  }

  .model-implications section:last-child {
    border-bottom: 0;
  }

  .resource-grid {
    display: grid;
    width: 100%;
    height: auto;
    gap: 18px;
  }

  .resource-grid h2,
  .resource-card,
  .resource-card:nth-child(n) {
    position: static;
    width: auto;
    height: auto;
  }

  .resource-card,
  .resource-card:nth-child(n) {
    grid-column: auto;
    grid-row: auto;
    min-height: 180px;
  }

  .pattern-mechanism {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .pattern-mechanism__label {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .pattern-mechanism__label span {
    white-space: normal;
  }

  .game-overlay {
    padding: 24px;
    overflow: auto;
  }

  .game-sidebar {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    padding: 12px;
  }

  .game-sidebar div {
    margin: 0;
  }
}

/* Game level rebuild - 2026-07-22 */
.game-overlay {
    --game-line: rgba(237, 237, 237, .42);
    --game-soft-line: rgba(237, 237, 237, .24);
    --game-muted: rgba(237, 237, 237, .5);
    --game-faint: rgba(237, 237, 237, .22);
    --game-frame-row: clamp(82px, 11.75vh, 120px);
    --game-shadow: 0 0 12px rgba(217, 251, 255, .95), 0 0 28px rgba(217, 251, 255, .48);
    position: fixed;
    inset: 0;
    z-index: 60;
    display: none;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-rows: repeat(8, var(--game-frame-row));
    align-content: center;
    background: var(--color-hero-panel);
    color: var(--color-paper);
    overflow: auto;
}

.game-overlay.is-active {
    display: grid;
}

.game-overlay.is-resolution,
.game-overlay.is-summary {
    --game-line: rgba(27, 28, 30, .58);
    --game-soft-line: rgba(27, 28, 30, .24);
    --game-muted: rgba(27, 28, 30, .58);
    --game-faint: rgba(27, 28, 30, .22);
    --game-shadow: none;
    background: var(--color-paper);
    color: var(--color-ink);
}

.game-sidebar {
    grid-column: 2 / 3;
    grid-row: 2 / 8;
    display: grid;
    grid-template-rows: repeat(6, 1fr);
    min-width: 0;
    padding: 44px 18px;
    border: .6px solid var(--game-line);
    background: transparent;
}

.game-sidebar div {
    margin: 0;
    padding-bottom: 10px;
    border-bottom: .6px solid var(--game-line);
}

.game-sidebar div:nth-child(1) { grid-row: 1; }
.game-sidebar div:nth-child(2) { grid-row: 2; }
.game-sidebar div:nth-child(3) { grid-row: 3; }

.game-sidebar span {
    display: block;
    color: var(--game-muted);
    font-size: 12px;
    line-height: 1.2;
}

.game-sidebar strong {
    display: block;
    margin-top: 5px;
    color: currentColor;
    font-size: 18px;
    line-height: 1.15;
}

.game-stage {
    grid-column: 3 / 12;
    grid-row: 2 / 8;
    display: grid;
    grid-template-rows: minmax(76px, .68fr) minmax(0, 5.32fr);
    border: .6px solid var(--game-line);
    background: transparent;
    overflow: hidden;
}

.game-stage__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 clamp(42px, 4.3vw, 78px);
    border-bottom: .6px solid var(--game-line);
    color: currentColor;
    font-family: var(--font-body);
    font-size: var(--type-title-size);
    line-height: var(--type-title-line);
    font-weight: 700;
    letter-spacing: var(--type-title-tracking);
}

.game-stage__header .text-button {
    color: currentColor;
    font-size: 16px;
    text-decoration: none;
    text-shadow: none;
}

.game-stage__content {
    min-height: 0;
    overflow: hidden;
}

.level-shell,
.intro-challenge,
.loading-lines,
.resolution-screen,
.summary-screen {
    position: relative;
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    grid-template-rows: repeat(5, minmax(0, 1fr));
    height: 100%;
    min-height: 0;
    padding: clamp(34px, 4.2vw, 64px) clamp(44px, 5vw, 82px);
    overflow: hidden;
}

.level-title,
.resolution-title,
.summary-title {
    grid-column: 1 / 9;
    grid-row: 1 / 3;
    align-self: start;
    max-width: none;
    margin: 0;
    color: currentColor;
    font-family: var(--font-game-display);
    font-size: clamp(64px, 6.5vw, 112px);
    font-weight: 400;
    line-height: .9;
    letter-spacing: -.04em;
}

.level-copy,
.resolution-screen p,
.summary-screen p {
    grid-column: 1 / 8;
    grid-row: 3 / 4;
    align-self: end;
    max-width: 980px;
    margin: 0;
    color: currentColor;
    font-family: var(--font-body);
    font-size: var(--type-body-size);
    line-height: var(--type-body-line);
    letter-spacing: var(--type-body-tracking);
}

.action-link {
    display: inline-block;
    width: max-content;
    border: 0;
    padding: 0;
    background: transparent;
    color: var(--color-glow);
    font-family: var(--font-body);
    font-size: var(--type-title-size);
    line-height: var(--type-title-line);
    font-weight: 700;
    letter-spacing: var(--type-title-tracking);
    text-align: left;
    text-decoration: underline;
    text-shadow: var(--game-shadow);
    cursor: pointer;
}

.level-shell > .action-link,
.intro-challenge > .action-link,
.loading-lines > .action-link {
    grid-column: 1 / 7;
    grid-row: 5 / 6;
    align-self: start;
    justify-self: start;
}

.choice-list {
    grid-column: 1 / 8;
    grid-row: 4 / 5;
    display: grid;
    gap: 24px;
    align-self: start;
}

.checkbox-row {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 18px;
    align-items: center;
    padding-bottom: 12px;
    border-bottom: .6px solid var(--game-line);
    color: var(--game-muted);
}

.checkbox-row input {
    display: grid;
    place-items: center;
    width: 16px;
    height: 16px;
    margin: 0;
    appearance: none;
    border: .6px solid currentColor;
    background: transparent;
}

.checkbox-row input:checked::before {
    content: "✓";
    font-size: 13px;
    line-height: 1;
}

.path-stack {
    grid-column: 1 / 7;
    grid-row: 4 / 6;
    display: grid;
    gap: 42px;
    align-self: start;
}

.path-option,
.social-option,
.menu-node,
.progress-option,
.distraction,
.arrow-distraction {
    font-family: var(--font-body);
}

.path-option {
    width: max-content;
    border: 0;
    padding: 0;
    background: transparent;
    color: var(--game-muted);
    font-size: var(--type-body-size);
    text-align: left;
    cursor: pointer;
}

.path-option--primary {
    color: var(--color-glow);
    font-size: var(--type-title-size);
    font-weight: 700;
    text-shadow: var(--game-shadow);
    text-decoration: underline;
}

.tip-stack {
    position: absolute;
    left: clamp(12px, 2vw, 34px);
    bottom: 16%;
    display: grid;
    gap: 44px;
}

.distraction,
.arrow-distraction {
    border: 0;
    background: transparent;
    color: var(--color-glow);
    font-size: var(--type-title-size);
    font-weight: 700;
    line-height: 1.15;
    text-align: left;
    text-shadow: var(--game-shadow);
    cursor: pointer;
}

.arrow-distraction {
    position: absolute;
    right: 0;
    top: 22%;
}

.word-cloud {
    position: relative;
    grid-column: 2 / 9;
    grid-row: 2 / 6;
    align-self: end;
    min-height: 430px;
}

.cloud-word {
    position: absolute;
    transform: translate(-50%, -50%);
    writing-mode: vertical-rl;
    border: 0;
    padding: 0;
    background: transparent;
    color: rgba(237, 237, 237, .72);
    filter: blur(.35px);
    font-family: var(--font-body);
    font-size: 17px;
    font-weight: 700;
    letter-spacing: .05em;
    animation: floatWord 8s ease-in-out infinite alternate;
}

.cloud-word.is-exit {
    writing-mode: horizontal-tb;
    color: var(--color-glow);
    filter: none;
    text-shadow: var(--game-shadow);
    cursor: pointer;
}

@keyframes floatWord {
    from { margin-top: -5px; }
    to { margin-top: 7px; }
}

.social-options {
    position: relative;
    grid-column: 1 / 8;
    grid-row: 3 / 6;
    display: grid;
    align-self: start;
    padding-left: 58px;
}

.social-options::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: .6px;
    background: var(--game-line);
}

.social-option {
    display: grid;
    grid-template-columns: 110px 1fr;
    gap: 22px;
    width: 100%;
    border: 0;
    border-bottom: .6px solid var(--game-soft-line);
    padding: 18px 0;
    background: transparent;
    color: var(--game-faint);
    text-align: left;
    cursor: pointer;
}

.social-option span {
    font-family: var(--font-hero);
    font-size: clamp(34px, 3.4vw, 56px);
    line-height: .9;
}

.social-option strong {
    align-self: center;
    font-size: 16px;
    line-height: 1.25;
}

.social-option.is-featured {
    color: var(--color-glow);
    text-shadow: var(--game-shadow);
}

.urgent-backdrop {
    position: absolute;
    inset: -80px;
    background: rgba(5, 5, 5, .45);
    backdrop-filter: blur(10px);
}

.urgent-modal {
    z-index: 1;
    grid-column: 1 / 9;
    grid-row: 1 / 6;
    align-self: center;
    justify-self: center;
    display: grid;
    align-content: center;
    gap: 24px;
    width: min(980px, 100%);
    min-height: 70%;
    padding: clamp(34px, 4vw, 64px);
    border: .6px solid var(--game-line);
    background: var(--color-hero-panel);
}

.urgent-modal .level-title,
.urgent-modal .level-copy,
.urgent-modal .action-link {
    grid-column: auto;
    grid-row: auto;
}

.urgent-countdown,
.progress-number {
    color: var(--color-glow);
    font-family: var(--font-hero);
    font-size: clamp(44px, 5vw, 76px);
    line-height: .85;
    text-shadow: var(--game-shadow);
}

.menu-tree {
    grid-column: 1 / 8;
    grid-row: 4 / 6;
    align-self: start;
    color: var(--game-muted);
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1.45;
}

.menu-node {
    display: block;
    padding-left: calc(var(--depth, 0) * 22px);
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
}

.menu-node.is-target {
    color: var(--color-glow);
    text-shadow: 0 0 10px rgba(217, 251, 255, .7);
    cursor: pointer;
}

.progress-options {
    grid-column: 1 / 7;
    grid-row: 4 / 6;
    display: grid;
    gap: 18px;
    align-self: start;
}

.progress-option {
    display: grid;
    grid-template-columns: 82px 1fr;
    align-items: center;
    width: 100%;
    border: 0;
    padding: 0;
    background: transparent;
    color: var(--game-faint);
    text-align: left;
    cursor: pointer;
}

.progress-track {
    display: grid;
    grid-template-columns: repeat(54, 1fr);
    gap: 2px;
    height: 19px;
    padding-bottom: 10px;
    border-bottom: .6px solid var(--game-soft-line);
}

.progress-track::before {
    content: "";
    grid-column: 1 / -1;
    background: repeating-linear-gradient(90deg, var(--color-glow) 0 7px, transparent 7px 10px), linear-gradient(90deg, transparent 0 var(--fill, 60%), rgba(237, 237, 237, .25) var(--fill, 60%) 100%);
}

.progress-track--fast { --fill: 66%; }
.progress-track--medium { --fill: 70%; }
.progress-track--slow { --fill: 58%; }

.progress-option.is-fastest,
.progress-option.is-fastest .progress-number {
    color: var(--color-glow);
    text-shadow: var(--game-shadow);
}

.loading-lines .level-title {
    grid-row: 2 / 3;
}

.loading-meter {
    grid-column: 1 / 7;
    grid-row: 3 / 4;
    align-self: center;
    height: 22px;
    border-bottom: .6px solid var(--game-line);
    overflow: hidden;
}

.loading-meter span {
    display: block;
    width: 8px;
    height: 12px;
    background: rgba(27, 28, 30, 0.22);
}

.resolution-screen,
.summary-screen {
    background: var(--color-paper);
    color: var(--color-ink);
}

.resolution-title,
.summary-title {
    grid-column: 1 / 9;
    grid-row: 1 / 3;
    color: var(--color-ink);
}

.resolution-screen p,
.summary-screen p {
    color: rgba(27, 28, 30, .72);
}

.resolution-screen .penalty-line {
    grid-row: 4 / 5;
    align-self: start;
    color: rgba(27, 28, 30, .72);
    font-weight: 700;
}

.resolution-screen .action-link,
.summary-screen .action-link {
    grid-column: 1 / 5;
    grid-row: 5 / 6;
    color: var(--color-ink);
    text-shadow: none;
}

.summary-table {
    grid-column: 1 / 8;
    grid-row: 4 / 5;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    margin: 0;
    border-top: .6px solid var(--game-line);
    border-left: .6px solid var(--game-line);
}

.summary-table div {
    padding: 18px;
    border-right: .6px solid var(--game-line);
    border-bottom: .6px solid var(--game-line);
}

.summary-table dt {
    color: rgba(27, 28, 30, .55);
    font-size: 12px;
}

.summary-table dd {
    margin: 6px 0 0;
    color: var(--color-ink);
    font-size: 22px;
    font-weight: 700;
}

@media (max-width: 900px) {
    .game-overlay {
        grid-template-columns: minmax(18px, 1fr) minmax(0, 92vw) minmax(18px, 1fr);
        grid-template-rows: auto auto;
        align-content: start;
        padding: 28px 0;
    }

    .game-sidebar {
        grid-column: 2;
        grid-row: 1;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: auto;
        gap: 14px;
        padding: 16px;
        margin-bottom: 18px;
    }

    .game-sidebar div:nth-child(n) {
        grid-row: auto;
    }

    .game-stage {
        grid-column: 2;
        grid-row: 2;
        min-height: 760px;
    }

    .game-stage__header {
        padding: 0 22px;
        font-size: 18px;
    }

    .level-shell,
    .intro-challenge,
    .loading-lines,
    .resolution-screen,
    .summary-screen {
        grid-template-columns: repeat(6, 1fr);
        padding: 28px 22px;
    }

    .level-title,
    .resolution-title,
    .summary-title {
        grid-column: 1 / -1;
        font-size: clamp(48px, 12vw, 72px);
    }

    .level-copy,
    .resolution-screen p,
    .summary-screen p,
    .choice-list,
    .path-stack,
    .progress-options,
    .menu-tree {
        grid-column: 1 / -1;
    }

    .word-cloud {
        grid-column: 1 / -1;
        min-height: 360px;
    }

    .summary-table {
        grid-column: 1 / -1;
        grid-template-columns: 1fr;
    }
}

/* Game frame alignment patch - 2026-07-22 */
.game-overlay {
    --game-line: rgba(237, 237, 237, .42);
    --game-soft-line: rgba(237, 237, 237, .24);
    --game-muted: rgba(237, 237, 237, .52);
    --game-faint: rgba(237, 237, 237, .22);
    --game-sidebar-width: 120px;
    --game-stage-width: 1051px;
    --game-frame-height: 720px;
    --game-gap: 29px;
    --game-header-height: 120px;
    --game-line-width: 988px;
    --game-stage-pad-left: 87px;
    --game-title-width: 844px;
    --game-title-height: 240px;
    --game-control-height: 360px;
    --game-shadow: 0 0 12px rgba(217, 251, 255, .95), 0 0 28px rgba(217, 251, 255, .48);
    grid-template-columns:
        minmax(24px, 1fr)
        var(--game-sidebar-width)
        var(--game-gap)
        var(--game-stage-width)
        minmax(24px, 1fr);
    grid-template-rows: minmax(24px, 1fr) var(--game-frame-height) minmax(24px, 1fr);
    align-content: stretch;
    justify-content: center;
    place-items: stretch;
    overflow: auto;
}

.game-overlay.is-resolution,
.game-overlay.is-summary {
    --game-line: rgba(27, 28, 30, .58);
    --game-soft-line: rgba(27, 28, 30, .24);
    --game-muted: rgba(27, 28, 30, .58);
    --game-faint: rgba(27, 28, 30, .22);
    --game-shadow: none;
}

.game-sidebar {
    grid-column: 2;
    grid-row: 2;
    width: var(--game-sidebar-width);
    height: var(--game-frame-height);
    box-sizing: border-box;
    grid-template-rows: repeat(3, 120px) 1fr;
    padding: 47px 18px 0;
    border-width: .6px;
}

.game-sidebar div {
    align-self: start;
    min-width: 0;
    padding-bottom: 10px;
}

.game-stage {
    grid-column: 4;
    grid-row: 2;
    width: var(--game-stage-width);
    height: var(--game-frame-height);
    box-sizing: border-box;
    grid-template-rows: var(--game-header-height) calc(var(--game-frame-height) - var(--game-header-height));
    border-width: .6px;
    overflow: hidden;
}

.game-stage__header {
    position: relative;
    height: var(--game-header-height);
    padding: 0;
    border-bottom: 0;
    display: grid;
    grid-template-columns: var(--game-stage-pad-left) minmax(0, var(--game-title-width)) 1fr;
    align-items: center;
}

.game-stage__header::after {
    content: "";
    position: absolute;
    left: calc((var(--game-stage-width) - var(--game-line-width)) / 2);
    bottom: 31px;
    width: var(--game-line-width);
    height: .6px;
    background: var(--game-line);
}

.game-stage__header > span {
    grid-column: 2;
    justify-self: start;
}

.game-stage__header .text-button {
    grid-column: 3;
    justify-self: end;
    margin-right: 31px;
}

.game-stage__content {
    height: calc(var(--game-frame-height) - var(--game-header-height));
    overflow: hidden;
}

.level-shell,
.intro-challenge,
.loading-lines,
.resolution-screen,
.summary-screen {
    height: 100%;
    min-height: 0;
    padding: 0;
    display: grid;
    grid-template-columns: var(--game-stage-pad-left) minmax(0, var(--game-title-width)) 1fr;
    grid-template-rows: var(--game-title-height) var(--game-control-height);
    overflow: hidden;
}

.level-title,
.resolution-title,
.summary-title {
    grid-column: 2;
    grid-row: 1;
    width: var(--game-title-width);
    max-width: var(--game-title-width);
    min-height: var(--game-title-height);
    margin: 0;
    align-self: start;
    justify-self: start;
    font-size: clamp(72px, 5.6vw, 86px);
    line-height: .9;
    letter-spacing: -.04em;
}

.level-copy,
.resolution-screen p,
.summary-screen p {
    grid-column: 2;
    grid-row: 2;
    align-self: start;
    width: var(--game-title-width);
    max-width: var(--game-title-width);
    margin: 0;
}

.choice-list,
.path-stack,
.social-options,
.menu-tree,
.progress-options {
    grid-column: 2;
    grid-row: 2;
    align-self: start;
    justify-self: start;
}

.level-shell > .action-link,
.intro-challenge > .action-link,
.loading-lines > .action-link {
    grid-column: 2;
    grid-row: 2;
    align-self: start;
    justify-self: start;
}

.choice-list {
    width: 650px;
    margin-top: 22px;
    gap: 22px;
}

.level-shell--one > .action-link {
    margin-top: 230px;
}

.level-shell--two .level-copy {
    margin-top: 22px;
}

.level-shell--two .path-stack {
    margin-top: 150px;
    gap: 56px;
}

.level-shell--three .tip-stack {
    grid-column: 1;
    grid-row: 2;
    align-self: start;
    margin-top: 96px;
}

.level-shell--three .arrow-distraction {
    grid-column: 3;
    grid-row: 1;
    align-self: start;
    justify-self: end;
    margin-top: 76px;
}

.level-shell--three .word-cloud {
    grid-column: 2 / 4;
    grid-row: 1 / 3;
    width: 690px;
    min-height: 430px;
    margin-left: 120px;
    align-self: end;
}

.level-shell--four .level-copy {
    margin-top: 4px;
}

.level-shell--four .social-options {
    margin-top: 118px;
    width: 650px;
    max-width: 650px;
}

.social-option {
    min-height: 72px;
}

.level-shell--five {
    grid-template-columns: var(--game-stage-pad-left) minmax(0, var(--game-title-width)) 1fr;
    grid-template-rows: 1fr;
}

.urgent-backdrop {
    inset: 0;
}

.urgent-modal {
    grid-column: 2;
    width: 844px;
    min-height: 500px;
    align-self: center;
    justify-self: start;
    padding: 48px 0 56px;
}

.urgent-modal .level-title {
    width: 844px;
    min-height: auto;
    font-size: clamp(72px, 5.4vw, 84px);
}

.urgent-modal .level-copy {
    margin-top: 24px;
    width: 760px;
}

.urgent-countdown {
    margin-top: 58px;
}

.urgent-modal .action-link {
    margin-top: 22px;
}

.level-shell--six .level-copy {
    margin-top: 0;
    width: 650px;
}

.level-shell--six > .action-link {
    margin-top: 70px;
}

.level-shell--six .menu-tree {
    margin-top: 134px;
    width: 540px;
    max-height: 226px;
    overflow: hidden;
}

.level-shell--seven > .action-link {
    margin-top: 0;
}

.level-shell--seven .level-copy {
    margin-top: 86px;
}

.level-shell--seven .progress-options {
    margin-top: 150px;
    width: 650px;
}

.resolution-screen,
.summary-screen {
    grid-template-columns: var(--game-stage-pad-left) minmax(0, var(--game-title-width)) 1fr;
    grid-template-rows: var(--game-title-height) var(--game-control-height);
}

.resolution-title,
.summary-title {
    grid-column: 2;
    grid-row: 1;
    font-size: clamp(72px, 5.6vw, 86px);
}

.resolution-screen p,
.summary-screen p {
    grid-column: 2;
    grid-row: 2;
    margin-top: 0;
}

.resolution-screen .action-link,
.summary-screen .action-link {
    grid-column: 2;
    grid-row: 2;
    align-self: start;
    margin-top: 245px;
}

@media (max-width: 1180px), (max-height: 840px) {
    .game-overlay {
        --game-scale: min(calc((100vw - 48px) / 1320), calc((100vh - 48px) / 960));
        --game-sidebar-width: calc(120px * var(--game-scale));
        --game-stage-width: calc(1051px * var(--game-scale));
        --game-frame-height: calc(720px * var(--game-scale));
        --game-gap: calc(29px * var(--game-scale));
        --game-header-height: calc(120px * var(--game-scale));
        --game-line-width: calc(988px * var(--game-scale));
        --game-stage-pad-left: calc(87px * var(--game-scale));
        --game-title-width: calc(844px * var(--game-scale));
        --game-title-height: calc(240px * var(--game-scale));
        --game-control-height: calc(360px * var(--game-scale));
    }

    .game-sidebar {
        padding: calc(47px * var(--game-scale)) calc(18px * var(--game-scale)) 0;
        grid-template-rows: repeat(3, calc(120px * var(--game-scale))) 1fr;
    }

    .game-sidebar span {
        font-size: max(10px, calc(12px * var(--game-scale)));
    }

    .game-sidebar strong {
        font-size: max(13px, calc(18px * var(--game-scale)));
    }

    .game-stage__header {
        font-size: max(14px, calc(24px * var(--game-scale)));
    }

    .game-stage__header .text-button {
        font-size: max(12px, calc(16px * var(--game-scale)));
    }

    .level-title,
    .resolution-title,
    .summary-title {
        font-size: clamp(46px, calc(86px * var(--game-scale)), 86px);
    }

    .level-copy,
    .resolution-screen p,
    .summary-screen p,
    .checkbox-row,
    .path-option {
        font-size: max(11px, calc(16px * var(--game-scale)));
    }

    .action-link,
    .path-option--primary {
        font-size: max(13px, calc(24px * var(--game-scale)));
    }

    .choice-list {
        width: calc(650px * var(--game-scale));
        gap: calc(22px * var(--game-scale));
        margin-top: calc(22px * var(--game-scale));
    }

    .level-shell--one > .action-link {
        margin-top: calc(230px * var(--game-scale));
    }

    .level-shell--two .path-stack {
        margin-top: calc(150px * var(--game-scale));
        gap: calc(56px * var(--game-scale));
    }

    .level-shell--three .tip-stack {
        margin-top: calc(96px * var(--game-scale));
    }

    .level-shell--three .word-cloud {
        width: calc(690px * var(--game-scale));
        min-height: calc(430px * var(--game-scale));
        margin-left: calc(120px * var(--game-scale));
    }

    .level-shell--four .social-options {
        margin-top: calc(118px * var(--game-scale));
        width: calc(650px * var(--game-scale));
    }

    .level-shell--six .menu-tree {
        width: calc(540px * var(--game-scale));
        max-height: calc(226px * var(--game-scale));
        margin-top: calc(134px * var(--game-scale));
    }

    .level-shell--seven .level-copy {
        margin-top: calc(86px * var(--game-scale));
    }

    .level-shell--seven .progress-options {
        margin-top: calc(150px * var(--game-scale));
        width: calc(650px * var(--game-scale));
    }

    .resolution-screen .action-link,
    .summary-screen .action-link {
        margin-top: calc(245px * var(--game-scale));
    }
}
/* End game frame alignment patch */


/* Game fixed 12x8 Figma grid correction - 2026-07-22 */
.game-overlay {
    --game-scale: min(1, calc((100vw - 32px) / 1440), calc((100vh - 32px) / 960));
    --game-unit: calc(120px * var(--game-scale));
    --game-sidebar-width: calc(120px * var(--game-scale));
    --game-stage-width: calc(1051px * var(--game-scale));
    --game-frame-height: calc(720px * var(--game-scale));
    --game-gap: calc(29px * var(--game-scale));
    --game-stage-pad-x: calc(87px * var(--game-scale));
    --game-stage-pad-top: calc(47px * var(--game-scale));
    --game-header-height: calc(73px * var(--game-scale));
    --game-line-width: calc(988px * var(--game-scale));
    --game-title-width: calc(844px * var(--game-scale));
    --game-title-height: calc(240px * var(--game-scale));
    --game-control-height: calc(360px * var(--game-scale));
    --game-title-size: clamp(36px, calc(78px * var(--game-scale)), 78px);
    --game-copy-size: clamp(10px, calc(16px * var(--game-scale)), 16px);
    --game-button-size: clamp(12px, calc(24px * var(--game-scale)), 24px);
    --game-meta-size: clamp(8px, calc(12px * var(--game-scale)), 12px);
    --game-meta-value-size: clamp(10px, calc(16px * var(--game-scale)), 16px);
    display: grid !important;
    grid-template-columns:
        minmax(0, 1fr)
        var(--game-unit)
        var(--game-sidebar-width)
        var(--game-gap)
        var(--game-stage-width)
        var(--game-unit)
        minmax(0, 1fr) !important;
    grid-template-rows:
        minmax(0, 1fr)
        var(--game-unit)
        var(--game-frame-height)
        var(--game-unit)
        minmax(0, 1fr) !important;
    align-content: center !important;
    justify-content: center !important;
    place-items: stretch !important;
    min-height: 100vh !important;
    padding: 0 !important;
    overflow: auto !important;
}

.game-sidebar {
    grid-column: 3 !important;
    grid-row: 3 !important;
    width: var(--game-sidebar-width) !important;
    height: var(--game-frame-height) !important;
    min-width: 0 !important;
    padding: calc(47px * var(--game-scale)) calc(18px * var(--game-scale)) 0 !important;
    border: 0.6px solid var(--game-line) !important;
    display: grid !important;
    grid-template-rows: repeat(3, var(--game-unit)) 1fr !important;
    row-gap: 0 !important;
    align-content: start !important;
}

.game-sidebar div,
.game-sidebar div:nth-child(1),
.game-sidebar div:nth-child(2),
.game-sidebar div:nth-child(3) {
    grid-row: auto !important;
    align-self: start !important;
    margin: 0 !important;
    min-height: calc(42px * var(--game-scale)) !important;
    padding: 0 0 calc(10px * var(--game-scale)) !important;
    border-bottom: 0.6px solid var(--game-line) !important;
}

.game-sidebar span {
    font-size: var(--game-meta-size) !important;
    line-height: 1.3 !important;
}

.game-sidebar strong {
    font-size: var(--game-meta-value-size) !important;
    line-height: 1.15 !important;
}

.game-stage {
    grid-column: 5 !important;
    grid-row: 3 !important;
    width: var(--game-stage-width) !important;
    height: var(--game-frame-height) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    border: 0.6px solid var(--game-line) !important;
    display: grid !important;
    grid-template-rows: var(--game-header-height) 1fr !important;
    overflow: hidden !important;
}

.game-stage__header {
    height: var(--game-header-height) !important;
    padding: calc(47px * var(--game-scale)) calc(32px * var(--game-scale)) 0 var(--game-stage-pad-x) !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: start !important;
    border-bottom: 0 !important;
    position: relative !important;
}

.game-stage__header::after {
    content: "" !important;
    position: absolute !important;
    left: var(--game-stage-pad-x) !important;
    top: calc(73px * var(--game-scale)) !important;
    width: var(--game-line-width) !important;
    height: 0.6px !important;
    background: var(--game-line) !important;
}

.game-stage__header span,
.game-stage__header .text-button {
    font-size: var(--game-button-size) !important;
    line-height: 1.15 !important;
}

.game-stage__content {
    min-height: 0 !important;
    overflow: hidden !important;
}

.level-shell,
.intro-challenge,
.level-shell--one,
.level-shell--two,
.level-shell--three,
.level-shell--four,
.level-shell--five,
.level-shell--six,
.level-shell--seven {
    height: 100% !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: var(--game-stage-pad-x) var(--game-title-width) 1fr !important;
    grid-template-rows: var(--game-title-height) var(--game-control-height) !important;
    align-content: start !important;
    position: relative !important;
    overflow: hidden !important;
}

.level-title,
.level-shell--four .level-title,
.level-shell--five .level-title,
.level-shell--six .level-title,
.level-shell--seven .level-title,
.resolution-card h2,
.end-card h2 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: var(--game-title-width) !important;
    max-width: var(--game-title-width) !important;
    min-height: var(--game-title-height) !important;
    margin: calc(47px * var(--game-scale)) 0 0 !important;
    font-size: var(--game-title-size) !important;
    line-height: 0.9 !important;
    letter-spacing: -0.03em !important;
    overflow: visible !important;
}

.level-copy,
.level-shell p,
.resolution-card p,
.end-card p {
    font-size: var(--game-copy-size) !important;
    line-height: 1.3 !important;
    letter-spacing: -0.03em !important;
}

.level-copy,
.level-shell--two .level-copy,
.level-shell--four .level-copy,
.level-shell--six .level-copy,
.level-shell--seven .level-copy {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: var(--game-title-width) !important;
    margin: calc(33px * var(--game-scale)) 0 0 !important;
}

.action-link,
.primary-link,
.path-stack button,
.social-option strong,
.text-button,
.urgent-modal .action-link,
.level-shell--seven .action-link {
    font-size: var(--game-button-size) !important;
    line-height: 1.15 !important;
}

.choice-list {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: calc(720px * var(--game-scale)) !important;
    margin: calc(34px * var(--game-scale)) 0 0 !important;
    gap: calc(28px * var(--game-scale)) !important;
}

.checkbox-row {
    min-height: calc(30px * var(--game-scale)) !important;
    gap: calc(18px * var(--game-scale)) !important;
    padding-bottom: calc(10px * var(--game-scale)) !important;
    font-size: var(--game-copy-size) !important;
    line-height: 1.3 !important;
}

.level-shell--one > .action-link {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: start !important;
    align-self: start !important;
    margin-top: calc(245px * var(--game-scale)) !important;
}

.path-stack {
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin: calc(170px * var(--game-scale)) 0 0 !important;
    gap: calc(58px * var(--game-scale)) !important;
}

.level-shell--three .level-title {
    width: calc(720px * var(--game-scale)) !important;
}

.tip-stack {
    position: absolute !important;
    left: calc(-206px * var(--game-scale)) !important;
    bottom: calc(185px * var(--game-scale)) !important;
    gap: calc(48px * var(--game-scale)) !important;
}

.tip-button {
    font-size: var(--game-button-size) !important;
    line-height: 1.25 !important;
}

.word-cloud {
    grid-column: 2 / 4 !important;
    grid-row: 2 !important;
    width: calc(650px * var(--game-scale)) !important;
    height: calc(300px * var(--game-scale)) !important;
    margin: calc(60px * var(--game-scale)) 0 0 calc(130px * var(--game-scale)) !important;
    font-size: clamp(8px, calc(18px * var(--game-scale)), 18px) !important;
}

.arrow-distraction {
    right: calc(10px * var(--game-scale)) !important;
    top: calc(80px * var(--game-scale)) !important;
    gap: calc(22px * var(--game-scale)) !important;
}

.social-options {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: calc(650px * var(--game-scale)) !important;
    margin: calc(145px * var(--game-scale)) 0 0 !important;
    gap: calc(8px * var(--game-scale)) !important;
}

.social-option {
    min-height: calc(58px * var(--game-scale)) !important;
    grid-template-columns: calc(94px * var(--game-scale)) 1fr !important;
    gap: calc(28px * var(--game-scale)) !important;
    padding: calc(6px * var(--game-scale)) 0 !important;
}

.social-option span {
    font-size: clamp(24px, calc(54px * var(--game-scale)), 54px) !important;
    line-height: 1 !important;
}

.social-option strong {
    font-size: var(--game-copy-size) !important;
    line-height: 1.28 !important;
}

.urgent-backdrop {
    grid-column: 1 / -1 !important;
    grid-row: 1 / -1 !important;
}

.urgent-modal {
    position: absolute !important;
    left: calc(50px * var(--game-scale)) !important;
    top: calc(35px * var(--game-scale)) !important;
    width: calc(885px * var(--game-scale)) !important;
    min-height: calc(570px * var(--game-scale)) !important;
    padding: calc(48px * var(--game-scale)) calc(44px * var(--game-scale)) !important;
}

.urgent-modal h2 {
    font-size: var(--game-title-size) !important;
    line-height: 0.9 !important;
    max-width: calc(760px * var(--game-scale)) !important;
}

.urgent-countdown {
    font-size: clamp(36px, calc(72px * var(--game-scale)), 72px) !important;
    margin-top: calc(72px * var(--game-scale)) !important;
}

.level-shell--six .menu-tree {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: calc(420px * var(--game-scale)) !important;
    height: calc(250px * var(--game-scale)) !important;
    margin-top: calc(120px * var(--game-scale)) !important;
    font-size: clamp(9px, calc(14px * var(--game-scale)), 14px) !important;
    line-height: 1.45 !important;
}

.level-shell--six > .action-link,
.level-shell--seven > .action-link {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: start !important;
    align-self: start !important;
    margin-top: calc(92px * var(--game-scale)) !important;
}

.level-shell--seven .level-copy {
    margin-top: calc(132px * var(--game-scale)) !important;
}

.progress-options {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: calc(600px * var(--game-scale)) !important;
    margin-top: calc(198px * var(--game-scale)) !important;
    gap: calc(16px * var(--game-scale)) !important;
}

.progress-option {
    grid-template-columns: calc(82px * var(--game-scale)) 1fr !important;
    gap: calc(24px * var(--game-scale)) !important;
}

.progress-option span {
    font-size: clamp(24px, calc(42px * var(--game-scale)), 42px) !important;
}

.bar {
    height: calc(20px * var(--game-scale)) !important;
}

.resolution-card,
.end-card {
    height: 100% !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: var(--game-stage-pad-x) var(--game-title-width) 1fr !important;
    grid-template-rows: var(--game-title-height) 1fr !important;
    align-content: start !important;
    overflow: hidden !important;
}

.resolution-card p,
.end-card p {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: var(--game-title-width) !important;
    margin: calc(30px * var(--game-scale)) 0 0 !important;
}

.resolution-card .penalty-note,
.end-card .stats-list,
.resolution-card .text-button,
.end-card .text-button {
    grid-column: 2 !important;
    font-size: var(--game-copy-size) !important;
}

.resolution-card .text-button,
.end-card .text-button {
    align-self: end !important;
    justify-self: start !important;
    margin-bottom: calc(60px * var(--game-scale)) !important;
    font-size: var(--game-button-size) !important;
}

@media (max-width: 760px) {
    .game-overlay {
        --game-scale: min(1, calc((100vw - 20px) / 1440), calc((100vh - 20px) / 960));
    }
}
/* End game fixed 12x8 Figma grid correction */


/* Definitive 1440x960 game board correction - 2026-07-22 */
.game-overlay {
    --game-scale: 1;
    --game-bg: #1b1c1e;
    --game-line: rgba(217, 217, 217, 0.58);
    --game-soft-line: rgba(217, 217, 217, 0.34);
    --game-text: #d9d9d9;
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: none !important;
    background: var(--game-bg) !important;
    color: var(--game-text) !important;
    overflow: hidden !important;
    z-index: 9999 !important;
}

.game-overlay.is-active {
    display: block !important;
}

.game-overlay.is-resolution,
.game-overlay.is-summary {
    --game-bg: var(--white, #ededed);
    --game-line: rgba(27, 28, 30, 0.62);
    --game-soft-line: rgba(27, 28, 30, 0.34);
    --game-text: #1b1c1e;
}

.game-overlay .game-sidebar,
.game-overlay .game-stage {
    position: absolute !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    transform: scale(var(--game-scale)) !important;
    transform-origin: top left !important;
    background: transparent !important;
    color: var(--game-text) !important;
}

.game-overlay .game-sidebar {
    left: var(--game-sidebar-left, 120px) !important;
    top: var(--game-sidebar-top, 120px) !important;
    width: 120px !important;
    height: 720px !important;
    border: 0.6px solid var(--game-line) !important;
    padding: 47px 14px 0 18px !important;
    display: grid !important;
    grid-template-rows: repeat(3, 120px) 1fr !important;
    row-gap: 0 !important;
    overflow: hidden !important;
}

.game-overlay .game-stage {
    left: var(--game-stage-left, 269px) !important;
    top: var(--game-stage-top, 120px) !important;
    width: 1051px !important;
    height: 720px !important;
    border: 0.6px solid var(--game-line) !important;
    display: grid !important;
    grid-template-rows: 120px 600px !important;
    overflow: hidden !important;
}

.game-overlay .game-sidebar__item {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    position: relative !important;
}

.game-overlay .game-sidebar__item::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 46px !important;
    width: 84px !important;
    height: 0.6px !important;
    background: var(--game-line) !important;
}

.game-overlay .game-sidebar__label {
    display: block !important;
    font-family: var(--font-copy) !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 400 !important;
    color: var(--game-text) !important;
    opacity: 0.62 !important;
    margin: 0 0 4px !important;
}

.game-overlay .game-sidebar__value {
    display: block !important;
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 700 !important;
    color: var(--game-text) !important;
    white-space: nowrap !important;
}

.game-overlay .game-stage__header {
    width: 100% !important;
    height: 120px !important;
    padding: 47px 32px 0 87px !important;
    border: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: start !important;
    gap: 24px !important;
    position: relative !important;
}

.game-overlay .game-stage__header::after {
    content: "" !important;
    position: absolute !important;
    left: 32px !important;
    top: 93px !important;
    width: 988px !important;
    height: 0.6px !important;
    background: var(--game-line) !important;
}

.game-overlay [data-game-kicker],
.game-overlay .game-stage__header .text-button {
    position: relative !important;
    inset: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--game-text) !important;
    font-family: var(--font-copy) !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.game-overlay .game-stage__header .text-button {
    justify-self: end !important;
    cursor: pointer !important;
}

.game-overlay .game-stage__content {
    width: 100% !important;
    height: 600px !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    overflow: hidden !important;
    position: relative !important;
}

.game-overlay .intro-challenge,
.game-overlay .level-shell,
.game-overlay .resolution-screen,
.game-overlay .summary-screen,
.game-overlay .loading-lines {
    width: 100% !important;
    height: 600px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 87px 844px 1fr !important;
    grid-template-rows: 240px 360px !important;
    position: relative !important;
    overflow: hidden !important;
    color: var(--game-text) !important;
}

.game-overlay .level-title,
.game-overlay .intro-challenge h2,
.game-overlay .resolution-title,
.game-overlay .summary-title,
.game-overlay .loading-lines h2 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: start !important;
    justify-self: start !important;
    width: 844px !important;
    max-width: 844px !important;
    min-height: 240px !important;
    margin: 47px 0 0 !important;
    padding: 0 !important;
    color: var(--game-text) !important;
    font-family: var(--font-copy) !important;
    font-size: 78px !important;
    line-height: 0.9 !important;
    font-weight: 400 !important;
    letter-spacing: -3px !important;
    text-transform: none !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
}

.game-overlay .level-copy,
.game-overlay .resolution-screen p,
.game-overlay .summary-screen p,
.game-overlay .loading-lines p {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 844px !important;
    max-width: 844px !important;
    margin: 33px 0 0 !important;
    padding: 0 !important;
    color: var(--game-text) !important;
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    letter-spacing: -0.03em !important;
}

.game-overlay .choice-list,
.game-overlay .path-stack,
.game-overlay .social-options,
.game-overlay .menu-tree,
.game-overlay .progress-options,
.game-overlay .summary-table {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
    justify-self: start !important;
    width: 720px !important;
    margin: 32px 0 0 !important;
    padding: 0 !important;
}

.game-overlay .choice-list {
    display: grid !important;
    gap: 24px !important;
}

.game-overlay .choice-row,
.game-overlay .progress-choice,
.game-overlay .path-option,
.game-overlay .menu-tree button,
.game-overlay .social-option {
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    color: var(--game-text) !important;
}

.game-overlay .choice-row {
    display: grid !important;
    grid-template-columns: 24px 1fr !important;
    align-items: center !important;
    min-height: 32px !important;
    border-bottom: 0.6px solid var(--game-line) !important;
}

.game-overlay .action-link,
.game-overlay .glow-link,
.game-overlay .resolution-screen .action-link,
.game-overlay .summary-screen .action-link {
    color: #dffaff !important;
    font-family: var(--font-copy) !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
    text-shadow: 0 0 4px rgba(223, 250, 255, 0.9), 0 0 14px rgba(223, 250, 255, 0.78) !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
}

.game-overlay .intro-challenge > .action-link,
.game-overlay .level-shell > .action-link,
.game-overlay .level-shell .action-link {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
    justify-self: start !important;
    margin: 245px 0 0 !important;
}

.game-overlay .level-shell--two .path-stack {
    margin-top: 150px !important;
    display: grid !important;
    gap: 72px !important;
}

.game-overlay .level-shell--three .word-cloud {
    grid-column: 2 / 4 !important;
    grid-row: 1 / 3 !important;
    align-self: end !important;
    justify-self: center !important;
    width: 620px !important;
    height: 360px !important;
    margin: 120px 0 30px !important;
}

.game-overlay .level-shell--three .level-title {
    width: 640px !important;
}

.game-overlay .level-shell--three .hint-stack {
    position: absolute !important;
    left: -230px !important;
    bottom: 78px !important;
    display: grid !important;
    gap: 46px !important;
}

.game-overlay .level-shell--four .social-options {
    margin-top: 98px !important;
    display: grid !important;
    gap: 22px !important;
}

.game-overlay .level-shell--five .urgent-backdrop {
    position: absolute !important;
    inset: -120px -1px -1px -150px !important;
    background: rgba(27, 28, 30, 0.62) !important;
    backdrop-filter: blur(8px) !important;
}

.game-overlay .level-shell--five .urgent-modal {
    position: absolute !important;
    left: 47px !important;
    top: 0 !important;
    width: 880px !important;
    height: 520px !important;
    border: 0.6px solid var(--game-line) !important;
    padding: 45px 42px !important;
    display: grid !important;
    align-content: start !important;
    gap: 26px !important;
}

.game-overlay .urgent-modal h2 {
    margin: 0 !important;
    width: 760px !important;
    color: var(--game-text) !important;
    font-family: var(--font-copy) !important;
    font-size: 72px !important;
    line-height: 0.9 !important;
    font-weight: 400 !important;
    letter-spacing: -3px !important;
}

.game-overlay .urgent-clock {
    color: #dffaff !important;
    font-family: var(--font-hero) !important;
    font-size: 60px !important;
    line-height: 1 !important;
    text-shadow: 0 0 12px rgba(223, 250, 255, 0.82) !important;
}

.game-overlay .level-shell--six .menu-tree {
    height: 240px !important;
    overflow: auto !important;
    opacity: 0.72 !important;
}

.game-overlay .level-shell--seven .progress-options {
    display: grid !important;
    gap: 20px !important;
}

.game-overlay .progress-choice {
    display: grid !important;
    grid-template-columns: 72px 1fr !important;
    align-items: center !important;
    gap: 18px !important;
    border-bottom: 0.6px solid var(--game-soft-line) !important;
    padding-bottom: 10px !important;
}

.game-overlay .progress-number {
    font-family: var(--font-hero) !important;
    font-size: 38px !important;
    line-height: 1 !important;
    color: rgba(217, 217, 217, 0.3) !important;
}

.game-overlay .progress-bar {
    height: 16px !important;
    display: grid !important;
    grid-template-columns: repeat(60, 1fr) !important;
    gap: 2px !important;
}

.game-overlay .progress-bar span {
    background: rgba(223, 250, 255, 0.85) !important;
    min-width: 5px !important;
}

.game-overlay .resolution-screen .penalty-line {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
    margin: 220px 0 0 !important;
    color: var(--game-text) !important;
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
}

.game-overlay .resolution-screen .action-link,
.game-overlay .summary-screen .action-link {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
    justify-self: start !important;
    margin: 300px 0 0 !important;
    color: #1b1c1e !important;
    text-shadow: none !important;
}

.game-overlay .summary-table {
    margin-top: 118px !important;
    color: var(--game-text) !important;
    border-collapse: collapse !important;
}

.game-overlay .summary-table td,
.game-overlay .summary-table th {
    border-bottom: 0.6px solid var(--game-line) !important;
    padding: 10px 0 !important;
    text-align: left !important;
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
}

@media (max-width: 760px) {
    .game-overlay .level-title,
    .game-overlay .intro-challenge h2,
    .game-overlay .resolution-title,
    .game-overlay .summary-title,
    .game-overlay .loading-lines h2 {
        font-size: 78px !important;
    }
}


/* Final game 12x8 board lock - Codex */
.game-overlay {
    --game-scale: 1;
    --game-bg: #1b1c1e;
    --game-line: rgba(217, 217, 217, 0.58);
    --game-text: #d9d9d9;
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: none !important;
    background: var(--game-bg) !important;
    color: var(--game-text) !important;
    overflow: hidden !important;
    z-index: 9999 !important;
}

.game-overlay.is-active {
    display: block !important;
}

.game-overlay.is-resolution,
.game-overlay.is-summary {
    --game-bg: var(--white, #ededed);
    --game-line: rgba(27, 28, 30, 0.58);
    --game-text: #1b1c1e;
}

.game-overlay .game-sidebar,
.game-overlay .game-stage {
    position: absolute !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    background: transparent !important;
    border: 0.6px solid var(--game-line) !important;
    transform: scale(var(--game-scale)) !important;
    transform-origin: top left !important;
}

.game-overlay .game-sidebar {
    left: var(--game-sidebar-left, 120px) !important;
    top: var(--game-sidebar-top, 120px) !important;
    width: 120px !important;
    height: 720px !important;
    padding: 47px 14px 0 18px !important;
    display: grid !important;
    grid-template-rows: repeat(3, 120px) 1fr !important;
    row-gap: 0 !important;
    overflow: hidden !important;
}

.game-overlay .game-stage {
    left: var(--game-stage-left, 269px) !important;
    top: var(--game-stage-top, 120px) !important;
    width: 1051px !important;
    height: 720px !important;
    display: grid !important;
    grid-template-rows: 120px 600px !important;
    overflow: hidden !important;
}

.game-overlay .game-sidebar__item {
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.game-overlay .game-sidebar__item::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 46px !important;
    width: 84px !important;
    height: 0.6px !important;
    background: var(--game-line) !important;
}

.game-overlay .game-sidebar__label {
    display: block !important;
    margin: 0 0 4px !important;
    font-size: 12px !important;
    line-height: 16px !important;
    color: var(--game-text) !important;
    opacity: 0.62 !important;
}

.game-overlay .game-sidebar__value {
    display: block !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 700 !important;
    color: var(--game-text) !important;
    white-space: nowrap !important;
}

.game-overlay .game-stage__header {
    position: relative !important;
    height: 120px !important;
    padding: 47px 32px 0 87px !important;
    border: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: start !important;
    gap: 24px !important;
}

.game-overlay .game-stage__header::after {
    content: "" !important;
    position: absolute !important;
    left: 32px !important;
    top: 93px !important;
    width: 988px !important;
    height: 0.6px !important;
    background: var(--game-line) !important;
}

.game-overlay [data-game-kicker],
.game-overlay .game-stage__header .text-button {
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--font-copy) !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
    color: var(--game-text) !important;
}

.game-overlay .game-stage__content {
    position: relative !important;
    width: 100% !important;
    height: 600px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
}

.game-overlay .intro-challenge,
.game-overlay .level-shell,
.game-overlay .resolution-screen,
.game-overlay .summary-screen,
.game-overlay .loading-lines {
    width: 100% !important;
    height: 600px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    display: grid !important;
    grid-template-columns: 87px 844px 1fr !important;
    grid-template-rows: 287px 313px !important;
    overflow: hidden !important;
}

.game-overlay .level-title,
.game-overlay .resolution-screen h2,
.game-overlay .summary-screen h2,
.game-overlay .loading-lines h2,
.game-overlay .intro-challenge .level-title {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: start !important;
    justify-self: start !important;
    width: 844px !important;
    max-width: 844px !important;
    height: 240px !important;
    min-height: 0 !important;
    margin: 47px 0 0 !important;
    padding: 0 !important;
    font-family: var(--font-copy) !important;
    font-size: 78px !important;
    line-height: 0.9 !important;
    font-weight: 400 !important;
    letter-spacing: -3px !important;
    color: var(--game-text) !important;
}

.game-overlay .level-copy,
.game-overlay .resolution-copy,
.game-overlay .summary-copy,
.game-overlay .loading-copy {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 844px !important;
    max-width: 844px !important;
    margin: 33px 0 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    color: var(--game-text) !important;
}

.game-overlay .choice-list,
.game-overlay .path-stack,
.game-overlay .social-options,
.game-overlay .menu-tree,
.game-overlay .progress-options,
.game-overlay .summary-table {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 720px !important;
    margin: 32px 0 0 !important;
}

.game-overlay .intro-challenge > .action-link,
.game-overlay .level-shell > .action-link,
.game-overlay .level-shell .action-link,
.game-overlay .resolution-screen .action-link,
.game-overlay .summary-screen .action-link {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: start !important;
    align-self: start !important;
    margin: 245px 0 0 !important;
}

.game-overlay .level-shell--two .path-stack {
    margin: 150px 0 0 !important;
    display: grid !important;
    gap: 72px !important;
}

.game-overlay .level-shell--four .social-options {
    margin: 98px 0 0 !important;
    width: 720px !important;
    display: grid !important;
    gap: 22px !important;
}

.game-overlay .level-shell--three .word-cloud {
    position: absolute !important;
    left: 275px !important;
    top: 138px !important;
    width: 620px !important;
    height: 410px !important;
}

.game-overlay .level-shell--six .menu-tree,
.game-overlay .level-shell--seven .progress-options {
    margin: 132px 0 0 !important;
}

/* Codex final game overlay board lock */
.game-overlay[data-game-overlay] {
    --game-board-width: 1440px;
    --game-board-height: 960px;
    --game-cell: 120px;
    --game-sidebar-width: 120px;
    --game-frame-height: 720px;
    --game-stage-width: 1051px;
    --game-stage-gap: 29px;
    --game-line: rgba(217, 217, 217, 0.58);
    --game-ink: #ededed;
    --game-bg: #1b1c1e;
    --game-scale: 1;
    --game-board-left: 0px;
    --game-board-top: 0px;
    position: fixed !important;
    inset: 0 !important;
    display: none !important;
    overflow: hidden !important;
    z-index: 1000 !important;
    background: var(--game-bg) !important;
    color: var(--game-ink) !important;
}

.game-overlay[data-game-overlay].is-active {
    display: block !important;
}

.game-overlay[data-game-overlay].is-resolution,
.game-overlay[data-game-overlay].is-summary {
    background: #ededed !important;
    color: #1b1c1e !important;
    --game-line: rgba(27, 28, 30, 0.58);
    --game-ink: #1b1c1e;
}

.game-overlay[data-game-overlay] .game-board {
    position: absolute !important;
    left: var(--game-board-left) !important;
    top: var(--game-board-top) !important;
    width: var(--game-board-width) !important;
    height: var(--game-board-height) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    transform: scale(var(--game-scale)) !important;
    transform-origin: top left !important;
    background: transparent !important;
}

.game-overlay[data-game-overlay] .game-board > .game-sidebar,
.game-overlay[data-game-overlay] .game-board > .game-stage {
    position: absolute !important;
    top: var(--game-cell) !important;
    height: var(--game-frame-height) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    border: 0.6px solid var(--game-line) !important;
    background: transparent !important;
    transform: none !important;
    transform-origin: initial !important;
}

.game-overlay[data-game-overlay] .game-board > .game-sidebar {
    left: var(--game-cell) !important;
    width: var(--game-sidebar-width) !important;
    padding: 0 16px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: repeat(6, var(--game-cell)) !important;
    overflow: hidden !important;
}

.game-overlay[data-game-overlay] .game-sidebar__item {
    position: relative !important;
    display: block !important;
    height: var(--game-cell) !important;
    padding: 44px 0 0 !important;
    margin: 0 !important;
    color: currentColor !important;
}

.game-overlay[data-game-overlay] .game-sidebar__item:nth-child(1) { grid-row: 1 !important; }
.game-overlay[data-game-overlay] .game-sidebar__item:nth-child(2) { grid-row: 2 !important; }
.game-overlay[data-game-overlay] .game-sidebar__item:nth-child(3) { grid-row: 3 !important; }

.game-overlay[data-game-overlay] .game-sidebar__item::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 80px !important;
    width: 88px !important;
    height: 0.6px !important;
    background: var(--game-line) !important;
}

.game-overlay[data-game-overlay] .game-sidebar__item span,
.game-overlay[data-game-overlay] .game-sidebar__item small {
    display: block !important;
    margin: 0 !important;
    font-family: var(--font-copy) !important;
    letter-spacing: 0 !important;
}

.game-overlay[data-game-overlay] .game-sidebar__item span {
    font-size: 11px !important;
    line-height: 14px !important;
    font-weight: 400 !important;
    opacity: 0.62 !important;
}

.game-overlay[data-game-overlay] .game-sidebar__item small {
    margin-top: 3px !important;
    font-size: 15px !important;
    line-height: 18px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

.game-overlay[data-game-overlay] .game-board > .game-stage {
    left: 269px !important;
    width: var(--game-stage-width) !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: var(--game-cell) 600px !important;
    overflow: hidden !important;
}

.game-overlay[data-game-overlay] .game-stage__header {
    grid-row: 1 !important;
    position: relative !important;
    height: var(--game-cell) !important;
    min-height: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 87px 844px 120px !important;
    align-items: start !important;
    border: 0 !important;
}

.game-overlay[data-game-overlay] .game-stage__header::after {
    content: "" !important;
    position: absolute !important;
    left: 32px !important;
    bottom: 26px !important;
    width: 988px !important;
    height: 0.6px !important;
    background: var(--game-line) !important;
}

.game-overlay[data-game-overlay] [data-game-kicker] {
    grid-column: 2 !important;
    margin: 48px 0 0 !important;
    font-family: var(--font-copy) !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
    white-space: nowrap !important;
}

.game-overlay[data-game-overlay] .game-stage__header .text-button {
    position: absolute !important;
    right: 45px !important;
    top: 48px !important;
    margin: 0 !important;
    font-family: var(--font-copy) !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
    color: currentColor !important;
}

.game-overlay[data-game-overlay] .game-stage__content {
    grid-row: 2 !important;
    width: 100% !important;
    height: 600px !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    display: block !important;
}

.game-overlay[data-game-overlay] .level-shell,
.game-overlay[data-game-overlay] .resolution-shell,
.game-overlay[data-game-overlay] .summary-shell,
.game-overlay[data-game-overlay] [data-level-root] {
    width: 100% !important;
    height: 600px !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: 87px 844px 120px !important;
    grid-template-rows: 240px 360px !important;
    align-items: start !important;
    overflow: hidden !important;
}

.game-overlay[data-game-overlay] .level-title,
.game-overlay[data-game-overlay] .resolution-title,
.game-overlay[data-game-overlay] .summary-title,
.game-overlay[data-game-overlay] .level-shell h2,
.game-overlay[data-game-overlay] .resolution-shell h2,
.game-overlay[data-game-overlay] .summary-shell h2 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 844px !important;
    max-width: 844px !important;
    height: 240px !important;
    margin: 32px 0 0 !important;
    padding: 0 !important;
    font-family: var(--font-copy) !important;
    font-size: 84px !important;
    line-height: 0.9 !important;
    font-weight: 400 !important;
    letter-spacing: -3px !important;
    color: currentColor !important;
    overflow: visible !important;
}

.game-overlay[data-game-overlay] .level-copy,
.game-overlay[data-game-overlay] .resolution-copy,
.game-overlay[data-game-overlay] .summary-copy,
.game-overlay[data-game-overlay] .level-shell p,
.game-overlay[data-game-overlay] .resolution-shell p,
.game-overlay[data-game-overlay] .summary-shell p {
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    letter-spacing: -0.03em !important;
}

.game-overlay[data-game-overlay] .level-shell > p,
.game-overlay[data-game-overlay] .level-copy {
    grid-column: 2 !important;
    grid-row: 2 !important;
    max-width: 844px !important;
    margin: 28px 0 0 !important;
}

.game-overlay[data-game-overlay] .settings-list,
.game-overlay[data-game-overlay] .choice-list,
.game-overlay[data-game-overlay] .path-options,
.game-overlay[data-game-overlay] .path-stack,
.game-overlay[data-game-overlay] .text-cloud,
.game-overlay[data-game-overlay] .option-rail,
.game-overlay[data-game-overlay] .terminal-tree,
.game-overlay[data-game-overlay] .progress-options {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 844px !important;
    max-width: 844px !important;
    margin: 28px 0 0 !important;
}

.game-overlay[data-game-overlay] .settings-list {
    margin-top: 22px !important;
}

.game-overlay[data-game-overlay] .setting-row,
.game-overlay[data-game-overlay] .choice-row,
.game-overlay[data-game-overlay] .path-option,
.game-overlay[data-game-overlay] .option-row,
.game-overlay[data-game-overlay] .progress-row {
    min-height: 56px !important;
    height: auto !important;
    padding: 0 6px !important;
    border-bottom: 0.6px solid var(--game-line) !important;
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    letter-spacing: -0.03em !important;
}

.game-overlay[data-game-overlay] .game-action,
.game-overlay[data-game-overlay] .level-action,
.game-overlay[data-game-overlay] .text-button[data-next-level],
.game-overlay[data-game-overlay] [data-confirm-settings],
.game-overlay[data-game-overlay] [data-path],
.game-overlay[data-game-overlay] [data-calculate],
.game-overlay[data-game-overlay] [data-skip-level] {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: start !important;
    align-self: start !important;
    margin: 286px 0 0 !important;
    font-family: var(--font-copy) !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
}

.game-overlay[data-game-overlay] .choice-list + .text-button,
.game-overlay[data-game-overlay] .path-options + .text-button,
.game-overlay[data-game-overlay] .settings-list + .text-button {
    margin-top: 286px !important;
}

.game-overlay[data-game-overlay] .resolution-shell,
.game-overlay[data-game-overlay].is-resolution .game-stage__content {
    color: #1b1c1e !important;
}

.game-overlay[data-game-overlay].is-resolution .game-board > .game-sidebar,
.game-overlay[data-game-overlay].is-resolution .game-board > .game-stage,
.game-overlay[data-game-overlay].is-summary .game-board > .game-sidebar,
.game-overlay[data-game-overlay].is-summary .game-board > .game-stage {
    border-color: rgba(27, 28, 30, 0.58) !important;
}

@media (max-width: 760px) {
    .game-overlay[data-game-overlay] .level-title,
    .game-overlay[data-game-overlay] .resolution-title,
    .game-overlay[data-game-overlay] .summary-title,
    .game-overlay[data-game-overlay] .level-shell h2,
    .game-overlay[data-game-overlay] .resolution-shell h2,
    .game-overlay[data-game-overlay] .summary-shell h2 {
        font-size: 84px !important;
        line-height: 0.9 !important;
    }
}
/* End Codex final game overlay board lock */

/* Codex game board hard lock v2 */
.game-overlay[data-game-overlay] {
    --game-scale: 1;
    --game-board-left: 0px;
    --game-board-top: 0px;
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    display: block !important;
    overflow: hidden !important;
    z-index: 1000 !important;
    background: #1b1c1e !important;
    color: #ededed !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.game-overlay[data-game-overlay].is-active {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.game-overlay[data-game-overlay].is-resolution,
.game-overlay[data-game-overlay].is-summary {
    background: #ededed !important;
    color: #1b1c1e !important;
}

.game-overlay[data-game-overlay] .game-board {
    position: absolute !important;
    left: var(--game-board-left) !important;
    top: var(--game-board-top) !important;
    width: 1440px !important;
    height: 960px !important;
    min-width: 1440px !important;
    min-height: 960px !important;
    max-width: 1440px !important;
    max-height: 960px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    transform: scale(var(--game-scale, 1)) !important;
    transform-origin: 0 0 !important;
    background: transparent !important;
}

.game-overlay[data-game-overlay] .game-board > .game-sidebar,
.game-overlay[data-game-overlay] .game-board > .game-stage {
    position: absolute !important;
    top: 120px !important;
    height: 720px !important;
    min-height: 720px !important;
    max-height: 720px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    border: 0.6px solid rgba(217, 217, 217, 0.58) !important;
    background: transparent !important;
    transform: none !important;
    transform-origin: 0 0 !important;
}

.game-overlay[data-game-overlay].is-resolution .game-board > .game-sidebar,
.game-overlay[data-game-overlay].is-resolution .game-board > .game-stage,
.game-overlay[data-game-overlay].is-summary .game-board > .game-sidebar,
.game-overlay[data-game-overlay].is-summary .game-board > .game-stage {
    border-color: rgba(27, 28, 30, 0.58) !important;
}

.game-overlay[data-game-overlay] .game-board > .game-sidebar {
    left: 120px !important;
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: repeat(6, 120px) !important;
    overflow: hidden !important;
}

.game-overlay[data-game-overlay] .game-sidebar__item,
.game-overlay[data-game-overlay] .game-sidebar > div {
    position: relative !important;
    width: 120px !important;
    height: 120px !important;
    min-height: 120px !important;
    margin: 0 !important;
    padding: 44px 16px 0 !important;
    box-sizing: border-box !important;
    display: block !important;
}

.game-overlay[data-game-overlay] .game-sidebar__item:nth-child(1),
.game-overlay[data-game-overlay] .game-sidebar > div:nth-child(1) { grid-row: 1 !important; }
.game-overlay[data-game-overlay] .game-sidebar__item:nth-child(2),
.game-overlay[data-game-overlay] .game-sidebar > div:nth-child(2) { grid-row: 2 !important; }
.game-overlay[data-game-overlay] .game-sidebar__item:nth-child(3),
.game-overlay[data-game-overlay] .game-sidebar > div:nth-child(3) { grid-row: 3 !important; }

.game-overlay[data-game-overlay] .game-sidebar__item::after,
.game-overlay[data-game-overlay] .game-sidebar > div::after {
    content: "" !important;
    position: absolute !important;
    left: 16px !important;
    top: 80px !important;
    width: 88px !important;
    height: 0.6px !important;
    background: currentColor !important;
    opacity: 0.58 !important;
}

.game-overlay[data-game-overlay] .game-sidebar span,
.game-overlay[data-game-overlay] .game-sidebar small,
.game-overlay[data-game-overlay] .game-sidebar strong {
    display: block !important;
    margin: 0 !important;
    font-family: var(--font-copy) !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
}

.game-overlay[data-game-overlay] .game-sidebar span {
    font-size: 11px !important;
    line-height: 14px !important;
    font-weight: 400 !important;
    opacity: 0.62 !important;
}

.game-overlay[data-game-overlay] .game-sidebar small,
.game-overlay[data-game-overlay] .game-sidebar strong {
    margin-top: 3px !important;
    font-size: 15px !important;
    line-height: 18px !important;
    font-weight: 700 !important;
}

.game-overlay[data-game-overlay] .game-board > .game-stage {
    left: 269px !important;
    width: 1051px !important;
    min-width: 1051px !important;
    max-width: 1051px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 120px 600px !important;
    overflow: hidden !important;
}

.game-overlay[data-game-overlay] .game-stage__header {
    position: relative !important;
    grid-row: 1 !important;
    width: 1051px !important;
    height: 120px !important;
    min-height: 120px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 87px 844px 120px !important;
    align-items: start !important;
    border: 0 !important;
    box-sizing: border-box !important;
}

.game-overlay[data-game-overlay] .game-stage__header::after {
    content: "" !important;
    position: absolute !important;
    left: 32px !important;
    bottom: 26px !important;
    width: 988px !important;
    height: 0.6px !important;
    background: currentColor !important;
    opacity: 0.58 !important;
}

.game-overlay[data-game-overlay] [data-game-kicker] {
    grid-column: 2 !important;
    align-self: start !important;
    margin: 48px 0 0 !important;
    padding: 0 !important;
    font-family: var(--font-copy) !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
    white-space: nowrap !important;
}

.game-overlay[data-game-overlay] .game-stage__header .text-button {
    position: static !important;
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: start !important;
    margin: 48px 45px 0 0 !important;
    padding: 0 !important;
    font-family: var(--font-copy) !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
    color: currentColor !important;
}

.game-overlay[data-game-overlay] .game-stage__content {
    grid-row: 2 !important;
    width: 1051px !important;
    height: 600px !important;
    min-height: 600px !important;
    max-height: 600px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.game-overlay[data-game-overlay] .intro-challenge,
.game-overlay[data-game-overlay] .level-shell,
.game-overlay[data-game-overlay] .resolution-screen,
.game-overlay[data-game-overlay] .summary-screen,
.game-overlay[data-game-overlay] .loading-lines,
.game-overlay[data-game-overlay] [data-level-root] {
    width: 1051px !important;
    height: 600px !important;
    min-width: 1051px !important;
    min-height: 600px !important;
    max-width: 1051px !important;
    max-height: 600px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 87px 844px 120px !important;
    grid-template-rows: 240px 360px !important;
    align-items: start !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.game-overlay[data-game-overlay] .level-title,
.game-overlay[data-game-overlay] .intro-challenge h2,
.game-overlay[data-game-overlay] .resolution-screen h2,
.game-overlay[data-game-overlay] .summary-screen h2,
.game-overlay[data-game-overlay] .loading-lines h2 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 844px !important;
    max-width: 844px !important;
    height: 240px !important;
    margin: 32px 0 0 !important;
    padding: 0 !important;
    font-family: var(--font-copy) !important;
    font-size: 76px !important;
    line-height: 0.92 !important;
    font-weight: 400 !important;
    letter-spacing: -3px !important;
    color: currentColor !important;
    overflow: visible !important;
    text-wrap: balance !important;
}

.game-overlay[data-game-overlay] .level-copy,
.game-overlay[data-game-overlay] .intro-challenge p,
.game-overlay[data-game-overlay] .resolution-screen p,
.game-overlay[data-game-overlay] .summary-screen p,
.game-overlay[data-game-overlay] .loading-lines p,
.game-overlay[data-game-overlay] .level-shell > p {
    grid-column: 2 !important;
    grid-row: 2 !important;
    max-width: 844px !important;
    margin: 28px 0 0 !important;
    padding: 0 !important;
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    letter-spacing: -0.03em !important;
    color: currentColor !important;
}

.game-overlay[data-game-overlay] .settings-list,
.game-overlay[data-game-overlay] .choice-list,
.game-overlay[data-game-overlay] .path-stack,
.game-overlay[data-game-overlay] .social-options,
.game-overlay[data-game-overlay] .word-cloud,
.game-overlay[data-game-overlay] .menu-tree,
.game-overlay[data-game-overlay] .progress-options,
.game-overlay[data-game-overlay] .summary-table {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 844px !important;
    max-width: 844px !important;
    margin: 28px 0 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.game-overlay[data-game-overlay] .settings-list { margin-top: 20px !important; }
.game-overlay[data-game-overlay] .path-stack { margin-top: 150px !important; }
.game-overlay[data-game-overlay] .social-options { margin-top: 96px !important; }
.game-overlay[data-game-overlay] .menu-tree { margin-top: 130px !important; height: 205px !important; overflow: hidden !important; }
.game-overlay[data-game-overlay] .progress-options { margin-top: 176px !important; }
.game-overlay[data-game-overlay] .word-cloud { margin-top: 2px !important; height: 340px !important; }

.game-overlay[data-game-overlay] .setting-row,
.game-overlay[data-game-overlay] .choice-row,
.game-overlay[data-game-overlay] .path-option,
.game-overlay[data-game-overlay] .social-option,
.game-overlay[data-game-overlay] .progress-choice {
    min-height: 56px !important;
    padding: 0 6px !important;
    border-bottom: 0.6px solid currentColor !important;
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    letter-spacing: -0.03em !important;
    opacity: 0.78 !important;
}

.game-overlay[data-game-overlay] .action-link,
.game-overlay[data-game-overlay] .level-shell > .action-link,
.game-overlay[data-game-overlay] .intro-challenge > .action-link,
.game-overlay[data-game-overlay] .resolution-screen .action-link,
.game-overlay[data-game-overlay] .summary-screen .action-link,
.game-overlay[data-game-overlay] [data-confirm-settings],
.game-overlay[data-game-overlay] [data-path],
.game-overlay[data-game-overlay] [data-calculate],
.game-overlay[data-game-overlay] [data-skip-level] {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: start !important;
    align-self: start !important;
    margin: 286px 0 0 !important;
    padding: 0 !important;
    font-family: var(--font-copy) !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
    color: currentColor !important;
}

.game-overlay[data-game-overlay] .level-shell--one > .action-link,
.game-overlay[data-game-overlay] [data-confirm-settings] {
    margin-top: 286px !important;
}

.game-overlay[data-game-overlay] .level-shell--five .urgent-backdrop {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    background: rgba(27, 28, 30, 0.74) !important;
}

.game-overlay[data-game-overlay] .level-shell--five .urgent-modal {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 880px !important;
    height: 560px !important;
    transform: translate(-50%, -50%) !important;
    border: 0.6px solid currentColor !important;
    padding: 54px 42px !important;
    box-sizing: border-box !important;
}

.game-overlay[data-game-overlay] .urgent-clock {
    font-family: var(--font-hero) !important;
    font-size: 66px !important;
    line-height: 0.8 !important;
}

.game-overlay[data-game-overlay] .progress-number {
    width: 78px !important;
    font-family: var(--font-hero) !important;
    font-size: 42px !important;
    line-height: 1 !important;
}
/* End Codex game board hard lock v2 */

/* Codex exact 12x8 game grid v4 */
.game-overlay[data-game-overlay] {
    --game-scale: 1;
    --game-board-left: 0px;
    --game-board-top: 0px;
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    display: block !important;
    overflow: hidden !important;
    z-index: 1000 !important;
    background: #1b1c1e !important;
    color: #ededed !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.game-overlay[data-game-overlay].is-active {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.game-overlay[data-game-overlay],
.game-overlay[data-game-overlay] * {
    box-sizing: border-box !important;
}

.game-overlay[data-game-overlay] .game-board {
    position: absolute !important;
    left: var(--game-board-left, 0px) !important;
    top: var(--game-board-top, 0px) !important;
    width: 1440px !important;
    height: 960px !important;
    min-width: 1440px !important;
    max-width: 1440px !important;
    min-height: 960px !important;
    max-height: 960px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    transform: scale(var(--game-scale, 1)) !important;
    transform-origin: 0 0 !important;
    translate: none !important;
    rotate: none !important;
    scale: none !important;
    background: #1b1c1e !important;
    overflow: hidden !important;
}

.game-overlay[data-game-overlay] .game-board > .game-sidebar,
.game-overlay[data-game-overlay] .game-board > .game-stage {
    position: absolute !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    transform-origin: 0 0 !important;
    translate: none !important;
    rotate: none !important;
    scale: none !important;
    border: 0.6px solid rgba(217, 217, 217, 0.58) !important;
    background: transparent !important;
    color: currentColor !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
}

.game-overlay[data-game-overlay] .game-board > .game-sidebar {
    left: 120px !important;
    top: 120px !important;
    width: 120px !important;
    height: 720px !important;
    display: grid !important;
    grid-template-columns: 120px !important;
    grid-template-rows: repeat(6, 120px) !important;
    overflow: hidden !important;
}

.game-overlay[data-game-overlay] .game-sidebar__item,
.game-overlay[data-game-overlay] .game-sidebar > div {
    width: 120px !important;
    height: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    min-height: 120px !important;
    max-height: 120px !important;
    margin: 0 !important;
    padding: 44px 16px 0 16px !important;
    position: relative !important;
    display: block !important;
    overflow: visible !important;
}

.game-overlay[data-game-overlay] .game-sidebar__item:nth-child(1),
.game-overlay[data-game-overlay] .game-sidebar > div:nth-child(1) { grid-row: 1 !important; }

.game-overlay[data-game-overlay] .game-sidebar__item:nth-child(2),
.game-overlay[data-game-overlay] .game-sidebar > div:nth-child(2) { grid-row: 2 !important; }

.game-overlay[data-game-overlay] .game-sidebar__item:nth-child(3),
.game-overlay[data-game-overlay] .game-sidebar > div:nth-child(3) { grid-row: 3 !important; }

.game-overlay[data-game-overlay] .game-sidebar__item::after,
.game-overlay[data-game-overlay] .game-sidebar > div::after {
    content: "" !important;
    position: absolute !important;
    left: 16px !important;
    top: 80px !important;
    width: 88px !important;
    height: 0.6px !important;
    background: currentColor !important;
    opacity: 0.58 !important;
}

.game-overlay[data-game-overlay] .game-sidebar__label,
.game-overlay[data-game-overlay] .game-sidebar__value,
.game-overlay[data-game-overlay] .game-sidebar span,
.game-overlay[data-game-overlay] .game-sidebar small,
.game-overlay[data-game-overlay] .game-sidebar strong {
    display: block !important;
    margin: 0 !important;
    font-family: var(--font-copy) !important;
    white-space: nowrap !important;
    letter-spacing: 0 !important;
    color: currentColor !important;
    max-width: 88px !important;
    overflow: visible !important;
}

.game-overlay[data-game-overlay] .game-sidebar__label,
.game-overlay[data-game-overlay] .game-sidebar span {
    font-size: 11px !important;
    line-height: 14px !important;
    font-weight: 400 !important;
    opacity: 0.62 !important;
}

.game-overlay[data-game-overlay] .game-sidebar__value,
.game-overlay[data-game-overlay] .game-sidebar small,
.game-overlay[data-game-overlay] .game-sidebar strong {
    margin-top: 3px !important;
    font-size: 15px !important;
    line-height: 18px !important;
    font-weight: 700 !important;
}

.game-overlay[data-game-overlay] .game-board > .game-stage {
    left: 269px !important;
    top: 120px !important;
    width: 1051px !important;
    height: 720px !important;
    display: grid !important;
    grid-template-columns: 1051px !important;
    grid-template-rows: 120px 600px !important;
    overflow: hidden !important;
}

.game-overlay[data-game-overlay] .game-stage__header {
    grid-row: 1 !important;
    grid-column: 1 !important;
    position: relative !important;
    width: 1051px !important;
    height: 120px !important;
    min-width: 1051px !important;
    max-width: 1051px !important;
    min-height: 120px !important;
    max-height: 120px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 87px 844px 120px !important;
    align-items: start !important;
    border: 0 !important;
}

.game-overlay[data-game-overlay] .game-stage__header::after {
    content: "" !important;
    position: absolute !important;
    left: 32px !important;
    bottom: 26px !important;
    width: 988px !important;
    height: 0.6px !important;
    background: currentColor !important;
    opacity: 0.58 !important;
}

.game-overlay[data-game-overlay] [data-game-kicker] {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    align-self: start !important;
    margin: 48px 0 0 0 !important;
    padding: 0 !important;
    font-family: var(--font-copy) !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
    white-space: nowrap !important;
    color: currentColor !important;
}

.game-overlay[data-game-overlay] .game-stage__header .text-button {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: start !important;
    position: static !important;
    margin: 48px 45px 0 0 !important;
    padding: 0 !important;
    font-family: var(--font-copy) !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
    white-space: nowrap !important;
    color: currentColor !important;
}

.game-overlay[data-game-overlay] .game-stage__content {
    grid-row: 2 !important;
    grid-column: 1 !important;
    position: relative !important;
    width: 1051px !important;
    height: 600px !important;
    min-width: 1051px !important;
    max-width: 1051px !important;
    min-height: 600px !important;
    max-height: 600px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
}

.game-overlay[data-game-overlay] .intro-challenge,
.game-overlay[data-game-overlay] .level-shell,
.game-overlay[data-game-overlay] .resolution-screen,
.game-overlay[data-game-overlay] .summary-screen,
.game-overlay[data-game-overlay] .loading-lines,
.game-overlay[data-game-overlay] [data-level-root] {
    width: 1051px !important;
    height: 600px !important;
    min-width: 1051px !important;
    max-width: 1051px !important;
    min-height: 600px !important;
    max-height: 600px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 87px 844px 120px !important;
    grid-template-rows: 240px 360px !important;
    align-items: start !important;
    position: relative !important;
    overflow: hidden !important;
    transform: none !important;
    translate: none !important;
    scale: none !important;
}

.game-overlay[data-game-overlay] .level-title,
.game-overlay[data-game-overlay] .intro-challenge h2,
.game-overlay[data-game-overlay] .resolution-screen h2,
.game-overlay[data-game-overlay] .summary-screen h2,
.game-overlay[data-game-overlay] .loading-lines h2 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 844px !important;
    height: 240px !important;
    min-width: 844px !important;
    max-width: 844px !important;
    min-height: 240px !important;
    max-height: 240px !important;
    margin: 32px 0 0 0 !important;
    padding: 0 !important;
    font-family: var(--font-copy) !important;
    font-size: 76px !important;
    line-height: 0.92 !important;
    font-weight: 400 !important;
    letter-spacing: -3px !important;
    color: currentColor !important;
    overflow: visible !important;
    text-wrap: balance !important;
}

.game-overlay[data-game-overlay] .level-copy,
.game-overlay[data-game-overlay] .intro-challenge p,
.game-overlay[data-game-overlay] .resolution-screen p,
.game-overlay[data-game-overlay] .summary-screen p,
.game-overlay[data-game-overlay] .loading-lines p,
.game-overlay[data-game-overlay] .level-shell > p {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 844px !important;
    max-width: 844px !important;
    margin: 28px 0 0 0 !important;
    padding: 0 !important;
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    letter-spacing: -0.03em !important;
    color: currentColor !important;
}

.game-overlay[data-game-overlay] .settings-list,
.game-overlay[data-game-overlay] .choice-list,
.game-overlay[data-game-overlay] .path-stack,
.game-overlay[data-game-overlay] .path-options,
.game-overlay[data-game-overlay] .social-options,
.game-overlay[data-game-overlay] .word-cloud,
.game-overlay[data-game-overlay] .text-cloud,
.game-overlay[data-game-overlay] .menu-tree,
.game-overlay[data-game-overlay] .terminal-tree,
.game-overlay[data-game-overlay] .option-rail,
.game-overlay[data-game-overlay] .progress-options,
.game-overlay[data-game-overlay] .summary-table {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 844px !important;
    max-width: 844px !important;
    margin: 28px 0 0 0 !important;
    padding: 0 !important;
}

.game-overlay[data-game-overlay] .settings-list { margin-top: 20px !important; }
.game-overlay[data-game-overlay] .path-stack,
.game-overlay[data-game-overlay] .path-options { margin-top: 150px !important; }
.game-overlay[data-game-overlay] .social-options,
.game-overlay[data-game-overlay] .option-rail { margin-top: 96px !important; }
.game-overlay[data-game-overlay] .menu-tree,
.game-overlay[data-game-overlay] .terminal-tree { margin-top: 130px !important; height: 205px !important; overflow: hidden !important; }
.game-overlay[data-game-overlay] .progress-options { margin-top: 176px !important; }
.game-overlay[data-game-overlay] .word-cloud,
.game-overlay[data-game-overlay] .text-cloud { margin-top: 2px !important; height: 340px !important; }

.game-overlay[data-game-overlay] .setting-row,
.game-overlay[data-game-overlay] .choice-row,
.game-overlay[data-game-overlay] .path-option,
.game-overlay[data-game-overlay] .option-row,
.game-overlay[data-game-overlay] .social-option,
.game-overlay[data-game-overlay] .progress-choice,
.game-overlay[data-game-overlay] .progress-row {
    min-height: 56px !important;
    padding: 0 6px !important;
    border-bottom: 0.6px solid currentColor !important;
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    letter-spacing: -0.03em !important;
    opacity: 0.78 !important;
}

.game-overlay[data-game-overlay] .action-link,
.game-overlay[data-game-overlay] .game-action,
.game-overlay[data-game-overlay] .level-action,
.game-overlay[data-game-overlay] .level-shell > .action-link,
.game-overlay[data-game-overlay] .intro-challenge > .action-link,
.game-overlay[data-game-overlay] .resolution-screen .action-link,
.game-overlay[data-game-overlay] .summary-screen .action-link,
.game-overlay[data-game-overlay] [data-confirm-settings],
.game-overlay[data-game-overlay] [data-path],
.game-overlay[data-game-overlay] [data-calculate],
.game-overlay[data-game-overlay] [data-skip-level] {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: start !important;
    align-self: start !important;
    margin: 286px 0 0 0 !important;
    padding: 0 !important;
    font-family: var(--font-copy) !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
    color: currentColor !important;
    white-space: nowrap !important;
}

.game-overlay[data-game-overlay] .level-shell--five .urgent-backdrop {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(27, 28, 30, 0.74) !important;
}

.game-overlay[data-game-overlay] .level-shell--five .urgent-modal {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 880px !important;
    height: 560px !important;
    transform: translate(-50%, -50%) !important;
    border: 0.6px solid currentColor !important;
    padding: 54px 42px !important;
}

.game-overlay[data-game-overlay] .urgent-clock {
    font-family: var(--font-hero) !important;
    font-size: 66px !important;
    line-height: 0.8 !important;
}

.game-overlay[data-game-overlay] .progress-number {
    width: 78px !important;
    font-family: var(--font-hero) !important;
    font-size: 42px !important;
    line-height: 1 !important;
}

.game-overlay[data-game-overlay].is-resolution,
.game-overlay[data-game-overlay].is-summary {
    background: #ededed !important;
    color: #1b1c1e !important;
}

.game-overlay[data-game-overlay].is-resolution .game-board,
.game-overlay[data-game-overlay].is-summary .game-board {
    background: #ededed !important;
}

.game-overlay[data-game-overlay].is-resolution .game-board > .game-sidebar,
.game-overlay[data-game-overlay].is-resolution .game-board > .game-stage,
.game-overlay[data-game-overlay].is-summary .game-board > .game-sidebar,
.game-overlay[data-game-overlay].is-summary .game-board > .game-stage {
    border-color: rgba(27, 28, 30, 0.58) !important;
}
/* End Codex exact 12x8 game grid v4 */

/* Codex exact 12x8 game grid v5 - Figma board lock */
.game-overlay[data-game-overlay] {
    --game-scale: 1;
    position: fixed !important;
    inset: 0 !important;
    width: 100dvw !important;
    height: 100dvh !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    display: block !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #1b1c1e !important;
    color: #ededed !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: 100 !important;
}

.game-overlay[data-game-overlay].is-active {
    opacity: 1 !important;
    pointer-events: auto !important;
}

.game-overlay[data-game-overlay] .game-board {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 1440px !important;
    height: 960px !important;
    min-width: 1440px !important;
    max-width: 1440px !important;
    min-height: 960px !important;
    max-height: 960px !important;
    transform: translate(-50%, -50%) scale(var(--game-scale, 1)) !important;
    transform-origin: center center !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #1b1c1e !important;
    color: #ededed !important;
    border: 0 !important;
    box-sizing: border-box !important;
}

.game-overlay[data-game-overlay] .game-board,
.game-overlay[data-game-overlay] .game-board * {
    box-sizing: border-box !important;
}

.game-overlay[data-game-overlay] .game-board > .game-sidebar {
    position: absolute !important;
    left: 120px !important;
    top: 120px !important;
    width: 120px !important;
    height: 720px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    min-height: 720px !important;
    max-height: 720px !important;
    display: grid !important;
    grid-template-columns: 120px !important;
    grid-template-rows: repeat(6, 120px) !important;
    grid-column: auto !important;
    grid-row: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0.6px solid rgba(217, 217, 217, 0.58) !important;
    background: transparent !important;
    color: #ededed !important;
    transform: none !important;
    overflow: hidden !important;
}

.game-overlay[data-game-overlay] .game-sidebar__item,
.game-overlay[data-game-overlay] .game-sidebar > div {
    position: relative !important;
    display: block !important;
    width: 120px !important;
    height: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    min-height: 120px !important;
    max-height: 120px !important;
    margin: 0 !important;
    padding: 28px 16px 0 16px !important;
    border: 0 !important;
    overflow: visible !important;
}

.game-overlay[data-game-overlay] .game-sidebar__item:nth-child(1),
.game-overlay[data-game-overlay] .game-sidebar > div:nth-child(1) { grid-row: 1 !important; }
.game-overlay[data-game-overlay] .game-sidebar__item:nth-child(2),
.game-overlay[data-game-overlay] .game-sidebar > div:nth-child(2) { grid-row: 2 !important; }
.game-overlay[data-game-overlay] .game-sidebar__item:nth-child(3),
.game-overlay[data-game-overlay] .game-sidebar > div:nth-child(3) { grid-row: 3 !important; }

.game-overlay[data-game-overlay] .game-sidebar__item::after,
.game-overlay[data-game-overlay] .game-sidebar > div::after {
    content: "" !important;
    position: absolute !important;
    left: 16px !important;
    top: 86px !important;
    width: 88px !important;
    height: 0.6px !important;
    background: currentColor !important;
    opacity: 0.58 !important;
}

.game-overlay[data-game-overlay] .game-sidebar__label,
.game-overlay[data-game-overlay] .game-sidebar span {
    display: block !important;
    font-family: var(--font-copy) !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 400 !important;
    letter-spacing: -0.03em !important;
    opacity: 0.62 !important;
    color: currentColor !important;
    white-space: nowrap !important;
}

.game-overlay[data-game-overlay] .game-sidebar__value,
.game-overlay[data-game-overlay] .game-sidebar small,
.game-overlay[data-game-overlay] .game-sidebar strong {
    display: block !important;
    margin-top: 3px !important;
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em !important;
    opacity: 1 !important;
    color: currentColor !important;
    white-space: nowrap !important;
}

.game-overlay[data-game-overlay] .game-board > .game-stage {
    position: absolute !important;
    left: 269px !important;
    top: 120px !important;
    width: 1051px !important;
    height: 720px !important;
    min-width: 1051px !important;
    max-width: 1051px !important;
    min-height: 720px !important;
    max-height: 720px !important;
    display: grid !important;
    grid-template-columns: 1051px !important;
    grid-template-rows: 120px 600px !important;
    grid-column: auto !important;
    grid-row: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0.6px solid rgba(217, 217, 217, 0.58) !important;
    background: transparent !important;
    color: #ededed !important;
    transform: none !important;
    overflow: hidden !important;
}

.game-overlay[data-game-overlay] .game-stage__header {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: relative !important;
    width: 1051px !important;
    height: 120px !important;
    display: grid !important;
    grid-template-columns: 87px 844px 120px !important;
    grid-template-rows: 120px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.game-overlay[data-game-overlay] .game-stage__header::after {
    content: "" !important;
    position: absolute !important;
    left: 32px !important;
    bottom: 26px !important;
    width: 988px !important;
    height: 0.6px !important;
    background: currentColor !important;
    opacity: 0.58 !important;
}

.game-overlay[data-game-overlay] [data-game-kicker] {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    align-self: start !important;
    margin: 48px 0 0 0 !important;
    padding: 0 !important;
    font-family: var(--font-copy) !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
    white-space: nowrap !important;
    color: currentColor !important;
}

.game-overlay[data-game-overlay] .game-stage__header .text-button {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: start !important;
    position: static !important;
    margin: 48px 45px 0 0 !important;
    padding: 0 !important;
    font-family: var(--font-copy) !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
    white-space: nowrap !important;
    color: currentColor !important;
}

.game-overlay[data-game-overlay] .game-stage__content {
    grid-row: 2 !important;
    grid-column: 1 !important;
    position: relative !important;
    width: 1051px !important;
    height: 600px !important;
    min-width: 1051px !important;
    max-width: 1051px !important;
    min-height: 600px !important;
    max-height: 600px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
}

.game-overlay[data-game-overlay] .intro-challenge,
.game-overlay[data-game-overlay] .level-shell,
.game-overlay[data-game-overlay] .resolution-screen,
.game-overlay[data-game-overlay] .summary-screen,
.game-overlay[data-game-overlay] .loading-lines,
.game-overlay[data-game-overlay] [data-level-root] {
    width: 1051px !important;
    height: 600px !important;
    min-width: 1051px !important;
    max-width: 1051px !important;
    min-height: 600px !important;
    max-height: 600px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 87px 844px 120px !important;
    grid-template-rows: 240px 360px !important;
    align-items: start !important;
    position: relative !important;
    overflow: hidden !important;
    transform: none !important;
    translate: none !important;
    scale: none !important;
}

.game-overlay[data-game-overlay] .level-title,
.game-overlay[data-game-overlay] .intro-challenge h2,
.game-overlay[data-game-overlay] .resolution-screen h2,
.game-overlay[data-game-overlay] .summary-screen h2,
.game-overlay[data-game-overlay] .loading-lines h2 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 844px !important;
    height: 240px !important;
    min-width: 844px !important;
    max-width: 844px !important;
    min-height: 240px !important;
    max-height: 240px !important;
    margin: 32px 0 0 0 !important;
    padding: 0 !important;
    font-family: var(--font-copy) !important;
    font-size: 76px !important;
    line-height: 0.92 !important;
    font-weight: 400 !important;
    letter-spacing: -3px !important;
    color: currentColor !important;
    overflow: visible !important;
    text-wrap: balance !important;
}

.game-overlay[data-game-overlay] .level-copy,
.game-overlay[data-game-overlay] .intro-challenge p,
.game-overlay[data-game-overlay] .resolution-screen p,
.game-overlay[data-game-overlay] .summary-screen p,
.game-overlay[data-game-overlay] .loading-lines p,
.game-overlay[data-game-overlay] .level-shell > p {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 844px !important;
    max-width: 844px !important;
    margin: 28px 0 0 0 !important;
    padding: 0 !important;
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    letter-spacing: -0.03em !important;
    color: currentColor !important;
}

.game-overlay[data-game-overlay] .settings-list,
.game-overlay[data-game-overlay] .choice-list,
.game-overlay[data-game-overlay] .path-stack,
.game-overlay[data-game-overlay] .path-options,
.game-overlay[data-game-overlay] .social-options,
.game-overlay[data-game-overlay] .word-cloud,
.game-overlay[data-game-overlay] .text-cloud,
.game-overlay[data-game-overlay] .menu-tree,
.game-overlay[data-game-overlay] .terminal-tree,
.game-overlay[data-game-overlay] .option-rail,
.game-overlay[data-game-overlay] .progress-options,
.game-overlay[data-game-overlay] .summary-table {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 844px !important;
    max-width: 844px !important;
    margin: 28px 0 0 0 !important;
    padding: 0 !important;
}

.game-overlay[data-game-overlay] .settings-list { margin-top: 20px !important; }
.game-overlay[data-game-overlay] .path-stack,
.game-overlay[data-game-overlay] .path-options { margin-top: 150px !important; }
.game-overlay[data-game-overlay] .social-options,
.game-overlay[data-game-overlay] .option-rail { margin-top: 96px !important; }
.game-overlay[data-game-overlay] .menu-tree,
.game-overlay[data-game-overlay] .terminal-tree { margin-top: 130px !important; height: 205px !important; overflow: hidden !important; }
.game-overlay[data-game-overlay] .progress-options { margin-top: 176px !important; }
.game-overlay[data-game-overlay] .word-cloud,
.game-overlay[data-game-overlay] .text-cloud { margin-top: 2px !important; height: 340px !important; }

.game-overlay[data-game-overlay] .setting-row,
.game-overlay[data-game-overlay] .choice-row,
.game-overlay[data-game-overlay] .path-option,
.game-overlay[data-game-overlay] .option-row,
.game-overlay[data-game-overlay] .social-option,
.game-overlay[data-game-overlay] .progress-choice,
.game-overlay[data-game-overlay] .progress-row {
    min-height: 56px !important;
    padding: 0 6px !important;
    border-bottom: 0.6px solid currentColor !important;
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    letter-spacing: -0.03em !important;
    opacity: 0.78 !important;
}

.game-overlay[data-game-overlay] .action-link,
.game-overlay[data-game-overlay] .game-action,
.game-overlay[data-game-overlay] .level-action,
.game-overlay[data-game-overlay] .level-shell > .action-link,
.game-overlay[data-game-overlay] .intro-challenge > .action-link,
.game-overlay[data-game-overlay] .resolution-screen .action-link,
.game-overlay[data-game-overlay] .summary-screen .action-link,
.game-overlay[data-game-overlay] [data-confirm-settings],
.game-overlay[data-game-overlay] [data-path],
.game-overlay[data-game-overlay] [data-calculate],
.game-overlay[data-game-overlay] [data-skip-level] {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: start !important;
    align-self: start !important;
    margin: 286px 0 0 0 !important;
    padding: 0 !important;
    font-family: var(--font-copy) !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
    color: currentColor !important;
    white-space: nowrap !important;
}

.game-overlay[data-game-overlay] .level-shell--five .urgent-backdrop {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(27, 28, 30, 0.74) !important;
}

.game-overlay[data-game-overlay] .level-shell--five .urgent-modal {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 880px !important;
    height: 560px !important;
    transform: translate(-50%, -50%) !important;
    border: 0.6px solid currentColor !important;
    padding: 54px 42px !important;
}

.game-overlay[data-game-overlay] .urgent-clock {
    font-family: var(--font-hero) !important;
    font-size: 66px !important;
    line-height: 0.8 !important;
}

.game-overlay[data-game-overlay] .progress-number {
    width: 78px !important;
    font-family: var(--font-hero) !important;
    font-size: 42px !important;
    line-height: 1 !important;
}

.game-overlay[data-game-overlay].is-resolution,
.game-overlay[data-game-overlay].is-summary {
    background: #ededed !important;
    color: #1b1c1e !important;
}

.game-overlay[data-game-overlay].is-resolution .game-board,
.game-overlay[data-game-overlay].is-summary .game-board {
    background: #ededed !important;
}

.game-overlay[data-game-overlay].is-resolution .game-board > .game-sidebar,
.game-overlay[data-game-overlay].is-resolution .game-board > .game-stage,
.game-overlay[data-game-overlay].is-summary .game-board > .game-sidebar,
.game-overlay[data-game-overlay].is-summary .game-board > .game-stage {
    border-color: rgba(27, 28, 30, 0.58) !important;
}
/* End Codex exact 12x8 game grid v5 */


/* Codex game board hard reset v6 - exact 12x8 Figma frame */
html body .game-overlay[data-game-overlay] {
    --board-width: 1440px;
    --board-height: 960px;
    --tile: 120px;
    --sidebar-x: 120px;
    --sidebar-y: 120px;
    --sidebar-width: 120px;
    --frame-height: 720px;
    --stage-x: 269px;
    --stage-y: 120px;
    --stage-width: 1051px;
    --stage-header-height: 120px;
    --stage-body-height: 600px;
    --stage-content-x: 87px;
    --stage-copy-width: 844px;
    --game-line: rgba(217, 217, 217, 0.58);
    --game-text: #ededed;
    --game-bg: #1b1c1e;
    --game-light-bg: #ededed;
    --game-dark-text: #1b1c1e;
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: var(--game-bg) !important;
    color: var(--game-text) !important;
    overflow: hidden !important;
    z-index: 9999 !important;
    display: none !important;
    isolation: isolate !important;
}

html body .game-overlay[data-game-overlay].is-active {
    display: block !important;
}

html body .game-overlay[data-game-overlay].is-resolution,
html body .game-overlay[data-game-overlay].is-summary {
    background: var(--game-light-bg) !important;
    color: var(--game-dark-text) !important;
    --game-line: rgba(27, 28, 30, 0.62);
    --game-text: #1b1c1e;
}

html body .game-overlay[data-game-overlay] .game-board {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: var(--board-width) !important;
    height: var(--board-height) !important;
    min-width: var(--board-width) !important;
    max-width: var(--board-width) !important;
    min-height: var(--board-height) !important;
    max-height: var(--board-height) !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    overflow: hidden !important;
    transform: translate(-50%, -50%) scale(var(--game-scale, 1)) !important;
    transform-origin: center center !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

html body .game-overlay[data-game-overlay] .game-board::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0;
    background-image:
        linear-gradient(rgba(255, 55, 55, 0.4) 0.6px, transparent 0.6px),
        linear-gradient(90deg, rgba(255, 55, 55, 0.4) 0.6px, transparent 0.6px);
    background-size: var(--tile) var(--tile);
}

html body .game-overlay[data-game-overlay] .game-sidebar {
    position: absolute !important;
    left: var(--sidebar-x) !important;
    top: var(--sidebar-y) !important;
    width: var(--sidebar-width) !important;
    height: var(--frame-height) !important;
    min-width: var(--sidebar-width) !important;
    max-width: var(--sidebar-width) !important;
    min-height: var(--frame-height) !important;
    max-height: var(--frame-height) !important;
    padding: 44px 14px 0 16px !important;
    margin: 0 !important;
    border: 0.6px solid var(--game-line) !important;
    box-sizing: border-box !important;
    display: block !important;
    overflow: hidden !important;
    background: transparent !important;
    color: inherit !important;
}

html body .game-overlay[data-game-overlay] .game-sidebar__item {
    position: relative !important;
    width: 90px !important;
    height: 96px !important;
    margin: 0 0 22px 0 !important;
    padding: 0 0 12px 0 !important;
    border-bottom: 0.6px solid var(--game-line) !important;
    display: block !important;
    overflow: visible !important;
}

html body .game-overlay[data-game-overlay] .game-sidebar__label {
    display: block !important;
    margin: 0 0 5px 0 !important;
    font-family: var(--font-copy) !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    color: rgba(237, 237, 237, 0.58) !important;
    letter-spacing: -0.03em !important;
}

html body .game-overlay[data-game-overlay].is-resolution .game-sidebar__label,
html body .game-overlay[data-game-overlay].is-summary .game-sidebar__label {
    color: rgba(27, 28, 30, 0.58) !important;
}

html body .game-overlay[data-game-overlay] .game-sidebar__value {
    display: block !important;
    margin: 0 !important;
    max-width: 90px !important;
    font-family: var(--font-copy) !important;
    font-size: 17px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    color: var(--game-text) !important;
    letter-spacing: -0.04em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}

html body .game-overlay[data-game-overlay] .game-stage {
    position: absolute !important;
    left: var(--stage-x) !important;
    top: var(--stage-y) !important;
    width: var(--stage-width) !important;
    height: var(--frame-height) !important;
    min-width: var(--stage-width) !important;
    max-width: var(--stage-width) !important;
    min-height: var(--frame-height) !important;
    max-height: var(--frame-height) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0.6px solid var(--game-line) !important;
    box-sizing: border-box !important;
    display: block !important;
    overflow: hidden !important;
    background: transparent !important;
    color: inherit !important;
}

html body .game-overlay[data-game-overlay] .game-stage__header {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: var(--stage-width) !important;
    height: var(--stage-header-height) !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: 87px 844px 120px !important;
    align-items: center !important;
    border: 0 !important;
    box-sizing: border-box !important;
}

html body .game-overlay[data-game-overlay] .game-stage__header::after {
    content: "" !important;
    position: absolute !important;
    left: 31px !important;
    right: 31px !important;
    bottom: 35px !important;
    height: 0.6px !important;
    background: var(--game-line) !important;
}

html body .game-overlay[data-game-overlay] [data-game-kicker] {
    grid-column: 2 !important;
    justify-self: start !important;
    align-self: center !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--font-copy) !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
    color: var(--game-text) !important;
}

html body .game-overlay[data-game-overlay] [data-exit-game] {
    grid-column: 3 !important;
    justify-self: center !important;
    align-self: center !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    color: var(--game-text) !important;
    background: transparent !important;
    border: 0 !important;
}

html body .game-overlay[data-game-overlay] .game-stage__content {
    position: absolute !important;
    left: 0 !important;
    top: var(--stage-header-height) !important;
    width: var(--stage-width) !important;
    height: var(--stage-body-height) !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

html body .game-overlay[data-game-overlay] .intro-challenge,
html body .game-overlay[data-game-overlay] .level-shell,
html body .game-overlay[data-game-overlay] .resolution-screen,
html body .game-overlay[data-game-overlay] .summary-screen,
html body .game-overlay[data-game-overlay] .loading-lines,
html body .game-overlay[data-game-overlay] [data-level-root] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: var(--stage-width) !important;
    height: var(--stage-body-height) !important;
    min-width: var(--stage-width) !important;
    max-width: var(--stage-width) !important;
    min-height: var(--stage-body-height) !important;
    max-height: var(--stage-body-height) !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

html body .game-overlay[data-game-overlay] .intro-challenge h2,
html body .game-overlay[data-game-overlay] .level-title,
html body .game-overlay[data-game-overlay] .resolution-title,
html body .game-overlay[data-game-overlay] .summary-title,
html body .game-overlay[data-game-overlay] .loading-lines h2 {
    position: absolute !important;
    left: var(--stage-content-x) !important;
    top: 36px !important;
    width: var(--stage-copy-width) !important;
    height: 240px !important;
    max-width: var(--stage-copy-width) !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--font-copy) !important;
    font-size: 76px !important;
    line-height: 0.92 !important;
    font-weight: 400 !important;
    letter-spacing: -3px !important;
    color: var(--game-text) !important;
    overflow: visible !important;
    text-wrap: balance !important;
}

html body .game-overlay[data-game-overlay].is-resolution .resolution-title,
html body .game-overlay[data-game-overlay].is-summary .summary-title {
    color: var(--game-dark-text) !important;
    font-size: 76px !important;
    line-height: 0.92 !important;
}

html body .game-overlay[data-game-overlay] .intro-challenge p,
html body .game-overlay[data-game-overlay] .level-copy,
html body .game-overlay[data-game-overlay] .resolution-text,
html body .game-overlay[data-game-overlay] .summary-copy,
html body .game-overlay[data-game-overlay] .loading-lines p {
    position: absolute !important;
    left: var(--stage-content-x) !important;
    top: 302px !important;
    width: var(--stage-copy-width) !important;
    max-width: var(--stage-copy-width) !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    letter-spacing: -0.03em !important;
    color: var(--game-text) !important;
}

html body .game-overlay[data-game-overlay].is-resolution .resolution-text,
html body .game-overlay[data-game-overlay].is-summary .summary-copy {
    color: rgba(27, 28, 30, 0.74) !important;
}

html body .game-overlay[data-game-overlay] .settings-list {
    position: absolute !important;
    left: var(--stage-content-x) !important;
    top: 306px !important;
    width: var(--stage-copy-width) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

html body .game-overlay[data-game-overlay] .setting-row {
    width: var(--stage-copy-width) !important;
    height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 0.6px solid var(--game-line) !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    letter-spacing: -0.03em !important;
    color: var(--game-text) !important;
}

html body .game-overlay[data-game-overlay] .level-shell > .action-link,
html body .game-overlay[data-game-overlay] .intro-challenge > .action-link,
html body .game-overlay[data-game-overlay] .resolution-screen > .action-link,
html body .game-overlay[data-game-overlay] .summary-screen > .action-link,
html body .game-overlay[data-game-overlay] .loading-lines > .action-link,
html body .game-overlay[data-game-overlay] [data-confirm-settings] {
    position: absolute !important;
    left: var(--stage-content-x) !important;
    top: 475px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--font-copy) !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
    color: #d8f8ff !important;
    background: transparent !important;
    border: 0 !important;
    text-shadow: 0 0 4.2px rgba(216, 248, 255, 0.9), 0 0 14px rgba(216, 248, 255, 0.35) !important;
}

html body .game-overlay[data-game-overlay] .path-stack .action-link,
html body .game-overlay[data-game-overlay] .path-options .action-link,
html body .game-overlay[data-game-overlay] .social-options .action-link,
html body .game-overlay[data-game-overlay] .option-rail .action-link,
html body .game-overlay[data-game-overlay] .progress-options .action-link,
html body .game-overlay[data-game-overlay] .menu-tree .action-link {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    margin: 0 !important;
}

html body .game-overlay[data-game-overlay] .path-stack,
html body .game-overlay[data-game-overlay] .path-options,
html body .game-overlay[data-game-overlay] .choice-list,
html body .game-overlay[data-game-overlay] .social-options,
html body .game-overlay[data-game-overlay] .option-rail,
html body .game-overlay[data-game-overlay] .progress-options,
html body .game-overlay[data-game-overlay] .summary-table {
    position: absolute !important;
    left: var(--stage-content-x) !important;
    top: 340px !important;
    width: var(--stage-copy-width) !important;
    max-width: var(--stage-copy-width) !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body .game-overlay[data-game-overlay] .level-shell--two .level-copy,
html body .game-overlay[data-game-overlay] .level-shell--four .level-copy,
html body .game-overlay[data-game-overlay] .level-shell--six .level-copy,
html body .game-overlay[data-game-overlay] .level-shell--seven .level-copy {
    top: 285px !important;
}

html body .game-overlay[data-game-overlay] .level-shell--two .path-stack,
html body .game-overlay[data-game-overlay] .level-shell--four .social-options,
html body .game-overlay[data-game-overlay] .level-shell--seven .progress-options {
    top: 400px !important;
}

html body .game-overlay[data-game-overlay] .word-cloud,
html body .game-overlay[data-game-overlay] .text-cloud {
    position: absolute !important;
    left: 176px !important;
    top: 145px !important;
    width: 760px !important;
    height: 420px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

html body .game-overlay[data-game-overlay] .hint-stack {
    position: absolute !important;
    left: -185px !important;
    top: 330px !important;
    width: 120px !important;
    display: grid !important;
    gap: 56px !important;
}

html body .game-overlay[data-game-overlay] .menu-tree {
    position: absolute !important;
    left: var(--stage-content-x) !important;
    top: 350px !important;
    width: var(--stage-copy-width) !important;
    height: 230px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

html body .game-overlay[data-game-overlay] .urgent-backdrop {
    position: absolute !important;
    inset: -120px 0 0 0 !important;
    width: var(--stage-width) !important;
    height: var(--frame-height) !important;
    display: block !important;
    background: rgba(27, 28, 30, 0.7) !important;
    backdrop-filter: blur(7px) !important;
}

html body .game-overlay[data-game-overlay] .urgent-modal {
    position: absolute !important;
    left: 51px !important;
    top: 8px !important;
    width: 880px !important;
    height: 548px !important;
    border: 0.6px solid var(--game-line) !important;
    padding: 50px 40px !important;
    box-sizing: border-box !important;
    background: rgba(27, 28, 30, 0.66) !important;
}

html body .game-overlay[data-game-overlay] .urgent-modal .level-title {
    position: static !important;
    width: 790px !important;
    height: auto !important;
    font-size: 72px !important;
    line-height: 0.92 !important;
    margin: 0 0 24px 0 !important;
}

html body .game-overlay[data-game-overlay] .urgent-modal .level-copy,
html body .game-overlay[data-game-overlay] .urgent-modal .action-link {
    position: static !important;
    width: auto !important;
}

html body .game-overlay[data-game-overlay] .countdown-big {
    position: static !important;
    display: block !important;
    margin: 50px 0 28px 0 !important;
    font-family: var(--font-hero) !important;
    font-size: 64px !important;
    line-height: .8 !important;
    color: #d8f8ff !important;
    text-shadow: 0 0 4.2px rgba(216, 248, 255, 0.9), 0 0 18px rgba(216, 248, 255, 0.5) !important;
}

html body .game-overlay[data-game-overlay] .resolution-screen > .action-link,
html body .game-overlay[data-game-overlay] .summary-screen > .action-link {
    color: var(--game-dark-text) !important;
    text-shadow: none !important;
    top: 470px !important;
}

html body .game-overlay[data-game-overlay] .penalty-line {
    position: absolute !important;
    left: var(--stage-content-x) !important;
    top: 420px !important;
    width: var(--stage-copy-width) !important;
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em !important;
    color: rgba(27, 28, 30, 0.72) !important;
}

html body .game-overlay[data-game-overlay] .progress-row,
html body .game-overlay[data-game-overlay] .choice-row,
html body .game-overlay[data-game-overlay] .social-option {
    min-height: 56px !important;
    border-bottom: 0.6px solid var(--game-line) !important;
    display: grid !important;
    align-items: center !important;
}

html body .game-overlay[data-game-overlay] .loading-overlay {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: grid !important;
    place-items: center !important;
    background: rgba(27, 28, 30, 0.92) !important;
    z-index: 50 !important;
}
/* End Codex game board hard reset v6 */

/* Codex game board hard reset v7 - exact 12x8 Figma frame, scaled only once */
html body section.game-overlay[data-game-overlay] {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;
  display: none !important;
  width: 100vw !important;
  height: 100vh !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #1b1c1e !important;
  color: #ededed !important;
  transform: none !important;
  isolation: isolate !important;
}

html body section.game-overlay[data-game-overlay].is-active {
  display: block !important;
}

html body section.game-overlay[data-game-overlay].is-resolution,
html body section.game-overlay[data-game-overlay].is-summary {
  background: #ededed !important;
  color: #1b1c1e !important;
}

html body section.game-overlay[data-game-overlay] > .game-board {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 1440px !important;
  height: 960px !important;
  min-width: 1440px !important;
  max-width: 1440px !important;
  min-height: 960px !important;
  max-height: 960px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  overflow: hidden !important;
  background: #1b1c1e !important;
  transform: translate(-50%, -50%) scale(var(--game-scale, 1)) !important;
  transform-origin: center center !important;
  box-sizing: border-box !important;
  contain: layout style paint !important;
}

html body section.game-overlay[data-game-overlay].is-resolution > .game-board,
html body section.game-overlay[data-game-overlay].is-summary > .game-board {
  background: #ededed !important;
}

html body section.game-overlay[data-game-overlay] > .game-board > .game-sidebar,
html body section.game-overlay[data-game-overlay] > .game-board > .game-stage {
  position: absolute !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  transform: none !important;
  scale: 1 !important;
  box-sizing: border-box !important;
  border: 0.6px solid rgba(217, 217, 217, 0.58) !important;
  background: transparent !important;
}

html body section.game-overlay[data-game-overlay] > .game-board > .game-sidebar {
  left: 120px !important;
  top: 120px !important;
  width: 120px !important;
  height: 720px !important;
  display: block !important;
  overflow: hidden !important;
  padding: 44px 14px 0 16px !important;
}

html body section.game-overlay[data-game-overlay] > .game-board > .game-stage {
  left: 269px !important;
  top: 120px !important;
  width: 1051px !important;
  height: 720px !important;
  display: block !important;
  overflow: hidden !important;
}

html body section.game-overlay[data-game-overlay].is-resolution > .game-board > .game-sidebar,
html body section.game-overlay[data-game-overlay].is-resolution > .game-board > .game-stage,
html body section.game-overlay[data-game-overlay].is-summary > .game-board > .game-sidebar,
html body section.game-overlay[data-game-overlay].is-summary > .game-board > .game-stage {
  border-color: rgba(27, 28, 30, 0.58) !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__item {
  width: 88px !important;
  margin: 0 0 56px 0 !important;
  padding: 0 0 11px 0 !important;
  border-bottom: 0.6px solid rgba(217, 217, 217, 0.58) !important;
  color: inherit !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .game-sidebar__item,
html body section.game-overlay[data-game-overlay].is-summary .game-sidebar__item {
  border-bottom-color: rgba(27, 28, 30, 0.58) !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__label {
  display: block !important;
  font-family: var(--font-copy) !important;
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 400 !important;
  color: rgba(237, 237, 237, 0.55) !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__value {
  display: block !important;
  margin-top: 3px !important;
  font-family: var(--font-copy) !important;
  font-size: 16px !important;
  line-height: 20px !important;
  font-weight: 700 !important;
  color: #ededed !important;
  letter-spacing: -0.01em !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .game-sidebar__label,
html body section.game-overlay[data-game-overlay].is-summary .game-sidebar__label {
  color: rgba(27, 28, 30, 0.5) !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .game-sidebar__value,
html body section.game-overlay[data-game-overlay].is-summary .game-sidebar__value {
  color: #1b1c1e !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__header {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 1051px !important;
  height: 120px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  border: 0 !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__header::after {
  content: "" !important;
  position: absolute !important;
  left: 31px !important;
  top: 73px !important;
  width: 988px !important;
  height: 0.6px !important;
  background: rgba(217, 217, 217, 0.58) !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .game-stage__header::after,
html body section.game-overlay[data-game-overlay].is-summary .game-stage__header::after {
  background: rgba(27, 28, 30, 0.58) !important;
}

html body section.game-overlay[data-game-overlay] [data-game-kicker] {
  position: absolute !important;
  left: 87px !important;
  top: 47px !important;
  font-family: var(--font-copy) !important;
  font-size: 24px !important;
  line-height: 28px !important;
  font-weight: 700 !important;
  letter-spacing: -1px !important;
  color: #ededed !important;
  white-space: nowrap !important;
}

html body section.game-overlay[data-game-overlay] [data-exit-game] {
  position: absolute !important;
  right: 32px !important;
  top: 47px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--font-copy) !important;
  font-size: 16px !important;
  line-height: 28px !important;
  font-weight: 700 !important;
  color: #ededed !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

html body section.game-overlay[data-game-overlay].is-resolution [data-game-kicker],
html body section.game-overlay[data-game-overlay].is-resolution [data-exit-game],
html body section.game-overlay[data-game-overlay].is-summary [data-game-kicker],
html body section.game-overlay[data-game-overlay].is-summary [data-exit-game] {
  color: #1b1c1e !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__content {
  position: absolute !important;
  left: 0 !important;
  top: 120px !important;
  width: 1051px !important;
  height: 600px !important;
  min-width: 1051px !important;
  min-height: 600px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  overflow: hidden !important;
  transform: none !important;
  box-sizing: border-box !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__content > *,
html body section.game-overlay[data-game-overlay] .intro-challenge,
html body section.game-overlay[data-game-overlay] .level-shell,
html body section.game-overlay[data-game-overlay] .resolution-screen,
html body section.game-overlay[data-game-overlay] .summary-screen,
html body section.game-overlay[data-game-overlay] .loading-lines {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 1051px !important;
  height: 600px !important;
  min-width: 1051px !important;
  min-height: 600px !important;
  max-width: 1051px !important;
  max-height: 600px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  overflow: hidden !important;
  transform: none !important;
  box-sizing: border-box !important;
}

html body section.game-overlay[data-game-overlay] .intro-challenge h2,
html body section.game-overlay[data-game-overlay] .level-title,
html body section.game-overlay[data-game-overlay] .loading-lines h2 {
  position: absolute !important;
  left: 87px !important;
  top: 36px !important;
  width: 844px !important;
  height: 240px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--font-copy) !important;
  font-size: 76px !important;
  line-height: 0.92 !important;
  font-weight: 400 !important;
  letter-spacing: -3px !important;
  color: #ededed !important;
  text-transform: none !important;
  overflow: visible !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen h2,
html body section.game-overlay[data-game-overlay].is-summary .summary-screen h2 {
  position: static !important;
  width: auto !important;
  height: auto !important;
  font-family: var(--font-copy) !important;
  font-size: 76px !important;
  line-height: 0.92 !important;
  font-weight: 400 !important;
  letter-spacing: -3px !important;
  color: #1b1c1e !important;
}

html body section.game-overlay[data-game-overlay] .level-body,
html body section.game-overlay[data-game-overlay] .level-actions,
html body section.game-overlay[data-game-overlay] .settings-list,
html body section.game-overlay[data-game-overlay] .escape-paths,
html body section.game-overlay[data-game-overlay] .route-picker,
html body section.game-overlay[data-game-overlay] .labyrinth-menu,
html body section.game-overlay[data-game-overlay] .progress-options {
  position: absolute !important;
  left: 87px !important;
  top: 320px !important;
  width: 700px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

html body section.game-overlay[data-game-overlay] .settings-list {
  width: 720px !important;
  top: 306px !important;
}

html body section.game-overlay[data-game-overlay] .setting-row {
  width: 720px !important;
  min-height: 58px !important;
  padding: 0 0 14px 0 !important;
  margin: 0 0 20px 0 !important;
  border-bottom: 0.6px solid rgba(217, 217, 217, 0.58) !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 15px !important;
  color: #ededed !important;
}

html body section.game-overlay[data-game-overlay] .setting-row input {
  width: 14px !important;
  height: 14px !important;
  margin-top: 2px !important;
}

html body section.game-overlay[data-game-overlay] .intro-challenge .text-button,
html body section.game-overlay[data-game-overlay] .level-shell > .text-button,
html body section.game-overlay[data-game-overlay] .level-actions .text-button,
html body section.game-overlay[data-game-overlay] .escape-paths .text-button,
html body section.game-overlay[data-game-overlay] .route-picker .text-button,
html body section.game-overlay[data-game-overlay] .progress-options .text-button,
html body section.game-overlay[data-game-overlay] .labyrinth-menu .text-button {
  font-family: var(--font-copy) !important;
  font-size: 24px !important;
  line-height: 28px !important;
  font-weight: 700 !important;
  letter-spacing: -1px !important;
  color: #dffaff !important;
  text-shadow: var(--glow-strong) !important;
}

html body section.game-overlay[data-game-overlay] .intro-challenge > .text-button {
  position: absolute !important;
  left: 87px !important;
  top: 484px !important;
}

html body section.game-overlay[data-game-overlay] .resolution-screen,
html body section.game-overlay[data-game-overlay] .summary-screen {
  padding: 45px 87px !important;
  color: #1b1c1e !important;
  background: #ededed !important;
}

html body section.game-overlay[data-game-overlay] .resolution-screen p,
html body section.game-overlay[data-game-overlay] .summary-screen p {
  width: 760px !important;
  font-family: var(--font-copy) !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: -0.03em !important;
}

html body section.game-overlay[data-game-overlay] .resolution-screen .text-button,
html body section.game-overlay[data-game-overlay] .summary-screen .text-button {
  margin-top: 32px !important;
  color: #1b1c1e !important;
  text-shadow: 0 0 4.2px rgba(0, 0, 0, 0.58) !important;
}

@media (max-width: 900px) {
  html body section.game-overlay[data-game-overlay] > .game-board {
    transform: translate(-50%, -50%) scale(var(--game-scale, 1)) !important;
  }
}


/* Codex game board hard reset v9 */
html body section.game-overlay[data-game-overlay] {
    --board-fit-scale: min(calc(100vw / 1440), calc(100vh / 960));
    --game-scale: 1 !important;
    --game-board-width: 1440px;
    --game-board-height: 960px;
    --game-cell: 120px;
    --game-bg: #1b1c1e;
    --game-copy: #d9d9d9;
    --game-muted: rgba(217, 217, 217, 0.58);
    --game-line: rgba(217, 217, 217, 0.58);
    --game-line-soft: rgba(217, 217, 217, 0.34);
    --game-glow: #d9fbff;
    position: fixed !important;
    inset: 0 !important;
    z-index: 9999 !important;
    width: 100vw !important;
    height: 100vh !important;
    min-width: 100vw !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    display: none !important;
    place-items: center !important;
    overflow: hidden !important;
    background: var(--game-bg) !important;
    color: var(--game-copy) !important;
}

html body section.game-overlay[data-game-overlay].is-active {
    display: grid !important;
}

html body section.game-overlay[data-game-overlay] > .game-board {
    --game-scale: 1 !important;
    position: relative !important;
    width: 1440px !important;
    height: 960px !important;
    min-width: 1440px !important;
    min-height: 960px !important;
    max-width: 1440px !important;
    max-height: 960px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    background: var(--game-bg) !important;
    transform: scale(var(--board-fit-scale, 1)) !important;
    transform-origin: center center !important;
    contain: layout paint !important;
}

html body section.game-overlay[data-game-overlay].is-resolution > .game-board,
html body section.game-overlay[data-game-overlay].is-summary > .game-board,
html body section.game-overlay[data-game-overlay].is-loading > .game-board {
    width: 1440px !important;
    height: 960px !important;
    transform: scale(var(--board-fit-scale, 1)) !important;
}

html body section.game-overlay[data-game-overlay] > .game-board,
html body section.game-overlay[data-game-overlay] > .game-board * {
    --game-scale: 1 !important;
    box-sizing: border-box !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar {
    position: absolute !important;
    left: 120px !important;
    top: 120px !important;
    width: 120px !important;
    height: 720px !important;
    min-width: 120px !important;
    min-height: 720px !important;
    max-width: 120px !important;
    max-height: 720px !important;
    margin: 0 !important;
    padding: 48px 14px 0 16px !important;
    display: block !important;
    overflow: hidden !important;
    border: 0.6px solid var(--game-line) !important;
    background: transparent !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__item {
    width: 92px !important;
    height: auto !important;
    margin: 0 0 72px !important;
    padding: 0 0 9px !important;
    border: 0 !important;
    border-bottom: 0.6px solid var(--game-line) !important;
    display: block !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__label,
html body section.game-overlay[data-game-overlay] .game-sidebar__value {
    display: block !important;
    font-family: var(--font-code, "Source Code Pro", monospace) !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    white-space: nowrap !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__label {
    margin: 0 0 5px !important;
    font-size: 16px !important;
    line-height: 1.15 !important;
    font-weight: 400 !important;
    color: rgba(217, 217, 217, 0.58) !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__value {
    font-size: 18px !important;
    line-height: 1.05 !important;
    font-weight: 700 !important;
    color: var(--game-copy) !important;
}

html body section.game-overlay[data-game-overlay] .game-stage {
    position: absolute !important;
    left: 269px !important;
    top: 120px !important;
    width: 1051px !important;
    height: 720px !important;
    min-width: 1051px !important;
    min-height: 720px !important;
    max-width: 1051px !important;
    max-height: 720px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    border: 0.6px solid var(--game-line) !important;
    background: transparent !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__header {
    position: absolute !important;
    left: 31px !important;
    top: 43px !important;
    width: 988px !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    border: 0 !important;
    color: var(--game-copy) !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__header::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -21px !important;
    height: 0.6px !important;
    background: var(--game-line) !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__header > span {
    position: absolute !important;
    left: 56px !important;
    top: 0 !important;
    display: block !important;
    font-family: var(--font-code, "Source Code Pro", monospace) !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
    white-space: nowrap !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__header .text-button {
    position: absolute !important;
    right: 14px !important;
    top: 0 !important;
    min-width: 0 !important;
    width: auto !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--game-copy) !important;
    font-family: var(--font-code, "Source Code Pro", monospace) !important;
    font-size: 16px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__content {
    position: absolute !important;
    left: 0 !important;
    top: 120px !important;
    width: 1051px !important;
    height: 600px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__content > *,
html body section.game-overlay[data-game-overlay] .intro-challenge,
html body section.game-overlay[data-game-overlay] .level-shell,
html body section.game-overlay[data-game-overlay] .resolution-screen,
html body section.game-overlay[data-game-overlay] .summary-screen,
html body section.game-overlay[data-game-overlay] .loading-lines {
    position: absolute !important;
    inset: 0 auto auto 0 !important;
    width: 1051px !important;
    height: 600px !important;
    min-width: 1051px !important;
    min-height: 600px !important;
    max-width: 1051px !important;
    max-height: 600px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .level-title,
html body section.game-overlay[data-game-overlay] .intro-challenge .level-title,
html body section.game-overlay[data-game-overlay] .resolution-screen h2,
html body section.game-overlay[data-game-overlay] .summary-screen h2 {
    position: absolute !important;
    left: 87px !important;
    top: 39px !important;
    width: 844px !important;
    min-width: 844px !important;
    max-width: 844px !important;
    height: 240px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--game-copy) !important;
    font-family: var(--font-code, "Source Code Pro", monospace) !important;
    font-size: 76px !important;
    line-height: 0.95 !important;
    font-weight: 400 !important;
    letter-spacing: -3px !important;
    text-transform: none !important;
    text-align: left !important;
    overflow: visible !important;
}

html body section.game-overlay[data-game-overlay] .intro-challenge .level-title {
    font-family: var(--font-hero, "CoFo Sans Pixel", "Source Code Pro", monospace) !important;
    font-size: 92px !important;
    line-height: 0.86 !important;
}

html body section.game-overlay[data-game-overlay] .level-copy,
html body section.game-overlay[data-game-overlay] .intro-challenge .level-copy,
html body section.game-overlay[data-game-overlay] .resolution-screen p,
html body section.game-overlay[data-game-overlay] .summary-screen p,
html body section.game-overlay[data-game-overlay] .summary-row {
    position: absolute !important;
    left: 87px !important;
    top: 354px !important;
    width: 844px !important;
    max-width: 844px !important;
    margin: 0 !important;
    color: var(--game-copy) !important;
    font-family: var(--font-code, "Source Code Pro", monospace) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    letter-spacing: -0.03em !important;
    text-align: left !important;
}

html body section.game-overlay[data-game-overlay] .action-link,
html body section.game-overlay[data-game-overlay] .path-option,
html body section.game-overlay[data-game-overlay] .social-option,
html body section.game-overlay[data-game-overlay] .menu-node,
html body section.game-overlay[data-game-overlay] .progress-option {
    font-family: var(--font-code, "Source Code Pro", monospace) !important;
    text-align: left !important;
}

html body section.game-overlay[data-game-overlay] .intro-challenge .action-link,
html body section.game-overlay[data-game-overlay] .level-shell > .action-link,
html body section.game-overlay[data-game-overlay] .resolution-screen .action-link,
html body section.game-overlay[data-game-overlay] .summary-screen .action-link {
    position: absolute !important;
    left: 87px !important;
    top: 494px !important;
    width: auto !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--game-glow) !important;
    font-family: var(--font-code, "Source Code Pro", monospace) !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
    text-shadow: 0 0 4.2px rgba(217, 251, 255, 0.95), 0 0 15px rgba(217, 251, 255, 0.6) !important;
    text-decoration: underline !important;
    box-shadow: none !important;
}

html body section.game-overlay[data-game-overlay] .choice-list,
html body section.game-overlay[data-game-overlay] .settings-list {
    position: absolute !important;
    left: 87px !important;
    top: 332px !important;
    width: 720px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    gap: 22px !important;
}

html body section.game-overlay[data-game-overlay] .checkbox-row {
    width: 720px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 0 8px !important;
    display: grid !important;
    grid-template-columns: 28px 1fr !important;
    align-items: start !important;
    gap: 12px !important;
    border: 0 !important;
    border-bottom: 0.6px solid var(--game-line) !important;
    background: transparent !important;
    color: var(--game-copy) !important;
    font-family: var(--font-code, "Source Code Pro", monospace) !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.03em !important;
}

html body section.game-overlay[data-game-overlay] .checkbox-row input {
    width: 14px !important;
    height: 14px !important;
    margin: 2px 0 0 !important;
    accent-color: var(--game-copy) !important;
}

html body section.game-overlay[data-game-overlay] .path-stack {
    position: absolute !important;
    left: 87px !important;
    top: 476px !important;
    width: 300px !important;
    display: grid !important;
    gap: 54px !important;
}

html body section.game-overlay[data-game-overlay] .path-option,
html body section.game-overlay[data-game-overlay] .path-option--primary,
html body section.game-overlay[data-game-overlay] .path-option--quiet {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: max-content !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
}

html body section.game-overlay[data-game-overlay] .path-option--primary {
    color: var(--game-glow) !important;
    text-shadow: 0 0 4.2px rgba(217, 251, 255, 0.95), 0 0 15px rgba(217, 251, 255, 0.6) !important;
}

html body section.game-overlay[data-game-overlay] .path-option--quiet {
    color: rgba(217, 217, 217, 0.38) !important;
    text-shadow: none !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--four .level-copy {
    top: 247px !important;
    width: 620px !important;
}

html body section.game-overlay[data-game-overlay] .social-options {
    position: absolute !important;
    left: 87px !important;
    top: 366px !important;
    width: 690px !important;
    height: 210px !important;
    display: grid !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body section.game-overlay[data-game-overlay] .social-option {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 92px 1fr !important;
    align-items: center !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-top: 0.6px solid var(--game-line-soft) !important;
    border-bottom: 0.6px solid var(--game-line-soft) !important;
    background: transparent !important;
    color: rgba(217, 217, 217, 0.32) !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
}

html body section.game-overlay[data-game-overlay] .social-option span:first-child,
html body section.game-overlay[data-game-overlay] .progress-number {
    font-family: var(--font-hero, "CoFo Sans Pixel", "Source Code Pro", monospace) !important;
    font-size: 44px !important;
    line-height: 1 !important;
    letter-spacing: -0.03em !important;
}

html body section.game-overlay[data-game-overlay] .social-option.is-featured {
    color: var(--game-glow) !important;
    text-shadow: 0 0 4.2px rgba(217, 251, 255, 0.95), 0 0 18px rgba(217, 251, 255, 0.55) !important;
}

html body section.game-overlay[data-game-overlay] .tip-stack {
    position: absolute !important;
    left: -224px !important;
    top: 360px !important;
    width: 98px !important;
    display: grid !important;
    gap: 54px !important;
    z-index: 4 !important;
}

html body section.game-overlay[data-game-overlay] .distraction {
    width: 98px !important;
    color: var(--game-glow) !important;
    background: transparent !important;
    border: 0 !important;
    text-align: left !important;
    font-family: var(--font-code, "Source Code Pro", monospace) !important;
    font-size: 20px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    text-shadow: 0 0 4.2px rgba(217, 251, 255, 0.95), 0 0 18px rgba(217, 251, 255, 0.55) !important;
}

html body section.game-overlay[data-game-overlay] .word-cloud {
    position: absolute !important;
    left: 240px !important;
    top: 166px !important;
    width: 700px !important;
    height: 390px !important;
    margin: 0 !important;
    overflow: visible !important;
}

html body section.game-overlay[data-game-overlay] .arrow-distraction {
    position: absolute !important;
    right: -3px !important;
    top: 82px !important;
    display: grid !important;
    gap: 18px !important;
    color: var(--game-glow) !important;
    text-shadow: 0 0 4.2px rgba(217, 251, 255, 0.95), 0 0 18px rgba(217, 251, 255, 0.55) !important;
}

html body section.game-overlay[data-game-overlay] .urgent-backdrop {
    position: absolute !important;
    inset: -120px 0 0 0 !important;
    width: 1051px !important;
    height: 720px !important;
    background: rgba(27, 28, 30, 0.72) !important;
    backdrop-filter: blur(8px) !important;
}

html body section.game-overlay[data-game-overlay] .urgent-modal {
    position: absolute !important;
    left: 49px !important;
    top: 4px !important;
    width: 850px !important;
    height: 540px !important;
    padding: 46px 42px !important;
    border: 0.6px solid var(--game-line) !important;
    background: rgba(27, 28, 30, 0.96) !important;
    color: var(--game-copy) !important;
}

html body section.game-overlay[data-game-overlay] .urgent-modal .level-title,
html body section.game-overlay[data-game-overlay] .urgent-modal h2 {
    position: static !important;
    width: 760px !important;
    height: auto !important;
    margin: 0 0 24px !important;
    font-size: 72px !important;
    line-height: 0.9 !important;
}

html body section.game-overlay[data-game-overlay] .urgent-modal p {
    position: static !important;
    width: 640px !important;
    margin: 0 0 58px !important;
    color: var(--game-copy) !important;
    font-family: var(--font-code, "Source Code Pro", monospace) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
}

html body section.game-overlay[data-game-overlay] .urgent-countdown {
    display: block !important;
    margin: 0 0 32px !important;
    color: var(--game-glow) !important;
    font-family: var(--font-hero, "CoFo Sans Pixel", "Source Code Pro", monospace) !important;
    font-size: 52px !important;
    line-height: 1 !important;
    text-shadow: 0 0 4.2px rgba(217, 251, 255, 0.95), 0 0 18px rgba(217, 251, 255, 0.55) !important;
}

html body section.game-overlay[data-game-overlay] .menu-tree {
    position: absolute !important;
    left: 87px !important;
    top: 396px !important;
    width: 460px !important;
    height: 190px !important;
    overflow: hidden !important;
    opacity: 0.58 !important;
    color: var(--game-copy) !important;
    font-family: var(--font-code, "Source Code Pro", monospace) !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--six > .action-link,
html body section.game-overlay[data-game-overlay] .level-shell--seven > .action-link {
    top: 300px !important;
}

html body section.game-overlay[data-game-overlay] .progress-options {
    position: absolute !important;
    left: 87px !important;
    top: 395px !important;
    width: 610px !important;
    display: grid !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body section.game-overlay[data-game-overlay] .progress-option {
    position: relative !important;
    min-height: 44px !important;
    display: grid !important;
    grid-template-columns: 84px 1fr !important;
    align-items: center !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 0 12px !important;
    border: 0 !important;
    border-bottom: 0.6px solid var(--game-line-soft) !important;
    background: transparent !important;
}

html body section.game-overlay[data-game-overlay] .progress-track {
    width: 470px !important;
    height: 20px !important;
}

html body section.game-overlay[data-game-overlay] .resolution-screen,
html body section.game-overlay[data-game-overlay] .summary-screen {
    background: #ededed !important;
    color: #1b1c1e !important;
}

html body section.game-overlay[data-game-overlay] .resolution-screen h2,
html body section.game-overlay[data-game-overlay] .summary-screen h2 {
    color: #1b1c1e !important;
    top: 38px !important;
    font-size: 76px !important;
    line-height: 0.95 !important;
}

html body section.game-overlay[data-game-overlay] .resolution-screen p,
html body section.game-overlay[data-game-overlay] .summary-screen p,
html body section.game-overlay[data-game-overlay] .summary-row {
    color: #4d4d4d !important;
}

html body section.game-overlay[data-game-overlay] .resolution-screen .action-link,
html body section.game-overlay[data-game-overlay] .summary-screen .action-link {
    color: #1b1c1e !important;
    text-shadow: 0 0 4.2px rgba(0, 0, 0, 0.58) !important;
}

@media (max-width: 720px) {
    html body section.game-overlay[data-game-overlay] {
        --board-fit-scale: min(calc(100vw / 1440), calc(100vh / 960));
    }
}

/* Codex game board final grid lock v10 */
html body section.game-overlay[data-game-overlay] {
  --board-fit-scale: min(calc(100vw / 1440), calc(100vh / 960));
  --game-scale: 1 !important;
  --game-frame-width: 1440px;
  --game-frame-height: 960px;
  --game-cell: 120px;
  --game-dark: #1b1c1e;
  --game-copy: #d9d9d9;
  --game-muted: rgba(217, 217, 217, 0.58);
  --game-line: rgba(217, 217, 217, 0.58);
  --game-line-soft: rgba(217, 217, 217, 0.34);
  --game-glow: #d9fbff;
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  min-width: 100vw !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  display: none !important;
  overflow: hidden !important;
  background: var(--game-dark) !important;
  color: var(--game-copy) !important;
  z-index: 9999 !important;
  isolation: isolate !important;
}

html body section.game-overlay[data-game-overlay].is-active {
  display: block !important;
}

html body section.game-overlay[data-game-overlay] *,
html body section.game-overlay[data-game-overlay] *::before,
html body section.game-overlay[data-game-overlay] *::after {
  box-sizing: border-box !important;
}

html body section.game-overlay[data-game-overlay] > .game-board {
  --game-scale: 1 !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  display: block !important;
  width: 1440px !important;
  height: 960px !important;
  min-width: 1440px !important;
  min-height: 960px !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--game-dark) !important;
  overflow: visible !important;
  transform: translate(-50%, -50%) scale(var(--board-fit-scale, 1)) !important;
  transform-origin: center center !important;
  grid-template-columns: none !important;
  grid-template-rows: none !important;
  contain: none !important;
}

html body section.game-overlay[data-game-overlay] > .game-board::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
}

html body section.game-overlay[data-game-overlay] > .game-board > .game-sidebar,
html body section.game-overlay[data-game-overlay] > .game-board > .game-stage {
  position: absolute !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  scale: 1 !important;
  grid-column: auto !important;
  grid-row: auto !important;
  align-self: auto !important;
  justify-self: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  border: 0.6px solid var(--game-line) !important;
  background: transparent !important;
  color: var(--game-copy) !important;
}

html body section.game-overlay[data-game-overlay] > .game-board > .game-sidebar {
  left: 120px !important;
  top: 120px !important;
  width: 120px !important;
  height: 720px !important;
  padding: 47px 15px 0 15px !important;
  overflow: hidden !important;
}

html body section.game-overlay[data-game-overlay] > .game-board > .game-stage {
  left: 269px !important;
  top: 120px !important;
  width: 1051px !important;
  height: 720px !important;
  overflow: hidden !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__item {
  position: relative !important;
  display: block !important;
  width: 90px !important;
  height: 94px !important;
  min-height: 0 !important;
  margin: 0 0 26px 0 !important;
  padding: 0 0 12px 0 !important;
  border: 0 !important;
  border-bottom: 0.6px solid var(--game-line) !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__label,
html body section.game-overlay[data-game-overlay] .game-sidebar__value {
  display: block !important;
  font-family: var(--font-code, "Source Code Pro", monospace) !important;
  letter-spacing: -0.03em !important;
  text-align: left !important;
  white-space: nowrap !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__label {
  margin: 0 0 5px 0 !important;
  color: var(--game-muted) !important;
  font-size: 14px !important;
  line-height: 18px !important;
  font-weight: 400 !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__value {
  margin: 0 !important;
  color: var(--game-copy) !important;
  font-size: 16px !important;
  line-height: 18px !important;
  font-weight: 700 !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__header {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  display: block !important;
  width: 1051px !important;
  height: 120px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__header::after {
  content: "" !important;
  position: absolute !important;
  left: 32px !important;
  top: 73px !important;
  width: 988px !important;
  height: 0.6px !important;
  background: var(--game-line) !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__header > span {
  position: absolute !important;
  left: 87px !important;
  top: 47px !important;
  display: block !important;
  margin: 0 !important;
  color: var(--game-copy) !important;
  font-family: var(--font-code, "Source Code Pro", monospace) !important;
  font-size: 24px !important;
  line-height: 28px !important;
  font-weight: 700 !important;
  letter-spacing: -1px !important;
  white-space: nowrap !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__header .text-button {
  position: absolute !important;
  right: 32px !important;
  top: 47px !important;
  display: block !important;
  width: auto !important;
  height: 28px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--game-copy) !important;
  font-family: var(--font-code, "Source Code Pro", monospace) !important;
  font-size: 18px !important;
  line-height: 28px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__content {
  position: absolute !important;
  left: 0 !important;
  top: 120px !important;
  display: block !important;
  width: 1051px !important;
  height: 600px !important;
  min-width: 1051px !important;
  min-height: 600px !important;
  max-width: 1051px !important;
  max-height: 600px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__content > *,
html body section.game-overlay[data-game-overlay] .intro-challenge,
html body section.game-overlay[data-game-overlay] .level-shell,
html body section.game-overlay[data-game-overlay] .resolution-screen,
html body section.game-overlay[data-game-overlay] .summary-screen,
html body section.game-overlay[data-game-overlay] .loading-lines {
  position: absolute !important;
  inset: 0 auto auto 0 !important;
  display: block !important;
  width: 1051px !important;
  height: 600px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  border: 0 !important;
  transform: none !important;
}

html body section.game-overlay[data-game-overlay] .level-title,
html body section.game-overlay[data-game-overlay] .intro-challenge h2,
html body section.game-overlay[data-game-overlay] .intro-challenge .level-title,
html body section.game-overlay[data-game-overlay] .loading-lines h2 {
  position: absolute !important;
  left: 87px !important;
  top: 47px !important;
  width: 844px !important;
  min-width: 844px !important;
  max-width: 844px !important;
  height: 240px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  color: var(--game-copy) !important;
  font-family: var(--font-code, "Source Code Pro", monospace) !important;
  font-size: 76px !important;
  line-height: 0.9 !important;
  font-weight: 400 !important;
  letter-spacing: -3px !important;
  text-align: left !important;
  text-transform: none !important;
}

html body section.game-overlay[data-game-overlay] .level-copy,
html body section.game-overlay[data-game-overlay] .intro-challenge p,
html body section.game-overlay[data-game-overlay] .intro-challenge .level-copy,
html body section.game-overlay[data-game-overlay] .loading-lines p {
  position: absolute !important;
  left: 87px !important;
  top: 354px !important;
  width: 844px !important;
  max-width: 844px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--game-copy) !important;
  font-family: var(--font-code, "Source Code Pro", monospace) !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;
  letter-spacing: -0.03em !important;
  text-align: left !important;
}

html body section.game-overlay[data-game-overlay] .choice-list,
html body section.game-overlay[data-game-overlay] .settings-list {
  position: absolute !important;
  left: 87px !important;
  top: 310px !important;
  display: grid !important;
  width: 720px !important;
  gap: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body section.game-overlay[data-game-overlay] .setting-row,
html body section.game-overlay[data-game-overlay] .checkbox-row {
  display: grid !important;
  grid-template-columns: 28px 1fr !important;
  align-items: start !important;
  width: 720px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 0 8px 0 !important;
  gap: 12px !important;
  border: 0 !important;
  border-bottom: 0.6px solid var(--game-line) !important;
  background: transparent !important;
  color: var(--game-copy) !important;
  font-family: var(--font-code, "Source Code Pro", monospace) !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  letter-spacing: -0.03em !important;
}

html body section.game-overlay[data-game-overlay] .setting-row input,
html body section.game-overlay[data-game-overlay] .checkbox-row input {
  width: 14px !important;
  height: 14px !important;
  margin: 2px 0 0 0 !important;
  accent-color: var(--game-copy) !important;
}

html body section.game-overlay[data-game-overlay] .intro-challenge > .text-button,
html body section.game-overlay[data-game-overlay] .intro-challenge > .action-link,
html body section.game-overlay[data-game-overlay] .level-shell > .text-button,
html body section.game-overlay[data-game-overlay] .level-shell > .action-link,
html body section.game-overlay[data-game-overlay] .level-actions .text-button,
html body section.game-overlay[data-game-overlay] .escape-paths .text-button,
html body section.game-overlay[data-game-overlay] .route-picker .text-button,
html body section.game-overlay[data-game-overlay] .progress-options .text-button,
html body section.game-overlay[data-game-overlay] .labyrinth-menu .text-button {
  position: absolute !important;
  left: 87px !important;
  top: 494px !important;
  display: inline-block !important;
  width: max-content !important;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--game-glow) !important;
  font-family: var(--font-code, "Source Code Pro", monospace) !important;
  font-size: 24px !important;
  line-height: 28px !important;
  font-weight: 700 !important;
  letter-spacing: -1px !important;
  text-align: left !important;
  text-decoration: underline !important;
  text-shadow: 0 0 4.2px rgba(217, 251, 255, 0.95), 0 0 15px rgba(217, 251, 255, 0.6) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--two .level-copy {
  top: 310px !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--two .escape-paths,
html body section.game-overlay[data-game-overlay] .path-stack {
  position: absolute !important;
  left: 87px !important;
  top: 430px !important;
  display: grid !important;
  width: 340px !important;
  gap: 54px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body section.game-overlay[data-game-overlay] .path-option,
html body section.game-overlay[data-game-overlay] .path-option--primary,
html body section.game-overlay[data-game-overlay] .path-option--quiet {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: max-content !important;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  font-family: var(--font-code, "Source Code Pro", monospace) !important;
  font-size: 24px !important;
  line-height: 28px !important;
  font-weight: 700 !important;
  letter-spacing: -1px !important;
}

html body section.game-overlay[data-game-overlay] .path-option--primary {
  color: var(--game-glow) !important;
  text-shadow: 0 0 4.2px rgba(217, 251, 255, 0.95), 0 0 15px rgba(217, 251, 255, 0.6) !important;
}

html body section.game-overlay[data-game-overlay] .path-option--quiet {
  color: rgba(217, 217, 217, 0.38) !important;
  text-shadow: none !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud,
html body section.game-overlay[data-game-overlay] .word-cloud {
  position: absolute !important;
  left: 230px !important;
  top: 160px !important;
  width: 720px !important;
  height: 410px !important;
  margin: 0 !important;
  overflow: visible !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .hint-stack,
html body section.game-overlay[data-game-overlay] .tip-stack {
  position: absolute !important;
  left: -224px !important;
  top: 360px !important;
  display: grid !important;
  width: 98px !important;
  gap: 54px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--four .level-copy {
  top: 247px !important;
  width: 620px !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--four .route-picker,
html body section.game-overlay[data-game-overlay] .social-options {
  position: absolute !important;
  left: 87px !important;
  top: 360px !important;
  display: grid !important;
  width: 690px !important;
  height: 210px !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--five .urgent-backdrop {
  position: absolute !important;
  inset: -120px 0 0 -269px !important;
  width: 1440px !important;
  height: 960px !important;
  background: rgba(27, 28, 30, 0.72) !important;
  backdrop-filter: blur(8px) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--five .urgent-modal {
  position: absolute !important;
  left: 49px !important;
  top: 4px !important;
  width: 850px !important;
  height: 540px !important;
  margin: 0 !important;
  padding: 46px 42px !important;
  border: 0.6px solid var(--game-line) !important;
  background: rgba(27, 28, 30, 0.96) !important;
  color: var(--game-copy) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--five .urgent-modal h2 {
  position: static !important;
  width: 760px !important;
  height: auto !important;
  margin: 0 0 24px 0 !important;
  padding: 0 !important;
  font-family: var(--font-code, "Source Code Pro", monospace) !important;
  font-size: 72px !important;
  line-height: 0.9 !important;
  letter-spacing: -3px !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--five .urgent-modal p {
  position: static !important;
  width: 640px !important;
  margin: 0 0 58px 0 !important;
  color: var(--game-copy) !important;
  font-family: var(--font-code, "Source Code Pro", monospace) !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
}

html body section.game-overlay[data-game-overlay] .urgent-countdown,
html body section.game-overlay[data-game-overlay] .urgent-clock {
  display: block !important;
  margin: 0 0 32px 0 !important;
  color: var(--game-glow) !important;
  font-family: var(--font-hero, "CoFo Sans Pixel", "Source Code Pro", monospace) !important;
  font-size: 52px !important;
  line-height: 1 !important;
  text-shadow: 0 0 4.2px rgba(217, 251, 255, 0.95), 0 0 18px rgba(217, 251, 255, 0.55) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--six > .text-button,
html body section.game-overlay[data-game-overlay] .level-shell--six > .action-link,
html body section.game-overlay[data-game-overlay] .level-shell--seven > .text-button,
html body section.game-overlay[data-game-overlay] .level-shell--seven > .action-link {
  top: 300px !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--six .labyrinth-menu,
html body section.game-overlay[data-game-overlay] .level-shell--six .menu-tree {
  position: absolute !important;
  left: 87px !important;
  top: 396px !important;
  width: 460px !important;
  height: 190px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 0.58 !important;
  color: var(--game-copy) !important;
  font-family: var(--font-code, "Source Code Pro", monospace) !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--seven .progress-options {
  position: absolute !important;
  left: 87px !important;
  top: 395px !important;
  display: grid !important;
  width: 610px !important;
  gap: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body section.game-overlay[data-game-overlay] .progress-option {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 84px 1fr !important;
  align-items: center !important;
  min-height: 44px !important;
  gap: 24px !important;
  margin: 0 !important;
  padding: 0 0 12px 0 !important;
  border: 0 !important;
  border-bottom: 0.6px solid var(--game-line-soft) !important;
  background: transparent !important;
}

html body section.game-overlay[data-game-overlay] .progress-track {
  width: 470px !important;
  height: 20px !important;
}

html body section.game-overlay[data-game-overlay].is-resolution > .game-board,
html body section.game-overlay[data-game-overlay].is-summary > .game-board,
html body section.game-overlay[data-game-overlay].is-loading > .game-board {
  background: #ededed !important;
}

html body section.game-overlay[data-game-overlay].is-resolution > .game-board > .game-sidebar,
html body section.game-overlay[data-game-overlay].is-resolution > .game-board > .game-stage,
html body section.game-overlay[data-game-overlay].is-summary > .game-board > .game-sidebar,
html body section.game-overlay[data-game-overlay].is-summary > .game-board > .game-stage,
html body section.game-overlay[data-game-overlay].is-loading > .game-board > .game-sidebar,
html body section.game-overlay[data-game-overlay].is-loading > .game-board > .game-stage {
  border-color: rgba(27, 28, 30, 0.65) !important;
  color: #1b1c1e !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .game-stage__header::after,
html body section.game-overlay[data-game-overlay].is-summary .game-stage__header::after,
html body section.game-overlay[data-game-overlay].is-loading .game-stage__header::after {
  background: rgba(27, 28, 30, 0.65) !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .game-sidebar__item,
html body section.game-overlay[data-game-overlay].is-summary .game-sidebar__item,
html body section.game-overlay[data-game-overlay].is-loading .game-sidebar__item {
  border-bottom-color: rgba(27, 28, 30, 0.65) !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .game-stage__header > span,
html body section.game-overlay[data-game-overlay].is-resolution .game-stage__header .text-button,
html body section.game-overlay[data-game-overlay].is-resolution .game-sidebar__value,
html body section.game-overlay[data-game-overlay].is-summary .game-stage__header > span,
html body section.game-overlay[data-game-overlay].is-summary .game-stage__header .text-button,
html body section.game-overlay[data-game-overlay].is-summary .game-sidebar__value,
html body section.game-overlay[data-game-overlay].is-loading .game-stage__header > span,
html body section.game-overlay[data-game-overlay].is-loading .game-stage__header .text-button,
html body section.game-overlay[data-game-overlay].is-loading .game-sidebar__value {
  color: #1b1c1e !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .game-sidebar__label,
html body section.game-overlay[data-game-overlay].is-summary .game-sidebar__label,
html body section.game-overlay[data-game-overlay].is-loading .game-sidebar__label {
  color: rgba(27, 28, 30, 0.58) !important;
}

html body section.game-overlay[data-game-overlay] .resolution-screen,
html body section.game-overlay[data-game-overlay] .summary-screen,
html body section.game-overlay[data-game-overlay] .loading-lines {
  background: #ededed !important;
  color: #1b1c1e !important;
}

html body section.game-overlay[data-game-overlay] .resolution-screen h2,
html body section.game-overlay[data-game-overlay] .summary-screen h2 {
  position: absolute !important;
  left: 87px !important;
  top: 38px !important;
  width: 844px !important;
  height: 240px !important;
  color: #1b1c1e !important;
  font-family: var(--font-code, "Source Code Pro", monospace) !important;
  font-size: 76px !important;
  line-height: 0.95 !important;
  font-weight: 400 !important;
  letter-spacing: -3px !important;
}

html body section.game-overlay[data-game-overlay] .resolution-screen p,
html body section.game-overlay[data-game-overlay] .summary-screen p,
html body section.game-overlay[data-game-overlay] .summary-row {
  position: absolute !important;
  left: 87px !important;
  top: 354px !important;
  width: 844px !important;
  max-width: 844px !important;
  margin: 0 !important;
  color: #4d4d4d !important;
  font-family: var(--font-code, "Source Code Pro", monospace) !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: -0.03em !important;
}

html body section.game-overlay[data-game-overlay] .resolution-screen .text-button,
html body section.game-overlay[data-game-overlay] .summary-screen .text-button,
html body section.game-overlay[data-game-overlay] .loading-lines .text-button {
  position: absolute !important;
  left: 87px !important;
  top: 494px !important;
  color: #1b1c1e !important;
  text-shadow: 0 0 4.2px rgba(0, 0, 0, 0.58) !important;
}

@media (max-width: 720px) {
  html body section.game-overlay[data-game-overlay] {
    --board-fit-scale: min(calc(100vw / 1440), calc(100vh / 960));
  }
}


/* Codex game board absolute Figma frame v11 */
html body section.game-overlay[data-game-overlay] {
    --board-fit-scale: 1;
    --game-frame-width: 1440px;
    --game-frame-height: 960px;
    --game-sidebar-x: 120px;
    --game-frame-y: 120px;
    --game-sidebar-width: 120px;
    --game-stage-x: 269px;
    --game-stage-width: 1051px;
    --game-frame-height-inner: 720px;
    --game-line: rgba(217, 217, 217, 0.58);
    --game-line-soft: rgba(217, 217, 217, 0.24);
    --game-copy: #d9d9d9;
    --game-muted: rgba(217, 217, 217, 0.55);
    --game-glow: #d9fbff;
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: none !important;
    overflow: hidden !important;
    background: #1b1c1e !important;
    color: var(--game-copy) !important;
    z-index: 9999 !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    align-items: initial !important;
    justify-items: initial !important;
    align-content: initial !important;
    justify-content: initial !important;
}

html body section.game-overlay[data-game-overlay].is-active {
    display: block !important;
}

html body section.game-overlay[data-game-overlay] > .game-board {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 1440px !important;
    height: 960px !important;
    min-width: 1440px !important;
    min-height: 960px !important;
    max-width: 1440px !important;
    max-height: 960px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    transform: translate(-50%, -50%) scale(var(--board-fit-scale, 1)) !important;
    transform-origin: center center !important;
    background: #1b1c1e !important;
    color: var(--game-copy) !important;
    border: 0 !important;
    grid-column: auto !important;
    grid-row: auto !important;
}

html body section.game-overlay[data-game-overlay] > .game-board::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0;
    background-image:
        linear-gradient(to right, rgba(255, 48, 48, 0.45) 0 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 48, 48, 0.45) 0 1px, transparent 1px);
    background-size: 120px 120px;
    z-index: 50;
}

html body section.game-overlay[data-game-overlay] .game-sidebar,
html body section.game-overlay[data-game-overlay] .game-stage {
    box-sizing: border-box !important;
    position: absolute !important;
    top: 120px !important;
    height: 720px !important;
    min-height: 720px !important;
    max-height: 720px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    transform: none !important;
    border: 0.6px solid var(--game-line) !important;
    background: transparent !important;
    color: var(--game-copy) !important;
    grid-column: auto !important;
    grid-row: auto !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar {
    left: 120px !important;
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    padding: 45px 15px 0 15px !important;
}

html body section.game-overlay[data-game-overlay] .game-stage {
    left: 269px !important;
    width: 1051px !important;
    min-width: 1051px !important;
    max-width: 1051px !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__item {
    width: 90px !important;
    height: 120px !important;
    min-height: 120px !important;
    margin: 0 !important;
    padding: 0 0 18px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    border-bottom: 0.6px solid var(--game-line) !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__item + .game-sidebar__item {
    margin-top: 0 !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__label {
    margin-top: 0 !important;
    font-family: var(--font-code, "Source Code Pro", monospace) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    letter-spacing: -0.03em !important;
    color: var(--game-muted) !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__value {
    margin-top: 4px !important;
    font-family: var(--font-code, "Source Code Pro", monospace) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em !important;
    color: var(--game-copy) !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__header {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 1051px !important;
    height: 120px !important;
    margin: 0 !important;
    padding: 47px 32px 0 87px !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: start !important;
    gap: 24px !important;
    border: 0 !important;
    background: transparent !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__header::after {
    content: "" !important;
    position: absolute !important;
    left: 87px !important;
    top: 73px !important;
    width: 988px !important;
    height: 0.6px !important;
    background: var(--game-line) !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__header > span,
html body section.game-overlay[data-game-overlay] .game-stage__header .text-button {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--font-code, "Source Code Pro", monospace) !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
    color: var(--game-copy) !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__header .text-button {
    justify-self: end !important;
    border: 0 !important;
    background: transparent !important;
    cursor: pointer !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__content {
    box-sizing: border-box !important;
    position: absolute !important;
    left: 0 !important;
    top: 120px !important;
    width: 1051px !important;
    height: 600px !important;
    min-width: 1051px !important;
    min-height: 600px !important;
    max-width: 1051px !important;
    max-height: 600px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__content > *,
html body section.game-overlay[data-game-overlay] .intro-challenge,
html body section.game-overlay[data-game-overlay] .level-shell,
html body section.game-overlay[data-game-overlay] .resolution-screen,
html body section.game-overlay[data-game-overlay] .summary-screen,
html body section.game-overlay[data-game-overlay] .loading-lines {
    box-sizing: border-box !important;
    position: absolute !important;
    inset: 0 !important;
    width: 1051px !important;
    height: 600px !important;
    min-width: 1051px !important;
    min-height: 600px !important;
    max-width: 1051px !important;
    max-height: 600px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    border: 0 !important;
}

html body section.game-overlay[data-game-overlay] .level-title,
html body section.game-overlay[data-game-overlay] .intro-challenge h2,
html body section.game-overlay[data-game-overlay] .loading-lines h2,
html body section.game-overlay[data-game-overlay] .resolution-screen h2,
html body section.game-overlay[data-game-overlay] .summary-screen h2 {
    position: absolute !important;
    left: 87px !important;
    top: 47px !important;
    width: 844px !important;
    min-height: 240px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--font-code, "Source Code Pro", monospace) !important;
    font-size: 76px !important;
    line-height: 0.9 !important;
    font-weight: 400 !important;
    letter-spacing: -3px !important;
    color: var(--game-copy) !important;
    text-transform: none !important;
}

html body section.game-overlay[data-game-overlay] .level-copy,
html body section.game-overlay[data-game-overlay] .intro-challenge p,
html body section.game-overlay[data-game-overlay] .loading-lines p,
html body section.game-overlay[data-game-overlay] .resolution-screen p,
html body section.game-overlay[data-game-overlay] .summary-screen p,
html body section.game-overlay[data-game-overlay] .solution-text,
html body section.game-overlay[data-game-overlay] .result-text {
    position: absolute !important;
    left: 87px !important;
    top: 330px !important;
    width: 844px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--font-code, "Source Code Pro", monospace) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    letter-spacing: -0.03em !important;
    color: var(--game-copy) !important;
}

html body section.game-overlay[data-game-overlay] .level-actions,
html body section.game-overlay[data-game-overlay] .settings-list,
html body section.game-overlay[data-game-overlay] .path-options,
html body section.game-overlay[data-game-overlay] .route-picker,
html body section.game-overlay[data-game-overlay] .menu-tree,
html body section.game-overlay[data-game-overlay] .loader-options,
html body section.game-overlay[data-game-overlay] .final-stats {
    position: absolute !important;
    left: 87px !important;
    top: 300px !important;
    width: 720px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

html body section.game-overlay[data-game-overlay] .settings-list {
    top: 300px !important;
    width: 720px !important;
}

html body section.game-overlay[data-game-overlay] .setting-row,
html body section.game-overlay[data-game-overlay] .path-option,
html body section.game-overlay[data-game-overlay] .route-option,
html body section.game-overlay[data-game-overlay] .loader-option {
    box-sizing: border-box !important;
    width: 720px !important;
    min-height: 48px !important;
    margin: 0 0 18px 0 !important;
    padding: 0 0 10px 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    border-bottom: 0.6px solid var(--game-line) !important;
    color: var(--game-copy) !important;
    background: transparent !important;
}

html body section.game-overlay[data-game-overlay] .setting-row label,
html body section.game-overlay[data-game-overlay] .path-option,
html body section.game-overlay[data-game-overlay] .route-option,
html body section.game-overlay[data-game-overlay] .loader-option,
html body section.game-overlay[data-game-overlay] .game-cta,
html body section.game-overlay[data-game-overlay] .game-link {
    font-family: var(--font-code, "Source Code Pro", monospace) !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
}

html body section.game-overlay[data-game-overlay] .game-cta,
html body section.game-overlay[data-game-overlay] .game-link,
html body section.game-overlay[data-game-overlay] .level-actions .text-button,
html body section.game-overlay[data-game-overlay] .resolution-screen .text-button,
html body section.game-overlay[data-game-overlay] .summary-screen .text-button {
    position: absolute !important;
    left: 87px !important;
    top: 494px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--game-glow) !important;
    text-shadow: 0 0 4.2px rgba(217, 251, 255, 0.9), 0 0 14px rgba(217, 251, 255, 0.55) !important;
    text-decoration: underline !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

html body section.game-overlay[data-game-overlay] .path-options,
html body section.game-overlay[data-game-overlay] .route-picker,
html body section.game-overlay[data-game-overlay] .loader-options {
    top: 392px !important;
}

html body section.game-overlay[data-game-overlay] .path-option.is-muted,
html body section.game-overlay[data-game-overlay] .route-option:not(.is-active),
html body section.game-overlay[data-game-overlay] .loader-option:not(.is-active) {
    opacity: 0.35 !important;
    text-shadow: none !important;
}

html body section.game-overlay[data-game-overlay] .path-option.is-active,
html body section.game-overlay[data-game-overlay] .route-option.is-active,
html body section.game-overlay[data-game-overlay] .loader-option.is-active {
    color: var(--game-glow) !important;
    text-shadow: 0 0 4.2px rgba(217, 251, 255, 0.9), 0 0 14px rgba(217, 251, 255, 0.55) !important;
}

html body section.game-overlay[data-game-overlay] .word-cloud {
    position: absolute !important;
    left: 260px !important;
    top: 150px !important;
    width: 620px !important;
    height: 390px !important;
}

html body section.game-overlay[data-game-overlay] .side-hints {
    position: absolute !important;
    left: -225px !important;
    top: 310px !important;
    width: 110px !important;
}

html body section.game-overlay[data-game-overlay] .hint-pill,
html body section.game-overlay[data-game-overlay] .fake-arrow {
    color: var(--game-glow) !important;
    text-shadow: 0 0 4.2px rgba(217, 251, 255, 0.9), 0 0 14px rgba(217, 251, 255, 0.55) !important;
}

html body section.game-overlay[data-game-overlay] .urgent-modal {
    position: absolute !important;
    left: 50px !important;
    top: 80px !important;
    width: 790px !important;
    height: 480px !important;
    padding: 45px !important;
    border: 0.6px solid var(--game-line) !important;
    background: #1b1c1e !important;
}

html body section.game-overlay[data-game-overlay] .urgent-modal h2 {
    position: static !important;
    width: 720px !important;
    min-height: 0 !important;
    font-size: 70px !important;
    line-height: 0.9 !important;
}

html body section.game-overlay[data-game-overlay] .urgent-modal .countdown {
    margin-top: 60px !important;
    font-size: 58px !important;
    color: var(--game-glow) !important;
    text-shadow: 0 0 4.2px rgba(217, 251, 255, 0.9), 0 0 14px rgba(217, 251, 255, 0.55) !important;
}

html body section.game-overlay[data-game-overlay] .menu-tree {
    top: 378px !important;
    width: 520px !important;
    opacity: 0.78 !important;
}

html body section.game-overlay[data-game-overlay] .loader-options {
    width: 600px !important;
}

html body section.game-overlay[data-game-overlay] .loader-option {
    width: 600px !important;
    display: grid !important;
    grid-template-columns: 70px 1fr !important;
}

html body section.game-overlay[data-game-overlay].is-resolution,
html body section.game-overlay[data-game-overlay].is-summary {
    background: #ededed !important;
    color: #1b1c1e !important;
}

html body section.game-overlay[data-game-overlay].is-resolution > .game-board,
html body section.game-overlay[data-game-overlay].is-summary > .game-board {
    background: #ededed !important;
    color: #1b1c1e !important;
}

html body section.game-overlay[data-game-overlay].is-resolution,
html body section.game-overlay[data-game-overlay].is-summary {
    --game-copy: #1b1c1e;
    --game-muted: rgba(27, 28, 30, 0.6);
    --game-line: rgba(27, 28, 30, 0.6);
    --game-line-soft: rgba(27, 28, 30, 0.24);
}

html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen h2,
html body section.game-overlay[data-game-overlay].is-summary .summary-screen h2 {
    font-size: 76px !important;
    line-height: 0.9 !important;
    color: #1b1c1e !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen p,
html body section.game-overlay[data-game-overlay].is-summary .summary-screen p {
    top: 300px !important;
    color: rgba(27, 28, 30, 0.72) !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen strong,
html body section.game-overlay[data-game-overlay].is-summary .summary-screen strong {
    color: rgba(27, 28, 30, 0.72) !important;
}



/* FINAL GAME FIGMA GRID LOCK v14 */
html body section.game-overlay[data-game-overlay] {
  --figma-board-w: 1440px;
  --figma-board-h: 960px;
  --figma-cell: 120px;
  --game-line: rgba(217, 217, 217, 0.58);
  --game-line-soft: rgba(217, 217, 217, 0.32);
  --game-copy: #d9d9d9;
  --game-muted: rgba(217, 217, 217, 0.52);
  --game-dark: #1b1c1e;
  --game-light: #ededed;
  --game-glow: #d9fbff;
  --board-fit-scale: 1;
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: none !important;
  overflow: hidden !important;
  background: var(--game-dark) !important;
  color: var(--game-copy) !important;
  z-index: 9999 !important;
  grid-template: none !important;
  place-items: initial !important;
}

html body section.game-overlay[data-game-overlay].is-active {
  display: block !important;
}

html body section.game-overlay[data-game-overlay] *,
html body section.game-overlay[data-game-overlay] *::before,
html body section.game-overlay[data-game-overlay] *::after {
  box-sizing: border-box !important;
}

html body section.game-overlay[data-game-overlay] > .game-board {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: var(--figma-board-w) !important;
  height: var(--figma-board-h) !important;
  min-width: var(--figma-board-w) !important;
  min-height: var(--figma-board-h) !important;
  max-width: var(--figma-board-w) !important;
  max-height: var(--figma-board-h) !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  overflow: hidden !important;
  background: var(--game-dark) !important;
  transform: translate(-50%, -50%) scale(var(--board-fit-scale, 1)) !important;
  transform-origin: center center !important;
  isolation: isolate !important;
}

html body section.game-overlay[data-game-overlay] > .game-board::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 80 !important;
  opacity: 0 !important;
  background:
    linear-gradient(to right, rgba(255, 60, 60, 0.35) 0 0.6px, transparent 0.6px) 0 0 / var(--figma-cell) var(--figma-cell),
    linear-gradient(to bottom, rgba(255, 60, 60, 0.35) 0 0.6px, transparent 0.6px) 0 0 / var(--figma-cell) var(--figma-cell) !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar,
html body section.game-overlay[data-game-overlay] .game-stage {
  position: absolute !important;
  top: 120px !important;
  height: 720px !important;
  min-height: 720px !important;
  max-height: 720px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0.6px solid var(--game-line) !important;
  background: transparent !important;
  overflow: hidden !important;
  transform: none !important;
  grid-column: auto !important;
  grid-row: auto !important;
  align-self: auto !important;
  justify-self: auto !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar {
  left: 120px !important;
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  padding: 44px 15px 0 15px !important;
  gap: 0 !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__item,
html body section.game-overlay[data-game-overlay] .game-sidebar > div {
  width: 90px !important;
  min-width: 90px !important;
  max-width: 90px !important;
  min-height: 106px !important;
  margin: 0 0 20px 0 !important;
  padding: 0 0 16px 0 !important;
  border: 0 !important;
  border-bottom: 0.6px solid var(--game-line) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 2px !important;
  color: var(--game-copy) !important;
  overflow: visible !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__item > span,
html body section.game-overlay[data-game-overlay] .game-sidebar label,
html body section.game-overlay[data-game-overlay] .game-sidebar .label {
  font-family: var(--font-copy), "Source Code Pro", monospace !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  color: var(--game-muted) !important;
  white-space: nowrap !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__item strong,
html body section.game-overlay[data-game-overlay] .game-sidebar output,
html body section.game-overlay[data-game-overlay] .game-sidebar .value {
  font-family: var(--font-copy), "Source Code Pro", monospace !important;
  font-size: 16px !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  color: var(--game-copy) !important;
  white-space: nowrap !important;
  font-variant-numeric: tabular-nums !important;
}

html body section.game-overlay[data-game-overlay] .game-stage {
  left: 269px !important;
  width: 1051px !important;
  min-width: 1051px !important;
  max-width: 1051px !important;
  display: block !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__header {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 1051px !important;
  height: 120px !important;
  min-height: 120px !important;
  margin: 0 !important;
  padding: 47px 32px 0 87px !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: start !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--game-copy) !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__header::after {
  content: "" !important;
  position: absolute !important;
  left: 31px !important;
  top: 73px !important;
  width: 988px !important;
  height: 0.6px !important;
  background: var(--game-line) !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__header span,
html body section.game-overlay[data-game-overlay] .game-stage__header strong,
html body section.game-overlay[data-game-overlay] .game-stage__header button,
html body section.game-overlay[data-game-overlay] .game-exit {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--game-copy) !important;
  font-family: var(--font-copy), "Source Code Pro", monospace !important;
  font-size: 24px !important;
  line-height: 28px !important;
  font-weight: 700 !important;
  letter-spacing: -1px !important;
  text-decoration: none !important;
  text-shadow: none !important;
  cursor: pointer !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__content {
  position: absolute !important;
  left: 0 !important;
  top: 120px !important;
  width: 1051px !important;
  height: 600px !important;
  min-height: 600px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  overflow: hidden !important;
}

html body section.game-overlay[data-game-overlay] .intro-challenge,
html body section.game-overlay[data-game-overlay] .level-shell,
html body section.game-overlay[data-game-overlay] .resolution-screen,
html body section.game-overlay[data-game-overlay] .summary-screen,
html body section.game-overlay[data-game-overlay] .loading-lines {
  position: absolute !important;
  inset: 0 !important;
  width: 1051px !important;
  height: 600px !important;
  min-width: 1051px !important;
  min-height: 600px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  overflow: hidden !important;
  background: transparent !important;
}

html body section.game-overlay[data-game-overlay] .level-title,
html body section.game-overlay[data-game-overlay] .intro-challenge h2,
html body section.game-overlay[data-game-overlay] .loading-lines h2 {
  position: absolute !important;
  left: 87px !important;
  top: 42px !important;
  width: 844px !important;
  height: 240px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  color: var(--game-copy) !important;
  font-family: var(--font-copy), "Source Code Pro", monospace !important;
  font-size: 76px !important;
  line-height: 0.9 !important;
  font-weight: 400 !important;
  letter-spacing: -3px !important;
  text-transform: none !important;
  text-wrap: balance !important;
  overflow: visible !important;
  z-index: 2 !important;
}

html body section.game-overlay[data-game-overlay] .level-copy,
html body section.game-overlay[data-game-overlay] .intro-challenge p,
html body section.game-overlay[data-game-overlay] .loading-lines p {
  position: absolute !important;
  left: 87px !important;
  top: 302px !important;
  width: 844px !important;
  max-width: 844px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--game-copy) !important;
  font-family: var(--font-copy), "Source Code Pro", monospace !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;
  letter-spacing: -0.03em !important;
  text-transform: none !important;
  z-index: 2 !important;
}

html body section.game-overlay[data-game-overlay] .settings-list,
html body section.game-overlay[data-game-overlay] .choice-list,
html body section.game-overlay[data-game-overlay] .escape-paths,
html body section.game-overlay[data-game-overlay] .path-stack,
html body section.game-overlay[data-game-overlay] .route-picker,
html body section.game-overlay[data-game-overlay] .social-options,
html body section.game-overlay[data-game-overlay] .progress-options {
  position: absolute !important;
  left: 87px !important;
  top: 300px !important;
  width: 720px !important;
  max-width: 720px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  z-index: 3 !important;
}

html body section.game-overlay[data-game-overlay] .setting-row,
html body section.game-overlay[data-game-overlay] .checkbox-row,
html body section.game-overlay[data-game-overlay] .choice-row,
html body section.game-overlay[data-game-overlay] .path-option,
html body section.game-overlay[data-game-overlay] .route-option,
html body section.game-overlay[data-game-overlay] .social-option,
html body section.game-overlay[data-game-overlay] .progress-option {
  width: 720px !important;
  max-width: 720px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 0 10px 0 !important;
  border: 0 !important;
  border-bottom: 0.6px solid var(--game-line) !important;
  background: transparent !important;
  color: var(--game-copy) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 16px !important;
  font-family: var(--font-copy), "Source Code Pro", monospace !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;
  letter-spacing: -0.03em !important;
  text-align: left !important;
  text-shadow: none !important;
}

html body section.game-overlay[data-game-overlay] input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  appearance: none !important;
  border: 0.6px solid var(--game-line) !important;
  background: transparent !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 2px 0 8px !important;
}

html body section.game-overlay[data-game-overlay] input[type="checkbox"]:checked::after {
  content: "✓" !important;
  color: var(--game-copy) !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

html body section.game-overlay[data-game-overlay] .level-shell > .action-link,
html body section.game-overlay[data-game-overlay] .intro-challenge > .action-link,
html body section.game-overlay[data-game-overlay] .loading-lines > .action-link,
html body section.game-overlay[data-game-overlay] .resolution-screen .action-link,
html body section.game-overlay[data-game-overlay] .summary-screen .action-link,
html body section.game-overlay[data-game-overlay] .text-button {
  position: absolute !important;
  left: 87px !important;
  top: 468px !important;
  width: auto !important;
  max-width: 844px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--game-glow) !important;
  font-family: var(--font-copy), "Source Code Pro", monospace !important;
  font-size: 24px !important;
  line-height: 28px !important;
  font-weight: 700 !important;
  letter-spacing: -1px !important;
  text-shadow: 0 0 4.2px rgba(217, 251, 255, 0.9), 0 0 16px rgba(217, 251, 255, 0.72) !important;
  cursor: pointer !important;
  z-index: 4 !important;
}

html body section.game-overlay[data-game-overlay] .escape-paths,
html body section.game-overlay[data-game-overlay] .path-stack {
  top: 346px !important;
  gap: 64px !important;
}

html body section.game-overlay[data-game-overlay] .route-picker,
html body section.game-overlay[data-game-overlay] .social-options {
  top: 292px !important;
  gap: 14px !important;
}

html body section.game-overlay[data-game-overlay] .route-option,
html body section.game-overlay[data-game-overlay] .social-option {
  min-height: 70px !important;
  opacity: 0.55 !important;
}

html body section.game-overlay[data-game-overlay] .route-option.is-active,
html body section.game-overlay[data-game-overlay] .social-option.is-active,
html body section.game-overlay[data-game-overlay] .path-option.is-primary,
html body section.game-overlay[data-game-overlay] .progress-option.is-fastest {
  opacity: 1 !important;
  color: var(--game-glow) !important;
  text-shadow: 0 0 4.2px rgba(217, 251, 255, 0.9), 0 0 16px rgba(217, 251, 255, 0.72) !important;
}

html body section.game-overlay[data-game-overlay] .word-cloud {
  position: absolute !important;
  left: 255px !important;
  top: 178px !important;
  width: 660px !important;
  height: 390px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  z-index: 2 !important;
}

html body section.game-overlay[data-game-overlay] .menu-tree {
  position: absolute !important;
  left: 87px !important;
  top: 394px !important;
  width: 620px !important;
  height: 190px !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(217, 217, 217, 0.46) !important;
  font-family: var(--font-copy), "Source Code Pro", monospace !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
}

html body section.game-overlay[data-game-overlay] .progress-options {
  top: 352px !important;
  gap: 12px !important;
}

html body section.game-overlay[data-game-overlay] .urgent-backdrop,
html body section.game-overlay[data-game-overlay] .modal-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(27, 28, 30, 0.7) !important;
  backdrop-filter: blur(6px) !important;
  z-index: 20 !important;
}

html body section.game-overlay[data-game-overlay] .urgent-modal,
html body section.game-overlay[data-game-overlay] .modal {
  position: absolute !important;
  left: 50px !important;
  top: 44px !important;
  width: 840px !important;
  height: 520px !important;
  margin: 0 !important;
  padding: 45px 45px 0 45px !important;
  border: 0.6px solid var(--game-line) !important;
  background: var(--game-dark) !important;
  color: var(--game-copy) !important;
  z-index: 30 !important;
}

html body section.game-overlay[data-game-overlay] .urgent-modal h2,
html body section.game-overlay[data-game-overlay] .modal h2 {
  position: static !important;
  width: 720px !important;
  height: auto !important;
  margin: 0 0 24px 0 !important;
  color: var(--game-copy) !important;
  font-family: var(--font-copy), "Source Code Pro", monospace !important;
  font-size: 70px !important;
  line-height: 0.88 !important;
  font-weight: 400 !important;
  letter-spacing: -3px !important;
}

html body section.game-overlay[data-game-overlay] .urgent-modal p,
html body section.game-overlay[data-game-overlay] .modal p {
  position: static !important;
  width: 720px !important;
  margin: 0 0 46px 0 !important;
  color: var(--game-copy) !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
}

html body section.game-overlay[data-game-overlay] .urgent-countdown {
  display: block !important;
  margin: 0 0 24px 0 !important;
  color: var(--game-glow) !important;
  font-family: var(--font-hero), var(--font-copy), monospace !important;
  font-size: 72px !important;
  line-height: 0.9 !important;
  font-weight: 400 !important;
  text-shadow: 0 0 4.2px rgba(217, 251, 255, 0.9), 0 0 16px rgba(217, 251, 255, 0.72) !important;
}

html body section.game-overlay[data-game-overlay] .urgent-modal .action-link,
html body section.game-overlay[data-game-overlay] .modal .action-link {
  position: static !important;
  display: inline-block !important;
}

html body section.game-overlay[data-game-overlay].is-resolution,
html body section.game-overlay[data-game-overlay].is-summary,
html body section.game-overlay[data-game-overlay].is-loading {
  background: var(--game-light) !important;
  color: var(--game-dark) !important;
}

html body section.game-overlay[data-game-overlay].is-resolution > .game-board,
html body section.game-overlay[data-game-overlay].is-summary > .game-board,
html body section.game-overlay[data-game-overlay].is-loading > .game-board {
  background: var(--game-light) !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .game-sidebar,
html body section.game-overlay[data-game-overlay].is-resolution .game-stage,
html body section.game-overlay[data-game-overlay].is-summary .game-sidebar,
html body section.game-overlay[data-game-overlay].is-summary .game-stage,
html body section.game-overlay[data-game-overlay].is-loading .game-sidebar,
html body section.game-overlay[data-game-overlay].is-loading .game-stage {
  border-color: rgba(27, 28, 30, 0.58) !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .game-stage__header,
html body section.game-overlay[data-game-overlay].is-resolution .game-stage__header span,
html body section.game-overlay[data-game-overlay].is-resolution .game-stage__header strong,
html body section.game-overlay[data-game-overlay].is-resolution .game-stage__header button,
html body section.game-overlay[data-game-overlay].is-summary .game-stage__header,
html body section.game-overlay[data-game-overlay].is-summary .game-stage__header span,
html body section.game-overlay[data-game-overlay].is-summary .game-stage__header strong,
html body section.game-overlay[data-game-overlay].is-summary .game-stage__header button,
html body section.game-overlay[data-game-overlay].is-loading .game-stage__header,
html body section.game-overlay[data-game-overlay].is-loading .game-stage__header span,
html body section.game-overlay[data-game-overlay].is-loading .game-stage__header strong,
html body section.game-overlay[data-game-overlay].is-loading .game-stage__header button,
html body section.game-overlay[data-game-overlay].is-resolution .game-sidebar__item > span,
html body section.game-overlay[data-game-overlay].is-resolution .game-sidebar__item strong,
html body section.game-overlay[data-game-overlay].is-summary .game-sidebar__item > span,
html body section.game-overlay[data-game-overlay].is-summary .game-sidebar__item strong,
html body section.game-overlay[data-game-overlay].is-loading .game-sidebar__item > span,
html body section.game-overlay[data-game-overlay].is-loading .game-sidebar__item strong {
  color: var(--game-dark) !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .game-stage__header::after,
html body section.game-overlay[data-game-overlay].is-summary .game-stage__header::after,
html body section.game-overlay[data-game-overlay].is-loading .game-stage__header::after,
html body section.game-overlay[data-game-overlay].is-resolution .game-sidebar__item,
html body section.game-overlay[data-game-overlay].is-summary .game-sidebar__item,
html body section.game-overlay[data-game-overlay].is-loading .game-sidebar__item {
  border-color: rgba(27, 28, 30, 0.58) !important;
  background: rgba(27, 28, 30, 0.58) !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .game-stage__header::after,
html body section.game-overlay[data-game-overlay].is-summary .game-stage__header::after,
html body section.game-overlay[data-game-overlay].is-loading .game-stage__header::after {
  background: rgba(27, 28, 30, 0.58) !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .level-title,
html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen h2,
html body section.game-overlay[data-game-overlay].is-summary .level-title,
html body section.game-overlay[data-game-overlay].is-summary .summary-screen h2,
html body section.game-overlay[data-game-overlay].is-loading .level-title,
html body section.game-overlay[data-game-overlay].is-loading .loading-lines h2 {
  color: var(--game-dark) !important;
  font-size: 78px !important;
  line-height: 0.9 !important;
}

html body section.game-overlay[data-game-overlay].is-resolution p,
html body section.game-overlay[data-game-overlay].is-summary p,
html body section.game-overlay[data-game-overlay].is-loading p,
html body section.game-overlay[data-game-overlay].is-resolution .level-copy,
html body section.game-overlay[data-game-overlay].is-summary .level-copy,
html body section.game-overlay[data-game-overlay].is-loading .level-copy {
  color: rgba(27, 28, 30, 0.72) !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .action-link,
html body section.game-overlay[data-game-overlay].is-summary .action-link,
html body section.game-overlay[data-game-overlay].is-loading .action-link {
  color: var(--game-dark) !important;
  text-shadow: none !important;
}

@media (max-width: 760px) {
  html body section.game-overlay[data-game-overlay] {
    overflow: hidden !important;
  }
}
/* END FINAL GAME FIGMA GRID LOCK v14 */


/* FINAL GAME FIGMA GRID LOCK v15 */
html body section.game-overlay[data-game-overlay] {
    --game-board-width: 1440px;
    --game-board-height: 960px;
    --game-cell: 120px;
    --game-sidebar-x: 120px;
    --game-frame-y: 120px;
    --game-sidebar-width: 120px;
    --game-frame-height: 720px;
    --game-stage-x: 269px;
    --game-stage-width: 1051px;
    --game-line-dark: rgba(217, 217, 217, 0.58);
    --game-line-light: rgba(17, 18, 20, 0.58);
    --game-text-dark: #d9d9d9;
    --game-text-light: #111214;
    --game-bg-dark: #1b1c1e;
    --game-bg-light: #ededed;
    --board-fit-scale: 1;
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    min-width: 100vw !important;
    min-height: 100vh !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    background: var(--game-bg-dark) !important;
    color: var(--game-text-dark) !important;
    z-index: 9999 !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    isolation: isolate !important;
}

html body section.game-overlay[data-game-overlay].is-active {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

html body section.game-overlay[data-game-overlay].is-resolution,
html body section.game-overlay[data-game-overlay].is-summary,
html body section.game-overlay[data-game-overlay].is-loading {
    background: var(--game-bg-light) !important;
    color: var(--game-text-light) !important;
}

html body section.game-overlay[data-game-overlay] *,
html body section.game-overlay[data-game-overlay] *::before,
html body section.game-overlay[data-game-overlay] *::after {
    box-sizing: border-box !important;
}

html body section.game-overlay[data-game-overlay] > .game-board {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 1440px !important;
    height: 960px !important;
    min-width: 1440px !important;
    min-height: 960px !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    transform: translate(-50%, -50%) scale(var(--board-fit-scale, 1)) !important;
    transform-origin: center center !important;
    background: transparent !important;
    border: 0 !important;
    overflow: visible !important;
    contain: none !important;
}

html body section.game-overlay[data-game-overlay] > .game-board > .game-sidebar,
html body section.game-overlay[data-game-overlay] > .game-board > .game-stage {
    position: absolute !important;
    top: 120px !important;
    height: 720px !important;
    min-height: 720px !important;
    max-height: 720px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0.6px solid var(--game-line-dark) !important;
    background: transparent !important;
    display: block !important;
    overflow: hidden !important;
    transform: none !important;
    flex: none !important;
    grid-column: auto !important;
    grid-row: auto !important;
}

html body section.game-overlay[data-game-overlay] > .game-board > .game-sidebar {
    left: 120px !important;
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
}

html body section.game-overlay[data-game-overlay] > .game-board > .game-stage {
    left: 269px !important;
    width: 1051px !important;
    min-width: 1051px !important;
    max-width: 1051px !important;
}

html body section.game-overlay[data-game-overlay].is-resolution > .game-board > .game-sidebar,
html body section.game-overlay[data-game-overlay].is-resolution > .game-board > .game-stage,
html body section.game-overlay[data-game-overlay].is-summary > .game-board > .game-sidebar,
html body section.game-overlay[data-game-overlay].is-summary > .game-board > .game-stage,
html body section.game-overlay[data-game-overlay].is-loading > .game-board > .game-sidebar,
html body section.game-overlay[data-game-overlay].is-loading > .game-board > .game-stage {
    border-color: var(--game-line-light) !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__item {
    position: relative !important;
    width: 88px !important;
    min-height: 72px !important;
    margin: 47px 16px 0 !important;
    padding: 0 0 14px !important;
    border-bottom: 0.6px solid var(--game-line-dark) !important;
    display: block !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__item + .game-sidebar__item {
    margin-top: 42px !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .game-sidebar__item,
html body section.game-overlay[data-game-overlay].is-summary .game-sidebar__item,
html body section.game-overlay[data-game-overlay].is-loading .game-sidebar__item {
    border-bottom-color: var(--game-line-light) !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__label,
html body section.game-overlay[data-game-overlay] .game-sidebar__value {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--font-body) !important;
    letter-spacing: -0.03em !important;
    color: inherit !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__label {
    font-size: 13px !important;
    line-height: 18px !important;
    font-weight: 400 !important;
    opacity: 0.6 !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__value {
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: 700 !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__header {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 1051px !important;
    height: 120px !important;
    min-height: 120px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    border: 0 !important;
    background: transparent !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__header::after {
    content: "" !important;
    position: absolute !important;
    left: 31px !important;
    top: 73px !important;
    width: 988px !important;
    height: 0.6px !important;
    background: var(--game-line-dark) !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .game-stage__header::after,
html body section.game-overlay[data-game-overlay].is-summary .game-stage__header::after,
html body section.game-overlay[data-game-overlay].is-loading .game-stage__header::after {
    background: var(--game-line-light) !important;
}

html body section.game-overlay[data-game-overlay] [data-game-kicker] {
    position: absolute !important;
    left: 87px !important;
    top: 49px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    font-family: var(--font-body) !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em !important;
    white-space: nowrap !important;
    color: inherit !important;
    text-align: left !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__header .text-button[data-exit-game] {
    position: absolute !important;
    right: 32px !important;
    top: 49px !important;
    left: auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    font-family: var(--font-body) !important;
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em !important;
    color: inherit !important;
    text-decoration: none !important;
    text-shadow: none !important;
    background: transparent !important;
    border: 0 !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__content {
    position: absolute !important;
    left: 0 !important;
    top: 120px !important;
    width: 1051px !important;
    height: 600px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    background: transparent !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__content > *,
html body section.game-overlay[data-game-overlay] .intro-challenge,
html body section.game-overlay[data-game-overlay] .level-shell,
html body section.game-overlay[data-game-overlay] .resolution-screen,
html body section.game-overlay[data-game-overlay] .summary-screen,
html body section.game-overlay[data-game-overlay] .loading-lines {
    position: absolute !important;
    inset: 0 !important;
    width: 1051px !important;
    height: 600px !important;
    min-height: 600px !important;
    max-height: 600px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
    transform: none !important;
    background: transparent !important;
}

html body section.game-overlay[data-game-overlay] .level-title,
html body section.game-overlay[data-game-overlay] .intro-challenge h2,
html body section.game-overlay[data-game-overlay] .loading-lines h2,
html body section.game-overlay[data-game-overlay] .resolution-screen h2,
html body section.game-overlay[data-game-overlay] .summary-screen h2 {
    position: absolute !important;
    left: 87px !important;
    top: 42px !important;
    width: 844px !important;
    min-height: 240px !important;
    max-width: 844px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--font-body) !important;
    font-size: 76px !important;
    line-height: 0.92 !important;
    font-weight: 400 !important;
    letter-spacing: -0.03em !important;
    color: inherit !important;
    text-align: left !important;
}

html body section.game-overlay[data-game-overlay] .resolution-screen h2,
html body section.game-overlay[data-game-overlay] .summary-screen h2 {
    font-size: 72px !important;
    line-height: 0.92 !important;
}

html body section.game-overlay[data-game-overlay] .level-copy,
html body section.game-overlay[data-game-overlay] .intro-challenge p,
html body section.game-overlay[data-game-overlay] .loading-lines p,
html body section.game-overlay[data-game-overlay] .resolution-screen p,
html body section.game-overlay[data-game-overlay] .summary-screen p,
html body section.game-overlay[data-game-overlay] .resolution-note {
    position: absolute !important;
    left: 87px !important;
    top: 302px !important;
    width: 844px !important;
    max-width: 844px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--font-body) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    letter-spacing: -0.03em !important;
    color: inherit !important;
    opacity: 0.72 !important;
}

html body section.game-overlay[data-game-overlay] .resolution-note,
html body section.game-overlay[data-game-overlay] .summary-screen strong,
html body section.game-overlay[data-game-overlay] .resolution-screen strong {
    top: 432px !important;
    font-weight: 700 !important;
    opacity: 0.86 !important;
}

html body section.game-overlay[data-game-overlay] .settings-list,
html body section.game-overlay[data-game-overlay] .level-options,
html body section.game-overlay[data-game-overlay] .choice-list,
html body section.game-overlay[data-game-overlay] .path-options,
html body section.game-overlay[data-game-overlay] .maze-menu,
html body section.game-overlay[data-game-overlay] .progress-options,
html body section.game-overlay[data-game-overlay] .word-cloud {
    position: absolute !important;
    left: 87px !important;
    top: 300px !important;
    width: 720px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

html body section.game-overlay[data-game-overlay] .setting-row {
    position: relative !important;
    width: 720px !important;
    height: 54px !important;
    margin: 0 !important;
    padding: 0 0 0 8px !important;
    border-bottom: 0.6px solid var(--game-line-dark) !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    font-family: var(--font-body) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    letter-spacing: -0.03em !important;
    color: inherit !important;
}

html body section.game-overlay[data-game-overlay] input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    position: relative !important;
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0.6px solid currentColor !important;
    border-radius: 0 !important;
    display: inline-grid !important;
    place-items: center !important;
    background: transparent !important;
    color: inherit !important;
    vertical-align: middle !important;
}

html body section.game-overlay[data-game-overlay] input[type="checkbox"]:checked::after {
    content: "✓" !important;
    position: absolute !important;
    left: 1px !important;
    top: -5px !important;
    width: 14px !important;
    height: 14px !important;
    font-family: var(--font-body) !important;
    font-size: 18px !important;
    line-height: 18px !important;
    font-weight: 700 !important;
    color: currentColor !important;
}

html body section.game-overlay[data-game-overlay] .action-link,
html body section.game-overlay[data-game-overlay] .intro-challenge .action-link,
html body section.game-overlay[data-game-overlay] .level-shell > .action-link,
html body section.game-overlay[data-game-overlay] .resolution-screen .action-link,
html body section.game-overlay[data-game-overlay] .summary-screen .action-link,
html body section.game-overlay[data-game-overlay] [data-confirm-settings],
html body section.game-overlay[data-game-overlay] [data-next-resolution] {
    position: absolute !important;
    left: 87px !important;
    top: 468px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
    font-family: var(--font-body) !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em !important;
    color: inherit !important;
    background: transparent !important;
    border: 0 !important;
    text-decoration: none !important;
    text-shadow: 0 0 4.2px rgba(207, 245, 248, 0.95), 0 0 14px rgba(207, 245, 248, 0.72) !important;
}

html body section.game-overlay[data-game-overlay] .resolution-screen .action-link,
html body section.game-overlay[data-game-overlay] .summary-screen .action-link,
html body section.game-overlay[data-game-overlay] [data-next-resolution] {
    top: 520px !important;
    color: var(--game-text-light) !important;
    text-shadow: none !important;
}

html body section.game-overlay[data-game-overlay] .choice-list {
    top: 265px !important;
    width: 760px !important;
}

html body section.game-overlay[data-game-overlay] .choice-row,
html body section.game-overlay[data-game-overlay] .path-option,
html body section.game-overlay[data-game-overlay] .progress-option {
    position: relative !important;
    width: 760px !important;
    min-height: 72px !important;
    margin: 0 !important;
    padding: 14px 0 !important;
    border-bottom: 0.6px solid var(--game-line-dark) !important;
    display: flex !important;
    align-items: center !important;
    gap: 28px !important;
    color: inherit !important;
    background: transparent !important;
}

html body section.game-overlay[data-game-overlay] .word-cloud {
    left: 212px !important;
    top: 170px !important;
    width: 690px !important;
    height: 390px !important;
}

html body section.game-overlay[data-game-overlay] .hint-stack {
    position: absolute !important;
    left: 12px !important;
    bottom: 190px !important;
    width: 90px !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--five .urgency-modal,
html body section.game-overlay[data-game-overlay] .urgency-modal {
    position: absolute !important;
    left: 50px !important;
    top: 30px !important;
    width: 880px !important;
    height: 520px !important;
    padding: 58px 48px !important;
    border: 0.6px solid var(--game-line-dark) !important;
    background: rgba(27, 28, 30, 0.92) !important;
    color: var(--game-text-dark) !important;
}

html body section.game-overlay[data-game-overlay] .maze-tree,
html body section.game-overlay[data-game-overlay] .maze-menu {
    left: 87px !important;
    top: 300px !important;
    width: 500px !important;
    height: 270px !important;
    overflow: hidden !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    opacity: 0.72 !important;
}

html body section.game-overlay[data-game-overlay] .progress-options {
    top: 330px !important;
    width: 620px !important;
}

html body section.game-overlay[data-game-overlay] .progress-row {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 70px 1fr !important;
    align-items: center !important;
    gap: 28px !important;
    width: 620px !important;
    min-height: 54px !important;
    border-bottom: 0.6px solid var(--game-line-dark) !important;
}

@media (max-width: 900px) {
    html body section.game-overlay[data-game-overlay] > .game-board {
        transform: translate(-50%, -50%) scale(var(--board-fit-scale, 1)) !important;
    }
}



/* FINAL GAME FIGMA GRID LOCK v16 */
html body section.game-overlay[data-game-overlay] {
    --game-board-width: 1440px !important;
    --game-board-height: 960px !important;
    --game-cell: 120px !important;
    --game-sidebar-x: 120px !important;
    --game-frame-y: 120px !important;
    --game-sidebar-width: 120px !important;
    --game-frame-height: 720px !important;
    --game-stage-x: 269px !important;
    --game-stage-width: 1051px !important;
    --game-header-height: 120px !important;
    --game-content-height: 600px !important;
    --game-line-dark: rgba(217, 217, 217, 0.58) !important;
    --game-line-light: rgba(17, 18, 20, 0.58) !important;
    --game-text-dark: #d9d9d9 !important;
    --game-text-light: #111214 !important;
    --game-bg-dark: #1b1c1e !important;
    --game-bg-light: #ededed !important;
    --board-fit-scale: 1;
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
    background: var(--game-bg-dark) !important;
    color: var(--game-text-dark) !important;
    z-index: 9999 !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    isolation: isolate !important;
}
@supports (height: 100dvh) {
    html body section.game-overlay[data-game-overlay] { height: 100dvh !important; }
}
html body section.game-overlay[data-game-overlay].is-active {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}
html body section.game-overlay[data-game-overlay].is-resolution,
html body section.game-overlay[data-game-overlay].is-summary {
    background: var(--game-bg-light) !important;
    color: var(--game-text-light) !important;
}
html body section.game-overlay[data-game-overlay].is-loading {
    background: var(--game-bg-dark) !important;
    color: var(--game-text-dark) !important;
}
html body section.game-overlay[data-game-overlay] *,
html body section.game-overlay[data-game-overlay] *::before,
html body section.game-overlay[data-game-overlay] *::after {
    box-sizing: border-box !important;
}
html body section.game-overlay[data-game-overlay] > .game-board {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 1440px !important;
    height: 960px !important;
    min-width: 1440px !important;
    min-height: 960px !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    transform: scale(var(--board-fit-scale, 1)) !important;
    transform-origin: center center !important;
    background: transparent !important;
    border: 0 !important;
    overflow: hidden !important;
    contain: layout paint !important;
}
html body section.game-overlay[data-game-overlay] > .game-board > .game-sidebar,
html body section.game-overlay[data-game-overlay] > .game-board > .game-stage {
    position: absolute !important;
    top: 120px !important;
    height: 720px !important;
    min-height: 720px !important;
    max-height: 720px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0.6px solid var(--game-line-dark) !important;
    background: transparent !important;
    display: block !important;
    overflow: hidden !important;
    transform: none !important;
    flex: none !important;
    grid-column: auto !important;
    grid-row: auto !important;
}
html body section.game-overlay[data-game-overlay] > .game-board > .game-sidebar {
    left: 120px !important;
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
}
html body section.game-overlay[data-game-overlay] > .game-board > .game-stage {
    left: 269px !important;
    width: 1051px !important;
    min-width: 1051px !important;
    max-width: 1051px !important;
}
html body section.game-overlay[data-game-overlay].is-resolution > .game-board > .game-sidebar,
html body section.game-overlay[data-game-overlay].is-resolution > .game-board > .game-stage,
html body section.game-overlay[data-game-overlay].is-summary > .game-board > .game-sidebar,
html body section.game-overlay[data-game-overlay].is-summary > .game-board > .game-stage {
    border-color: var(--game-line-light) !important;
}
html body section.game-overlay[data-game-overlay] .game-sidebar__item {
    position: absolute !important;
    left: 16px !important;
    width: 88px !important;
    height: 74px !important;
    min-height: 74px !important;
    margin: 0 !important;
    padding: 0 0 13px !important;
    border-bottom: 0.6px solid var(--game-line-dark) !important;
    display: block !important;
}
html body section.game-overlay[data-game-overlay] .game-sidebar__item:nth-child(1) { top: 47px !important; }
html body section.game-overlay[data-game-overlay] .game-sidebar__item:nth-child(2) { top: 167px !important; }
html body section.game-overlay[data-game-overlay] .game-sidebar__item:nth-child(3) { top: 287px !important; }
html body section.game-overlay[data-game-overlay].is-resolution .game-sidebar__item,
html body section.game-overlay[data-game-overlay].is-summary .game-sidebar__item { border-bottom-color: var(--game-line-light) !important; }
html body section.game-overlay[data-game-overlay] .game-sidebar__label,
html body section.game-overlay[data-game-overlay] .game-sidebar__value {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--font-body) !important;
    letter-spacing: -0.03em !important;
    color: inherit !important;
}
html body section.game-overlay[data-game-overlay] .game-sidebar__label {
    font-size: 13px !important;
    line-height: 18px !important;
    font-weight: 400 !important;
    opacity: 0.6 !important;
}
html body section.game-overlay[data-game-overlay] .game-sidebar__value {
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: 700 !important;
}
html body section.game-overlay[data-game-overlay] .game-stage__header {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 1051px !important;
    height: 120px !important;
    min-height: 120px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    border: 0 !important;
    background: transparent !important;
}
html body section.game-overlay[data-game-overlay] .game-stage__header::after {
    content: "" !important;
    position: absolute !important;
    left: 31px !important;
    top: 73px !important;
    width: 988px !important;
    height: 0.6px !important;
    background: var(--game-line-dark) !important;
}
html body section.game-overlay[data-game-overlay].is-resolution .game-stage__header::after,
html body section.game-overlay[data-game-overlay].is-summary .game-stage__header::after { background: var(--game-line-light) !important; }
html body section.game-overlay[data-game-overlay] [data-game-kicker] {
    position: absolute !important;
    left: 87px !important;
    top: 49px !important;
    max-width: 820px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    font-family: var(--font-body) !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em !important;
    white-space: nowrap !important;
    color: inherit !important;
    text-align: left !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
html body section.game-overlay[data-game-overlay] .game-stage__header .text-button[data-exit-game] {
    position: absolute !important;
    right: 32px !important;
    top: 49px !important;
    left: auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    font-family: var(--font-body) !important;
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em !important;
    color: inherit !important;
    text-decoration: none !important;
    text-shadow: none !important;
    background: transparent !important;
    border: 0 !important;
}
html body section.game-overlay[data-game-overlay] .game-stage__content {
    position: absolute !important;
    left: 0 !important;
    top: 120px !important;
    width: 1051px !important;
    height: 600px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    background: transparent !important;
}
html body section.game-overlay[data-game-overlay] .game-stage__content > *,
html body section.game-overlay[data-game-overlay] .intro-challenge,
html body section.game-overlay[data-game-overlay] .level-shell,
html body section.game-overlay[data-game-overlay] .resolution-screen,
html body section.game-overlay[data-game-overlay] .summary-screen,
html body section.game-overlay[data-game-overlay] .loading-lines {
    position: absolute !important;
    inset: 0 !important;
    width: 1051px !important;
    height: 600px !important;
    min-height: 600px !important;
    max-height: 600px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
    transform: none !important;
    background: transparent !important;
}
html body section.game-overlay[data-game-overlay] .level-title,
html body section.game-overlay[data-game-overlay] .intro-challenge h2,
html body section.game-overlay[data-game-overlay] .loading-lines h2,
html body section.game-overlay[data-game-overlay] .resolution-screen h2,
html body section.game-overlay[data-game-overlay] .summary-screen h2 {
    position: absolute !important;
    left: 87px !important;
    top: 42px !important;
    width: 844px !important;
    min-height: 240px !important;
    max-width: 844px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--font-body) !important;
    font-size: 76px !important;
    line-height: 0.92 !important;
    font-weight: 400 !important;
    letter-spacing: -0.03em !important;
    color: inherit !important;
    text-align: left !important;
}
html body section.game-overlay[data-game-overlay] .resolution-screen h2,
html body section.game-overlay[data-game-overlay] .summary-screen h2 {
    font-size: 72px !important;
    line-height: 0.92 !important;
}
html body section.game-overlay[data-game-overlay] .level-copy,
html body section.game-overlay[data-game-overlay] .intro-challenge p,
html body section.game-overlay[data-game-overlay] .loading-lines p,
html body section.game-overlay[data-game-overlay] .resolution-screen p,
html body section.game-overlay[data-game-overlay] .summary-screen p {
    position: absolute !important;
    left: 87px !important;
    top: 302px !important;
    width: 844px !important;
    max-width: 844px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--font-body) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    letter-spacing: -0.03em !important;
    color: inherit !important;
    opacity: 0.72 !important;
}
html body section.game-overlay[data-game-overlay] .resolution-note,
html body section.game-overlay[data-game-overlay] .penalty-line {
    position: absolute !important;
    left: 87px !important;
    top: 432px !important;
    width: 844px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--font-body) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em !important;
    color: inherit !important;
    opacity: 0.86 !important;
}
html body section.game-overlay[data-game-overlay] .settings-list,
html body section.game-overlay[data-game-overlay] .level-options,
html body section.game-overlay[data-game-overlay] .choice-list,
html body section.game-overlay[data-game-overlay] .path-options,
html body section.game-overlay[data-game-overlay] .path-stack,
html body section.game-overlay[data-game-overlay] .maze-menu,
html body section.game-overlay[data-game-overlay] .menu-tree,
html body section.game-overlay[data-game-overlay] .progress-options {
    position: absolute !important;
    left: 87px !important;
    top: 302px !important;
    width: 760px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}
html body section.game-overlay[data-game-overlay] .setting-row,
html body section.game-overlay[data-game-overlay] .choice-row {
    position: relative !important;
    width: 720px !important;
    height: 54px !important;
    margin: 0 !important;
    padding: 0 0 0 8px !important;
    border-bottom: 0.6px solid var(--game-line-dark) !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    font-family: var(--font-body) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    letter-spacing: -0.03em !important;
    color: inherit !important;
    background: transparent !important;
}
html body section.game-overlay[data-game-overlay] input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    position: relative !important;
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0.6px solid currentColor !important;
    border-radius: 0 !important;
    display: inline-block !important;
    background: transparent !important;
    color: inherit !important;
    vertical-align: middle !important;
}
html body section.game-overlay[data-game-overlay] input[type="checkbox"]:checked::after {
    content: "" !important;
    position: absolute !important;
    left: 4px !important;
    top: 1px !important;
    width: 6px !important;
    height: 10px !important;
    border: solid currentColor !important;
    border-width: 0 1.8px 1.8px 0 !important;
    transform: rotate(45deg) !important;
}
html body section.game-overlay[data-game-overlay] .action-link,
html body section.game-overlay[data-game-overlay] [data-confirm-settings],
html body section.game-overlay[data-game-overlay] [data-next-resolution] {
    position: absolute !important;
    left: 87px !important;
    top: 468px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
    font-family: var(--font-body) !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em !important;
    color: inherit !important;
    background: transparent !important;
    border: 0 !important;
    text-decoration: none !important;
    text-shadow: 0 0 4.2px rgba(207, 245, 248, 0.95), 0 0 14px rgba(207, 245, 248, 0.72) !important;
}
html body section.game-overlay[data-game-overlay] .resolution-screen .action-link,
html body section.game-overlay[data-game-overlay] .summary-screen .action-link,
html body section.game-overlay[data-game-overlay] [data-next-resolution] {
    top: 520px !important;
    color: var(--game-text-light) !important;
    text-shadow: none !important;
}
html body section.game-overlay[data-game-overlay] .path-option,
html body section.game-overlay[data-game-overlay] .progress-option,
html body section.game-overlay[data-game-overlay] .social-option {
    width: 760px !important;
    min-height: 64px !important;
    margin: 0 !important;
    padding: 12px 0 !important;
    border-bottom: 0.6px solid var(--game-line-dark) !important;
    display: flex !important;
    align-items: center !important;
    gap: 28px !important;
    color: inherit !important;
    background: transparent !important;
}
html body section.game-overlay[data-game-overlay] .word-cloud {
    position: absolute !important;
    left: 212px !important;
    top: 150px !important;
    width: 710px !important;
    height: 420px !important;
    margin: 0 !important;
    padding: 0 !important;
}
html body section.game-overlay[data-game-overlay] .hint-stack,
html body section.game-overlay[data-game-overlay] .tip-stack {
    position: absolute !important;
    left: -184px !important;
    top: 420px !important;
    width: 90px !important;
    margin: 0 !important;
    padding: 0 !important;
}
html body section.game-overlay[data-game-overlay] .urgency-modal,
html body section.game-overlay[data-game-overlay] .urgent-modal {
    position: absolute !important;
    left: 50px !important;
    top: 30px !important;
    width: 880px !important;
    height: 520px !important;
    padding: 58px 48px !important;
    border: 0.6px solid var(--game-line-dark) !important;
    background: rgba(27, 28, 30, 0.92) !important;
    color: var(--game-text-dark) !important;
}
html body section.game-overlay[data-game-overlay] .maze-tree,
html body section.game-overlay[data-game-overlay] .maze-menu,
html body section.game-overlay[data-game-overlay] .menu-tree {
    left: 87px !important;
    top: 302px !important;
    width: 500px !important;
    height: 270px !important;
    overflow: hidden !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    opacity: 0.72 !important;
}
html body section.game-overlay[data-game-overlay] .progress-options {
    top: 330px !important;
    width: 620px !important;
}
html body section.game-overlay[data-game-overlay] .progress-row {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 70px 1fr !important;
    align-items: center !important;
    gap: 28px !important;
    width: 620px !important;
    min-height: 54px !important;
    border-bottom: 0.6px solid var(--game-line-dark) !important;
}
@media (max-width: 900px) {
    html body section.game-overlay[data-game-overlay] > .game-board {
        transform: scale(var(--board-fit-scale, 1)) !important;
    }
}


/* FINAL GAME FIGMA GRID LOCK v17 */
html body section.game-overlay[data-game-overlay] {
    --game-board-width: 1440px;
    --game-board-height: 960px;
    --game-sidebar-left: 120px;
    --game-frame-top: 120px;
    --game-sidebar-width: 120px;
    --game-frame-height: 720px;
    --game-stage-left: 269px;
    --game-stage-width: 1051px;
    --game-line: rgba(217, 217, 217, 0.58);
    --game-dark: #1b1c1e;
    --game-light: #ededed;
    --game-text-light: #d9d9d9;
    --game-text-dark: #1b1c1e;
    position: fixed !important;
    inset: 0 !important;
    z-index: 9999 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100vw !important;
    height: 100vh !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: var(--game-dark) !important;
    color: var(--game-text-light) !important;
    isolation: isolate !important;
}

html body section.game-overlay[data-game-overlay].is-active {
    display: flex !important;
}

html body section.game-overlay[data-game-overlay].is-resolution,
html body section.game-overlay[data-game-overlay].is-summary {
    background: var(--game-light) !important;
    color: var(--game-text-dark) !important;
}

html body section.game-overlay[data-game-overlay] .game-board {
    position: relative !important;
    display: block !important;
    flex: 0 0 auto !important;
    width: var(--game-board-width) !important;
    height: var(--game-board-height) !important;
    min-width: var(--game-board-width) !important;
    min-height: var(--game-board-height) !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: scale(var(--board-fit-scale, 1)) !important;
    transform-origin: center center !important;
    background: transparent !important;
    overflow: visible !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar,
html body section.game-overlay[data-game-overlay] .game-stage {
    position: absolute !important;
    top: var(--game-frame-top) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0.6px solid var(--game-line) !important;
    background: transparent !important;
    box-sizing: border-box !important;
    transform: none !important;
    opacity: 1 !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar {
    left: var(--game-sidebar-left) !important;
    width: var(--game-sidebar-width) !important;
    height: var(--game-frame-height) !important;
    display: grid !important;
    grid-template-rows: 118px 118px 118px 1fr !important;
    align-content: start !important;
}

html body section.game-overlay[data-game-overlay] .game-stat {
    display: block !important;
    min-width: 0 !important;
    padding: 46px 18px 0 18px !important;
    border-bottom: 0.6px solid var(--game-line) !important;
    color: inherit !important;
}

html body section.game-overlay[data-game-overlay] .game-stat span,
html body section.game-overlay[data-game-overlay] .game-stat strong {
    display: block !important;
    white-space: nowrap !important;
    letter-spacing: 0 !important;
}

html body section.game-overlay[data-game-overlay] .game-stat span {
    margin-bottom: 5px !important;
    font: 400 12px/1.3 var(--font-code, "Source Code Pro", monospace) !important;
    color: color-mix(in srgb, currentColor 58%, transparent) !important;
}

html body section.game-overlay[data-game-overlay] .game-stat strong {
    font: 700 16px/1.25 var(--font-code, "Source Code Pro", monospace) !important;
    color: currentColor !important;
}

html body section.game-overlay[data-game-overlay] .game-stage {
    left: var(--game-stage-left) !important;
    width: var(--game-stage-width) !important;
    height: var(--game-frame-height) !important;
    display: block !important;
    overflow: hidden !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__header {
    position: absolute !important;
    inset: 0 0 auto 0 !important;
    display: block !important;
    width: 100% !important;
    height: 120px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__header::after {
    content: "" !important;
    position: absolute !important;
    left: 31px !important;
    top: 73px !important;
    width: 988px !important;
    height: 0.6px !important;
    background: var(--game-line) !important;
}

html body section.game-overlay[data-game-overlay] [data-game-kicker] {
    position: absolute !important;
    left: 87px !important;
    top: 49px !important;
    right: auto !important;
    bottom: auto !important;
    width: auto !important;
    max-width: 680px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    white-space: nowrap !important;
    color: currentColor !important;
    font: 700 24px/28px var(--font-code, "Source Code Pro", monospace) !important;
    letter-spacing: -1px !important;
}

html body section.game-overlay[data-game-overlay] [data-exit-game] {
    position: absolute !important;
    right: 32px !important;
    top: 49px !important;
    left: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: currentColor !important;
    font: 700 16px/28px var(--font-code, "Source Code Pro", monospace) !important;
    letter-spacing: 0 !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__content {
    position: absolute !important;
    left: 0 !important;
    top: 120px !important;
    width: var(--game-stage-width) !important;
    height: 600px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__content > *,
html body section.game-overlay[data-game-overlay] .level-screen,
html body section.game-overlay[data-game-overlay] .resolution-screen,
html body section.game-overlay[data-game-overlay] .intro-screen,
html body section.game-overlay[data-game-overlay] .loading-screen,
html body section.game-overlay[data-game-overlay] .summary-screen {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 1051px !important;
    height: 600px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

html body section.game-overlay[data-game-overlay] .level-title,
html body section.game-overlay[data-game-overlay] .intro-title,
html body section.game-overlay[data-game-overlay] .summary-title,
html body section.game-overlay[data-game-overlay] .resolution-title,
html body section.game-overlay[data-game-overlay] [data-level-title],
html body section.game-overlay[data-game-overlay] [data-resolution-title] {
    position: absolute !important;
    left: 87px !important;
    top: 47px !important;
    width: 844px !important;
    height: 240px !important;
    max-width: 844px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: currentColor !important;
    font-family: var(--font-heading, var(--font-code, "Source Code Pro", monospace)) !important;
    font-size: clamp(62px, 6.05vw, 87px) !important;
    line-height: 0.9 !important;
    font-weight: 400 !important;
    letter-spacing: -0.04em !important;
    text-align: left !important;
    text-wrap: balance !important;
    overflow: visible !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .resolution-title,
html body section.game-overlay[data-game-overlay].is-summary .summary-title {
    font-size: clamp(60px, 5.75vw, 86px) !important;
    line-height: 0.92 !important;
}

html body section.game-overlay[data-game-overlay] .level-copy,
html body section.game-overlay[data-game-overlay] .intro-copy,
html body section.game-overlay[data-game-overlay] .resolution-copy,
html body section.game-overlay[data-game-overlay] .summary-copy,
html body section.game-overlay[data-game-overlay] [data-level-copy],
html body section.game-overlay[data-game-overlay] [data-resolution-copy] {
    position: absolute !important;
    left: 87px !important;
    top: 354px !important;
    width: 844px !important;
    max-width: 844px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: currentColor !important;
    font: 400 16px/1.3 var(--font-code, "Source Code Pro", monospace) !important;
    letter-spacing: -0.03em !important;
    text-align: left !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .resolution-copy,
html body section.game-overlay[data-game-overlay].is-summary .summary-copy {
    top: 332px !important;
}

html body section.game-overlay[data-game-overlay] .penalty-line,
html body section.game-overlay[data-game-overlay] [data-penalty-line] {
    position: absolute !important;
    left: 87px !important;
    top: 484px !important;
    width: 844px !important;
    margin: 0 !important;
    color: currentColor !important;
    font: 700 16px/1.3 var(--font-code, "Source Code Pro", monospace) !important;
    letter-spacing: -0.03em !important;
}

html body section.game-overlay[data-game-overlay] .level-actions,
html body section.game-overlay[data-game-overlay] .intro-actions,
html body section.game-overlay[data-game-overlay] .summary-actions,
html body section.game-overlay[data-game-overlay] .resolution-actions {
    position: absolute !important;
    left: 87px !important;
    top: 500px !important;
    width: 844px !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .resolution-actions,
html body section.game-overlay[data-game-overlay].is-summary .summary-actions {
    top: 545px !important;
}

html body section.game-overlay[data-game-overlay] .level-options,
html body section.game-overlay[data-game-overlay] .choice-list,
html body section.game-overlay[data-game-overlay] .path-options,
html body section.game-overlay[data-game-overlay] .settings-list {
    position: absolute !important;
    left: 87px !important;
    top: 308px !important;
    width: 844px !important;
    max-width: 844px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

html body section.game-overlay[data-game-overlay] .settings-list label,
html body section.game-overlay[data-game-overlay] .setting-row,
html body section.game-overlay[data-game-overlay] .choice-row,
html body section.game-overlay[data-game-overlay] .path-row {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    min-height: 54px !important;
    gap: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 0.6px solid var(--game-line) !important;
    color: currentColor !important;
    font: 400 16px/1.3 var(--font-code, "Source Code Pro", monospace) !important;
    letter-spacing: -0.03em !important;
}

html body section.game-overlay[data-game-overlay] input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    flex: 0 0 13px !important;
    width: 13px !important;
    height: 13px !important;
    margin: 0 !important;
    border: 0.6px solid currentColor !important;
    background: transparent !important;
    position: relative !important;
    display: inline-block !important;
}

html body section.game-overlay[data-game-overlay] input[type="checkbox"]::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 45% !important;
    width: 4px !important;
    height: 8px !important;
    border: solid currentColor !important;
    border-width: 0 1.5px 1.5px 0 !important;
    transform: translate(-50%, -50%) rotate(45deg) !important;
    opacity: 0 !important;
}

html body section.game-overlay[data-game-overlay] input[type="checkbox"]:checked::after {
    opacity: 1 !important;
}

html body section.game-overlay[data-game-overlay] .glow-link,
html body section.game-overlay[data-game-overlay] .text-button,
html body section.game-overlay[data-game-overlay] button:not([data-exit-game]),
html body section.game-overlay[data-game-overlay] a {
    color: currentColor !important;
    font: 700 24px/28px var(--font-code, "Source Code Pro", monospace) !important;
    letter-spacing: -1px !important;
}

html body section.game-overlay[data-game-overlay] .word-cloud,
html body section.game-overlay[data-game-overlay] .matrix-field {
    position: absolute !important;
    left: 270px !important;
    top: 170px !important;
    width: 650px !important;
    height: 380px !important;
}

html body section.game-overlay[data-game-overlay] .nested-menu,
html body section.game-overlay[data-game-overlay] .terminal-tree {
    position: absolute !important;
    left: 87px !important;
    top: 380px !important;
    width: 620px !important;
    height: 210px !important;
    overflow: hidden !important;
}

html body section.game-overlay[data-game-overlay] .progress-options,
html body section.game-overlay[data-game-overlay] .loader-options {
    position: absolute !important;
    left: 87px !important;
    top: 390px !important;
    width: 650px !important;
    margin: 0 !important;
}

html body section.game-overlay[data-game-overlay] .jump-modal,
html body section.game-overlay[data-game-overlay] .urgency-modal {
    position: absolute !important;
    left: 120px !important;
    top: 83px !important;
    width: 840px !important;
    height: 540px !important;
    margin: 0 !important;
    padding: 72px 80px !important;
    border: 0.6px solid var(--game-line) !important;
    background: color-mix(in srgb, var(--game-dark) 94%, transparent) !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .game-sidebar,
html body section.game-overlay[data-game-overlay].is-resolution .game-stage,
html body section.game-overlay[data-game-overlay].is-resolution .game-stage__header::after,
html body section.game-overlay[data-game-overlay].is-summary .game-sidebar,
html body section.game-overlay[data-game-overlay].is-summary .game-stage,
html body section.game-overlay[data-game-overlay].is-summary .game-stage__header::after {
    --game-line: rgba(27, 28, 30, 0.58);
}


/* FINAL GAME FIGMA GRID LOCK v18 */
html body section.game-overlay[data-game-overlay] {
    --game-board-width: 1440px;
    --game-board-height: 960px;
    --game-sidebar-left: 120px;
    --game-stage-left: 269px;
    --game-frame-top: 120px;
    --game-sidebar-width: 120px;
    --game-stage-width: 1051px;
    --game-frame-height: 720px;
    --game-stage-content-top: 120px;
    --game-stage-content-height: 600px;
    --game-stage-pad-left: 87px;
    --game-header-line-left: 31px;
    --game-header-line-top: 73px;
    --game-header-line-width: 988px;
    --game-title-top: 47px;
    --game-title-width: 844px;
    --game-title-height: 240px;
    --game-control-top: 308px;
    --game-copy-top: 332px;
    --game-button-top: 500px;
    --game-light: #ededed;
    --game-dark: #1b1c1e;
    --game-text-light: #d9d9d9;
    --game-text-dark: #1b1c1e;
    --game-line: rgba(217, 217, 217, 0.58);
    position: fixed !important;
    inset: 0 !important;
    z-index: 9999 !important;
    display: none !important;
    width: 100vw !important;
    height: 100vh !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: var(--game-dark) !important;
    color: var(--game-text-light) !important;
    isolation: isolate !important;
}

html body section.game-overlay[data-game-overlay].is-active {
    display: block !important;
}

html body section.game-overlay[data-game-overlay].is-resolution,
html body section.game-overlay[data-game-overlay].is-summary,
html body section.game-overlay[data-game-overlay].is-loading.is-resolution {
    --game-line: rgba(27, 28, 30, 0.58);
    background: var(--game-light) !important;
    color: var(--game-text-dark) !important;
}

html body section.game-overlay[data-game-overlay] > .game-board {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: var(--game-board-width) !important;
    height: var(--game-board-height) !important;
    min-width: var(--game-board-width) !important;
    min-height: var(--game-board-height) !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
    transform: translate(-50%, -50%) scale(var(--board-fit-scale, 1)) !important;
    transform-origin: center center !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar,
html body section.game-overlay[data-game-overlay] .game-stage {
    position: absolute !important;
    top: var(--game-frame-top) !important;
    height: var(--game-frame-height) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0.6px solid var(--game-line) !important;
    background: transparent !important;
    color: inherit !important;
    box-sizing: border-box !important;
    display: block !important;
    overflow: hidden !important;
    transform: none !important;
    opacity: 1 !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar {
    left: var(--game-sidebar-left) !important;
    width: var(--game-sidebar-width) !important;
}

html body section.game-overlay[data-game-overlay] .game-stage {
    left: var(--game-stage-left) !important;
    width: var(--game-stage-width) !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__item,
html body section.game-overlay[data-game-overlay] .game-stat {
    position: relative !important;
    width: 100% !important;
    height: 118px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 46px 18px 0 !important;
    border: 0 !important;
    border-bottom: 0.6px solid var(--game-line) !important;
    background: transparent !important;
    color: inherit !important;
    box-sizing: border-box !important;
    display: block !important;
    overflow: visible !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__label,
html body section.game-overlay[data-game-overlay] .game-stat span {
    display: block !important;
    margin: 0 0 2px !important;
    padding: 0 !important;
    font-family: var(--font-copy) !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    color: currentColor !important;
    opacity: 0.62 !important;
    letter-spacing: 0 !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__value,
html body section.game-overlay[data-game-overlay] .game-stat strong {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    color: currentColor !important;
    letter-spacing: -0.01em !important;
    white-space: nowrap !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__header {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: var(--game-stage-width) !important;
    height: var(--game-stage-content-top) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    border: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__header::after {
    content: "" !important;
    position: absolute !important;
    left: var(--game-header-line-left) !important;
    top: var(--game-header-line-top) !important;
    width: var(--game-header-line-width) !important;
    height: 0 !important;
    border-top: 0.6px solid var(--game-line) !important;
    background: transparent !important;
}

html body section.game-overlay[data-game-overlay] [data-game-kicker],
html body section.game-overlay[data-game-overlay] .game-stage__kicker {
    position: absolute !important;
    left: var(--game-stage-pad-left) !important;
    top: 49px !important;
    right: auto !important;
    bottom: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--font-copy) !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    color: currentColor !important;
    letter-spacing: -1px !important;
    text-align: left !important;
    white-space: nowrap !important;
    z-index: 2 !important;
}

html body section.game-overlay[data-game-overlay] [data-exit-game],
html body section.game-overlay[data-game-overlay] .game-stage__exit {
    position: absolute !important;
    right: 32px !important;
    top: 49px !important;
    left: auto !important;
    bottom: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    color: currentColor !important;
    letter-spacing: -0.01em !important;
    text-align: right !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    z-index: 3 !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__content {
    position: absolute !important;
    left: 0 !important;
    top: var(--game-stage-content-top) !important;
    width: var(--game-stage-width) !important;
    height: var(--game-stage-content-height) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__content > *,
html body section.game-overlay[data-game-overlay] .intro-challenge,
html body section.game-overlay[data-game-overlay] .level-screen,
html body section.game-overlay[data-game-overlay] .level-shell,
html body section.game-overlay[data-game-overlay] .resolution-screen,
html body section.game-overlay[data-game-overlay] .summary-screen,
html body section.game-overlay[data-game-overlay] .loading-lines {
    position: absolute !important;
    inset: 0 !important;
    width: var(--game-stage-width) !important;
    height: var(--game-stage-content-height) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    background: transparent !important;
    color: inherit !important;
}

html body section.game-overlay[data-game-overlay] .level-title,
html body section.game-overlay[data-game-overlay] .intro-challenge h2,
html body section.game-overlay[data-game-overlay] .resolution-title,
html body section.game-overlay[data-game-overlay] .summary-title,
html body section.game-overlay[data-game-overlay] .loading-lines h2 {
    position: absolute !important;
    left: var(--game-stage-pad-left) !important;
    top: var(--game-title-top) !important;
    width: var(--game-title-width) !important;
    height: var(--game-title-height) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: var(--game-title-width) !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
    font-family: var(--font-heading) !important;
    font-size: 87px !important;
    line-height: 0.92 !important;
    font-weight: 400 !important;
    letter-spacing: -0.015em !important;
    text-align: left !important;
    text-transform: none !important;
    color: currentColor !important;
    transform: none !important;
    z-index: 2 !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .resolution-title,
html body section.game-overlay[data-game-overlay].is-summary .summary-title {
    font-size: 78px !important;
    line-height: 0.94 !important;
    color: var(--game-text-dark) !important;
}

html body section.game-overlay[data-game-overlay] .intro-challenge p,
html body section.game-overlay[data-game-overlay] .level-copy,
html body section.game-overlay[data-game-overlay] .resolution-screen > p:not(.penalty-line),
html body section.game-overlay[data-game-overlay] .summary-screen > p:not(.penalty-line) {
    position: absolute !important;
    left: var(--game-stage-pad-left) !important;
    top: var(--game-copy-top) !important;
    width: var(--game-title-width) !important;
    height: auto !important;
    max-width: var(--game-title-width) !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    letter-spacing: -0.03em !important;
    color: currentColor !important;
    text-align: left !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .settings-list,
html body section.game-overlay[data-game-overlay] .level-options,
html body section.game-overlay[data-game-overlay] .escape-options,
html body section.game-overlay[data-game-overlay] .route-list,
html body section.game-overlay[data-game-overlay] .progress-options,
html body section.game-overlay[data-game-overlay] .maze-menu,
html body section.game-overlay[data-game-overlay] .text-cloud,
html body section.game-overlay[data-game-overlay] .word-cloud,
html body section.game-overlay[data-game-overlay] .matrix-cloud {
    position: absolute !important;
    left: var(--game-stage-pad-left) !important;
    top: var(--game-control-top) !important;
    width: var(--game-title-width) !important;
    max-width: var(--game-title-width) !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

html body section.game-overlay[data-game-overlay] .settings-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
}

html body section.game-overlay[data-game-overlay] .setting-row {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    width: 100% !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 0 8px !important;
    border: 0 !important;
    border-bottom: 0.6px solid var(--game-line) !important;
    background: transparent !important;
    box-sizing: border-box !important;
    color: currentColor !important;
}

html body section.game-overlay[data-game-overlay] .setting-row input[type="checkbox"] {
    flex: 0 0 13px !important;
    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    min-height: 13px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    transform: none !important;
    appearance: none !important;
    border: 0.6px solid currentColor !important;
    background: transparent !important;
    display: grid !important;
    place-items: center !important;
}

html body section.game-overlay[data-game-overlay] .setting-row input[type="checkbox"]:checked::after {
    content: "✓" !important;
    display: block !important;
    color: currentColor !important;
    font-family: var(--font-copy) !important;
    font-size: 12px !important;
    line-height: 1 !important;
    transform: translateY(-0.5px) !important;
}

html body section.game-overlay[data-game-overlay] .setting-row span,
html body section.game-overlay[data-game-overlay] .setting-row label,
html body section.game-overlay[data-game-overlay] .choice-copy,
html body section.game-overlay[data-game-overlay] .route-copy,
html body section.game-overlay[data-game-overlay] .progress-copy {
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    letter-spacing: -0.03em !important;
    color: currentColor !important;
}

html body section.game-overlay[data-game-overlay] .action-link,
html body section.game-overlay[data-game-overlay] .primary-link,
html body section.game-overlay[data-game-overlay] [data-next-level] {
    position: absolute !important;
    left: var(--game-stage-pad-left) !important;
    top: var(--game-button-top) !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    font-family: var(--font-copy) !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
    color: currentColor !important;
    text-shadow: 0 0 6px rgba(217, 251, 255, 0.92), 0 0 18px rgba(217, 251, 255, 0.55) !important;
    cursor: pointer !important;
    transform: none !important;
    z-index: 5 !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .action-link,
html body section.game-overlay[data-game-overlay].is-resolution [data-next-level],
html body section.game-overlay[data-game-overlay].is-summary .action-link {
    top: 545px !important;
    color: var(--game-text-dark) !important;
    text-shadow: none !important;
}

html body section.game-overlay[data-game-overlay] .penalty-line {
    position: absolute !important;
    left: var(--game-stage-pad-left) !important;
    top: 485px !important;
    width: var(--game-title-width) !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    color: currentColor !important;
    letter-spacing: -0.03em !important;
}

html body section.game-overlay[data-game-overlay] .loading-lines .loader,
html body section.game-overlay[data-game-overlay] .loading-spinner,
html body section.game-overlay[data-game-overlay] .loader {
    position: absolute !important;
    left: var(--game-stage-pad-left) !important;
    top: 330px !important;
    width: 360px !important;
    height: 8px !important;
    margin: 0 !important;
}

html body section.game-overlay[data-game-overlay] .jump-modal,
html body section.game-overlay[data-game-overlay] .urgency-modal {
    position: absolute !important;
    left: 47px !important;
    top: 30px !important;
    width: 880px !important;
    height: 520px !important;
    margin: 0 !important;
    padding: 58px !important;
    border: 0.6px solid var(--game-line) !important;
    background: rgba(27, 28, 30, 0.84) !important;
    color: var(--game-text-light) !important;
    box-sizing: border-box !important;
    display: block !important;
    overflow: hidden !important;
}

html body section.game-overlay[data-game-overlay] .jump-modal .level-title,
html body section.game-overlay[data-game-overlay] .urgency-modal .level-title,
html body section.game-overlay[data-game-overlay] .jump-modal h2,
html body section.game-overlay[data-game-overlay] .urgency-modal h2 {
    position: static !important;
    width: auto !important;
    height: auto !important;
    max-width: 760px !important;
    margin: 0 0 26px !important;
    padding: 0 !important;
    font-size: 72px !important;
    line-height: 0.9 !important;
    color: currentColor !important;
}

html body section.game-overlay[data-game-overlay] .jump-modal .level-copy,
html body section.game-overlay[data-game-overlay] .urgency-modal .level-copy,
html body section.game-overlay[data-game-overlay] .jump-modal p,
html body section.game-overlay[data-game-overlay] .urgency-modal p {
    position: static !important;
    width: auto !important;
    max-width: 760px !important;
    margin: 0 0 34px !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    color: currentColor !important;
}

html body section.game-overlay[data-game-overlay] .jump-modal .action-link,
html body section.game-overlay[data-game-overlay] .urgency-modal .action-link {
    position: static !important;
    display: inline-block !important;
}

html body section.game-overlay[data-game-overlay] .route-list,
html body section.game-overlay[data-game-overlay] .progress-options {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
}

html body section.game-overlay[data-game-overlay] .route-option,
html body section.game-overlay[data-game-overlay] .progress-option,
html body section.game-overlay[data-game-overlay] .choice-option {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 100px 1fr !important;
    align-items: center !important;
    min-height: 64px !important;
    padding: 0 0 12px !important;
    border-bottom: 0.6px solid var(--game-line) !important;
    background: transparent !important;
    color: currentColor !important;
    box-sizing: border-box !important;
}

html body section.game-overlay[data-game-overlay] .route-option.is-active,
html body section.game-overlay[data-game-overlay] .progress-option.is-active,
html body section.game-overlay[data-game-overlay] .choice-option.is-active {
    color: #d9fbff !important;
    text-shadow: 0 0 6px rgba(217, 251, 255, 0.92), 0 0 20px rgba(217, 251, 255, 0.5) !important;
}

html body section.game-overlay[data-game-overlay] .option-number,
html body section.game-overlay[data-game-overlay] .progress-number,
html body section.game-overlay[data-game-overlay] .route-number {
    font-family: var(--font-hero) !important;
    font-size: 42px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    color: currentColor !important;
}

html body section.game-overlay[data-game-overlay] .progress-bar {
    width: 480px !important;
    height: 16px !important;
    background-size: 11px 11px !important;
}

html body section.game-overlay[data-game-overlay] .summary-table {
    position: absolute !important;
    left: var(--game-stage-pad-left) !important;
    top: 332px !important;
    width: var(--game-title-width) !important;
    margin: 0 !important;
    border-collapse: collapse !important;
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
}

@media (max-width: 700px) {
    html body section.game-overlay[data-game-overlay] {
        overflow: hidden !important;
    }
}


/* FINAL GAME FIGMA GRID LOCK v19 */
html body section.game-overlay[data-game-overlay] {
    --game-board-width: 1440px;
    --game-board-height: 960px;
    --game-col: 120px;
    --game-row: 120px;
    --game-sidebar-left: 120px;
    --game-sidebar-width: 120px;
    --game-stage-left: 269px;
    --game-stage-width: 1051px;
    --game-frame-top: 120px;
    --game-frame-height: 720px;
    --game-stage-pad-left: 87px;
    --game-title-width: 844px;
    --game-title-height: 240px;
    --game-light: #ededed;
    --game-dark: #1b1c1e;
    --game-text-light: #d9d9d9;
    --game-text-dark: #1b1c1e;
    --game-line: rgba(217, 217, 217, 0.58);
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: none !important;
    overflow: hidden !important;
    z-index: 9999 !important;
    background: var(--game-dark) !important;
    color: var(--game-text-light) !important;
    font-family: var(--font-copy) !important;
    isolation: isolate !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay].is-active {
    display: block !important;
}

html body section.game-overlay[data-game-overlay].is-resolution,
html body section.game-overlay[data-game-overlay].is-summary {
    --game-line: rgba(27, 28, 30, 0.58);
    background: var(--game-light) !important;
    color: var(--game-text-dark) !important;
}

html body section.game-overlay[data-game-overlay] *,
html body section.game-overlay[data-game-overlay] *::before,
html body section.game-overlay[data-game-overlay] *::after {
    box-sizing: border-box !important;
}

html body section.game-overlay[data-game-overlay] > .game-board {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: var(--game-board-width) !important;
    height: var(--game-board-height) !important;
    min-width: var(--game-board-width) !important;
    min-height: var(--game-board-height) !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
    background: transparent !important;
    transform: translate(-50%, -50%) scale(var(--board-fit-scale, 1)) !important;
    transform-origin: center center !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar,
html body section.game-overlay[data-game-overlay] .game-stage {
    position: absolute !important;
    top: var(--game-frame-top) !important;
    height: var(--game-frame-height) !important;
    min-height: var(--game-frame-height) !important;
    max-height: var(--game-frame-height) !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0.6px solid var(--game-line) !important;
    border-radius: 0 !important;
    color: inherit !important;
    overflow: hidden !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar {
    left: var(--game-sidebar-left) !important;
    width: var(--game-sidebar-width) !important;
    min-width: var(--game-sidebar-width) !important;
    max-width: var(--game-sidebar-width) !important;
    display: block !important;
    padding: 0 !important;
}

html body section.game-overlay[data-game-overlay] .game-stage {
    left: var(--game-stage-left) !important;
    width: var(--game-stage-width) !important;
    min-width: var(--game-stage-width) !important;
    max-width: var(--game-stage-width) !important;
    display: block !important;
    padding: 0 !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__item {
    position: relative !important;
    width: 100% !important;
    height: 120px !important;
    padding: 46px 17px 0 17px !important;
    margin: 0 !important;
    border-bottom: 0.6px solid var(--game-line) !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__item:last-child {
    border-bottom: 0.6px solid var(--game-line) !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__label {
    display: block !important;
    margin: 0 0 5px !important;
    font-family: var(--font-copy) !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    color: currentColor !important;
    opacity: 0.55 !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__value {
    display: block !important;
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    color: currentColor !important;
    opacity: 1 !important;
    white-space: nowrap !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__header {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 1051px !important;
    height: 120px !important;
    min-height: 120px !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__header::after {
    content: "" !important;
    position: absolute !important;
    left: 31px !important;
    right: 31px !important;
    top: 72px !important;
    height: 0.6px !important;
    background: var(--game-line) !important;
    display: block !important;
}

html body section.game-overlay[data-game-overlay] [data-game-kicker] {
    position: absolute !important;
    left: 87px !important;
    top: 44px !important;
    right: auto !important;
    width: auto !important;
    max-width: 760px !important;
    display: block !important;
    color: currentColor !important;
    font-family: var(--font-copy) !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
    text-align: left !important;
    white-space: nowrap !important;
    opacity: 1 !important;
}

html body section.game-overlay[data-game-overlay] [data-exit-game] {
    position: absolute !important;
    right: 31px !important;
    top: 44px !important;
    width: auto !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: currentColor !important;
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    opacity: 1 !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__content {
    position: absolute !important;
    left: 0 !important;
    top: 120px !important;
    width: 1051px !important;
    height: 600px !important;
    min-width: 1051px !important;
    min-height: 600px !important;
    max-width: 1051px !important;
    max-height: 600px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__content > article,
html body section.game-overlay[data-game-overlay] .game-stage__content > div,
html body section.game-overlay[data-game-overlay] .intro-challenge,
html body section.game-overlay[data-game-overlay] .level-screen,
html body section.game-overlay[data-game-overlay] .resolution-screen,
html body section.game-overlay[data-game-overlay] .summary-screen,
html body section.game-overlay[data-game-overlay] .loading-screen {
    position: absolute !important;
    inset: 0 !important;
    width: 1051px !important;
    height: 600px !important;
    min-width: 1051px !important;
    min-height: 600px !important;
    max-width: 1051px !important;
    max-height: 600px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    color: inherit !important;
    background: transparent !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .level-title,
html body section.game-overlay[data-game-overlay] .intro-challenge h2,
html body section.game-overlay[data-game-overlay] .loading-lines h2 {
    position: absolute !important;
    left: var(--game-stage-pad-left) !important;
    top: 47px !important;
    width: var(--game-title-width) !important;
    max-width: var(--game-title-width) !important;
    height: var(--game-title-height) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
    color: currentColor !important;
    font-family: var(--font-heading) !important;
    font-size: 87px !important;
    line-height: 0.92 !important;
    font-weight: 400 !important;
    letter-spacing: -0.03em !important;
    text-align: left !important;
    text-transform: none !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .resolution-title,
html body section.game-overlay[data-game-overlay] .summary-title {
    position: absolute !important;
    left: var(--game-stage-pad-left) !important;
    top: 47px !important;
    width: var(--game-title-width) !important;
    max-width: var(--game-title-width) !important;
    height: var(--game-title-height) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
    color: currentColor !important;
    font-family: var(--font-heading) !important;
    font-size: 78px !important;
    line-height: 0.94 !important;
    font-weight: 400 !important;
    letter-spacing: -0.03em !important;
    text-align: left !important;
    text-transform: none !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .level-copy,
html body section.game-overlay[data-game-overlay] .intro-challenge p,
html body section.game-overlay[data-game-overlay] .resolution-screen p:not(.penalty-line),
html body section.game-overlay[data-game-overlay] .summary-screen p,
html body section.game-overlay[data-game-overlay] .loading-lines p {
    position: absolute !important;
    left: var(--game-stage-pad-left) !important;
    top: 332px !important;
    width: var(--game-title-width) !important;
    max-width: var(--game-title-width) !important;
    margin: 0 !important;
    padding: 0 !important;
    color: currentColor !important;
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    letter-spacing: -0.03em !important;
    text-align: left !important;
    opacity: 0.82 !important;
}

html body section.game-overlay[data-game-overlay] .settings-list,
html body section.game-overlay[data-game-overlay] .choice-list,
html body section.game-overlay[data-game-overlay] .escape-options,
html body section.game-overlay[data-game-overlay] .path-options,
html body section.game-overlay[data-game-overlay] .route-list,
html body section.game-overlay[data-game-overlay] .social-options,
html body section.game-overlay[data-game-overlay] .choice-stack,
html body section.game-overlay[data-game-overlay] .progress-options,
html body section.game-overlay[data-game-overlay] .loader-options {
    position: absolute !important;
    left: var(--game-stage-pad-left) !important;
    top: 308px !important;
    width: var(--game-title-width) !important;
    max-width: var(--game-title-width) !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    gap: 18px !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .setting-row,
html body section.game-overlay[data-game-overlay] .checkbox-row {
    width: 720px !important;
    min-height: 38px !important;
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    margin: 0 !important;
    padding: 0 0 9px 0 !important;
    border-bottom: 0.6px solid var(--game-line) !important;
    color: currentColor !important;
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    letter-spacing: -0.03em !important;
}

html body section.game-overlay[data-game-overlay] .setting-row input,
html body section.game-overlay[data-game-overlay] .checkbox-row input,
html body section.game-overlay[data-game-overlay] input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    position: relative !important;
    flex: 0 0 13px !important;
    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    min-height: 13px !important;
    margin: 0 6px 0 0 !important;
    padding: 0 !important;
    border: 0.6px solid currentColor !important;
    border-radius: 0 !important;
    background: transparent !important;
    display: grid !important;
    place-items: center !important;
    color: currentColor !important;
    opacity: 0.95 !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] input[type="checkbox"]:checked::after {
    content: "✓" !important;
    display: block !important;
    font-family: var(--font-copy) !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    color: currentColor !important;
    transform: translateY(-0.5px) !important;
}

html body section.game-overlay[data-game-overlay] .action-link,
html body section.game-overlay[data-game-overlay] .primary-action,
html body section.game-overlay[data-game-overlay] .glow-link,
html body section.game-overlay[data-game-overlay] .intro-challenge .glow-link,
html body section.game-overlay[data-game-overlay] .level-screen > .glow-link,
html body section.game-overlay[data-game-overlay] .level-screen > button.glow-link,
html body section.game-overlay[data-game-overlay] .level-screen > a.glow-link {
    position: absolute !important;
    left: var(--game-stage-pad-left) !important;
    top: 500px !important;
    width: max-content !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: currentColor !important;
    font-family: var(--font-copy) !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
    text-decoration: none !important;
    text-shadow: 0 0 4.2px rgba(222, 249, 255, 0.95), 0 0 16px rgba(222, 249, 255, 0.5) !important;
    white-space: nowrap !important;
    opacity: 1 !important;
}

html body section.game-overlay[data-game-overlay] .resolution-screen .action-link,
html body section.game-overlay[data-game-overlay] .summary-screen .action-link {
    top: 545px !important;
    text-shadow: none !important;
    color: currentColor !important;
}

html body section.game-overlay[data-game-overlay] .penalty-line {
    position: absolute !important;
    left: var(--game-stage-pad-left) !important;
    top: 475px !important;
    width: var(--game-title-width) !important;
    margin: 0 !important;
    color: currentColor !important;
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em !important;
}

html body section.game-overlay[data-game-overlay] .loading-bar,
html body section.game-overlay[data-game-overlay] .calc-bar {
    position: absolute !important;
    left: var(--game-stage-pad-left) !important;
    top: 432px !important;
    width: 520px !important;
    height: 15px !important;
}

html body section.game-overlay[data-game-overlay] .text-cloud,
html body section.game-overlay[data-game-overlay] .word-cloud,
html body section.game-overlay[data-game-overlay] .matrix-cloud {
    position: absolute !important;
    left: 210px !important;
    top: 160px !important;
    width: 700px !important;
    height: 420px !important;
    margin: 0 !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .system-tip,
html body section.game-overlay[data-game-overlay] .tip-stack {
    position: absolute !important;
    left: -258px !important;
    top: 345px !important;
    width: 120px !important;
}

html body section.game-overlay[data-game-overlay] .side-arrows {
    position: absolute !important;
    right: 7px !important;
    top: 62px !important;
}

html body section.game-overlay[data-game-overlay] .jump-modal,
html body section.game-overlay[data-game-overlay] .urgency-modal,
html body section.game-overlay[data-game-overlay] .modal-panel {
    position: absolute !important;
    left: 47px !important;
    top: 20px !important;
    width: 880px !important;
    height: 520px !important;
    margin: 0 !important;
    padding: 48px 44px !important;
    border: 0.6px solid var(--game-line) !important;
    background: rgba(27, 28, 30, 0.78) !important;
    color: var(--game-text-light) !important;
}

html body section.game-overlay[data-game-overlay] .terminal-tree,
html body section.game-overlay[data-game-overlay] .nested-menu,
html body section.game-overlay[data-game-overlay] .maze-menu {
    position: absolute !important;
    left: var(--game-stage-pad-left) !important;
    top: 392px !important;
    width: 720px !important;
    height: 190px !important;
    margin: 0 !important;
    overflow: hidden !important;
}

html body section.game-overlay[data-game-overlay] .summary-table,
html body section.game-overlay[data-game-overlay] .stats-table,
html body section.game-overlay[data-game-overlay] .result-table {
    position: absolute !important;
    left: var(--game-stage-pad-left) !important;
    top: 320px !important;
    width: 720px !important;
}

@media (max-width: 900px) {
    html body section.game-overlay[data-game-overlay] .level-title,
    html body section.game-overlay[data-game-overlay] .intro-challenge h2,
    html body section.game-overlay[data-game-overlay] .resolution-title,
    html body section.game-overlay[data-game-overlay] .summary-title,
    html body section.game-overlay[data-game-overlay] .loading-lines h2 {
        font-size: 78px !important;
    }
}

/* FINAL GAME FIGMA GRID LOCK v20 */
html body section.game-overlay[data-game-overlay] {
    --game-board-width: 1440px;
    --game-board-height: 960px;
    --game-sidebar-left: 120px;
    --game-sidebar-top: 120px;
    --game-sidebar-width: 120px;
    --game-sidebar-height: 720px;
    --game-stage-left: 269px;
    --game-stage-top: 120px;
    --game-stage-width: 1051px;
    --game-stage-height: 720px;
    --game-content-top: 120px;
    --game-content-height: 600px;
    --game-inset-left: 87px;
    --game-title-top: 47px;
    --game-title-width: 844px;
    --game-title-height: 240px;
    --game-light: #ededed;
    --game-dark: #1b1c1e;
    --game-ink: #d9d9d9;
    --game-line: rgba(217, 217, 217, 0.58);
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    display: none !important;
    background: var(--game-dark) !important;
    color: var(--game-ink) !important;
    font-family: var(--font-copy) !important;
    z-index: 9999 !important;
    isolation: isolate !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay].is-active {
    display: block !important;
}

html body section.game-overlay[data-game-overlay].is-resolution,
html body section.game-overlay[data-game-overlay].is-summary {
    --game-ink: #1b1c1e;
    --game-line: rgba(27, 28, 30, 0.58);
    background: var(--game-light) !important;
    color: var(--game-ink) !important;
}

html body section.game-overlay[data-game-overlay] *,
html body section.game-overlay[data-game-overlay] *::before,
html body section.game-overlay[data-game-overlay] *::after {
    box-sizing: border-box !important;
}

html body section.game-overlay[data-game-overlay] > .game-board {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: var(--game-board-width) !important;
    height: var(--game-board-height) !important;
    min-width: var(--game-board-width) !important;
    min-height: var(--game-board-height) !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
    background: transparent !important;
    transform: translate(-50%, -50%) scale(var(--board-fit-scale, 1)) !important;
    transform-origin: center center !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar,
html body section.game-overlay[data-game-overlay] .game-stage {
    position: absolute !important;
    top: var(--game-sidebar-top) !important;
    height: var(--game-sidebar-height) !important;
    min-height: var(--game-sidebar-height) !important;
    max-height: var(--game-sidebar-height) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    transform: none !important;
    background: transparent !important;
    border: 0.6px solid var(--game-line) !important;
    border-radius: 0 !important;
    color: inherit !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar {
    left: var(--game-sidebar-left) !important;
    width: var(--game-sidebar-width) !important;
    min-width: var(--game-sidebar-width) !important;
    max-width: var(--game-sidebar-width) !important;
}

html body section.game-overlay[data-game-overlay] .game-stage {
    left: var(--game-stage-left) !important;
    width: var(--game-stage-width) !important;
    min-width: var(--game-stage-width) !important;
    max-width: var(--game-stage-width) !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__item {
    position: relative !important;
    width: 100% !important;
    height: 120px !important;
    min-height: 120px !important;
    margin: 0 !important;
    padding: 46px 17px 0 !important;
    display: block !important;
    border-bottom: 0.6px solid var(--game-line) !important;
    overflow: hidden !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__label {
    display: block !important;
    margin: 0 0 5px !important;
    padding: 0 !important;
    font-family: var(--font-copy) !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    color: currentColor !important;
    opacity: 0.55 !important;
    white-space: nowrap !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__value {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    color: currentColor !important;
    opacity: 1 !important;
    white-space: nowrap !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__header {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: var(--game-stage-width) !important;
    height: 120px !important;
    min-height: 120px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    border: 0 !important;
    color: inherit !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__header::after {
    content: "" !important;
    position: absolute !important;
    left: 31px !important;
    right: 31px !important;
    top: 72px !important;
    height: 0.6px !important;
    display: block !important;
    background: var(--game-line) !important;
}

html body section.game-overlay[data-game-overlay] [data-game-kicker] {
    position: absolute !important;
    left: var(--game-inset-left) !important;
    top: 44px !important;
    right: auto !important;
    width: 760px !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    color: currentColor !important;
    font-family: var(--font-copy) !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
    text-align: left !important;
    white-space: nowrap !important;
    opacity: 1 !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] [data-exit-game] {
    position: absolute !important;
    right: 31px !important;
    top: 44px !important;
    left: auto !important;
    width: auto !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    border: 0 !important;
    background: transparent !important;
    color: currentColor !important;
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    text-align: right !important;
    white-space: nowrap !important;
    opacity: 1 !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__content {
    position: absolute !important;
    left: 0 !important;
    top: var(--game-content-top) !important;
    width: var(--game-stage-width) !important;
    height: var(--game-content-height) !important;
    min-width: var(--game-stage-width) !important;
    min-height: var(--game-content-height) !important;
    max-width: var(--game-stage-width) !important;
    max-height: var(--game-content-height) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__content > *,
html body section.game-overlay[data-game-overlay] .intro-challenge,
html body section.game-overlay[data-game-overlay] .level-shell,
html body section.game-overlay[data-game-overlay] .level-screen,
html body section.game-overlay[data-game-overlay] .resolution-screen,
html body section.game-overlay[data-game-overlay] .summary-screen,
html body section.game-overlay[data-game-overlay] .loading-lines,
html body section.game-overlay[data-game-overlay] .loading-screen {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    width: var(--game-stage-width) !important;
    height: var(--game-content-height) !important;
    min-width: var(--game-stage-width) !important;
    min-height: var(--game-content-height) !important;
    max-width: var(--game-stage-width) !important;
    max-height: var(--game-content-height) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    background: transparent !important;
    color: inherit !important;
    transform: none !important;
    grid-column: auto !important;
    grid-row: auto !important;
}

html body section.game-overlay[data-game-overlay] .level-title,
html body section.game-overlay[data-game-overlay] .intro-challenge .level-title,
html body section.game-overlay[data-game-overlay] .loading-lines .level-title {
    position: absolute !important;
    left: var(--game-inset-left) !important;
    top: var(--game-title-top) !important;
    width: var(--game-title-width) !important;
    max-width: var(--game-title-width) !important;
    height: var(--game-title-height) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
    color: currentColor !important;
    font-family: var(--font-heading) !important;
    font-size: 87px !important;
    line-height: 0.92 !important;
    font-weight: 400 !important;
    letter-spacing: -0.03em !important;
    text-align: left !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .resolution-title,
html body section.game-overlay[data-game-overlay] .summary-title {
    position: absolute !important;
    left: var(--game-inset-left) !important;
    top: var(--game-title-top) !important;
    width: var(--game-title-width) !important;
    max-width: var(--game-title-width) !important;
    height: var(--game-title-height) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
    color: currentColor !important;
    font-family: var(--font-heading) !important;
    font-size: 78px !important;
    line-height: 0.94 !important;
    font-weight: 400 !important;
    letter-spacing: -0.03em !important;
    text-align: left !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .level-copy,
html body section.game-overlay[data-game-overlay] .intro-challenge p,
html body section.game-overlay[data-game-overlay] .resolution-screen p:not(.penalty-line),
html body section.game-overlay[data-game-overlay] .summary-screen p,
html body section.game-overlay[data-game-overlay] .loading-lines p {
    position: absolute !important;
    left: var(--game-inset-left) !important;
    top: 332px !important;
    width: var(--game-title-width) !important;
    max-width: var(--game-title-width) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    color: currentColor !important;
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    letter-spacing: -0.03em !important;
    opacity: 0.82 !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .choice-list,
html body section.game-overlay[data-game-overlay] .settings-list {
    position: absolute !important;
    left: var(--game-inset-left) !important;
    top: 308px !important;
    width: var(--game-title-width) !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .checkbox-row {
    position: relative !important;
    width: 720px !important;
    min-height: 38px !important;
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    margin: 0 !important;
    padding: 0 0 9px !important;
    border-bottom: 0.6px solid var(--game-line) !important;
    color: currentColor !important;
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    letter-spacing: -0.03em !important;
}

html body section.game-overlay[data-game-overlay] .checkbox-row input,
html body section.game-overlay[data-game-overlay] input[type="checkbox"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    position: relative !important;
    flex: 0 0 13px !important;
    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    min-height: 13px !important;
    margin: 0 6px 0 0 !important;
    padding: 0 !important;
    display: inline-grid !important;
    place-items: center !important;
    border: 0.6px solid currentColor !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: currentColor !important;
    line-height: 1 !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] input[type="checkbox"]:checked::after {
    content: "✓" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    display: block !important;
    font-family: var(--font-copy) !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    color: currentColor !important;
    transform: translate(-50%, -54%) !important;
}

html body section.game-overlay[data-game-overlay] .action-link,
html body section.game-overlay[data-game-overlay] .primary-action,
html body section.game-overlay[data-game-overlay] .glow-link {
    position: absolute !important;
    left: var(--game-inset-left) !important;
    top: 500px !important;
    width: max-content !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
    border: 0 !important;
    background: transparent !important;
    color: currentColor !important;
    font-family: var(--font-copy) !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
    text-decoration: none !important;
    text-shadow: 0 0 4.2px rgba(222, 249, 255, 0.95), 0 0 16px rgba(222, 249, 255, 0.5) !important;
    white-space: nowrap !important;
    opacity: 1 !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .resolution-screen .action-link,
html body section.game-overlay[data-game-overlay] .summary-screen .action-link {
    top: 545px !important;
    text-shadow: none !important;
}

html body section.game-overlay[data-game-overlay] .penalty-line {
    position: absolute !important;
    left: var(--game-inset-left) !important;
    top: 475px !important;
    width: var(--game-title-width) !important;
    margin: 0 !important;
    padding: 0 !important;
    color: currentColor !important;
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em !important;
}

html body section.game-overlay[data-game-overlay] .path-stack,
html body section.game-overlay[data-game-overlay] .path-options {
    position: absolute !important;
    left: var(--game-inset-left) !important;
    top: 430px !important;
    width: 360px !important;
    display: grid !important;
    gap: 62px !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body section.game-overlay[data-game-overlay] .path-option {
    position: relative !important;
    display: inline-block !important;
    width: max-content !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: currentColor !important;
    font-family: var(--font-copy) !important;
    font-weight: 700 !important;
    text-align: left !important;
}

html body section.game-overlay[data-game-overlay] .path-option--primary {
    font-size: 24px !important;
    line-height: 28px !important;
    text-shadow: 0 0 4.2px rgba(222, 249, 255, 0.95), 0 0 16px rgba(222, 249, 255, 0.5) !important;
}

html body section.game-overlay[data-game-overlay] .path-option--quiet {
    font-size: 16px !important;
    line-height: 1.3 !important;
    opacity: 0.42 !important;
}

html body section.game-overlay[data-game-overlay] .social-options {
    position: absolute !important;
    left: var(--game-inset-left) !important;
    top: 270px !important;
    width: 760px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body section.game-overlay[data-game-overlay] .social-option {
    position: relative !important;
    min-height: 74px !important;
    display: grid !important;
    grid-template-columns: 120px 1fr !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 0.6px solid var(--game-line) !important;
    background: transparent !important;
    color: currentColor !important;
    opacity: 0.28 !important;
    text-align: left !important;
}

html body section.game-overlay[data-game-overlay] .social-option.is-featured {
    opacity: 1 !important;
    color: #d9fbff !important;
    text-shadow: 0 0 6px rgba(217, 251, 255, 0.92), 0 0 20px rgba(217, 251, 255, 0.5) !important;
}

html body section.game-overlay[data-game-overlay] .social-option span {
    font-family: var(--font-hero) !important;
    font-size: 56px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
}

html body section.game-overlay[data-game-overlay] .social-option strong {
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
}

html body section.game-overlay[data-game-overlay] .word-cloud {
    position: absolute !important;
    left: 205px !important;
    top: 152px !important;
    width: 735px !important;
    height: 420px !important;
    margin: 0 !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .tip-stack {
    position: absolute !important;
    left: -258px !important;
    top: 345px !important;
    width: 120px !important;
    display: grid !important;
    gap: 44px !important;
}

html body section.game-overlay[data-game-overlay] .arrow-distraction {
    position: absolute !important;
    right: 5px !important;
    top: 62px !important;
}

html body section.game-overlay[data-game-overlay] .urgent-modal {
    position: absolute !important;
    left: 47px !important;
    top: 20px !important;
    width: 880px !important;
    height: 520px !important;
    margin: 0 !important;
    padding: 48px 44px !important;
    display: block !important;
    border: 0.6px solid var(--game-line) !important;
    background: rgba(27, 28, 30, 0.82) !important;
    color: var(--game-text-light, #d9d9d9) !important;
}

html body section.game-overlay[data-game-overlay] .urgent-modal .level-title {
    position: static !important;
    width: 780px !important;
    height: auto !important;
    font-size: 72px !important;
    line-height: 0.9 !important;
    margin: 0 0 26px !important;
}

html body section.game-overlay[data-game-overlay] .urgent-modal .level-copy {
    position: static !important;
    width: 760px !important;
    margin: 0 0 45px !important;
}

html body section.game-overlay[data-game-overlay] .urgent-countdown {
    font-family: var(--font-hero) !important;
    font-size: 56px !important;
    line-height: 1 !important;
    margin: 0 0 26px !important;
    color: #d9fbff !important;
    text-shadow: 0 0 6px rgba(217, 251, 255, 0.92), 0 0 20px rgba(217, 251, 255, 0.5) !important;
}

html body section.game-overlay[data-game-overlay] .urgent-modal .action-link {
    position: static !important;
}

html body section.game-overlay[data-game-overlay] .menu-tree {
    position: absolute !important;
    left: var(--game-inset-left) !important;
    top: 400px !important;
    width: 720px !important;
    height: 185px !important;
    margin: 0 !important;
    overflow: hidden !important;
    display: grid !important;
    align-content: start !important;
    gap: 0 !important;
    opacity: 0.52 !important;
}

html body section.game-overlay[data-game-overlay] .progress-options {
    position: absolute !important;
    left: var(--game-inset-left) !important;
    top: 368px !important;
    width: 720px !important;
    display: grid !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body section.game-overlay[data-game-overlay] .progress-option {
    position: relative !important;
    height: 50px !important;
    display: grid !important;
    grid-template-columns: 92px 1fr !important;
    align-items: center !important;
    border: 0 !important;
    border-bottom: 0.6px solid var(--game-line) !important;
    background: transparent !important;
    color: currentColor !important;
}

html body section.game-overlay[data-game-overlay] .progress-number {
    font-family: var(--font-hero) !important;
    font-size: 42px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
}

html body section.game-overlay[data-game-overlay] .progress-track {
    display: block !important;
    width: 520px !important;
    height: 16px !important;
    background-size: 11px 11px !important;
}

html body section.game-overlay[data-game-overlay] .summary-table {
    position: absolute !important;
    left: var(--game-inset-left) !important;
    top: 315px !important;
    width: 720px !important;
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
}


/* FINAL GAME FIGMA GRID LOCK v21 */
html body section.game-overlay[data-game-overlay] {
    --board-fit-scale: 1;
    --game-scale: 1;
    --game-board-width: 1440px;
    --game-board-height: 960px;
    --game-sidebar-left: 120px;
    --game-sidebar-top: 120px;
    --game-sidebar-width: 120px;
    --game-sidebar-height: 720px;
    --game-stage-left: 269px;
    --game-stage-top: 120px;
    --game-stage-width: 1051px;
    --game-stage-height: 720px;
    --game-header-height: 120px;
    --game-content-top: 120px;
    --game-content-height: 600px;
    --game-inset-left: 87px;
    --game-title-top: 47px;
    --game-title-width: 844px;
    --game-title-height: 240px;
    --game-line: rgba(217, 217, 217, 0.58);
    --game-dark: #1b1c1e;
    --game-light: #ededed;
    --game-text-light: #d9d9d9;
    --game-text-dark: #1b1c1e;
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: none !important;
    overflow: hidden !important;
    background: var(--game-dark) !important;
    color: var(--game-text-light) !important;
    z-index: 2000 !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay].is-active {
    display: block !important;
}

html body section.game-overlay[data-game-overlay].is-level,
html body section.game-overlay[data-game-overlay].is-intro,
html body section.game-overlay[data-game-overlay].is-loading {
    background: var(--game-dark) !important;
    color: var(--game-text-light) !important;
    --game-line: rgba(217, 217, 217, 0.58);
}

html body section.game-overlay[data-game-overlay].is-resolution,
html body section.game-overlay[data-game-overlay].is-summary {
    background: var(--game-light) !important;
    color: var(--game-text-dark) !important;
    --game-line: rgba(27, 28, 30, 0.56);
}

html body section.game-overlay[data-game-overlay] * {
    box-sizing: border-box !important;
}

html body section.game-overlay[data-game-overlay] > .game-board {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 1440px !important;
    height: 960px !important;
    min-width: 1440px !important;
    min-height: 960px !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
    background: transparent !important;
    transform: translate(-50%, -50%) scale(var(--board-fit-scale, 1)) !important;
    transform-origin: center center !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar {
    position: absolute !important;
    left: 120px !important;
    top: 120px !important;
    width: 120px !important;
    height: 720px !important;
    min-width: 120px !important;
    min-height: 720px !important;
    max-width: 120px !important;
    max-height: 720px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    border: 0.6px solid currentColor !important;
    background: transparent !important;
    color: currentColor !important;
    opacity: 0.62 !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__item {
    position: absolute !important;
    left: 14px !important;
    width: 92px !important;
    height: 74px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    display: block !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__item:nth-child(1) { top: 44px !important; }
html body section.game-overlay[data-game-overlay] .game-sidebar__item:nth-child(2) { top: 164px !important; }
html body section.game-overlay[data-game-overlay] .game-sidebar__item:nth-child(3) { top: 284px !important; }

html body section.game-overlay[data-game-overlay] .game-sidebar__item::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 48px !important;
    height: 0.6px !important;
    background: var(--game-line) !important;
    display: block !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__label,
html body section.game-overlay[data-game-overlay] .game-sidebar__value {
    display: block !important;
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    letter-spacing: -0.03em !important;
    color: currentColor !important;
    margin: 0 !important;
    white-space: nowrap !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__label {
    font-weight: 400 !important;
    opacity: 0.56 !important;
    margin-bottom: 4px !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar__value {
    font-weight: 700 !important;
    opacity: 1 !important;
}

html body section.game-overlay[data-game-overlay] .game-stage {
    position: absolute !important;
    left: 269px !important;
    top: 120px !important;
    width: 1051px !important;
    height: 720px !important;
    min-width: 1051px !important;
    min-height: 720px !important;
    max-width: 1051px !important;
    max-height: 720px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    border: 0.6px solid currentColor !important;
    background: transparent !important;
    color: currentColor !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__header {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 1051px !important;
    height: 120px !important;
    min-height: 120px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    border: 0 !important;
    color: inherit !important;
    background: transparent !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__header::after {
    content: "" !important;
    position: absolute !important;
    left: 31px !important;
    right: 31px !important;
    top: 72px !important;
    height: 0.6px !important;
    background: var(--game-line) !important;
    display: block !important;
}

html body section.game-overlay[data-game-overlay] [data-game-kicker] {
    position: absolute !important;
    left: 87px !important;
    right: auto !important;
    top: 44px !important;
    width: 760px !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    text-align: left !important;
    white-space: nowrap !important;
    color: currentColor !important;
    font-family: var(--font-copy) !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] [data-exit-game] {
    position: absolute !important;
    right: 31px !important;
    left: auto !important;
    top: 44px !important;
    width: auto !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    border: 0 !important;
    background: transparent !important;
    color: currentColor !important;
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    text-align: right !important;
    white-space: nowrap !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__content {
    position: absolute !important;
    left: 0 !important;
    top: 120px !important;
    width: 1051px !important;
    height: 600px !important;
    min-width: 1051px !important;
    min-height: 600px !important;
    max-width: 1051px !important;
    max-height: 600px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__content > *,
html body section.game-overlay[data-game-overlay] .intro-challenge,
html body section.game-overlay[data-game-overlay] .level-shell,
html body section.game-overlay[data-game-overlay] .level-screen,
html body section.game-overlay[data-game-overlay] .resolution-screen,
html body section.game-overlay[data-game-overlay] .summary-screen,
html body section.game-overlay[data-game-overlay] .loading-lines,
html body section.game-overlay[data-game-overlay] .loading-screen {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 1051px !important;
    height: 600px !important;
    min-width: 1051px !important;
    min-height: 600px !important;
    max-width: 1051px !important;
    max-height: 600px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    background: transparent !important;
    color: inherit !important;
    transform: none !important;
    grid-column: auto !important;
    grid-row: auto !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .game-stage__content > *,
html body section.game-overlay[data-game-overlay].is-summary .game-stage__content > * {
    background: var(--game-light) !important;
    color: var(--game-text-dark) !important;
}

html body section.game-overlay[data-game-overlay] .level-title,
html body section.game-overlay[data-game-overlay] .intro-challenge .level-title,
html body section.game-overlay[data-game-overlay] .loading-lines .level-title,
html body section.game-overlay[data-game-overlay] .resolution-title,
html body section.game-overlay[data-game-overlay] .summary-title {
    position: absolute !important;
    left: 87px !important;
    top: 47px !important;
    width: 844px !important;
    max-width: 844px !important;
    height: 240px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
    color: currentColor !important;
    font-family: var(--font-heading) !important;
    font-size: 87px !important;
    line-height: 0.92 !important;
    font-weight: 400 !important;
    letter-spacing: -0.03em !important;
    text-align: left !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .resolution-title,
html body section.game-overlay[data-game-overlay] .summary-title {
    font-size: 78px !important;
    line-height: 0.94 !important;
}

html body section.game-overlay[data-game-overlay] .level-copy,
html body section.game-overlay[data-game-overlay] .intro-challenge p,
html body section.game-overlay[data-game-overlay] .loading-lines p,
html body section.game-overlay[data-game-overlay] .resolution-screen p:not(.penalty-line),
html body section.game-overlay[data-game-overlay] .summary-screen p {
    position: absolute !important;
    left: 87px !important;
    top: 332px !important;
    width: 844px !important;
    max-width: 844px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    color: currentColor !important;
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    letter-spacing: -0.03em !important;
    opacity: 0.82 !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .resolution-screen p:not(.penalty-line),
html body section.game-overlay[data-game-overlay] .summary-screen p {
    opacity: 0.72 !important;
}

html body section.game-overlay[data-game-overlay] .settings-list,
html body section.game-overlay[data-game-overlay] .choice-list {
    position: absolute !important;
    left: 87px !important;
    top: 308px !important;
    width: 720px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .checkbox-row {
    position: relative !important;
    width: 720px !important;
    min-height: 38px !important;
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    margin: 0 !important;
    padding: 0 0 9px !important;
    border-bottom: 0.6px solid var(--game-line) !important;
    color: currentColor !important;
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    letter-spacing: -0.03em !important;
}

html body section.game-overlay[data-game-overlay] .checkbox-row input,
html body section.game-overlay[data-game-overlay] input[type="checkbox"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    position: relative !important;
    flex: 0 0 13px !important;
    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    min-height: 13px !important;
    margin: 0 6px 0 0 !important;
    padding: 0 !important;
    display: inline-grid !important;
    place-items: center !important;
    border: 0.6px solid currentColor !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: currentColor !important;
    line-height: 1 !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] input[type="checkbox"]:checked::after {
    content: "✓" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    display: block !important;
    font-family: var(--font-copy) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    color: currentColor !important;
    transform: translate(-50%, -56%) !important;
}

html body section.game-overlay[data-game-overlay] .action-link,
html body section.game-overlay[data-game-overlay] .primary-action,
html body section.game-overlay[data-game-overlay] .glow-link {
    position: absolute !important;
    left: 87px !important;
    top: 500px !important;
    width: max-content !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
    border: 0 !important;
    background: transparent !important;
    color: currentColor !important;
    font-family: var(--font-copy) !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
    text-decoration: none !important;
    text-shadow: 0 0 4.2px rgba(222, 249, 255, 0.95), 0 0 16px rgba(222, 249, 255, 0.5) !important;
    white-space: nowrap !important;
    opacity: 1 !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .resolution-screen .action-link,
html body section.game-overlay[data-game-overlay] .summary-screen .action-link {
    top: 545px !important;
    text-shadow: none !important;
}

html body section.game-overlay[data-game-overlay] .penalty-line {
    position: absolute !important;
    left: 87px !important;
    top: 475px !important;
    width: 844px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: currentColor !important;
    font-family: var(--font-copy) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em !important;
}

/* FINAL GAME FIGMA GRID LOCK v24 */
html.game-open,
html.game-open body {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
}

html body section.game-overlay[data-game-overlay] {
    --game-board-width: 1440px;
    --game-board-height: 960px;
    --game-sidebar-left: 120px;
    --game-sidebar-top: 120px;
    --game-sidebar-width: 120px;
    --game-frame-left: 269px;
    --game-frame-top: 120px;
    --game-frame-width: 1051px;
    --game-frame-height: 720px;
    --game-header-height: 120px;
    --game-content-height: 600px;
    --game-title-left: 87px;
    --game-title-top: 47px;
    --game-title-width: 844px;
    --game-copy-top: 332px;
    --game-action-top: 500px;
    --game-dark: #1b1c1e;
    --game-light: #ededed;
    --game-line: rgba(217, 217, 217, 0.58);
    --game-line-dark: rgba(27, 28, 30, 0.62);
    --game-text-light: #d9d9d9;
    --game-text-dark: #1b1c1e;
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: none !important;
    overflow: hidden !important;
    background: var(--game-dark) !important;
    color: var(--game-text-light) !important;
    z-index: 9999 !important;
    isolation: isolate !important;
    contain: layout paint size !important;
}

html body section.game-overlay[data-game-overlay].is-active {
    display: block !important;
}

html body section.game-overlay[data-game-overlay].is-resolution,
html body section.game-overlay[data-game-overlay].is-summary,
html body section.game-overlay[data-game-overlay].is-loading {
    background: var(--game-light) !important;
    color: var(--game-text-dark) !important;
}

html body section.game-overlay[data-game-overlay].is-level,
html body section.game-overlay[data-game-overlay].is-intro {
    background: var(--game-dark) !important;
    color: var(--game-text-light) !important;
}

html body section.game-overlay[data-game-overlay] > .game-board {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: var(--game-board-width) !important;
    height: var(--game-board-height) !important;
    min-width: var(--game-board-width) !important;
    min-height: var(--game-board-height) !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
    transform: translate(-50%, -50%) scale(var(--board-fit-scale, 1)) !important;
    transform-origin: center center !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar,
html body section.game-overlay[data-game-overlay] .game-stage {
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border: 0.6px solid var(--game-line) !important;
    border-radius: 0 !important;
    transform: none !important;
    opacity: 1 !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .game-sidebar,
html body section.game-overlay[data-game-overlay].is-resolution .game-stage,
html body section.game-overlay[data-game-overlay].is-summary .game-sidebar,
html body section.game-overlay[data-game-overlay].is-summary .game-stage,
html body section.game-overlay[data-game-overlay].is-loading .game-sidebar,
html body section.game-overlay[data-game-overlay].is-loading .game-stage {
    border-color: var(--game-line-dark) !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar {
    position: absolute !important;
    left: var(--game-sidebar-left) !important;
    top: var(--game-sidebar-top) !important;
    width: var(--game-sidebar-width) !important;
    height: var(--game-frame-height) !important;
    min-width: var(--game-sidebar-width) !important;
    min-height: var(--game-frame-height) !important;
    display: block !important;
    overflow: hidden !important;
}

html body section.game-overlay[data-game-overlay] .game-stage {
    position: absolute !important;
    left: var(--game-frame-left) !important;
    top: var(--game-frame-top) !important;
    width: var(--game-frame-width) !important;
    height: var(--game-frame-height) !important;
    min-width: var(--game-frame-width) !important;
    min-height: var(--game-frame-height) !important;
    display: block !important;
    overflow: hidden !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__header {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: var(--game-frame-width) !important;
    height: var(--game-header-height) !important;
    min-height: var(--game-header-height) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    border: 0 !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__header::after {
    content: "" !important;
    position: absolute !important;
    left: 31px !important;
    right: 31px !important;
    top: 72px !important;
    height: 0.6px !important;
    background: var(--game-line) !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .game-stage__header::after,
html body section.game-overlay[data-game-overlay].is-summary .game-stage__header::after,
html body section.game-overlay[data-game-overlay].is-loading .game-stage__header::after {
    background: var(--game-line-dark) !important;
}

html body section.game-overlay[data-game-overlay] [data-game-kicker] {
    position: absolute !important;
    left: 87px !important;
    top: 44px !important;
    right: auto !important;
    width: 760px !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    color: currentColor !important;
    font-family: var(--font-body) !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
    text-align: left !important;
    white-space: nowrap !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] [data-game-exit] {
    position: absolute !important;
    left: auto !important;
    right: 31px !important;
    top: 44px !important;
    width: auto !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: currentColor !important;
    font-family: var(--font-body) !important;
    font-size: 16px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
    text-align: right !important;
    text-decoration: none !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__content {
    position: absolute !important;
    left: 0 !important;
    top: var(--game-header-height) !important;
    width: var(--game-frame-width) !important;
    height: var(--game-content-height) !important;
    min-width: var(--game-frame-width) !important;
    min-height: var(--game-content-height) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__content > * {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: var(--game-frame-width) !important;
    height: var(--game-content-height) !important;
    min-width: var(--game-frame-width) !important;
    min-height: var(--game-content-height) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__content *,
html body section.game-overlay[data-game-overlay] .game-sidebar * {
    box-sizing: border-box !important;
}

html body section.game-overlay[data-game-overlay] .game-stat {
    position: absolute !important;
    left: 17px !important;
    width: 86px !important;
    height: 72px !important;
    margin: 0 !important;
    padding: 0 0 12px !important;
    border-bottom: 0.6px solid currentColor !important;
    color: currentColor !important;
}

html body section.game-overlay[data-game-overlay] .game-stat:nth-child(1) { top: 44px !important; }
html body section.game-overlay[data-game-overlay] .game-stat:nth-child(2) { top: 164px !important; }
html body section.game-overlay[data-game-overlay] .game-stat:nth-child(3) { top: 284px !important; }

html body section.game-overlay[data-game-overlay] .game-stat span,
html body section.game-overlay[data-game-overlay] .game-stat strong {
    display: block !important;
    font-family: var(--font-body) !important;
    font-size: 16px !important;
    line-height: 20px !important;
    letter-spacing: -1px !important;
    color: currentColor !important;
    white-space: nowrap !important;
}

html body section.game-overlay[data-game-overlay] .game-stat span {
    font-weight: 400 !important;
    opacity: 0.64 !important;
}

html body section.game-overlay[data-game-overlay] .game-stat strong {
    margin-top: 6px !important;
    font-weight: 700 !important;
}

html body section.game-overlay[data-game-overlay] .level-title,
html body section.game-overlay[data-game-overlay] .intro-challenge h2,
html body section.game-overlay[data-game-overlay] .loading-lines h2,
html body section.game-overlay[data-game-overlay] .resolution-title,
html body section.game-overlay[data-game-overlay] .summary-title {
    position: absolute !important;
    left: var(--game-title-left) !important;
    top: var(--game-title-top) !important;
    width: var(--game-title-width) !important;
    min-width: 0 !important;
    height: 240px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: currentColor !important;
    font-family: var(--font-heading) !important;
    font-size: 87px !important;
    line-height: 0.92 !important;
    font-weight: 400 !important;
    letter-spacing: -0.03em !important;
    text-align: left !important;
    overflow: visible !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .resolution-title,
html body section.game-overlay[data-game-overlay] .summary-title {
    font-size: 78px !important;
    line-height: 0.94 !important;
}

html body section.game-overlay[data-game-overlay] .level-copy,
html body section.game-overlay[data-game-overlay] .intro-challenge p,
html body section.game-overlay[data-game-overlay] .loading-lines p,
html body section.game-overlay[data-game-overlay] .resolution-screen p:not(.penalty-line),
html body section.game-overlay[data-game-overlay] .summary-screen p {
    position: absolute !important;
    left: var(--game-title-left) !important;
    top: var(--game-copy-top) !important;
    width: var(--game-title-width) !important;
    max-width: var(--game-title-width) !important;
    margin: 0 !important;
    padding: 0 !important;
    color: currentColor !important;
    font-family: var(--font-body) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    letter-spacing: -0.03em !important;
    text-align: left !important;
}

html body section.game-overlay[data-game-overlay] .action-link {
    position: absolute !important;
    left: var(--game-title-left) !important;
    top: var(--game-action-top) !important;
    width: auto !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: currentColor !important;
    font-family: var(--font-body) !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
    text-align: left !important;
    text-shadow: 0 0 4.2px rgba(210, 249, 255, 0.86), 0 0 14px rgba(210, 249, 255, 0.54) !important;
    background: transparent !important;
    border: 0 !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .resolution-screen .action-link,
html body section.game-overlay[data-game-overlay] .summary-screen .action-link {
    top: 545px !important;
    text-shadow: none !important;
}

html body section.game-overlay[data-game-overlay] .penalty-line {
    position: absolute !important;
    left: var(--game-title-left) !important;
    top: 475px !important;
    width: var(--game-title-width) !important;
    margin: 0 !important;
    padding: 0 !important;
    color: currentColor !important;
    font-family: var(--font-body) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em !important;
}

html body section.game-overlay[data-game-overlay] .settings-list,
html body section.game-overlay[data-game-overlay] .choice-list,
html body section.game-overlay[data-game-overlay] .path-stack,
html body section.game-overlay[data-game-overlay] .path-options,
html body section.game-overlay[data-game-overlay] .social-options,
html body section.game-overlay[data-game-overlay] .progress-options {
    position: absolute !important;
    left: var(--game-title-left) !important;
    top: 308px !important;
    width: 720px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    gap: 18px !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .setting-row,
html body section.game-overlay[data-game-overlay] .path-option,
html body section.game-overlay[data-game-overlay] .social-option,
html body section.game-overlay[data-game-overlay] .progress-option {
    position: relative !important;
    width: 720px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 0 12px 36px !important;
    border-bottom: 0.6px solid currentColor !important;
    color: currentColor !important;
    font-family: var(--font-body) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    letter-spacing: -0.03em !important;
}

html body section.game-overlay[data-game-overlay] .setting-row input[type="checkbox"] {
    appearance: none !important;
    position: absolute !important;
    left: 0 !important;
    top: 1px !important;
    width: 13px !important;
    height: 13px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0.6px solid currentColor !important;
    background: transparent !important;
    display: grid !important;
    place-items: center !important;
}

html body section.game-overlay[data-game-overlay] .setting-row input[type="checkbox"]:checked::after {
    content: "✓" !important;
    display: block !important;
    font-family: var(--font-body) !important;
    font-size: 13px !important;
    line-height: 13px !important;
    font-weight: 700 !important;
    color: currentColor !important;
    transform: translateY(-1px) !important;
}

html body section.game-overlay[data-game-overlay] .loading-meter {
    position: absolute !important;
    left: var(--game-title-left) !important;
    top: 430px !important;
    width: 720px !important;
    height: 26px !important;
    margin: 0 !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud {
    position: absolute !important;
    left: 232px !important;
    top: 150px !important;
    width: 690px !important;
    height: 410px !important;
    margin: 0 !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .tip-stack,
html body section.game-overlay[data-game-overlay] .level-shell--three .hint-stack {
    position: absolute !important;
    left: -185px !important;
    top: 245px !important;
    width: 120px !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--four .social-options,
html body section.game-overlay[data-game-overlay] .level-shell--four .choice-list {
    top: 310px !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--five .urgent-modal {
    position: absolute !important;
    left: 47px !important;
    top: 0 !important;
    width: 880px !important;
    height: 520px !important;
    margin: 0 !important;
    padding: 55px !important;
    border: 0.6px solid currentColor !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--six .menu-tree {
    position: absolute !important;
    left: var(--game-title-left) !important;
    top: 410px !important;
    width: 720px !important;
    height: 190px !important;
    overflow: hidden !important;
    margin: 0 !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--seven .progress-options {
    top: 350px !important;
}

html body section.game-overlay[data-game-overlay] .summary-table {
    position: absolute !important;
    left: var(--game-title-left) !important;
    top: 350px !important;
    width: 720px !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 0 !important;
}

@media (max-width: 900px) {
    html body section.game-overlay[data-game-overlay] > .game-board {
        transform: translate(-50%, -50%) scale(var(--board-fit-scale, 1)) !important;
    }
}

/* FINAL GAME FIGMA GRID LOCK v25 */
html body section.game-overlay[data-game-overlay] > .game-board {
    position: absolute !important;
    width: 1440px !important;
    height: 960px !important;
    min-width: 1440px !important;
    min-height: 960px !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
    transform-origin: top left !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar {
    position: absolute !important;
    left: 120px !important;
    top: 120px !important;
    width: 120px !important;
    height: 720px !important;
    min-width: 120px !important;
    min-height: 720px !important;
    margin: 0 !important;
    padding: 47px 14px 0 14px !important;
    display: block !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .game-stage {
    position: absolute !important;
    left: 269px !important;
    top: 120px !important;
    width: 1051px !important;
    height: 720px !important;
    min-width: 1051px !important;
    min-height: 720px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__header {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 1051px !important;
    height: 120px !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    justify-content: initial !important;
    align-items: initial !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__header::after {
    left: 31px !important;
    right: 31px !important;
    top: 72px !important;
    height: 0.6px !important;
}

html body section.game-overlay[data-game-overlay] [data-game-kicker] {
    position: absolute !important;
    left: 87px !important;
    right: auto !important;
    top: 44px !important;
    width: 760px !important;
    height: 28px !important;
    text-align: left !important;
    white-space: nowrap !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] [data-exit-game] {
    position: absolute !important;
    left: auto !important;
    right: 31px !important;
    top: 44px !important;
    width: auto !important;
    height: 28px !important;
    text-align: right !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__content {
    position: absolute !important;
    left: 0 !important;
    top: 120px !important;
    width: 1051px !important;
    height: 600px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    display: block !important;
}

html body section.game-overlay[data-game-overlay] .game-stage__content > .intro-challenge,
html body section.game-overlay[data-game-overlay] .game-stage__content > .level-shell,
html body section.game-overlay[data-game-overlay] .game-stage__content > .resolution-screen,
html body section.game-overlay[data-game-overlay] .game-stage__content > .loading-lines,
html body section.game-overlay[data-game-overlay] .game-stage__content > .summary-screen {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 1051px !important;
    height: 600px !important;
    min-width: 1051px !important;
    min-height: 600px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .level-title,
html body section.game-overlay[data-game-overlay] .intro-challenge h2,
html body section.game-overlay[data-game-overlay] .loading-lines h2,
html body section.game-overlay[data-game-overlay] .resolution-title,
html body section.game-overlay[data-game-overlay] .summary-title {
    position: absolute !important;
    left: 87px !important;
    top: 47px !important;
    width: 844px !important;
    max-width: 844px !important;
    min-height: 240px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .level-copy,
html body section.game-overlay[data-game-overlay] .intro-challenge p,
html body section.game-overlay[data-game-overlay] .loading-lines p,
html body section.game-overlay[data-game-overlay] .resolution-screen p:not(.penalty-line),
html body section.game-overlay[data-game-overlay] .summary-screen p {
    position: absolute !important;
    left: 87px !important;
    top: 332px !important;
    width: 844px !important;
    max-width: 844px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .settings-list,
html body section.game-overlay[data-game-overlay] .choice-list,
html body section.game-overlay[data-game-overlay] .path-stack,
html body section.game-overlay[data-game-overlay] .path-options,
html body section.game-overlay[data-game-overlay] .social-options,
html body section.game-overlay[data-game-overlay] .progress-options {
    position: absolute !important;
    left: 87px !important;
    top: 308px !important;
    width: 720px !important;
    max-width: 720px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .action-link {
    position: absolute !important;
    left: 87px !important;
    top: 500px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .resolution-screen .penalty-line,
html body section.game-overlay[data-game-overlay] .summary-screen .summary-table {
    position: absolute !important;
    left: 87px !important;
    top: 455px !important;
    width: 844px !important;
    max-width: 844px !important;
    margin: 0 !important;
    transform: none !important;
}

html body section.game-overlay[data-game-overlay] .resolution-screen .action-link,
html body section.game-overlay[data-game-overlay] .summary-screen .action-link,
html body section.game-overlay[data-game-overlay] .loading-lines .action-link {
    top: 545px !important;
}

html body section.game-overlay[data-game-overlay] .setting-row input[type="checkbox"],
html body section.game-overlay[data-game-overlay] input[type="checkbox"] {
    position: absolute !important;
    left: 0 !important;
    top: 2px !important;
    width: 13px !important;
    height: 13px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    line-height: 13px !important;
    overflow: visible !important;
}

html body section.game-overlay[data-game-overlay] .setting-row input[type="checkbox"]:checked::after,
html body section.game-overlay[data-game-overlay] input[type="checkbox"]:checked::after {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 13px !important;
    height: 13px !important;
    line-height: 13px !important;
    text-align: center !important;
    margin: 0 !important;
    transform: translate(-50%, -57%) !important;
}

@media (max-width: 900px) {
    html body section.game-overlay[data-game-overlay] > .game-board {
        transform-origin: top left !important;
    }
}

/* Shared animated underline for text links and text buttons. */
.site-nav a,
.project-toggle,
.glow-link,
.text-button,
.action-link,
.hero-challenge__primary,
.intro-decline,
.footer-email {
  position: relative;
  display: inline-block;
  outline: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.site-nav a::after,
.project-toggle::after,
.glow-link::after,
.text-button::after,
.action-link::after,
.hero-challenge__primary::after,
.intro-decline::after,
.footer-email::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 0.6px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 420ms ease;
  pointer-events: none;
}

.site-nav a:hover::after,
.site-nav a:focus-visible::after,
.project-toggle:hover::after,
.project-toggle:focus-visible::after,
.project-toggle[aria-expanded="true"]::after,
.glow-link:hover::after,
.glow-link:focus-visible::after,
.text-button:hover::after,
.text-button:focus-visible::after,
.action-link:hover::after,
.action-link:focus-visible::after,
.hero-challenge__primary:hover::after,
.hero-challenge__primary:focus-visible::after,
.intro-decline:hover::after,
.intro-decline:focus-visible::after,
.footer-email:hover::after,
.footer-email:focus-visible::after {
  transform: scaleX(1);
}

@keyframes pausedDurationFade {
  from {
    color: #1b1c1e;
  }
  to {
    color: #8f8f8f;
  }
}

html body section.game-overlay[data-game-overlay].is-resolution .game-sidebar__item,
html body section.game-overlay[data-game-overlay].is-resolution .game-sidebar__label,
html body section.game-overlay[data-game-overlay].is-resolution .game-sidebar__value {
  background: transparent !important;
  box-shadow: none !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .game-sidebar__item:nth-child(1) {
  color: #8f8f8f !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .game-sidebar__item:nth-child(1) .game-sidebar__label,
html body section.game-overlay[data-game-overlay].is-resolution .game-sidebar__item:nth-child(1) .game-sidebar__value {
  animation: pausedDurationFade 520ms ease-out both;
}

html body section.game-overlay[data-game-overlay].is-resolution .game-sidebar__item:nth-child(2),
html body section.game-overlay[data-game-overlay].is-resolution .game-sidebar__item:nth-child(3) {
  color: #1b1c1e !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen p:not(.penalty-line) {
  color: rgba(27, 28, 30, 0.66) !important;
  opacity: 1 !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen .penalty-line {
  color: rgba(27, 28, 30, 0.78) !important;
  opacity: 1 !important;
}

/* Keep explanation/resolution windows on the exact same content axis as level windows. */
html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen > h2.resolution-title,
html body section.game-overlay[data-game-overlay].is-summary .summary-screen > h2.summary-title,
html body section.game-overlay[data-game-overlay].is-resolution .resolution-title,
html body section.game-overlay[data-game-overlay].is-summary .summary-title,
html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen p,
html body section.game-overlay[data-game-overlay].is-summary .summary-screen p,
html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen .penalty-line,
html body section.game-overlay[data-game-overlay].is-summary .summary-screen .summary-table,
html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen .action-link,
html body section.game-overlay[data-game-overlay].is-summary .summary-screen .action-link {
  left: var(--game-title-left, 87px) !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen > h2.resolution-title,
html body section.game-overlay[data-game-overlay].is-summary .summary-screen > h2.summary-title {
  position: absolute !important;
  top: var(--game-title-top, 47px) !important;
  width: var(--game-title-width, 844px) !important;
  max-width: var(--game-title-width, 844px) !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

/* Final interaction fixes. */
html body section.game-overlay[data-game-overlay].is-loading .game-sidebar__item,
html body section.game-overlay[data-game-overlay].is-loading .game-sidebar__label,
html body section.game-overlay[data-game-overlay].is-loading .game-sidebar__value {
  background: transparent !important;
  box-shadow: none !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen p,
html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen p:not(.penalty-line),
html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen .penalty-line,
html body section.game-overlay[data-game-overlay].is-summary .summary-screen p {
  color: rgba(27, 28, 30, 0.84) !important;
  opacity: 1 !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen .penalty-line {
  color: rgba(27, 28, 30, 0.9) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--two .path-stack {
  position: absolute !important;
  left: var(--game-title-left, 87px) !important;
  top: 382px !important;
  width: 720px !important;
  max-width: 720px !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-auto-rows: minmax(52px, auto) !important;
  gap: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--two .path-option {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 720px !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 0 0 12px 36px !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  border: 0 !important;
  border-bottom: 0.6px solid currentColor !important;
  background: transparent !important;
  color: currentColor !important;
  transform: none !important;
  text-align: left !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--two .path-option--primary,
html body section.game-overlay[data-game-overlay] .level-shell--two .path-option--quiet {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  grid-column: auto !important;
  grid-row: auto !important;
  width: 720px !important;
  height: auto !important;
  min-height: 52px !important;
  max-width: 720px !important;
  margin: 0 !important;
  transform: none !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--two .path-option .button-label {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  display: inline-block !important;
  margin: 0 !important;
  transform: none !important;
  white-space: nowrap !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--five {
  overflow: hidden !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--five .urgent-backdrop {
  position: absolute !important;
  inset: 0 !important;
  width: 1051px !important;
  height: 600px !important;
  background: rgba(27, 28, 30, 0.64) !important;
  backdrop-filter: blur(1px) !important;
  z-index: 20 !important;
  pointer-events: none !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--five .urgent-modal {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 850px !important;
  height: 430px !important;
  max-width: 850px !important;
  max-height: 430px !important;
  margin: 0 !important;
  padding: 52px 64px !important;
  display: block !important;
  overflow: hidden !important;
  border: 0.6px solid currentColor !important;
  background: rgba(27, 28, 30, 0.96) !important;
  color: currentColor !important;
  box-shadow: 0 0 90px rgba(217, 251, 255, 0.18) !important;
  transform: translate(-50%, -50%) !important;
  z-index: 30 !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--five .urgent-modal > h2.level-title {
  position: static !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
  font-size: 56px !important;
  line-height: 0.95 !important;
  transform: none !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--five .urgent-modal > p.level-copy {
  position: static !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 0 28px !important;
  padding: 0 !important;
  transform: none !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--five .urgent-countdown {
  position: static !important;
  margin: 0 0 32px !important;
  padding: 0 !important;
  transform: none !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--five .urgent-modal > .action-link {
  position: static !important;
  left: auto !important;
  top: auto !important;
  display: inline-block !important;
  margin: 0 !important;
  transform: none !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--six,
html body section.game-overlay[data-game-overlay] .level-shell--seven {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--six {
  padding-bottom: 80px !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--six .level-title {
  font-size: 66px !important;
  line-height: 0.94 !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--six .level-copy {
  top: 265px !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--six > .action-link {
  top: 338px !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--six .menu-tree {
  position: absolute !important;
  left: var(--game-title-left, 87px) !important;
  top: 398px !important;
  width: 720px !important;
  max-width: 720px !important;
  height: auto !important;
  min-height: 520px !important;
  max-height: none !important;
  margin: 0 0 80px !important;
  padding: 0 0 80px !important;
  display: block !important;
  overflow: visible !important;
  font-family: var(--font-body) !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
  color: currentColor !important;
  transform: none !important;
}

html body section.game-overlay[data-game-overlay] .menu-tree details,
html body section.game-overlay[data-game-overlay] .menu-tree summary,
html body section.game-overlay[data-game-overlay] .menu-tree .menu-node {
  font-family: var(--font-body) !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
  letter-spacing: -0.03em !important;
  color: currentColor !important;
}

html body section.game-overlay[data-game-overlay] .menu-tree details {
  margin: 0 0 5px 22px !important;
  padding: 0 !important;
}

html body section.game-overlay[data-game-overlay] .menu-tree > details {
  margin-left: 0 !important;
}

html body section.game-overlay[data-game-overlay] .menu-tree summary {
  cursor: pointer !important;
  list-style-position: outside !important;
  padding: 3px 0 !important;
}

html body section.game-overlay[data-game-overlay] .menu-tree .menu-node {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 0 0 4px 22px !important;
  padding: 2px 0 !important;
  display: block !important;
  border: 0 !important;
  background: transparent !important;
  transform: none !important;
}

html body section.game-overlay[data-game-overlay] .menu-tree button.menu-node {
  cursor: pointer !important;
  text-align: left !important;
  text-shadow: 0 0 4.2px rgba(210, 249, 255, 0.86), 0 0 14px rgba(210, 249, 255, 0.54) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--seven {
  padding-bottom: 80px !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--seven .level-title {
  font-size: 66px !important;
  line-height: 0.94 !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--seven .level-copy {
  top: 286px !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--seven > .action-link {
  top: 338px !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--seven .progress-options {
  top: 398px !important;
  padding-bottom: 80px !important;
}

/* Final typography lock. */
button,
.text-button,
.glow-link,
.action-link,
.resource-card,
.home-link,
.path-option,
.social-option,
.progress-option,
.menu-tree button.menu-node {
  font-size: 24px !important;
  line-height: 28px !important;
  font-weight: 700 !important;
}

.project-toggle {
  font-size: 18px !important;
  line-height: 28px !important;
  font-weight: 700 !important;
}

h2,
.section-copy h2,
.resource-grid h2,
.project-popover h2 {
  font-size: 24px !important;
  line-height: 28px !important;
  font-weight: 700 !important;
}

.pattern-button {
  font-size: 24px !important;
  line-height: 28px !important;
  font-weight: 700 !important;
}

.pattern-button span:last-child {
  font-size: 16px !important;
  line-height: 20px !important;
  font-weight: 600 !important;
}

html body section.game-overlay[data-game-overlay] .level-title,
html body section.game-overlay[data-game-overlay] .intro-challenge h2,
html body section.game-overlay[data-game-overlay] .loading-lines h2,
html body section.game-overlay[data-game-overlay] .resolution-title,
html body section.game-overlay[data-game-overlay] .summary-title,
html body section.game-overlay[data-game-overlay] .urgent-modal h2 {
  font-weight: 400 !important;
}

html body section.game-overlay[data-game-overlay] .action-link,
html body section.game-overlay[data-game-overlay] .level-shell > .action-link,
html body section.game-overlay[data-game-overlay] .intro-challenge > .action-link,
html body section.game-overlay[data-game-overlay] .loading-lines > .action-link,
html body section.game-overlay[data-game-overlay] .resolution-screen .action-link,
html body section.game-overlay[data-game-overlay] .summary-screen .action-link {
  font-size: 24px !important;
  line-height: 28px !important;
  font-weight: 700 !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen .action-link,
html body section.game-overlay[data-game-overlay].is-summary .summary-screen .action-link {
  color: rgba(27, 28, 30, 0.84) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* Final loading pixel meter. */
html body section.game-overlay[data-game-overlay] .loading-meter {
  position: absolute !important;
  left: var(--game-title-left, 87px) !important;
  top: 430px !important;
  width: 720px !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 0 10px !important;
  display: grid !important;
  grid-template-columns: repeat(64, 8px) !important;
  grid-template-rows: repeat(3, 8px) !important;
  grid-auto-flow: column !important;
  gap: 3px 3px !important;
  align-items: start !important;
  justify-content: start !important;
  overflow: visible !important;
  border-bottom: 0 !important;
  background: transparent !important;
}

html body section.game-overlay[data-game-overlay] .loading-meter span {
  display: block !important;
  width: 8px !important;
  height: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #aeb4b7 !important;
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

html body section.game-overlay[data-game-overlay] .loading-meter span.is-filled {
  background: #4f565a !important;
  opacity: 1 !important;
  box-shadow: none !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--two .path-option,
html body section.game-overlay[data-game-overlay] .level-shell--two .path-option--primary,
html body section.game-overlay[data-game-overlay] .level-shell--two .path-option--quiet {
  border: 0 !important;
  border-bottom: 0 !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--two .path-option--quiet,
html body section.game-overlay[data-game-overlay] .level-shell--two .path-option--quiet .button-label {
  font-size: 26px !important;
  line-height: 31px !important;
  font-weight: 400 !important;
  text-shadow: none !important;
}

html body section.game-overlay[data-game-overlay] .checkbox-row {
  position: relative !important;
  padding-left: 36px !important;
}

html body section.game-overlay[data-game-overlay] .checkbox-row input[type="checkbox"] {
  position: absolute !important;
  left: 0 !important;
  top: 2px !important;
}

html body section.game-overlay[data-game-overlay] .checkbox-row span {
  display: block !important;
}

html body section.game-overlay[data-game-overlay] .level-title,
html body section.game-overlay[data-game-overlay] h2,
html body section.game-overlay[data-game-overlay] .intro-challenge h2,
html body section.game-overlay[data-game-overlay] .loading-lines h2,
html body section.game-overlay[data-game-overlay] .resolution-title,
html body section.game-overlay[data-game-overlay] .summary-title,
html body section.game-overlay[data-game-overlay] .urgent-modal h2 {
  font-weight: 500 !important;
}

.site-header {
  pointer-events: none !important;
}

.site-header .home-link,
.site-header .site-nav,
.site-header .project-toggle,
.site-header.is-project-card-open .project-popover {
  pointer-events: auto !important;
}

@media (hover: hover) and (pointer: fine) {
  html,
  body,
  body *,
  .hero.is-scroll-target,
  html body section.game-overlay[data-game-overlay],
  html body section.game-overlay[data-game-overlay] * {
    cursor: none !important;
  }
}

html,
body,
body *,
.hero.is-scroll-target,
html body section.game-overlay[data-game-overlay],
html body section.game-overlay[data-game-overlay] * {
  cursor: none !important;
}

.icon-arrow {
  display: inline-block !important;
  width: .47em !important;
  height: .47em !important;
  margin-left: .11em !important;
  vertical-align: .02em !important;
  background: currentColor !important;
  -webkit-mask: url("../assets/icons/arrow-up-right.png") center / contain no-repeat !important;
  mask: url("../assets/icons/arrow-up-right.png") center / contain no-repeat !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--two .path-option--quiet,
html body section.game-overlay[data-game-overlay] .level-shell--two .path-option--quiet .button-label {
  font-family: var(--font-body) !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;
  letter-spacing: -0.03em !important;
  text-shadow: none !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--two .path-option--quiet .icon-arrow {
  display: none !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--two .path-option,
html body section.game-overlay[data-game-overlay] .level-shell--two .path-option--primary,
html body section.game-overlay[data-game-overlay] .level-shell--two .path-option--quiet {
  padding-left: 0 !important;
  border-bottom: 0 !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--two .path-option--primary .button-label {
  border-bottom: 0 !important;
  text-decoration: none !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--two .path-option--primary .button-label::after {
  content: none !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--two .path-option--quiet .button-label::after,
html body section.game-overlay[data-game-overlay] .level-shell--two .path-option--quiet:hover .button-label::after,
html body section.game-overlay[data-game-overlay] .level-shell--two .path-option--quiet:focus-visible .button-label::after {
  content: none !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud {
  position: absolute !important;
  left: 218px !important;
  top: 128px !important;
  width: 704px !important;
  height: 440px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  transform: none !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word {
  position: absolute !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: rgba(217, 217, 217, .82) !important;
  font-family: var(--font-body) !important;
  font-size: 16px !important;
  line-height: 1.15 !important;
  font-weight: 400 !important;
  letter-spacing: -0.03em !important;
  text-align: left !important;
  text-shadow: 0 0 4px rgba(217, 251, 255, .46), 0 0 12px rgba(217, 251, 255, .2) !important;
  writing-mode: vertical-rl !important;
  text-orientation: mixed !important;
  transform: none !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word.is-exit {
  color: rgba(217, 217, 217, .92) !important;
  text-shadow: 0 0 5px rgba(217, 251, 255, .62), 0 0 16px rgba(217, 251, 255, .28) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word:nth-child(1) { left: 8% !important; top: 14% !important; }
html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word:nth-child(2) { left: 15% !important; top: 34% !important; }
html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word:nth-child(3) { left: 22% !important; top: 20% !important; }
html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word:nth-child(4) { left: 29% !important; top: 42% !important; }
html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word:nth-child(5) { left: 36% !important; top: 28% !important; }
html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word:nth-child(6) { left: 43% !important; top: 49% !important; }
html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word:nth-child(7) { left: 50% !important; top: 16% !important; }
html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word:nth-child(8) { left: 57% !important; top: 39% !important; }
html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word:nth-child(9) { left: 64% !important; top: 25% !important; }
html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word:nth-child(10) { left: 71% !important; top: 45% !important; }
html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word:nth-child(11) { left: 78% !important; top: 30% !important; }
html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word:nth-child(12) { left: 85% !important; top: 52% !important; }
html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word:nth-child(13) { left: 91% !important; top: 18% !important; }
html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word:nth-child(14) { left: 46% !important; top: 62% !important; }
html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word:nth-child(15) { left: 53% !important; top: 72% !important; }
html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word:nth-child(16) { left: 61% !important; top: 59% !important; }
html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word:nth-child(17) { left: 69% !important; top: 70% !important; }
html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word:nth-child(18) { left: 76% !important; top: 61% !important; }

html body section.game-overlay[data-game-overlay].is-resolution .game-sidebar,
html body section.game-overlay[data-game-overlay].is-summary .game-sidebar,
html body section.game-overlay[data-game-overlay].is-loading .game-sidebar,
html body section.game-overlay[data-game-overlay].is-resolution .game-sidebar__item,
html body section.game-overlay[data-game-overlay].is-summary .game-sidebar__item,
html body section.game-overlay[data-game-overlay].is-loading .game-sidebar__item,
html body section.game-overlay[data-game-overlay].is-resolution .game-sidebar__label,
html body section.game-overlay[data-game-overlay].is-summary .game-sidebar__label,
html body section.game-overlay[data-game-overlay].is-loading .game-sidebar__label,
html body section.game-overlay[data-game-overlay].is-resolution .game-sidebar__value,
html body section.game-overlay[data-game-overlay].is-summary .game-sidebar__value,
html body section.game-overlay[data-game-overlay].is-loading .game-sidebar__value {
  background: #ededed !important;
  box-shadow: none !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen .action-link {
  top: 502px !important;
}

html body section.game-overlay[data-game-overlay] h2.level-title,
html body section.game-overlay[data-game-overlay] .level-title,
html body section.game-overlay[data-game-overlay] .intro-challenge h2,
html body section.game-overlay[data-game-overlay] .loading-lines h2,
html body section.game-overlay[data-game-overlay] h2.resolution-title,
html body section.game-overlay[data-game-overlay] .resolution-title,
html body section.game-overlay[data-game-overlay] h2.summary-title,
html body section.game-overlay[data-game-overlay] .summary-title,
html body section.game-overlay[data-game-overlay] [data-game-kicker] {
  font-weight: 600 !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .game-stage__content > .resolution-screen > h2.resolution-title,
html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen > h2.resolution-title,
html body section.game-overlay[data-game-overlay].is-resolution h2.resolution-title,
html body section.game-overlay[data-game-overlay].is-resolution .resolution-title {
  font-weight: 600 !important;
  font-variation-settings: "wght" 600 !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--five .urgent-modal > .action-link {
  position: relative !important;
  display: inline-block !important;
  width: max-content !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--five .urgent-modal > .action-link::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: -2px !important;
  height: 0.6px !important;
  background: currentColor !important;
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform 420ms ease !important;
  pointer-events: none !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--five .urgent-modal > .action-link:hover::after,
html body section.game-overlay[data-game-overlay] .level-shell--five .urgent-modal > .action-link:focus-visible::after {
  transform: scaleX(1) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--four .social-wheel {
  position: absolute !important;
  left: var(--game-title-left, 87px) !important;
  top: 258px !important;
  width: 844px !important;
  height: 252px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  outline: none !important;
  overflow: visible !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--four .social-wheel__timeline {
  display: none !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--four .social-wheel__timeline::before,
html body section.game-overlay[data-game-overlay] .level-shell--four .social-wheel__timeline::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  width: .6px !important;
  height: 52px !important;
  background: rgba(217, 251, 255, .34) !important;
  transform: translateX(-50%) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--four .social-wheel__timeline::before {
  top: 40px !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--four .social-wheel__timeline::after {
  bottom: 40px !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--four .social-options {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 844px !important;
  height: 252px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  overflow: visible !important;
  transform: none !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--four .social-option {
  position: absolute !important;
  left: 0 !important;
  width: 844px !important;
  height: 76px !important;
  min-height: 76px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 76px 1fr !important;
  align-items: center !important;
  border: 0 !important;
  background: transparent !important;
  color: currentColor !important;
  opacity: .36 !important;
  text-align: left !important;
  transform: none !important;
  transition: top 420ms cubic-bezier(.22, 1, .36, 1), opacity 260ms ease, color 260ms ease, text-shadow 260ms ease !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--four .social-option[data-slot="-1"] {
  top: 0 !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--four .social-option.is-active {
  top: 88px !important;
  opacity: 1 !important;
  color: #d9fbff !important;
  text-shadow: 0 0 5px rgba(217, 251, 255, .84), 0 0 16px rgba(217, 251, 255, .38) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--four .social-option[data-slot="1"] {
  top: 176px !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--four .social-option[data-slot="2"],
html body section.game-overlay[data-game-overlay] .level-shell--four .social-option[data-slot="-2"] {
  top: 264px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--four .social-option span {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 68px !important;
  height: 76px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: currentColor !important;
  font-family: var(--font-hero) !important;
  font-size: 34px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--four .social-option span::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 0 !important;
  width: 42px !important;
  height: .6px !important;
  background: rgba(217, 251, 255, .34) !important;
  transform: translateX(-50%) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--four .social-option strong {
  display: block !important;
  width: 560px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: currentColor !important;
  font-family: var(--font-body) !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;
  letter-spacing: -0.03em !important;
}

/* Final Level 4 spacing, stage scroll, and clipped wheel correction. */
html body section.game-overlay[data-game-overlay] .level-shell--four {
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--four .social-wheel {
  top: 430px !important;
  height: 252px !important;
  overflow: hidden !important;
  overscroll-behavior: contain !important;
  opacity: .66 !important;
  filter: saturate(.62) brightness(.86) !important;
  transform-origin: left center !important;
  transition: opacity 260ms ease, filter 260ms ease, transform 260ms ease !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--four .social-wheel:hover,
html body section.game-overlay[data-game-overlay] .level-shell--four .social-wheel:focus-within {
  opacity: 1 !important;
  filter: saturate(1.08) brightness(1) !important;
  transform: scale(1.018) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--four .social-options {
  height: 252px !important;
  overflow: hidden !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--four .social-options::before {
  content: none !important;
  display: none !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--four .social-option[data-slot="2"],
html body section.game-overlay[data-game-overlay] .level-shell--four .social-option[data-slot="-2"] {
  opacity: 0 !important;
  pointer-events: none !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--four .social-option {
  grid-template-columns: 48px 1fr !important;
  transition: top 100ms ease, opacity 100ms ease, color 100ms ease, text-shadow 100ms ease !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--four .social-option span {
  place-items: start !important;
  justify-items: start !important;
  text-align: left !important;
  width: 48px !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--four .social-option span::after {
  display: none !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--four .social-option::before {
  content: none !important;
  display: none !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--four .social-option::after {
  content: "" !important;
  position: absolute !important;
  left: 18px !important;
  top: 48px !important;
  width: 1px !important;
  height: 28px !important;
  display: block !important;
  background: rgba(217, 251, 255, .34) !important;
  pointer-events: none !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--four .social-option[data-slot="1"]::after,
html body section.game-overlay[data-game-overlay] .level-shell--four .social-option[data-slot="2"]::after,
html body section.game-overlay[data-game-overlay] .level-shell--four .social-option[data-slot="-2"]::after {
  display: none !important;
}

html body section.game-overlay[data-game-overlay].is-loading .loading-lines h2,
html body section.game-overlay[data-game-overlay].is-loading .loading-lines .level-title,
html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen h2,
html body section.game-overlay[data-game-overlay].is-resolution .resolution-title {
  font-weight: 600 !important;
  font-variation-settings: "wght" 600 !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--seven .progress-options {
  gap: 18px !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--seven .progress-option {
  height: 62px !important;
  grid-template-columns: 82px 1fr !important;
  align-items: center !important;
  overflow: visible !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--seven .progress-track {
  width: 525px !important;
  height: 30px !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(48, 8px) !important;
  grid-template-rows: repeat(3, 8px) !important;
  grid-auto-flow: column !important;
  gap: 3px !important;
  align-items: start !important;
  justify-content: start !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--seven .progress-track::before {
  content: none !important;
  display: none !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--seven .progress-track span {
  display: block !important;
  width: 8px !important;
  height: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #aeb4b7 !important;
  opacity: 1 !important;
  box-shadow: none !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--seven .progress-track span.is-filled {
  background: #4f565a !important;
}

html body section.game-overlay[data-game-overlay] h2.level-title,
html body section.game-overlay[data-game-overlay] .level-title,
html body section.game-overlay[data-game-overlay] .intro-challenge h2,
html body section.game-overlay[data-game-overlay] .loading-lines h2,
html body section.game-overlay[data-game-overlay] h2.resolution-title,
html body section.game-overlay[data-game-overlay] .resolution-title,
html body section.game-overlay[data-game-overlay] h2.summary-title,
html body section.game-overlay[data-game-overlay] .summary-title,
html body section.game-overlay[data-game-overlay] .urgent-modal h2 {
  font-weight: 500 !important;
  font-variation-settings: "wght" 500 !important;
}

html body section.game-overlay[data-game-overlay].is-summary .summary-screen p {
  top: 286px !important;
}

html body section.game-overlay[data-game-overlay].is-summary .summary-screen .summary-table {
  top: 390px !important;
}

html body section.game-overlay[data-game-overlay].is-summary .summary-screen .action-link {
  top: 508px !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen,
html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen h2,
html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen p,
html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen .penalty-line,
html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen .action-link {
  font-weight: 500 !important;
  font-variation-settings: "wght" 500 !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--five .urgent-backdrop {
  position: absolute !important;
  inset: -120px 0 0 -269px !important;
  width: 1440px !important;
  height: 960px !important;
  background: rgba(27, 28, 30, 0.08) !important;
  backdrop-filter: blur(9px) saturate(0.38) brightness(0.78) !important;
  -webkit-backdrop-filter: blur(9px) saturate(0.38) brightness(0.78) !important;
  z-index: 20 !important;
  pointer-events: none !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--five .urgent-backdrop::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 1120px !important;
  height: 620px !important;
  background: radial-gradient(ellipse at center, rgba(217, 251, 255, 0.08) 0%, rgba(217, 251, 255, 0.035) 36%, transparent 74%) !important;
  transform: translate(-50%, -50%) !important;
  opacity: 0.72 !important;
  pointer-events: none !important;
}

.model-band::before,
.model-scale::before,
.model-cards::before {
  background: linear-gradient(90deg, #1d1f20 0 calc(50% - 46px), transparent calc(50% - 46px) calc(50% + 46px), #1d1f20 calc(50% + 46px) 100%) !important;
}

.model-scale,
.model-band--influence {
  background-image: linear-gradient(90deg, #1d1f20 0 calc(50% - 46px), transparent calc(50% - 46px) calc(50% + 46px), #1d1f20 calc(50% + 46px) 100%) !important;
}

.model-band::after,
.model-band--influence::after,
.model-scale::after,
.model-cards::after {
  bottom: -32px !important;
}

body .site-header .home-link {
  background: #1b1c1e !important;
}

body.is-header-on-dark .site-header .home-link {
  background: #ededed !important;
}

body.is-header-on-hero .site-header .home-link {
  background: #1b1c1e !important;
}

body .site-header .project-toggle,
body .site-header .site-nav a {
  color: #1b1c1e !important;
  mix-blend-mode: normal !important;
}

body.is-header-on-dark .site-header .project-toggle,
body.is-header-on-dark .site-header .site-nav a {
  color: #ededed !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .game-stage__content > .resolution-screen > h2.resolution-title,
html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen > h2.resolution-title,
html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen h2.resolution-title,
html body section.game-overlay[data-game-overlay].is-resolution h2.resolution-title,
html body section.game-overlay[data-game-overlay].is-resolution .resolution-title,
html body section.game-overlay[data-game-overlay].is-resolution [data-resolution-title] {
  font-weight: 500 !important;
  font-variation-settings: "wght" 500 !important;
}

html body section.game-overlay[data-game-overlay].is-loading .game-stage__content > .loading-lines > h2,
html body section.game-overlay[data-game-overlay].is-loading .loading-lines > h2,
html body section.game-overlay[data-game-overlay].is-loading .loading-lines h2,
html body section.game-overlay[data-game-overlay].is-loading .loading-lines .level-title,
html body section.game-overlay[data-game-overlay].is-loading h2.level-title {
  font-weight: 500 !important;
  font-variation-settings: "wght" 500 !important;
}

html body section.game-overlay[data-game-overlay].is-urgency-active .game-stage,
html body section.game-overlay[data-game-overlay].is-urgency-active .game-stage__content,
html body section.game-overlay[data-game-overlay].is-urgency-active .level-shell--five {
  overflow: visible !important;
}

html body section.game-overlay[data-game-overlay].is-urgency-active .level-shell--five .urgent-backdrop {
  inset: -240px 0 0 -269px !important;
  width: 1440px !important;
  height: 960px !important;
  background: rgba(237, 237, 237, 0.015) !important;
  backdrop-filter: blur(10px) saturate(0.34) brightness(0.82) !important;
  -webkit-backdrop-filter: blur(10px) saturate(0.34) brightness(0.82) !important;
}

html body section.game-overlay[data-game-overlay].is-urgency-active .level-shell--five .urgent-backdrop::before {
  width: 1320px !important;
  height: 760px !important;
  background: radial-gradient(ellipse at center, rgba(217, 251, 255, 0.075) 0%, rgba(217, 251, 255, 0.028) 42%, transparent 78%) !important;
}

html body section.game-overlay[data-game-overlay].is-level [data-game-duration] {
  color: #d9fbff !important;
  opacity: 1 !important;
  text-shadow: 0 0 5px rgba(217, 251, 255, 0.88), 0 0 16px rgba(217, 251, 255, 0.56), 0 0 34px rgba(217, 251, 255, 0.24) !important;
}

html body section.game-overlay[data-game-overlay].is-loading [data-game-duration],
html body section.game-overlay[data-game-overlay].is-resolution [data-game-duration],
html body section.game-overlay[data-game-overlay].is-summary [data-game-duration] {
  text-shadow: none !important;
}

@media (max-width: 900px) {
  :root {
    --type-body-size: 14px;
    --type-body-line: 1.28;
    --type-title-size: 20px;
    --type-title-line: 24px;
    --type-hero-size: clamp(76px, 18vw, 148px);
    --layout-row: min(96px, 12.5svh);
  }

  html body p,
  html body .section-copy p,
  html body .hero__copy p,
  html body .resources-section p {
    font-size: var(--type-body-size) !important;
    line-height: var(--type-body-line) !important;
  }

  html body main h1,
  html body .pixel-title {
    font-size: var(--type-hero-size) !important;
    line-height: var(--type-hero-line) !important;
  }

  html body main h2,
  html body .section-copy h2,
  html body .resources-section h2 {
    font-size: var(--type-title-size) !important;
    line-height: var(--type-title-line) !important;
  }

  html body .hero {
    min-height: 100svh !important;
    background: var(--color-panel) !important;
    color: var(--color-paper) !important;
  }

  html body .hero::before {
    left: 0 !important;
  }

  html body .hero__visual {
    grid-template-columns: 24px repeat(6, minmax(0, 1fr)) 24px !important;
    grid-template-rows: repeat(8, var(--layout-row)) !important;
    mix-blend-mode: normal !important;
  }

  html body .pixel-title span {
    color: var(--color-paper) !important;
    -webkit-text-stroke-width: 1px !important;
    text-decoration-thickness: 5px !important;
    text-underline-offset: 9px !important;
  }

  html body .pixel-title span:nth-child(1) {
    grid-column: 2 / 8 !important;
    grid-row: 2 / 3 !important;
    justify-self: start !important;
  }

  html body .pixel-title span:nth-child(2) {
    grid-column: 5 / 8 !important;
    grid-row: 3 / 4 !important;
    transform: translate(0, -8px) !important;
  }

  html body .pixel-title span:nth-child(3) {
    grid-column: 2 / 8 !important;
    grid-row: 5 / 6 !important;
    transform: translateY(-18px) !important;
  }

  html body .hero__copy {
    grid-column: 2 / 8 !important;
    grid-row: 6 / 8 !important;
    display: grid !important;
    grid-template-rows: auto auto !important;
    gap: 16px !important;
    align-self: start !important;
    color: var(--color-paper) !important;
    mix-blend-mode: normal !important;
  }

  html body .hero__copy p {
    max-width: 48ch !important;
    color: var(--color-paper) !important;
  }

  html body .hero__copy .glow-link {
    font-size: var(--type-title-size) !important;
    line-height: var(--type-title-line) !important;
  }

  body.is-header-on-hero .site-header .home-link {
    background: #ededed !important;
  }

  html body .site-header .project-toggle {
    font-size: 14px !important;
    line-height: 18px !important;
  }

  html body .site-header .project-popover {
    width: min(220px, calc(100vw - 48px)) !important;
    min-height: 0 !important;
    padding: 42px 18px 18px !important;
  }

  html body .project-popover p {
    font-size: 12px !important;
    line-height: 16px !important;
    letter-spacing: -0.02em !important;
  }

  html body .pattern-item.is-open .pattern-panel {
    padding: 16px var(--pattern-card-inset) 30px !important;
  }

  html body .pattern-panel p,
  html body .pattern-mechanism__body p {
    font-size: 12px !important;
    line-height: 16px !important;
    letter-spacing: -0.02em !important;
  }

  html body .pattern-mechanism {
    gap: 14px !important;
    margin-top: 18px !important;
    padding-top: 16px !important;
  }

  html body .pattern-mechanism__list {
    gap: 12px !important;
  }

  html body .pattern-mechanism__body {
    gap: 7px !important;
    padding-bottom: 12px !important;
  }

  html body .pattern-mechanism__body h4 {
    font-size: 16px !important;
    line-height: 19px !important;
  }

  html body .pattern-mechanism__meta span,
  html body .pattern-mechanism__label span {
    font-size: 10px !important;
    line-height: 13px !important;
  }

  html body .pattern-mechanism__meta strong {
    font-size: 12px !important;
    line-height: 16px !important;
  }
}

@media (max-width: 600px) {
  :root {
    --type-body-size: 12px;
    --type-body-line: 1.28;
    --type-title-size: 17px;
    --type-title-line: 21px;
    --type-hero-size: clamp(50px, 17.5vw, 86px);
    --layout-row: min(74px, 12.5svh);
  }

  html body .site-header {
    grid-template-columns: 18px repeat(6, minmax(0, 1fr)) 18px !important;
    column-gap: 10px !important;
    padding-top: 8px !important;
  }

  html body .home-link {
    width: 30px !important;
    height: 30px !important;
  }

  html body .site-nav {
    grid-column: 4 / 8 !important;
  }

  html body .site-header .project-toggle {
    font-size: 12px !important;
    line-height: 16px !important;
  }

  html body .site-header .project-popover {
    grid-column: 2 / 8 !important;
    width: min(190px, calc(100vw - 36px)) !important;
    padding: 36px 14px 14px !important;
  }

  html body .project-popover p {
    font-size: 10px !important;
    line-height: 14px !important;
  }

  html body .section-grid {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    column-gap: 0 !important;
    width: 100% !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
  }

  html body .findings-section,
  html body .model-section {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  html body .findings-section .pattern-browser {
    margin-top: 24px !important;
    min-height: 0 !important;
    align-items: start !important;
  }

  html body .findings-section .pattern-timeline {
    align-self: stretch !important;
    min-height: 0 !important;
  }

  html body .findings-section .pattern-list {
    align-self: start !important;
  }

  html body .model-section .relationship-model {
    margin-top: 28px !important;
  }

  html body .hero__visual {
    grid-column: 1 / -1 !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    column-gap: 0 !important;
    mix-blend-mode: difference !important;
  }

  html body .pixel-title span {
    -webkit-text-stroke-width: .8px !important;
    text-decoration-thickness: 3px !important;
    text-underline-offset: 6px !important;
  }

  html body .pixel-title span:nth-child(1) {
    grid-column: 2 / 8 !important;
    grid-row: 2 / 3 !important;
    justify-self: start !important;
  }

  html body .pixel-title span:nth-child(2) {
    grid-column: 5 / 8 !important;
    grid-row: 3 / 4 !important;
    transform: translateY(-4px) !important;
  }

  html body .pixel-title span:nth-child(3) {
    grid-column: 4 / 10 !important;
    grid-row: 4 / 5 !important;
    transform: translateY(-10px) !important;
  }

  html body .hero__copy {
    grid-column: 2 / 11 !important;
    grid-row: 6 / 8 !important;
    gap: 12px !important;
    mix-blend-mode: difference !important;
  }

  html body .hero__copy p {
    max-width: none !important;
    width: 100% !important;
  }

  html body .hero-challenge {
    --prompt-frame-width: min(330px, calc(100vw - 32px)) !important;
    --prompt-frame-height: 210px !important;
  }

  html body .hero-challenge__panel::before {
    left: 16px !important;
    top: 16px !important;
    width: calc(100% - 32px) !important;
    height: var(--type-title-line) !important;
    font-size: var(--type-title-size) !important;
    line-height: var(--type-title-line) !important;
    letter-spacing: var(--type-title-tracking) !important;
  }

  html body .hero-challenge__panel::after {
    left: 16px !important;
    right: 16px !important;
    top: 42px !important;
  }

  html body .hero-challenge__panel p {
    left: 16px !important;
    top: 58px !important;
    width: calc(100% - 32px) !important;
    height: auto !important;
    font-size: var(--type-title-size) !important;
    line-height: var(--type-title-line) !important;
    letter-spacing: var(--type-title-tracking) !important;
  }

  html body .hero-challenge__actions {
    left: 16px !important;
    top: 128px !important;
    width: calc(100% - 32px) !important;
    gap: 6px !important;
  }

  html body .hero-challenge__primary,
  html body .hero-challenge__secondary {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    font-size: 10px !important;
    line-height: 12px !important;
    letter-spacing: var(--type-body-tracking) !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
  }

  html body .resources-section {
    padding: calc(var(--layout-row) * 0.95) 0 var(--layout-row) !important;
  }

  html body .resources-section .resource-grid {
    grid-column: 1 / 13 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-rows: auto repeat(2, 92px) !important;
    grid-auto-rows: 92px !important;
    width: 100% !important;
    aspect-ratio: auto !important;
    height: auto !important;
    gap: 6px !important;
  }

  html body .resources-section .resource-grid h2,
  html body .resources-section .resource-card,
  html body .resources-section .resource-card:nth-child(n) {
    position: static !important;
    width: auto !important;
    height: auto !important;
  }

  html body .resources-section .resource-card,
  html body .resources-section .resource-card:nth-child(n) {
    min-height: 0 !important;
    justify-content: center !important;
    padding-inline: 8px !important;
    font-size: 10px !important;
    line-height: 12px !important;
    letter-spacing: var(--type-body-tracking) !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
  }

  html body .resources-section .resource-grid h2 {
    grid-column: 1 / -1 !important;
    margin-bottom: 2px !important;
  }

  html body .resources-section .resource-card__label {
    max-width: 100% !important;
  }

  html body .site-footer {
    padding: 34px 0 40px !important;
    font-size: 8.5px !important;
    line-height: 11px !important;
    letter-spacing: 0 !important;
  }

  html body .site-footer::before {
    grid-column: 2 / 12 !important;
    margin-bottom: 24px !important;
  }

  html body .footer-brand img {
    height: 18px !important;
  }

  html body .footer-email span {
    display: block !important;
  }

  html body .relationship-model .model-band h3,
  html body .relationship-model .model-implications h3 {
    font-size: 13px !important;
    line-height: 15px !important;
    letter-spacing: 0 !important;
  }

  html body .relationship-model .model-cards h3 {
    margin-bottom: 8px !important;
    font-size: 12px !important;
    line-height: 14px !important;
    letter-spacing: 0 !important;
  }

  html body .relationship-model .model-cards article {
    min-height: 108px !important;
    padding: 10px 12px !important;
  }

  html body .relationship-model .model-band::after,
  html body .relationship-model .model-band--influence::after,
  html body .relationship-model .model-scale::after,
  html body .relationship-model .model-cards::after {
    bottom: -16px !important;
    width: 48px !important;
    height: 17px !important;
    background-size: 48px 17px !important;
  }

  html body .relationship-model .model-band::before,
  html body .relationship-model .model-scale::before,
  html body .relationship-model .model-cards::before {
    background: linear-gradient(90deg, #1d1f20 0 calc(50% - 24px), transparent calc(50% - 24px) calc(50% + 24px), #1d1f20 calc(50% + 24px) 100%) !important;
  }

  html body .relationship-model .model-scale,
  html body .relationship-model .model-band--influence {
    background-image: linear-gradient(90deg, #1d1f20 0 calc(50% - 24px), transparent calc(50% - 24px) calc(50% + 24px), #1d1f20 calc(50% + 24px) 100%) !important;
  }

  html body .relationship-model .model-band p,
  html body .relationship-model .model-cards p,
  html body .relationship-model .model-implications p {
    font-size: 9.5px !important;
    line-height: 12.5px !important;
    letter-spacing: 0 !important;
  }

  html body .relationship-model .model-cards strong {
    margin-bottom: 5px !important;
    font-size: 8px !important;
    line-height: 10px !important;
    letter-spacing: 0 !important;
  }

  html body .relationship-model .model-scale span {
    font-size: 10px !important;
    line-height: 12px !important;
  }

  html body .pattern-panel p,
  html body .pattern-mechanism__body p {
    font-size: var(--type-body-size) !important;
    line-height: var(--type-body-line) !important;
    letter-spacing: var(--type-body-tracking) !important;
  }

  html body .pattern-index {
    min-width: 28px !important;
    padding: 6px 3px !important;
    font-size: var(--type-title-size) !important;
    line-height: var(--type-title-line) !important;
  }

  html body .pattern-index.is-active {
    transform: translate(0, -50%) scale(1) !important;
  }

  html body .pattern-button {
    min-height: 48px !important;
    gap: 12px !important;
  }

  html body .pattern-item:not(.is-open) .pattern-button {
    min-height: 44px !important;
  }

  html body .pattern-button,
  html body .pattern-button > span,
  html body .pattern-button .pattern-button__meta,
  html body .pattern-button .pattern-button__label {
    font-size: var(--type-title-size) !important;
    line-height: var(--type-title-line) !important;
    font-weight: 700 !important;
    letter-spacing: var(--type-title-tracking) !important;
  }

  html body .pattern-item.is-open .pattern-panel {
    padding: 6px var(--pattern-card-inset) 14px !important;
  }

  html body .pattern-mechanism {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-top: 8px !important;
    padding-top: 8px !important;
  }

  html body .pattern-mechanism__meta {
    gap: 4px !important;
  }

  html body .pattern-mechanism__list {
    gap: 8px !important;
  }

  html body .pattern-mechanism__body {
    gap: 4px !important;
    padding-bottom: 8px !important;
  }

  html body .pattern-mechanism__label {
    gap: 8px !important;
  }

  html body .pattern-mechanism__body h4 {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 17px !important;
  }

  html body .pattern-mechanism__meta span,
  html body .pattern-mechanism__label span {
    font-size: 8.5px !important;
    line-height: 11px !important;
  }

  html body .pattern-mechanism__meta strong {
    font-size: 10px !important;
    line-height: 12px !important;
  }
}

@keyframes durationLevelPulse {
  0% {
    transform: scale(1);
  }
  28% {
    transform: scale(1.34);
  }
  54% {
    transform: scale(0.94);
  }
  76% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}

html body section.game-overlay[data-game-overlay].is-level [data-game-duration].is-duration-pulse {
  display: inline-block !important;
  transform-origin: left center !important;
  animation: durationLevelPulse 860ms cubic-bezier(.22, 1, .36, 1) both !important;
  text-shadow: 0 0 7px rgba(217, 251, 255, 0.96), 0 0 22px rgba(217, 251, 255, 0.7), 0 0 42px rgba(217, 251, 255, 0.34) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--two .path-option--quiet,
html body section.game-overlay[data-game-overlay] .level-shell--two .path-option--quiet .button-label {
  font-size: 13px !important;
  line-height: 17px !important;
  font-weight: 400 !important;
  color: rgba(217, 217, 217, 0.2) !important;
  opacity: 0.74 !important;
  text-shadow: none !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--two .path-option--quiet:hover,
html body section.game-overlay[data-game-overlay] .level-shell--two .path-option--quiet:focus-visible,
html body section.game-overlay[data-game-overlay] .level-shell--two .path-option--quiet:hover .button-label,
html body section.game-overlay[data-game-overlay] .level-shell--two .path-option--quiet:focus-visible .button-label {
  color: rgba(217, 217, 217, 0.26) !important;
  opacity: 0.8 !important;
  text-shadow: none !important;
}

html body .pattern-button__meta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: .11em !important;
}

html body .pattern-button__label {
  display: inline-block !important;
}

html body .pattern-button__arrow {
  margin-left: 0 !important;
  transform: rotate(0deg) !important;
  transform-origin: center !important;
  transition: transform 260ms cubic-bezier(.22, 1, .36, 1) !important;
}

html body .pattern-item.is-open .pattern-button__label {
  display: inline-block !important;
}

html body .pattern-item.is-open .pattern-button__arrow {
  transform: rotate(90deg) !important;
}

html body .site-header.is-project-card-open .project-toggle {
  color: #ededed !important;
}

@media (max-width: 600px) {
  html body section.game-overlay[data-game-overlay] .game-stage {
    height: 1680px !important;
    max-height: 1680px !important;
  }

  html body section.game-overlay[data-game-overlay] .game-stage__content {
    height: 1560px !important;
    max-height: 1560px !important;
    overflow-y: auto !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell,
  html body section.game-overlay[data-game-overlay] .intro-challenge,
  html body section.game-overlay[data-game-overlay] .resolution-screen,
  html body section.game-overlay[data-game-overlay] .summary-screen {
    height: 1560px !important;
    min-height: 1560px !important;
    max-height: none !important;
    overflow-y: auto !important;
  }

  html body section.game-overlay[data-game-overlay] p,
  html body section.game-overlay[data-game-overlay] .level-copy,
  html body section.game-overlay[data-game-overlay] .resolution-screen p,
  html body section.game-overlay[data-game-overlay] .summary-screen p,
  html body section.game-overlay[data-game-overlay] .checkbox-row,
  html body section.game-overlay[data-game-overlay] .checkbox-row span,
  html body section.game-overlay[data-game-overlay] .summary-table,
  html body section.game-overlay[data-game-overlay] .summary-table td,
  html body section.game-overlay[data-game-overlay] .summary-table th,
  html body section.game-overlay[data-game-overlay] .menu-tree,
  html body section.game-overlay[data-game-overlay] .menu-tree summary,
  html body section.game-overlay[data-game-overlay] .menu-tree .menu-node {
    font-size: var(--mobile-game-body-size, var(--type-body-size)) !important;
    line-height: var(--mobile-game-body-line, var(--type-body-line)) !important;
    letter-spacing: var(--type-body-tracking) !important;
  }

  html body section.game-overlay[data-game-overlay] .level-title,
  html body section.game-overlay[data-game-overlay] h2.level-title,
  html body section.game-overlay[data-game-overlay] .intro-challenge h2,
  html body section.game-overlay[data-game-overlay] .loading-lines h2,
  html body section.game-overlay[data-game-overlay] .resolution-title,
  html body section.game-overlay[data-game-overlay] .summary-title,
  html body section.game-overlay[data-game-overlay] .urgent-modal h2 {
    font-size: var(--mobile-game-title-size, var(--type-title-size)) !important;
    line-height: var(--mobile-game-title-line, var(--type-title-line)) !important;
    font-weight: 500 !important;
  }

  html body section.game-overlay[data-game-overlay] .action-link,
  html body section.game-overlay[data-game-overlay] .text-button,
  html body section.game-overlay[data-game-overlay] .path-option,
  html body section.game-overlay[data-game-overlay] .path-option .button-label,
  html body section.game-overlay[data-game-overlay] .progress-option,
  html body section.game-overlay[data-game-overlay] .social-option {
    font-size: var(--mobile-game-title-size, var(--type-title-size)) !important;
    line-height: var(--mobile-game-title-line, var(--type-title-line)) !important;
  }

  html body section.game-overlay[data-game-overlay] .game-sidebar__label {
    font-size: var(--mobile-game-meta-size, 9px) !important;
    line-height: var(--mobile-game-meta-line, 12px) !important;
  }

  html body section.game-overlay[data-game-overlay] .game-sidebar__value {
    font-size: var(--mobile-game-meta-value-size, 12px) !important;
    line-height: var(--mobile-game-meta-value-line, 14px) !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--two .path-option--quiet,
  html body section.game-overlay[data-game-overlay] .level-shell--two .path-option--quiet .button-label {
    font-size: var(--mobile-game-quiet-size, 10px) !important;
    line-height: var(--mobile-game-quiet-line, 12px) !important;
  }
}

@media (max-width: 600px) {
  html body section.game-overlay[data-game-overlay] {
    --mobile-game-col: 87.583px;
    --mobile-game-left: var(--mobile-game-col);
    --mobile-game-title-top: 44px;
    --mobile-game-title-width: 613.081px;
    --mobile-game-content-width: 875.83px;
    --mobile-game-resolution-copy-top: 320px;
    --mobile-game-resolution-penalty-top: 780px;
    --mobile-game-resolution-action-top: 930px;
    --mobile-game-copy-top: 306px;
    --mobile-game-control-top: 396px;
    --mobile-game-action-top: 760px;
  }

  html body section.game-overlay[data-game-overlay] .game-stage {
    height: 1680px !important;
    min-height: 1680px !important;
    max-height: 1680px !important;
  }

  html body section.game-overlay[data-game-overlay] .game-stage__header {
    height: 120px !important;
    min-height: 120px !important;
  }

  html body section.game-overlay[data-game-overlay] [data-game-kicker],
  html body section.game-overlay[data-game-overlay] [data-exit-game] {
    font-size: var(--mobile-game-title-size, 17px) !important;
    line-height: var(--mobile-game-title-line, 21px) !important;
    font-weight: 700 !important;
  }

  html body section.game-overlay[data-game-overlay] .game-stage__content {
    height: 1560px !important;
    min-height: 1560px !important;
    max-height: 1560px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  html body section.game-overlay[data-game-overlay] .game-stage__content > .intro-challenge,
  html body section.game-overlay[data-game-overlay] .game-stage__content > .level-shell,
  html body section.game-overlay[data-game-overlay] .game-stage__content > .resolution-screen,
  html body section.game-overlay[data-game-overlay] .game-stage__content > .loading-lines,
  html body section.game-overlay[data-game-overlay] .game-stage__content > .summary-screen {
    height: 1560px !important;
    min-height: 1560px !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell > .level-title,
  html body section.game-overlay[data-game-overlay] .intro-challenge h2,
  html body section.game-overlay[data-game-overlay] .loading-lines h2,
  html body section.game-overlay[data-game-overlay] .resolution-screen > h2,
  html body section.game-overlay[data-game-overlay] .summary-screen > h2 {
    position: absolute !important;
    left: var(--mobile-game-left) !important;
    top: var(--mobile-game-title-top) !important;
    width: var(--mobile-game-title-width) !important;
    max-width: var(--mobile-game-title-width) !important;
    min-height: 220px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: var(--mobile-game-title-size, var(--type-title-size)) !important;
    line-height: var(--mobile-game-title-line, var(--type-title-line)) !important;
    font-weight: 500 !important;
    font-variation-settings: "wght" 500 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell > .level-copy,
  html body section.game-overlay[data-game-overlay] .intro-challenge p,
  html body section.game-overlay[data-game-overlay] .loading-lines p,
  html body section.game-overlay[data-game-overlay] .resolution-screen p:not(.penalty-line),
  html body section.game-overlay[data-game-overlay] .summary-screen p {
    position: absolute !important;
    left: var(--mobile-game-left) !important;
    top: var(--mobile-game-copy-top) !important;
    width: var(--mobile-game-title-width) !important;
    max-width: var(--mobile-game-title-width) !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: var(--mobile-game-body-size, var(--type-body-size)) !important;
    line-height: var(--mobile-game-body-line, var(--type-body-line)) !important;
    letter-spacing: var(--type-body-tracking) !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay] .choice-list,
  html body section.game-overlay[data-game-overlay] .path-stack,
  html body section.game-overlay[data-game-overlay] .word-cloud,
  html body section.game-overlay[data-game-overlay] .social-wheel,
  html body section.game-overlay[data-game-overlay] .menu-tree,
  html body section.game-overlay[data-game-overlay] .progress-options,
  html body section.game-overlay[data-game-overlay] .loading-meter {
    position: absolute !important;
    left: var(--mobile-game-left) !important;
    top: var(--mobile-game-control-top) !important;
    width: var(--mobile-game-content-width) !important;
    max-width: var(--mobile-game-content-width) !important;
    margin: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell > .action-link,
  html body section.game-overlay[data-game-overlay] .intro-challenge > .action-link,
  html body section.game-overlay[data-game-overlay] .loading-lines > .action-link,
  html body section.game-overlay[data-game-overlay] .resolution-screen > .action-link,
  html body section.game-overlay[data-game-overlay] .summary-screen > .action-link {
    position: absolute !important;
    left: var(--mobile-game-left) !important;
    top: var(--mobile-game-action-top) !important;
    width: max-content !important;
    max-width: var(--mobile-game-content-width) !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: var(--mobile-game-title-size, var(--type-title-size)) !important;
    line-height: var(--mobile-game-title-line, var(--type-title-line)) !important;
    white-space: normal !important;
    text-align: left !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay] .choice-list {
    display: grid !important;
    gap: 34px !important;
  }

  html body section.game-overlay[data-game-overlay] .checkbox-row {
    min-height: 58px !important;
    padding-left: 58px !important;
    align-items: flex-start !important;
  }

  html body section.game-overlay[data-game-overlay] .checkbox-row input[type="checkbox"] {
    width: 30px !important;
    height: 30px !important;
  }

  html body section.game-overlay[data-game-overlay] .checkbox-row input[type="checkbox"]:checked::after {
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--one > .action-link {
    top: 730px !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--two .level-copy {
    top: var(--mobile-game-copy-top) !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--two .path-stack {
    top: 444px !important;
    width: var(--mobile-game-content-width) !important;
    max-width: var(--mobile-game-content-width) !important;
    gap: 34px !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--two .path-option,
  html body section.game-overlay[data-game-overlay] .level-shell--two .path-option--primary,
  html body section.game-overlay[data-game-overlay] .level-shell--two .path-option--quiet {
    width: var(--mobile-game-content-width) !important;
    max-width: var(--mobile-game-content-width) !important;
    min-height: 82px !important;
    padding: 0 0 18px 54px !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--two .path-option .button-label {
    white-space: normal !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud {
    top: 342px !important;
    height: 620px !important;
  }

  html body section.game-overlay[data-game-overlay] .tip-stack {
    top: 318px !important;
    right: 88px !important;
  }

  html body section.game-overlay[data-game-overlay] .distraction,
  html body section.game-overlay[data-game-overlay] .arrow-distraction {
    font-size: var(--mobile-game-body-size, var(--type-body-size)) !important;
    line-height: var(--mobile-game-body-line, var(--type-body-line)) !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--four .level-copy {
    top: var(--mobile-game-copy-top) !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--four .social-wheel {
    top: 486px !important;
    width: var(--mobile-game-content-width) !important;
    max-width: var(--mobile-game-content-width) !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--four .social-options,
  html body section.game-overlay[data-game-overlay] .level-shell--four .social-option {
    width: var(--mobile-game-content-width) !important;
    max-width: var(--mobile-game-content-width) !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--four .social-option strong {
    width: calc(var(--mobile-game-content-width) - 64px) !important;
    font-size: var(--mobile-game-body-size, var(--type-body-size)) !important;
    line-height: var(--mobile-game-body-line, var(--type-body-line)) !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--five .urgent-backdrop {
    inset: -120px 0 0 -269px !important;
    width: 1440px !important;
    height: 1920px !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--five .urgent-modal {
    left: var(--mobile-game-left) !important;
    top: 360px !important;
    width: var(--mobile-game-content-width) !important;
    max-width: var(--mobile-game-content-width) !important;
    height: auto !important;
    min-height: 420px !important;
    max-height: none !important;
    padding: 42px 48px !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--five .urgent-modal > h2.level-title,
  html body section.game-overlay[data-game-overlay] .level-shell--five .urgent-modal > p.level-copy,
  html body section.game-overlay[data-game-overlay] .level-shell--five .urgent-countdown,
  html body section.game-overlay[data-game-overlay] .level-shell--five .urgent-modal > .action-link {
    position: static !important;
    width: auto !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin-left: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--five .urgent-modal > h2.level-title {
    margin-bottom: 28px !important;
    font-size: var(--mobile-game-title-size, var(--type-title-size)) !important;
    line-height: var(--mobile-game-title-line, var(--type-title-line)) !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--five .urgent-modal > p.level-copy {
    margin-bottom: 28px !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--five .urgent-countdown {
    margin-bottom: 34px !important;
    font-size: var(--mobile-game-countdown-size, var(--mobile-game-title-size, 17px)) !important;
    line-height: var(--mobile-game-countdown-line, var(--mobile-game-title-line, 21px)) !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--six .level-copy,
  html body section.game-overlay[data-game-overlay] .level-shell--seven .level-copy {
    top: var(--mobile-game-copy-top) !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--six > .action-link,
  html body section.game-overlay[data-game-overlay] .level-shell--seven > .action-link {
    top: 414px !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--six .menu-tree,
  html body section.game-overlay[data-game-overlay] .level-shell--seven .progress-options {
    top: 520px !important;
    width: var(--mobile-game-content-width) !important;
    max-width: var(--mobile-game-content-width) !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--seven .progress-options {
    gap: 30px !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--seven .progress-option {
    width: var(--mobile-game-content-width) !important;
    height: 92px !important;
    grid-template-columns: 96px 1fr !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--seven .progress-track {
    width: 650px !important;
  }

  html body section.game-overlay[data-game-overlay] .loading-meter {
    top: var(--mobile-game-control-top) !important;
    width: var(--mobile-game-content-width) !important;
  }

  html body section.game-overlay[data-game-overlay] .loading-lines p {
    top: 520px !important;
  }

  html body section.game-overlay[data-game-overlay] .resolution-screen .penalty-line,
  html body section.game-overlay[data-game-overlay] .summary-screen .summary-table {
    position: absolute !important;
    left: var(--mobile-game-left) !important;
    top: 504px !important;
    width: var(--mobile-game-title-width) !important;
    max-width: var(--mobile-game-title-width) !important;
    margin: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay] .resolution-screen p:not(.penalty-line),
  html body section.game-overlay[data-game-overlay] .summary-screen p {
    top: var(--mobile-game-resolution-copy-top) !important;
    width: var(--mobile-game-content-width) !important;
    max-width: var(--mobile-game-content-width) !important;
  }

  html body section.game-overlay[data-game-overlay] .resolution-screen .penalty-line {
    top: var(--mobile-game-resolution-penalty-top) !important;
    width: var(--mobile-game-content-width) !important;
    max-width: var(--mobile-game-content-width) !important;
  }

  html body section.game-overlay[data-game-overlay] .resolution-screen > .action-link,
  html body section.game-overlay[data-game-overlay] .summary-screen > .action-link {
    top: var(--mobile-game-resolution-action-top) !important;
  }

  html body section.game-overlay[data-game-overlay].is-summary .summary-screen p {
    top: var(--mobile-game-resolution-copy-top) !important;
    width: var(--mobile-game-content-width) !important;
    max-width: var(--mobile-game-content-width) !important;
  }

  html body section.game-overlay[data-game-overlay].is-summary .summary-screen .summary-table {
    top: 660px !important;
    width: var(--mobile-game-content-width) !important;
    max-width: var(--mobile-game-content-width) !important;
  }

  html body section.game-overlay[data-game-overlay].is-summary .summary-screen .action-link {
    top: 900px !important;
  }
}

@media (max-width: 600px) {
  html body section.game-overlay[data-game-overlay] .game-stage__content > .resolution-screen,
  html body section.game-overlay[data-game-overlay] .game-stage__content > .summary-screen,
  html body section.game-overlay[data-game-overlay] .game-stage__content > .loading-lines {
    overflow-y: auto !important;
  }

  html body section.game-overlay[data-game-overlay] .resolution-screen > h2,
  html body section.game-overlay[data-game-overlay] .summary-screen > h2,
  html body section.game-overlay[data-game-overlay] .loading-lines > h2 {
    position: static !important;
    display: block !important;
    width: var(--mobile-game-title-width) !important;
    max-width: var(--mobile-game-title-width) !important;
    min-height: 0 !important;
    margin: 44px 0 0 var(--mobile-game-left) !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay] .resolution-screen p:not(.penalty-line),
  html body section.game-overlay[data-game-overlay] .summary-screen > p,
  html body section.game-overlay[data-game-overlay] .loading-lines > p {
    position: static !important;
    display: block !important;
    width: var(--mobile-game-content-width) !important;
    max-width: var(--mobile-game-content-width) !important;
    margin: 84px 0 0 var(--mobile-game-left) !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay] .resolution-screen .penalty-line {
    position: static !important;
    display: block !important;
    width: var(--mobile-game-content-width) !important;
    max-width: var(--mobile-game-content-width) !important;
    margin: 74px 0 0 var(--mobile-game-left) !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay] .resolution-screen > .action-link,
  html body section.game-overlay[data-game-overlay] .summary-screen > .action-link,
  html body section.game-overlay[data-game-overlay] .loading-lines > .action-link {
    position: static !important;
    display: inline-block !important;
    width: max-content !important;
    max-width: var(--mobile-game-content-width) !important;
    margin: 86px 0 120px var(--mobile-game-left) !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay] .loading-lines > .loading-meter {
    position: static !important;
    display: grid !important;
    width: var(--mobile-game-content-width) !important;
    max-width: var(--mobile-game-content-width) !important;
    margin: 92px 0 0 var(--mobile-game-left) !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay] .loading-lines > p {
    margin-top: 92px !important;
  }

  html body section.game-overlay[data-game-overlay] .summary-screen > .summary-table {
    position: static !important;
    display: grid !important;
    width: var(--mobile-game-content-width) !important;
    max-width: var(--mobile-game-content-width) !important;
    margin: 78px 0 0 var(--mobile-game-left) !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--one > .level-title {
    position: static !important;
    display: block !important;
    width: var(--mobile-game-title-width) !important;
    max-width: var(--mobile-game-title-width) !important;
    min-height: 0 !important;
    margin: 44px 0 0 var(--mobile-game-left) !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--one > .choice-list {
    position: static !important;
    display: grid !important;
    width: var(--mobile-game-content-width) !important;
    max-width: var(--mobile-game-content-width) !important;
    margin: 92px 0 0 var(--mobile-game-left) !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--one > .action-link {
    position: static !important;
    display: inline-block !important;
    width: max-content !important;
    max-width: var(--mobile-game-content-width) !important;
    margin: 96px 0 120px var(--mobile-game-left) !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--two > .level-title,
  html body section.game-overlay[data-game-overlay] .level-shell--four > .level-title,
  html body section.game-overlay[data-game-overlay] .level-shell--six > .level-title,
  html body section.game-overlay[data-game-overlay] .level-shell--seven > .level-title {
    position: static !important;
    display: block !important;
    width: var(--mobile-game-title-width) !important;
    max-width: var(--mobile-game-title-width) !important;
    min-height: 0 !important;
    margin: 44px 0 0 var(--mobile-game-left) !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--two > .level-copy,
  html body section.game-overlay[data-game-overlay] .level-shell--four > .level-copy,
  html body section.game-overlay[data-game-overlay] .level-shell--six > .level-copy,
  html body section.game-overlay[data-game-overlay] .level-shell--seven > .level-copy {
    position: static !important;
    display: block !important;
    width: var(--mobile-game-content-width) !important;
    max-width: var(--mobile-game-content-width) !important;
    margin: 72px 0 0 var(--mobile-game-left) !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--two > .path-stack,
  html body section.game-overlay[data-game-overlay] .level-shell--four > .social-wheel,
  html body section.game-overlay[data-game-overlay] .level-shell--six > .menu-tree,
  html body section.game-overlay[data-game-overlay] .level-shell--seven > .progress-options {
    position: static !important;
    width: var(--mobile-game-content-width) !important;
    max-width: var(--mobile-game-content-width) !important;
    margin: 92px 0 120px var(--mobile-game-left) !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--six > .action-link,
  html body section.game-overlay[data-game-overlay] .level-shell--seven > .action-link {
    position: static !important;
    display: inline-block !important;
    width: max-content !important;
    max-width: var(--mobile-game-content-width) !important;
    margin: 72px 0 0 var(--mobile-game-left) !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--seven > .progress-options {
    margin-top: 86px !important;
  }
}

@media (max-width: 600px) {
  html body section.game-overlay[data-game-overlay] {
    --mobile-game-col: 87.583px;
    --mobile-game-left: 87.583px;
    --mobile-game-title-width: 613.081px;
    --mobile-game-content-width: 875.83px;
  }

  html body section.game-overlay[data-game-overlay] [data-exit-game] {
    font-size: var(--mobile-game-header-size, var(--mobile-game-title-size, 19px)) !important;
    line-height: var(--mobile-game-header-line, var(--mobile-game-title-line, 22px)) !important;
  }

  html body section.game-overlay[data-game-overlay] .game-sidebar__label {
    font-size: var(--mobile-game-meta-size, 13px) !important;
    line-height: var(--mobile-game-meta-line, 16px) !important;
  }

  html body section.game-overlay[data-game-overlay] .game-sidebar__value {
    font-size: var(--mobile-game-meta-value-size, 19px) !important;
    line-height: var(--mobile-game-meta-value-line, 22px) !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--two > .level-copy {
    width: var(--mobile-game-content-width) !important;
    max-width: var(--mobile-game-content-width) !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--two > .path-stack {
    width: var(--mobile-game-content-width) !important;
    max-width: var(--mobile-game-content-width) !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--two .path-option,
  html body section.game-overlay[data-game-overlay] .level-shell--two .path-option--primary,
  html body section.game-overlay[data-game-overlay] .level-shell--two .path-option--quiet {
    width: var(--mobile-game-content-width) !important;
    max-width: var(--mobile-game-content-width) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--two .path-option .button-label {
    left: 0 !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
  }

  html body section.game-overlay[data-game-overlay].is-loading .loading-lines > h2 {
    position: absolute !important;
    left: var(--mobile-game-left) !important;
    top: 44px !important;
    width: var(--mobile-game-title-width) !important;
    max-width: var(--mobile-game-title-width) !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay].is-loading .loading-lines > p {
    position: absolute !important;
    left: var(--mobile-game-left) !important;
    top: 370px !important;
    width: var(--mobile-game-content-width) !important;
    max-width: var(--mobile-game-content-width) !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay].is-loading .loading-lines > .loading-meter {
    position: absolute !important;
    left: var(--mobile-game-left) !important;
    top: 560px !important;
    width: var(--mobile-game-content-width) !important;
    max-width: var(--mobile-game-content-width) !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen > h2.resolution-title {
    position: absolute !important;
    left: var(--mobile-game-left) !important;
    top: 44px !important;
    width: var(--mobile-game-title-width) !important;
    max-width: var(--mobile-game-title-width) !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen > p:not(.penalty-line) {
    position: absolute !important;
    left: var(--mobile-game-left) !important;
    top: 560px !important;
    width: var(--mobile-game-content-width) !important;
    max-width: var(--mobile-game-content-width) !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen > .penalty-line {
    position: absolute !important;
    left: var(--mobile-game-left) !important;
    top: 1040px !important;
    width: var(--mobile-game-content-width) !important;
    max-width: var(--mobile-game-content-width) !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen > .action-link {
    position: absolute !important;
    left: var(--mobile-game-left) !important;
    top: 1190px !important;
    width: max-content !important;
    max-width: var(--mobile-game-content-width) !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay].is-summary .summary-screen > h2.summary-title {
    position: absolute !important;
    left: var(--mobile-game-left) !important;
    top: 44px !important;
    width: var(--mobile-game-title-width) !important;
    max-width: var(--mobile-game-title-width) !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay].is-summary .summary-screen > p {
    position: absolute !important;
    left: var(--mobile-game-left) !important;
    top: 360px !important;
    width: var(--mobile-game-content-width) !important;
    max-width: var(--mobile-game-content-width) !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay].is-summary .summary-screen > .summary-table {
    position: absolute !important;
    left: var(--mobile-game-left) !important;
    top: 680px !important;
    width: var(--mobile-game-content-width) !important;
    max-width: var(--mobile-game-content-width) !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay].is-summary .summary-screen > .action-link {
    position: absolute !important;
    left: var(--mobile-game-left) !important;
    top: 1010px !important;
    width: max-content !important;
    max-width: var(--mobile-game-content-width) !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--four > .social-wheel,
  html body section.game-overlay[data-game-overlay] .level-shell--four .social-wheel {
    height: 520px !important;
    min-height: 520px !important;
    max-height: 520px !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--four .social-options {
    height: 520px !important;
    min-height: 520px !important;
    max-height: 520px !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--four .social-option {
    height: 150px !important;
    min-height: 150px !important;
    grid-template-columns: 78px 1fr !important;
    align-items: start !important;
    padding-top: 8px !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--four .social-option[data-slot="-1"] {
    top: 0 !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--four .social-option.is-active {
    top: 180px !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--four .social-option[data-slot="1"] {
    top: 360px !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--four .social-option[data-slot="2"],
  html body section.game-overlay[data-game-overlay] .level-shell--four .social-option[data-slot="-2"] {
    top: 540px !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--four .social-option span {
    width: 68px !important;
    height: 142px !important;
    align-items: start !important;
    padding-top: 0 !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--four .social-option::after {
    left: 26px !important;
    top: 86px !important;
    height: 58px !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--four .social-option strong {
    width: calc(var(--mobile-game-content-width) - 92px) !important;
    padding-top: 0 !important;
  }
}

@keyframes cloudPulse {
  0%, 100% {
    opacity: var(--cloud-opacity, .62);
  }
  50% {
    opacity: calc(var(--cloud-opacity, .62) + .18);
  }
}

html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud {
  left: 140px !important;
  top: 214px !important;
  width: 842px !important;
  height: 356px !important;
  overflow: visible !important;
  isolation: isolate !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud::before,
html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud::after {
  content: "" !important;
  position: absolute !important;
  inset: auto !important;
  display: block !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud::before {
  left: 26% !important;
  top: 42% !important;
  width: 420px !important;
  height: 240px !important;
  background: radial-gradient(ellipse at center, rgba(217, 251, 255, .12), rgba(217, 251, 255, .03) 48%, transparent 74%) !important;
  filter: blur(13px) !important;
  transform: translate(-50%, -50%) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud::after {
  left: 64% !important;
  top: 58% !important;
  width: 520px !important;
  height: 280px !important;
  background: radial-gradient(ellipse at center, rgba(217, 251, 255, .15), rgba(217, 251, 255, .035) 44%, transparent 72%) !important;
  filter: blur(16px) !important;
  transform: translate(-50%, -50%) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud__glow {
  position: absolute !important;
  display: block !important;
  pointer-events: none !important;
  border-radius: 50% !important;
  z-index: 1 !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud__glow--one {
  left: 47% !important;
  top: 51% !important;
  width: 220px !important;
  height: 310px !important;
  background: rgba(217, 251, 255, .07) !important;
  filter: blur(22px) !important;
  transform: translate(-50%, -50%) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud__glow--two {
  left: 76% !important;
  top: 63% !important;
  width: 180px !important;
  height: 220px !important;
  background: rgba(217, 251, 255, .045) !important;
  filter: blur(18px) !important;
  transform: translate(-50%, -50%) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word,
html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-fragment {
  position: absolute !important;
  left: var(--x) !important;
  top: var(--y) !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  font-family: var(--font-body) !important;
  font-weight: 600 !important;
  letter-spacing: .01em !important;
  writing-mode: vertical-rl !important;
  text-orientation: upright !important;
  white-space: nowrap !important;
  transform: translate(-50%, -50%) !important;
  z-index: 2 !important;
  animation: cloudPulse 2800ms ease-in-out infinite !important;
  animation-delay: var(--delay, 0ms) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word {
  pointer-events: none !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word.is-exit {
  pointer-events: auto !important;
  cursor: pointer !important;
  z-index: 4 !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word--xs {
  font-size: 13px !important;
  line-height: 1 !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word--sm,
html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-fragment {
  font-size: 15px !important;
  line-height: 1 !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word--md {
  font-size: 17px !important;
  line-height: 1 !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word--lg {
  font-size: 20px !important;
  line-height: 1 !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word--xl {
  font-size: 23px !important;
  line-height: 1 !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word--ghost,
html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-fragment--ghost {
  --cloud-opacity: .18;
  color: rgba(217, 217, 217, .18) !important;
  filter: blur(1.3px) !important;
  text-shadow: 0 0 10px rgba(217, 251, 255, .08) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word--dim,
html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-fragment--dim {
  --cloud-opacity: .34;
  color: rgba(217, 217, 217, .34) !important;
  filter: blur(.7px) !important;
  text-shadow: 0 0 10px rgba(217, 251, 255, .14) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word--soft,
html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-fragment--soft {
  --cloud-opacity: .52;
  color: rgba(217, 217, 217, .52) !important;
  filter: blur(.35px) !important;
  text-shadow: 0 0 9px rgba(217, 251, 255, .22) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word--mid {
  --cloud-opacity: .7;
  color: rgba(237, 237, 237, .7) !important;
  text-shadow: 0 0 8px rgba(217, 251, 255, .34), 0 0 18px rgba(217, 251, 255, .16) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word--bright,
html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-fragment--bright {
  --cloud-opacity: .9;
  color: rgba(237, 237, 237, .9) !important;
  text-shadow: 0 0 6px rgba(217, 251, 255, .62), 0 0 18px rgba(217, 251, 255, .3), 0 0 34px rgba(217, 251, 255, .12) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word--exit {
  --cloud-opacity: .82;
  color: rgba(237, 237, 237, .82) !important;
  text-shadow: 0 0 5px rgba(217, 251, 255, .58), 0 0 16px rgba(217, 251, 255, .26) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word--glow-none {
  text-shadow: none !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word--glow-strong.is-exit:hover,
html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word--glow-strong.is-exit:focus-visible {
  color: #d9fbff !important;
  text-shadow: 0 0 7px rgba(217, 251, 255, .9), 0 0 22px rgba(217, 251, 255, .46) !important;
  outline: none !important;
}

@media (max-width: 600px) {
  html body section.game-overlay[data-game-overlay] .level-shell--three > .level-title {
    position: static !important;
    display: block !important;
    width: var(--mobile-game-title-width) !important;
    max-width: var(--mobile-game-title-width) !important;
    min-height: 0 !important;
    margin: 44px 0 0 var(--mobile-game-left) !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud {
    position: static !important;
    width: var(--mobile-game-content-width) !important;
    max-width: var(--mobile-game-content-width) !important;
    height: 620px !important;
    min-height: 620px !important;
    margin: 92px 0 120px var(--mobile-game-left) !important;
    padding: 0 !important;
    transform: none !important;
    overflow: hidden !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word--xs,
  html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-fragment {
    font-size: var(--mobile-game-body-size, 12px) !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word--sm {
    font-size: var(--mobile-game-body-size, 12px) !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word--md {
    font-size: var(--mobile-game-title-size, 17px) !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word--lg {
    font-size: var(--mobile-game-title-size, 17px) !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word--xl {
    font-size: var(--mobile-game-title-size, 17px) !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud__glow--one {
    width: 380px !important;
    height: 420px !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud__glow--two {
    width: 240px !important;
    height: 300px !important;
  }
}

@media (max-width: 600px) {
  html body section.game-overlay[data-game-overlay] .level-shell--four > .social-wheel,
  html body section.game-overlay[data-game-overlay] .level-shell--four .social-wheel {
    height: 820px !important;
    min-height: 820px !important;
    max-height: 820px !important;
    margin-bottom: 160px !important;
    overflow: hidden !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--four .social-options {
    height: 820px !important;
    min-height: 820px !important;
    max-height: 820px !important;
    overflow: hidden !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--four .social-option {
    height: 240px !important;
    min-height: 240px !important;
    width: var(--mobile-game-content-width) !important;
    max-width: var(--mobile-game-content-width) !important;
    grid-template-columns: 112px 1fr !important;
    align-items: start !important;
    padding: 0 !important;
    font-size: var(--mobile-game-body-size, var(--type-body-size)) !important;
    line-height: var(--mobile-game-body-line, var(--type-body-line)) !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--four .social-option[data-slot="-1"] {
    top: 0 !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--four .social-option.is-active {
    top: 290px !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--four .social-option[data-slot="1"] {
    top: 580px !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--four .social-option[data-slot="2"],
  html body section.game-overlay[data-game-overlay] .level-shell--four .social-option[data-slot="-2"] {
    top: 870px !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--four .social-option span {
    width: 94px !important;
    height: 240px !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    padding: 0 !important;
    font-size: var(--mobile-game-title-size, var(--type-title-size)) !important;
    line-height: var(--mobile-game-title-line, var(--type-title-line)) !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--four .social-option strong {
    display: block !important;
    width: calc(var(--mobile-game-content-width) - 132px) !important;
    max-width: calc(var(--mobile-game-content-width) - 132px) !important;
    min-height: 220px !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: var(--mobile-game-body-size, var(--type-body-size)) !important;
    line-height: var(--mobile-game-body-line, var(--type-body-line)) !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--four .social-option::after {
    left: 36px !important;
    top: 116px !important;
    height: 108px !important;
  }
}

html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud {
  left: 98px !important;
  top: 242px !important;
  width: 850px !important;
  height: 500px !important;
  min-height: 500px !important;
  max-height: none !important;
  overflow: visible !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud::before {
  left: 34% !important;
  top: 54% !important;
  width: 560px !important;
  height: 340px !important;
  background: radial-gradient(ellipse at center, rgba(217, 251, 255, .11), rgba(217, 251, 255, .038) 50%, transparent 78%) !important;
  filter: blur(22px) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud::after {
  left: 67% !important;
  top: 56% !important;
  width: 620px !important;
  height: 380px !important;
  background: radial-gradient(ellipse at center, rgba(217, 251, 255, .118), rgba(217, 251, 255, .034) 48%, transparent 80%) !important;
  filter: blur(25px) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud__glow--one {
  left: 28% !important;
  top: 57% !important;
  width: 325px !important;
  height: 395px !important;
  background: rgba(217, 251, 255, .046) !important;
  filter: blur(30px) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud__glow--two {
  left: 72% !important;
  top: 60% !important;
  width: 375px !important;
  height: 430px !important;
  background: rgba(217, 251, 255, .044) !important;
  filter: blur(32px) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-word,
html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-fragment {
  left: var(--x) !important;
  top: var(--y) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word.is-exit {
  color: rgba(217, 217, 217, .38) !important;
  text-shadow: 0 0 8px rgba(217, 251, 255, .16) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word.is-exit:hover,
html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word.is-exit:focus-visible {
  color: rgba(217, 251, 255, .8) !important;
  text-shadow: 0 0 8px rgba(217, 251, 255, .54), 0 0 18px rgba(217, 251, 255, .22) !important;
  outline: none !important;
}

@media (max-width: 600px) {
  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud {
    position: static !important;
    width: var(--mobile-game-content-width) !important;
    max-width: var(--mobile-game-content-width) !important;
    height: 620px !important;
    min-height: 620px !important;
    max-height: none !important;
    margin: 128px 0 120px var(--mobile-game-left) !important;
    overflow: visible !important;
  }
}

@media (max-width: 600px) {
  html body section.game-overlay[data-game-overlay] .game-stage__content > .level-shell--three {
    height: 1320px !important;
    min-height: 1320px !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

@keyframes levelThreeGlowPulse {
  0%, 100% {
    opacity: .64;
    transform: translate(-50%, -50%) scale(.92);
  }
  50% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.18);
  }
}

@keyframes levelThreeNudgeBlink {
  0%, 100% {
    opacity: .58;
  }
  42%, 64% {
    opacity: 1;
  }
}

@keyframes levelThreeSlideIn {
  from {
    opacity: 0;
    transform: translateX(112px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

html body section.game-overlay[data-game-overlay] .game-sidebar .level3-sidebar-alert,
html body section.game-overlay[data-game-overlay] .level-shell--three .level3-nudge {
  position: absolute !important;
  width: 92px !important;
  min-width: 92px !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: rgba(217, 251, 255, .92) !important;
  cursor: pointer !important;
  font-family: var(--font-code, "Source Code Pro", monospace) !important;
  font-weight: 700 !important;
  text-align: center !important;
  text-shadow: 0 0 5px rgba(217, 251, 255, .82), 0 0 18px rgba(217, 251, 255, .4) !important;
  isolation: isolate !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateX(112px) !important;
  transition: opacity 220ms ease, transform 560ms cubic-bezier(.2, .84, .26, 1) !important;
  z-index: 8 !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar .level3-sidebar-alert {
  left: 17px !important;
  top: 478px !important;
  transform: translateY(12px) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .tip-stack {
  position: absolute !important;
  left: -252px !important;
  top: 390px !important;
  width: 100px !important;
  height: 120px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  z-index: 8 !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .tip-stack .level3-nudge--stage {
  display: none !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .arrow-stack {
  position: absolute !important;
  right: 0 !important;
  top: 286px !important;
  width: 104px !important;
  height: 230px !important;
  display: grid !important;
  gap: 30px !important;
  align-content: start !important;
  justify-items: end !important;
  z-index: 8 !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .arrow-stack .level3-nudge {
  position: relative !important;
  right: auto !important;
  top: auto !important;
  display: block !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar .level3-sidebar-alert.is-visible,
html body section.game-overlay[data-game-overlay] .level-shell--three .level3-nudge.is-visible {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateX(0) !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar .level3-sidebar-alert.is-visible {
  animation-name: levelThreeNudgeBlink !important;
  animation-duration: 1050ms !important;
  animation-timing-function: ease-in-out !important;
  animation-iteration-count: infinite !important;
  transform: translateY(0) !important;
}

html body section.game-overlay[data-game-overlay] .level3-nudge::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 30px !important;
  width: 82px !important;
  height: 82px !important;
  border-radius: 999px !important;
  background: radial-gradient(circle, rgba(217, 251, 255, .28), rgba(217, 251, 255, .09) 46%, transparent 72%) !important;
  filter: blur(9px) !important;
  transform: translate(-50%, -50%) !important;
  animation: levelThreeGlowPulse 1300ms ease-in-out infinite !important;
  z-index: -1 !important;
}

html body section.game-overlay[data-game-overlay] .level3-nudge__symbol {
  display: block !important;
  width: 100% !important;
  font-family: var(--font-code, "Source Code Pro", monospace) !important;
  font-size: 30px !important;
  line-height: 32px !important;
  letter-spacing: 0 !important;
  animation: levelThreeNudgeBlink 780ms ease-in-out infinite !important;
}

html body section.game-overlay[data-game-overlay] .level3-nudge__label {
  display: block !important;
  width: 100% !important;
  margin-top: 5px !important;
  font-size: 10px !important;
  line-height: 12px !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
  color: rgba(217, 251, 255, .78) !important;
}

html body section.game-overlay[data-game-overlay] .level3-tip-popup {
  position: absolute !important;
  left: 50% !important;
  top: calc(100% + 10px) !important;
  width: 250px !important;
  min-height: 0 !important;
  padding: 12px 14px !important;
  border: .6px solid rgba(217, 251, 255, .56) !important;
  background: rgba(27, 28, 30, .94) !important;
  color: rgba(237, 237, 237, .92) !important;
  font-size: 13px !important;
  line-height: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-shadow: none !important;
  white-space: normal !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translate(-50%, -6px) !important;
  transition: opacity 180ms ease, transform 180ms ease !important;
  z-index: 12 !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar .level3-tip-popup {
  left: 105px !important;
  top: 6px !important;
  transform: translate(0, -4px) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .arrow-stack .level3-tip-popup {
  left: auto !important;
  right: 0 !important;
  transform: translate(0, -6px) !important;
}

html body section.game-overlay[data-game-overlay] .level3-nudge.is-open .level3-tip-popup {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translate(-50%, 0) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .arrow-stack .level3-nudge.is-open .level3-tip-popup {
  transform: translate(0, 0) !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar .level3-sidebar-alert.is-open .level3-tip-popup {
  transform: translate(0, 0) !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar .level3-sidebar-alert.is-visible,
html body section.game-overlay[data-game-overlay] .level-shell--three .level3-nudge.is-visible {
  color: #d9fbff !important;
  text-shadow: 0 0 7px rgba(217, 251, 255, .98), 0 0 22px rgba(217, 251, 255, .62), 0 0 40px rgba(217, 251, 255, .24) !important;
}

html body section.game-overlay[data-game-overlay] .level3-nudge.is-visible::before {
  width: 98px !important;
  height: 98px !important;
  background: radial-gradient(circle, rgba(217, 251, 255, .42), rgba(217, 251, 255, .16) 45%, transparent 74%) !important;
  filter: blur(11px) !important;
}

html body section.game-overlay[data-game-overlay] .level3-nudge.is-visible .level3-nudge__label {
  color: rgba(217, 251, 255, .94) !important;
  text-shadow: 0 0 5px rgba(217, 251, 255, .86), 0 0 18px rgba(217, 251, 255, .48) !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar .level3-sidebar-alert {
  left: 12px !important;
  top: 468px !important;
  width: 96px !important;
  min-width: 96px !important;
  text-align: left !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar .level3-sidebar-alert .level3-nudge__symbol,
html body section.game-overlay[data-game-overlay] .game-sidebar .level3-sidebar-alert .level3-nudge__label {
  text-align: left !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar .level3-sidebar-alert .level3-nudge__label {
  width: 96px !important;
  font-size: 10px !important;
  line-height: 12px !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar .level3-tip-popup {
  left: 0 !important;
  top: calc(100% + 14px) !important;
  width: 108px !important;
  padding: 10px 9px 12px !important;
  border-color: rgba(217, 251, 255, .72) !important;
  font-size: 13px !important;
  line-height: 18px !important;
  transform: translate(0, -6px) !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar .level3-sidebar-alert.is-open .level3-tip-popup {
  transform: translate(0, 0) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .arrow-stack {
  right: 122px !important;
  top: 286px !important;
  width: 130px !important;
  justify-items: center !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .arrow-stack .level3-nudge {
  width: 112px !important;
  min-width: 112px !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .arrow-stack .level3-tip-popup {
  left: 50% !important;
  right: auto !important;
  top: calc(100% + 14px) !important;
  width: 270px !important;
  transform: translate(-50%, -6px) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .arrow-stack .level3-nudge.is-open .level3-tip-popup {
  transform: translate(-50%, 0) !important;
}

@keyframes levelThreeWordFloat {
  0%, 100% {
    transform: translate(-50%, -50%) translate3d(0, 0, 0);
  }
  50% {
    transform: translate(-50%, -50%) translate3d(0, -7px, 0);
  }
}

@keyframes levelThreeWordFloatSoft {
  0%, 100% {
    transform: translate(-50%, -50%) translate3d(0, 0, 0);
  }
  50% {
    transform: translate(-50%, -50%) translate3d(5px, -4px, 0);
  }
}

html body .hero-challenge__secondary {
  font-size: 16px !important;
  line-height: 20px !important;
  font-weight: 500 !important;
  letter-spacing: -0.03em !important;
  text-shadow: none !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud::before {
  width: 448px !important;
  height: 272px !important;
  background: radial-gradient(ellipse at center, rgba(217, 251, 255, .088), rgba(217, 251, 255, .03) 50%, transparent 78%) !important;
  filter: blur(18px) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud::after {
  width: 496px !important;
  height: 304px !important;
  background: radial-gradient(ellipse at center, rgba(217, 251, 255, .094), rgba(217, 251, 255, .027) 48%, transparent 80%) !important;
  filter: blur(20px) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud__glow--one {
  width: 260px !important;
  height: 316px !important;
  background: rgba(217, 251, 255, .037) !important;
  filter: blur(24px) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud__glow--two {
  width: 300px !important;
  height: 344px !important;
  background: rgba(217, 251, 255, .035) !important;
  filter: blur(26px) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-word,
html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-fragment {
  animation:
    cloudPulse 2800ms ease-in-out infinite,
    levelThreeWordFloat 5200ms ease-in-out infinite !important;
  animation-delay: var(--delay, 0ms), var(--delay, 0ms) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-word:nth-child(2n),
html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-fragment:nth-child(2n) {
  animation:
    cloudPulse 3100ms ease-in-out infinite,
    levelThreeWordFloatSoft 6100ms ease-in-out infinite !important;
  animation-delay: var(--delay, 0ms), calc(var(--delay, 0ms) + 420ms) !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar .level3-sidebar-alert,
html body section.game-overlay[data-game-overlay] .level-shell--three .level3-nudge {
  transition: opacity 260ms ease, transform 900ms cubic-bezier(.2, .84, .26, 1) !important;
}

html body section.game-overlay[data-game-overlay] .level3-nudge.is-visible::before {
  width: 106px !important;
  height: 106px !important;
  background: radial-gradient(circle, rgba(217, 251, 255, .5), rgba(217, 251, 255, .2) 44%, transparent 74%) !important;
  filter: blur(12px) !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar .level3-tip-popup {
  width: 112px !important;
  min-height: 0 !important;
  padding: 10px 8px 12px !important;
  font-size: var(--type-body-size, 16px) !important;
  line-height: var(--type-body-line, 1.3) !important;
  font-weight: 400 !important;
  letter-spacing: -0.075em !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .arrow-stack {
  right: 168px !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .arrow-stack .level3-tip-popup {
  width: 270px !important;
  font-size: var(--type-body-size, 16px) !important;
  line-height: var(--type-body-line, 1.3) !important;
  font-weight: 400 !important;
  letter-spacing: var(--type-body-tracking, -0.03em) !important;
}

@keyframes levelThreeAttentionPulse {
  0%, 100% {
    opacity: .58;
    transform: translate(-50%, -50%) scale(.86);
  }
  38%, 62% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.32);
  }
}

@keyframes levelThreeAttentionBlink {
  0%, 100% {
    opacity: .72;
    transform: translateY(0);
  }
  24%, 46%, 68% {
    opacity: 1;
    transform: translateY(-1px);
  }
}

html body section.game-overlay[data-game-overlay] .level3-nudge.is-attention {
  color: #f0feff !important;
  text-shadow: 0 0 10px rgba(217, 251, 255, 1), 0 0 30px rgba(217, 251, 255, .82), 0 0 58px rgba(217, 251, 255, .38) !important;
}

html body section.game-overlay[data-game-overlay] .level3-nudge.is-attention::before {
  width: 126px !important;
  height: 126px !important;
  background: radial-gradient(circle, rgba(217, 251, 255, .62), rgba(217, 251, 255, .26) 43%, transparent 76%) !important;
  filter: blur(14px) !important;
  animation: levelThreeAttentionPulse 900ms ease-in-out infinite !important;
}

html body section.game-overlay[data-game-overlay] .level3-nudge.is-attention .level3-nudge__symbol {
  animation: levelThreeAttentionBlink 620ms ease-in-out infinite !important;
}

@keyframes levelThreeWordDriftTiny {
  0%, 100% {
    transform: translate(-50%, -50%) translate3d(0, 0, 0) scale(1);
  }
  42% {
    transform: translate(-50%, -50%) translate3d(2px, -2px, 0) scale(1.012);
  }
  68% {
    transform: translate(-50%, -50%) translate3d(-1px, 1px, 0) scale(.996);
  }
}

@keyframes levelThreeWordDriftAlt {
  0%, 100% {
    transform: translate(-50%, -50%) translate3d(0, 0, 0) scale(1);
  }
  38% {
    transform: translate(-50%, -50%) translate3d(-2px, -1px, 0) scale(1.01);
  }
  72% {
    transform: translate(-50%, -50%) translate3d(1px, 2px, 0) scale(.998);
  }
}

@keyframes levelThreeWordGlowCycle {
  0%, 100% {
    filter: var(--word-filter, none) brightness(1.02) saturate(1);
  }
  46% {
    filter: var(--word-filter, none) brightness(1.2) saturate(1.22);
  }
  72% {
    filter: var(--word-filter, none) brightness(.92) saturate(.88);
  }
}

html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-word,
html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-fragment {
  --word-filter: brightness(1);
  animation:
    cloudPulse 4600ms ease-in-out infinite,
    levelThreeWordDriftTiny 7600ms ease-in-out infinite,
    levelThreeWordGlowCycle 6900ms ease-in-out infinite !important;
  animation-delay:
    var(--delay, 0ms),
    calc(var(--delay, 0ms) + 540ms),
    calc(var(--delay, 0ms) + 1140ms) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-word:nth-child(3n),
html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-fragment:nth-child(3n) {
  animation:
    cloudPulse 5200ms ease-in-out infinite,
    levelThreeWordDriftAlt 8400ms ease-in-out infinite,
    levelThreeWordGlowCycle 7800ms ease-in-out infinite !important;
  animation-delay:
    calc(var(--delay, 0ms) + 380ms),
    calc(var(--delay, 0ms) + 610ms),
    calc(var(--delay, 0ms) + 940ms) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-word:nth-child(4n),
html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-fragment:nth-child(4n) {
  animation:
    cloudPulse 5800ms ease-in-out infinite,
    levelThreeWordDriftTiny 9200ms ease-in-out infinite,
    levelThreeWordGlowCycle 8600ms ease-in-out infinite !important;
  animation-delay:
    calc(var(--delay, 0ms) + 720ms),
    calc(var(--delay, 0ms) + 1060ms),
    calc(var(--delay, 0ms) + 1380ms) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word--ghost,
html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-fragment--ghost {
  --cloud-opacity: .24;
  --word-filter: blur(1px);
  color: rgba(217, 217, 217, .24) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word--dim,
html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-fragment--dim {
  --cloud-opacity: .42;
  --word-filter: blur(.55px);
  color: rgba(217, 217, 217, .42) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word--soft,
html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-fragment--soft {
  --cloud-opacity: .6;
  --word-filter: blur(.25px);
  color: rgba(217, 217, 217, .6) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word--mid {
  --cloud-opacity: .76;
  color: rgba(237, 237, 237, .76) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word.is-exit {
  --cloud-opacity: .46;
  color: rgba(217, 217, 217, .46) !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar .level3-sidebar-alert {
  text-shadow: 0 0 5px rgba(217, 251, 255, .9), 0 0 11px rgba(217, 251, 255, .36) !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar .level3-sidebar-alert::before,
html body section.game-overlay[data-game-overlay] .game-sidebar .level3-sidebar-alert.is-visible::before {
  left: 17px !important;
  top: 18px !important;
  width: 48px !important;
  height: 42px !important;
  background: radial-gradient(ellipse at center, rgba(217, 251, 255, .42), rgba(217, 251, 255, .14) 52%, transparent 76%) !important;
  filter: blur(5px) !important;
}

html body section.game-overlay[data-game-overlay] .game-sidebar .level3-sidebar-alert.is-visible,
html body section.game-overlay[data-game-overlay] .game-sidebar .level3-sidebar-alert.is-visible .level3-nudge__label {
  text-shadow: 0 0 5px rgba(217, 251, 255, .82), 0 0 12px rgba(217, 251, 255, .34) !important;
}

html body section.game-overlay[data-game-overlay] .level3-tip-popup {
  background: #1c1d1f !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .arrow-stack {
  right: 42px !important;
}

@media (max-width: 600px), (hover: none) and (pointer: coarse) {
  html body .findings-section .pattern-list {
    transform: scale(1) !important;
    filter: saturate(1) brightness(1) !important;
    touch-action: none !important;
    overscroll-behavior: contain !important;
  }

  html body .findings-section .pattern-list .pattern-item {
    border-color: rgba(217, 251, 255, .18) !important;
  }

  html body .findings-section .pattern-list .pattern-item:last-child {
    border-bottom-color: rgba(217, 251, 255, .18) !important;
  }

  html body .findings-section .pattern-list .pattern-item.is-active {
    opacity: 1 !important;
  }

  html body .findings-section .pattern-list .pattern-item--distance-1 {
    opacity: .92 !important;
  }

  html body .findings-section .pattern-list .pattern-item--distance-2 {
    opacity: .72 !important;
  }

  html body .findings-section .pattern-list .pattern-item--distance-3 {
    opacity: .24 !important;
  }
}

@media (max-width: 600px) {
  html body .resources-section .resource-grid {
    grid-column: 2 / 12 !important;
    width: 100% !important;
    max-width: none !important;
  }

  html body .resources-section .resource-card:hover,
  html body .resources-section .resource-card:focus {
    transform: none !important;
    background: transparent !important;
    color: var(--color-muted) !important;
    border-color: var(--color-muted) !important;
    box-shadow: none !important;
  }

  html body .resources-section .resource-card:hover .resource-card__label::after,
  html body .resources-section .resource-card:focus .resource-card__label::after {
    transform: scaleX(0) !important;
  }

  html body .resources-section .resource-card:active {
    transform: translateY(-2px) !important;
    background: #17243a !important;
    color: var(--color-glow) !important;
    border-color: #17243a !important;
    box-shadow: 0 0 18px rgba(217, 251, 255, .38) !important;
  }

  html body .resources-section .resource-card:active .resource-card__label::after {
    transform: scaleX(1) !important;
  }

  html body .relationship-model .model-cards article:first-child {
    padding-top: 16px !important;
  }
}

@keyframes levelThreeWordHoverStrong {
  0%, 100% {
    transform: translate(-50%, -50%) translate3d(0, 0, 0) scale(1);
  }
  25% {
    transform: translate(-50%, -50%) translate3d(0, -5px, 0) scale(1.018);
  }
  56% {
    transform: translate(-50%, -50%) translate3d(3px, 2px, 0) scale(.992);
  }
  78% {
    transform: translate(-50%, -50%) translate3d(-2px, -3px, 0) scale(1.01);
  }
}

@keyframes levelThreeWordHoverStrongAlt {
  0%, 100% {
    transform: translate(-50%, -50%) translate3d(0, 0, 0) scale(1);
  }
  30% {
    transform: translate(-50%, -50%) translate3d(-3px, 4px, 0) scale(1.014);
  }
  62% {
    transform: translate(-50%, -50%) translate3d(2px, -4px, 0) scale(.994);
  }
}

html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-word,
html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-fragment {
  animation:
    cloudPulse 3600ms ease-in-out infinite,
    levelThreeWordHoverStrong 5200ms ease-in-out infinite,
    levelThreeWordGlowCycle 5400ms ease-in-out infinite !important;
  animation-delay:
    var(--delay, 0ms),
    calc(var(--delay, 0ms) + 240ms),
    calc(var(--delay, 0ms) + 720ms) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-word:nth-child(3n),
html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-fragment:nth-child(3n) {
  animation:
    cloudPulse 4100ms ease-in-out infinite,
    levelThreeWordHoverStrongAlt 6100ms ease-in-out infinite,
    levelThreeWordGlowCycle 6200ms ease-in-out infinite !important;
  animation-delay:
    calc(var(--delay, 0ms) + 340ms),
    calc(var(--delay, 0ms) + 860ms),
    calc(var(--delay, 0ms) + 1180ms) !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-word:nth-child(4n),
html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-fragment:nth-child(4n) {
  animation:
    cloudPulse 4500ms ease-in-out infinite,
    levelThreeWordHoverStrong 6800ms ease-in-out infinite,
    levelThreeWordGlowCycle 7000ms ease-in-out infinite !important;
  animation-delay:
    calc(var(--delay, 0ms) + 580ms),
    calc(var(--delay, 0ms) + 1320ms),
    calc(var(--delay, 0ms) + 1680ms) !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen > p:not(.penalty-line) {
  top: 305px !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen > .penalty-line {
  top: 430px !important;
}

html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen > .action-link {
  top: 514px !important;
}

@media (max-width: 600px) {
  html body .hero-challenge__secondary {
    font-size: var(--type-body-size, 16px) !important;
    line-height: var(--type-body-line, 1.3) !important;
    font-weight: 400 !important;
    letter-spacing: var(--type-body-tracking, -0.03em) !important;
  }

  html body section.game-overlay[data-game-overlay] .game-sidebar__label {
    font-size: 13px !important;
    line-height: 16px !important;
  }

  html body section.game-overlay[data-game-overlay] .game-sidebar__value {
    font-size: var(--mobile-game-body-size, var(--type-body-size)) !important;
    line-height: var(--mobile-game-body-line, var(--type-body-line)) !important;
  }

  html body section.game-overlay[data-game-overlay] .checkbox-row input[type="checkbox"]:checked::after {
    width: 39px !important;
    height: 39px !important;
    line-height: 39px !important;
    font-size: 39px !important;
    transform: translate(-50%, -57%) !important;
  }

  html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen > p:not(.penalty-line) {
    top: 300px !important;
    font-size: var(--mobile-game-body-size, var(--type-body-size)) !important;
    line-height: var(--mobile-game-body-line, var(--type-body-line)) !important;
  }

  html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen > .penalty-line {
    top: 790px !important;
  }

  html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen > .action-link {
    top: 950px !important;
  }

  html body section.game-overlay[data-game-overlay].is-summary .summary-screen > p {
    font-size: var(--mobile-game-body-size, var(--type-body-size)) !important;
    line-height: var(--mobile-game-body-line, var(--type-body-line)) !important;
  }

  html body section.game-overlay[data-game-overlay].is-summary .summary-screen > .summary-table,
  html body section.game-overlay[data-game-overlay].is-summary .summary-screen > .summary-table dt,
  html body section.game-overlay[data-game-overlay].is-summary .summary-screen > .summary-table dd {
    font-size: var(--mobile-game-body-size, var(--type-body-size)) !important;
    line-height: var(--mobile-game-body-line, var(--type-body-line)) !important;
    letter-spacing: var(--type-body-tracking) !important;
  }

  html body section.game-overlay[data-game-overlay].is-summary .summary-screen > .summary-table dd {
    font-size: var(--mobile-game-title-size, var(--type-title-size)) !important;
    line-height: var(--mobile-game-title-line, var(--type-title-line)) !important;
    font-weight: 700 !important;
  }

  html body section.game-overlay[data-game-overlay].is-summary .summary-screen > .summary-table {
    gap: 28px !important;
  }

  html body section.game-overlay[data-game-overlay].is-summary .summary-screen > .summary-table div {
    min-height: 56px !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-word,
  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-fragment {
    animation:
      cloudPulse 3200ms ease-in-out infinite,
      levelThreeWordHoverStrong 4300ms ease-in-out infinite,
      levelThreeWordGlowCycle 4800ms ease-in-out infinite !important;
  }
}

@media (min-width: 601px) {
  html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen {
    padding: var(--game-title-top, 44px) 0 0 var(--game-stage-pad-left, 87px) !important;
    overflow: hidden !important;
  }

  html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen > h2.resolution-title {
    position: static !important;
    display: block !important;
    width: var(--game-title-width, 844px) !important;
    max-width: var(--game-title-width, 844px) !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen > p:not(.penalty-line) {
    position: static !important;
    display: block !important;
    width: var(--game-title-width, 844px) !important;
    max-width: var(--game-title-width, 844px) !important;
    margin: 39px 0 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen > .penalty-line {
    position: static !important;
    display: block !important;
    width: var(--game-title-width, 844px) !important;
    max-width: var(--game-title-width, 844px) !important;
    margin: 74px 0 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen > .action-link {
    position: static !important;
    display: inline-block !important;
    width: max-content !important;
    max-width: var(--game-title-width, 844px) !important;
    margin: 62px 0 0 !important;
    padding: 0 !important;
    transform: none !important;
  }
}

html body section.game-overlay[data-game-overlay] .level-shell--seven .progress-option {
  cursor: default !important;
  pointer-events: none !important;
}

html body section.game-overlay[data-game-overlay] .level-shell--seven .progress-option:hover,
html body section.game-overlay[data-game-overlay] .level-shell--seven .progress-option:focus,
html body section.game-overlay[data-game-overlay] .level-shell--seven .progress-option:focus-visible {
  color: inherit !important;
  text-shadow: none !important;
  outline: none !important;
}

@media (min-width: 601px) {
  html body section.game-overlay[data-game-overlay].is-resolution .game-stage__content > .resolution-screen {
    padding: 0 !important;
  }

  html body section.game-overlay[data-game-overlay].is-resolution .game-stage__content > .resolution-screen > h2.resolution-title {
    position: absolute !important;
    left: var(--game-stage-pad-left, 87px) !important;
    top: var(--game-title-top, 47px) !important;
    width: var(--game-title-width, 844px) !important;
    max-width: var(--game-title-width, 844px) !important;
    height: var(--game-title-height, 240px) !important;
    margin: 0 !important;
  }

  html body section.game-overlay[data-game-overlay].is-resolution .game-stage__content > .resolution-screen > p:not(.penalty-line) {
    position: absolute !important;
    left: var(--game-stage-pad-left, 87px) !important;
    top: 305px !important;
    width: var(--game-title-width, 844px) !important;
    max-width: var(--game-title-width, 844px) !important;
    margin: 0 !important;
  }

  html body section.game-overlay[data-game-overlay].is-resolution .game-stage__content > .resolution-screen > .penalty-line {
    position: absolute !important;
    left: var(--game-stage-pad-left, 87px) !important;
    top: 430px !important;
    width: var(--game-title-width, 844px) !important;
    max-width: var(--game-title-width, 844px) !important;
    margin: 0 !important;
  }

  html body section.game-overlay[data-game-overlay].is-resolution .game-stage__content > .resolution-screen > .action-link {
    position: absolute !important;
    left: var(--game-stage-pad-left, 87px) !important;
    top: 514px !important;
    width: max-content !important;
    max-width: var(--game-title-width, 844px) !important;
    margin: 0 !important;
  }
}

@keyframes levelThreeDesktopWave {
  0%, 100% {
    transform: translate(-50%, -50%) translate3d(0, 0, 0) rotate(0deg);
  }
  24% {
    transform: translate(-50%, -50%) translate3d(0, -14px, 0) rotate(0deg);
  }
  52% {
    transform: translate(-50%, -50%) translate3d(0, 8px, 0) rotate(0deg);
  }
  78% {
    transform: translate(-50%, -50%) translate3d(0, -9px, 0) rotate(0deg);
  }
}

@keyframes levelThreeDesktopWaveAlt {
  0%, 100% {
    transform: translate(-50%, -50%) translate3d(0, 0, 0) rotate(0deg);
  }
  30% {
    transform: translate(-50%, -50%) translate3d(0, 12px, 0) rotate(0deg);
  }
  58% {
    transform: translate(-50%, -50%) translate3d(0, -15px, 0) rotate(0deg);
  }
  84% {
    transform: translate(-50%, -50%) translate3d(0, 6px, 0) rotate(0deg);
  }
}

@media (min-width: 601px) {
  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-word,
  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-fragment {
    writing-mode: vertical-rl !important;
    text-orientation: upright !important;
    transform-origin: center center !important;
    rotate: 0deg !important;
    animation:
      cloudPulse 3000ms ease-in-out infinite,
      levelThreeDesktopWave 4300ms ease-in-out infinite,
      levelThreeWordGlowCycle 5600ms ease-in-out infinite !important;
    animation-delay:
      var(--delay, 0ms),
      calc(var(--delay, 0ms) + 120ms),
      calc(var(--delay, 0ms) + 520ms) !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-word:nth-child(2n),
  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-fragment:nth-child(2n) {
    animation:
      cloudPulse 3400ms ease-in-out infinite,
      levelThreeDesktopWaveAlt 5100ms ease-in-out infinite,
      levelThreeWordGlowCycle 6200ms ease-in-out infinite !important;
    animation-delay:
      calc(var(--delay, 0ms) + 180ms),
      calc(var(--delay, 0ms) + 460ms),
      calc(var(--delay, 0ms) + 920ms) !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-word:nth-child(3n),
  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-fragment:nth-child(3n) {
    animation:
      cloudPulse 3800ms ease-in-out infinite,
      levelThreeDesktopWave 5700ms ease-in-out infinite,
      levelThreeWordGlowCycle 6800ms ease-in-out infinite !important;
    animation-delay:
      calc(var(--delay, 0ms) + 300ms),
      calc(var(--delay, 0ms) + 780ms),
      calc(var(--delay, 0ms) + 1220ms) !important;
  }
}

@media (min-width: 601px) {
  html body section.game-overlay[data-game-overlay] .level-shell--three .arrow-stack {
    right: 88px !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--three .arrow-stack .level3-nudge__symbol {
    font-size: var(--type-body-size, 16px) !important;
    line-height: var(--type-body-line, 1.3) !important;
    letter-spacing: -0.03em !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--three .arrow-stack .level3-nudge::before {
    top: 14px !important;
    width: 60px !important;
    height: 60px !important;
    filter: blur(8px) !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--three .arrow-stack .level3-tip-popup {
    left: 50% !important;
    right: auto !important;
    top: calc(100% + 12px) !important;
    width: 96px !important;
    min-height: 260px !important;
    padding: 14px 9px 16px !important;
    transform: translate(-50%, -6px) !important;
    font-size: var(--type-body-size, 16px) !important;
    line-height: var(--type-body-line, 1.3) !important;
    font-weight: 400 !important;
    letter-spacing: var(--type-body-tracking, -0.03em) !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--three .arrow-stack .level3-nudge.is-open .level3-tip-popup {
    transform: translate(-50%, 0) !important;
  }
}

@keyframes levelThreeCloudPulseStrong {
  0%, 100% {
    opacity: var(--cloud-opacity, .62);
  }
  36%, 58% {
    opacity: calc(var(--cloud-opacity, .62) + .38);
  }
  72% {
    opacity: calc(var(--cloud-opacity, .62) + .18);
  }
}

@media (min-width: 601px) {
  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud {
    top: 220px !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud::before {
    left: 50% !important;
    top: 58% !important;
    width: 680px !important;
    height: 380px !important;
    background: radial-gradient(ellipse at center, rgba(217, 251, 255, .12), rgba(217, 251, 255, .06) 34%, rgba(217, 251, 255, .018) 56%, transparent 76%) !important;
    filter: blur(40px) !important;
    opacity: 1 !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud::after,
  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud__glow--two {
    display: none !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud__glow--one {
    left: 50% !important;
    top: 60% !important;
    width: 560px !important;
    height: 330px !important;
    background: rgba(217, 251, 255, .048) !important;
    filter: blur(50px) !important;
    opacity: 1 !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-word,
  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-fragment {
    animation:
      levelThreeCloudPulseStrong 2400ms ease-in-out infinite,
      levelThreeDesktopWave 4300ms ease-in-out infinite,
      levelThreeWordGlowCycle 5000ms ease-in-out infinite !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-word:nth-child(2n),
  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-fragment:nth-child(2n) {
    animation:
      levelThreeCloudPulseStrong 2700ms ease-in-out infinite,
      levelThreeDesktopWaveAlt 5100ms ease-in-out infinite,
      levelThreeWordGlowCycle 5400ms ease-in-out infinite !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-word:nth-child(3n),
  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-fragment:nth-child(3n) {
    animation:
      levelThreeCloudPulseStrong 3000ms ease-in-out infinite,
      levelThreeDesktopWave 5700ms ease-in-out infinite,
      levelThreeWordGlowCycle 5900ms ease-in-out infinite !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--three .arrow-stack {
    right: 10px !important;
    width: 112px !important;
    justify-items: end !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--three .arrow-stack .level3-nudge {
    width: 96px !important;
    min-width: 96px !important;
    text-align: center !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--three .arrow-stack .level3-tip-popup {
    left: auto !important;
    right: 0 !important;
    width: 96px !important;
    min-height: 260px !important;
    transform: translate(0, -6px) !important;
    hyphens: auto !important;
    -webkit-hyphens: auto !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--three .arrow-stack .level3-nudge.is-open .level3-tip-popup {
    transform: translate(0, 0) !important;
  }
}

@keyframes levelThreeCloudBobVisible {
  0%, 100% {
    top: var(--y);
    opacity: var(--cloud-opacity, .62);
  }
  24% {
    top: calc(var(--y) - 26px);
    opacity: calc(var(--cloud-opacity, .62) + .34);
  }
  52% {
    top: calc(var(--y) + 18px);
    opacity: calc(var(--cloud-opacity, .62) + .12);
  }
  78% {
    top: calc(var(--y) - 16px);
    opacity: calc(var(--cloud-opacity, .62) + .28);
  }
}

@keyframes levelThreeCloudBobVisibleAlt {
  0%, 100% {
    top: var(--y);
    opacity: var(--cloud-opacity, .62);
  }
  30% {
    top: calc(var(--y) + 22px);
    opacity: calc(var(--cloud-opacity, .62) + .18);
  }
  58% {
    top: calc(var(--y) - 28px);
    opacity: calc(var(--cloud-opacity, .62) + .36);
  }
  84% {
    top: calc(var(--y) + 10px);
    opacity: calc(var(--cloud-opacity, .62) + .1);
  }
}

@media (min-width: 601px) {
  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-word,
  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-fragment {
    transform: translate(-50%, -50%) rotate(0deg) !important;
    will-change: top, opacity, filter !important;
    animation:
      levelThreeCloudBobVisible 2200ms ease-in-out infinite,
      levelThreeWordGlowCycle 3600ms ease-in-out infinite !important;
    animation-delay:
      var(--delay, 0ms),
      calc(var(--delay, 0ms) + 260ms) !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-word:nth-child(2n),
  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-fragment:nth-child(2n) {
    animation:
      levelThreeCloudBobVisibleAlt 2600ms ease-in-out infinite,
      levelThreeWordGlowCycle 3900ms ease-in-out infinite !important;
    animation-delay:
      calc(var(--delay, 0ms) + 240ms),
      calc(var(--delay, 0ms) + 620ms) !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-word:nth-child(3n),
  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-fragment:nth-child(3n) {
    animation:
      levelThreeCloudBobVisible 3000ms ease-in-out infinite,
      levelThreeWordGlowCycle 4300ms ease-in-out infinite !important;
    animation-delay:
      calc(var(--delay, 0ms) + 420ms),
      calc(var(--delay, 0ms) + 840ms) !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--three .arrow-stack {
    right: 56px !important;
  }
}

html body section.game-overlay[data-game-overlay] p.is-typewriting::after {
  content: "";
  display: inline-block;
  width: 0.62em;
  height: 1em;
  margin-left: 0.12em;
  background: currentColor;
  vertical-align: -0.12em;
  animation: gameTypewriterCaret 720ms steps(1, end) infinite;
}

.findings-section .section-copy > p.is-typewriting::after,
.model-section .section-copy > p.is-typewriting::after {
  content: "";
  display: inline-block;
  width: 0.62em;
  height: 1em;
  margin-left: 0.12em;
  background: currentColor;
  vertical-align: -0.12em;
  animation: gameTypewriterCaret 720ms steps(1, end) infinite;
}

@keyframes gameTypewriterCaret {
  0%, 48% {
    opacity: 1;
  }
  49%, 100% {
    opacity: 0;
  }
}

@media (min-width: 901px) {
  html body .relationship-model .model-band--influence h3,
  html body .relationship-model .model-band--influence p {
    transform: translateY(5px) !important;
  }
}

@media (min-width: 901px) and (max-width: 1180px) {
  html body .pixel-title {
    font-size: clamp(150px, 16vw, 178px) !important;
  }
}

@media (min-width: 701px) and (max-width: 900px) {
  html body .pixel-title {
    font-size: clamp(58px, 13.5vw, 112px) !important;
  }
}

@media (max-width: 600px), (hover: none) and (pointer: coarse) {
  html body section.game-overlay[data-game-overlay] .level-shell--four {
    overflow: hidden !important;
    touch-action: none !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--four > .social-wheel,
  html body section.game-overlay[data-game-overlay] .level-shell--four .social-wheel {
    opacity: 1 !important;
    filter: saturate(1.08) brightness(1) !important;
    transform: none !important;
    touch-action: none !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: auto !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--four .social-wheel:hover,
  html body section.game-overlay[data-game-overlay] .level-shell--four .social-wheel:focus-within {
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--four .social-options {
    touch-action: none !important;
    overscroll-behavior: contain !important;
  }
}

@media (max-width: 600px) {
  html body section.game-overlay[data-game-overlay] .game-sidebar__item,
  html body section.game-overlay[data-game-overlay] .game-sidebar > div {
    width: calc(100% - 36px) !important;
    max-width: calc(100% - 36px) !important;
    margin-left: 18px !important;
    margin-right: 18px !important;
  }

  html body section.game-overlay[data-game-overlay] .game-sidebar__item::after,
  html body section.game-overlay[data-game-overlay] .game-sidebar > div::after {
    top: 118px !important;
    left: 0 !important;
    right: 0 !important;
  }

  html body section.game-overlay[data-game-overlay] .game-stage__header::after {
    left: 72px !important;
    top: 128px !important;
    width: calc(100% - 144px) !important;
  }

  html body section.game-overlay[data-game-overlay] [data-game-kicker],
  html body section.game-overlay[data-game-overlay] [data-exit-game],
  html body section.game-overlay[data-game-overlay] .game-stage__header .text-button {
    font-size: var(--mobile-game-header-size, 36px) !important;
    line-height: var(--mobile-game-header-line, 42px) !important;
  }

  html body section.game-overlay[data-game-overlay] .game-sidebar__label {
    font-size: var(--mobile-game-meta-size, 20px) !important;
    line-height: var(--mobile-game-meta-line, 24px) !important;
  }

  html body section.game-overlay[data-game-overlay] .game-sidebar__value {
    font-size: var(--mobile-game-meta-value-size, 32px) !important;
    line-height: var(--mobile-game-meta-value-line, 37px) !important;
  }
}

@media (max-width: 600px) {
  html body section.game-overlay[data-game-overlay] .action-link,
  html body section.game-overlay[data-game-overlay] .level-shell > .action-link,
  html body section.game-overlay[data-game-overlay] .intro-challenge > .action-link,
  html body section.game-overlay[data-game-overlay] .loading-lines > .action-link,
  html body section.game-overlay[data-game-overlay] .resolution-screen > .action-link,
  html body section.game-overlay[data-game-overlay] .summary-screen > .action-link,
  html body section.game-overlay[data-game-overlay] .urgent-modal .action-link,
  html body section.game-overlay[data-game-overlay] .level-shell--five .urgent-modal > .action-link,
  html body section.game-overlay[data-game-overlay] .level-shell--six > .action-link,
  html body section.game-overlay[data-game-overlay] .level-shell--seven > .action-link,
  html body section.game-overlay[data-game-overlay] .level-shell--two .path-option--primary,
  html body section.game-overlay[data-game-overlay] .level-shell--two .path-option--primary .button-label {
    font-size: calc(var(--mobile-game-title-size, 22px) * .85) !important;
    line-height: calc(var(--mobile-game-title-line, 27px) * .85) !important;
  }
}

@media (max-width: 600px) {
  html body section.game-overlay[data-game-overlay].is-resolution .game-stage__content,
  html body section.game-overlay[data-game-overlay].is-resolution .game-stage__content > .resolution-screen {
    overflow-y: auto !important;
  }

  html body section.game-overlay[data-game-overlay].is-resolution .game-stage__content > .resolution-screen {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: var(--mobile-game-stage-width, 891px) !important;
    max-width: var(--mobile-game-stage-width, 891px) !important;
    min-height: 1500px !important;
    height: auto !important;
    max-height: none !important;
    display: block !important;
    padding: 0 0 160px !important;
  }

  html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen > h2.resolution-title {
    position: static !important;
    display: block !important;
    width: var(--mobile-game-title-width) !important;
    max-width: var(--mobile-game-title-width) !important;
    min-height: 0 !important;
    margin: 44px 0 0 var(--mobile-game-left) !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen > p:not(.penalty-line) {
    position: static !important;
    display: block !important;
    width: var(--mobile-game-content-width) !important;
    max-width: var(--mobile-game-content-width) !important;
    margin: 84px 0 0 var(--mobile-game-left) !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen > .penalty-line {
    position: static !important;
    display: block !important;
    width: var(--mobile-game-content-width) !important;
    max-width: var(--mobile-game-content-width) !important;
    margin: 74px 0 0 var(--mobile-game-left) !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen > .action-link {
    position: static !important;
    display: inline-block !important;
    width: max-content !important;
    max-width: var(--mobile-game-content-width) !important;
    margin: 86px 0 0 var(--mobile-game-left) !important;
    padding: 0 !important;
    transform: none !important;
  }
}

@media (max-width: 600px) {
  html body section.game-overlay[data-game-overlay] .game-stage__content > .level-shell--seven {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: var(--mobile-game-stage-width, 891px) !important;
    max-width: var(--mobile-game-stage-width, 891px) !important;
    min-height: 1500px !important;
    height: auto !important;
    max-height: none !important;
    display: block !important;
    overflow-y: auto !important;
    padding: 0 0 160px !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--seven > .level-title {
    position: static !important;
    display: block !important;
    width: var(--mobile-game-title-width) !important;
    max-width: var(--mobile-game-title-width) !important;
    min-height: 0 !important;
    margin: 44px 0 0 var(--mobile-game-left) !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--seven > .level-copy {
    position: static !important;
    display: block !important;
    width: var(--mobile-game-content-width) !important;
    max-width: var(--mobile-game-content-width) !important;
    margin: 72px 0 0 var(--mobile-game-left) !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--seven > .action-link {
    position: static !important;
    display: inline-block !important;
    width: max-content !important;
    max-width: var(--mobile-game-content-width) !important;
    margin: 72px 0 0 var(--mobile-game-left) !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--seven > .progress-options,
  html body section.game-overlay[data-game-overlay] .level-shell--seven .progress-options {
    position: static !important;
    display: grid !important;
    width: var(--mobile-game-content-width) !important;
    max-width: var(--mobile-game-content-width) !important;
    margin: 86px 0 0 var(--mobile-game-left) !important;
    padding: 0 !important;
    gap: 30px !important;
    transform: none !important;
  }
}

@media (max-width: 600px) {
  html body section.game-overlay[data-game-overlay].is-summary .game-stage__content,
  html body section.game-overlay[data-game-overlay].is-summary .game-stage__content > .summary-screen {
    overflow-y: auto !important;
  }

  html body section.game-overlay[data-game-overlay].is-summary .game-stage__content > .summary-screen {
    --summary-mobile-width: calc(var(--mobile-game-stage-width, 891px) - var(--mobile-game-left, 87.583px) - 96px);
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: var(--mobile-game-stage-width, 891px) !important;
    max-width: var(--mobile-game-stage-width, 891px) !important;
    min-height: 1500px !important;
    height: auto !important;
    max-height: none !important;
    display: block !important;
    padding: 0 0 160px !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay].is-summary .summary-screen > h2.summary-title {
    position: static !important;
    display: block !important;
    width: var(--mobile-game-title-width) !important;
    max-width: var(--mobile-game-title-width) !important;
    min-height: 0 !important;
    margin: 44px 0 0 var(--mobile-game-left) !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay].is-summary .summary-screen > p {
    position: static !important;
    display: block !important;
    width: var(--summary-mobile-width) !important;
    max-width: var(--summary-mobile-width) !important;
    margin: 72px 0 0 var(--mobile-game-left) !important;
    padding: 0 !important;
    transform: none !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  html body section.game-overlay[data-game-overlay].is-summary .summary-screen > .summary-table {
    position: static !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: var(--summary-mobile-width) !important;
    max-width: var(--summary-mobile-width) !important;
    margin: 78px 0 0 var(--mobile-game-left) !important;
    padding: 0 !important;
    gap: 34px !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay].is-summary .summary-screen > .summary-table div {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    gap: 8px !important;
  }

  html body section.game-overlay[data-game-overlay].is-summary .summary-screen > .summary-table dt,
  html body section.game-overlay[data-game-overlay].is-summary .summary-screen > .summary-table dd {
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  html body section.game-overlay[data-game-overlay].is-summary .summary-screen > .summary-table dd {
    font-size: calc(var(--mobile-game-title-size, 22px) * .85) !important;
    line-height: calc(var(--mobile-game-title-line, 27px) * .85) !important;
  }

  html body section.game-overlay[data-game-overlay].is-summary .summary-screen > .action-link {
    position: static !important;
    display: inline-block !important;
    width: max-content !important;
    max-width: var(--summary-mobile-width) !important;
    margin: 86px 0 0 var(--mobile-game-left) !important;
    padding: 0 !important;
    transform: none !important;
  }
}

@media (max-width: 600px) {
  html body section.game-overlay[data-game-overlay] .level-shell--five .urgent-modal {
    --urgent-modal-mobile-width: min(var(--mobile-game-content-width, 875px), calc(var(--mobile-game-stage-width, 891px) - 96px));
    left: calc(var(--mobile-game-stage-width, 891px) / 2) !important;
    right: auto !important;
    top: 360px !important;
    width: var(--urgent-modal-mobile-width) !important;
    max-width: var(--urgent-modal-mobile-width) !important;
    box-sizing: border-box !important;
    transform: translateX(-50%) !important;
  }
}

@media (max-width: 600px) {
  html body section.game-overlay[data-game-overlay] .game-stage__content > .level-shell--six,
  html body section.game-overlay[data-game-overlay] .game-stage__content > .level-shell--seven {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: var(--mobile-game-stage-width, 891px) !important;
    max-width: var(--mobile-game-stage-width, 891px) !important;
    min-height: 1500px !important;
    height: auto !important;
    max-height: none !important;
    display: block !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 0 0 180px !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--six > .level-title,
  html body section.game-overlay[data-game-overlay] .level-shell--seven > .level-title {
    position: static !important;
    display: block !important;
    width: var(--mobile-game-title-width) !important;
    max-width: var(--mobile-game-title-width) !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    margin: 44px 0 0 var(--mobile-game-left) !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--six > .level-copy,
  html body section.game-overlay[data-game-overlay] .level-shell--seven > .level-copy {
    position: static !important;
    display: block !important;
    width: var(--mobile-game-content-width) !important;
    max-width: var(--mobile-game-content-width) !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    margin: 42px 0 0 var(--mobile-game-left) !important;
    padding: 0 !important;
    white-space: normal !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--six > .action-link,
  html body section.game-overlay[data-game-overlay] .level-shell--seven > .action-link {
    position: static !important;
    display: inline-block !important;
    width: max-content !important;
    max-width: var(--mobile-game-content-width) !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 56px 0 0 var(--mobile-game-left) !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--six > .menu-tree,
  html body section.game-overlay[data-game-overlay] .level-shell--seven > .progress-options {
    position: static !important;
    display: grid !important;
    width: var(--mobile-game-content-width) !important;
    max-width: var(--mobile-game-content-width) !important;
    margin: 72px 0 0 var(--mobile-game-left) !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--six > .menu-tree {
    display: block !important;
  }
}

@media (max-width: 600px) {
  html body section.game-overlay[data-game-overlay] {
    --mobile-game-readable-width: calc(var(--mobile-game-stage-width, 891px) - var(--mobile-game-left, 87.583px) - 96px);
  }

  html body section.game-overlay[data-game-overlay] .level-shell > p,
  html body section.game-overlay[data-game-overlay] .level-shell > .level-copy,
  html body section.game-overlay[data-game-overlay] .intro-challenge > p,
  html body section.game-overlay[data-game-overlay] .loading-lines > p,
  html body section.game-overlay[data-game-overlay] .resolution-screen > p,
  html body section.game-overlay[data-game-overlay] .resolution-screen > p:not(.penalty-line),
  html body section.game-overlay[data-game-overlay] .resolution-screen > .penalty-line,
  html body section.game-overlay[data-game-overlay] .summary-screen > p {
    width: var(--mobile-game-readable-width) !important;
    max-width: var(--mobile-game-readable-width) !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    hyphens: auto !important;
    -webkit-hyphens: auto !important;
  }

  html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen > p:not(.penalty-line),
  html body section.game-overlay[data-game-overlay].is-resolution .resolution-screen > .penalty-line,
  html body section.game-overlay[data-game-overlay].is-summary .summary-screen > p {
    width: var(--mobile-game-readable-width) !important;
    max-width: var(--mobile-game-readable-width) !important;
  }

  html body section.game-overlay[data-game-overlay].is-summary .game-stage__content > .summary-screen {
    --summary-mobile-width: var(--mobile-game-readable-width);
  }
}

@media (max-width: 600px) {
  html body section.game-overlay[data-game-overlay] .game-stage__content > .level-shell--five {
    overflow: visible !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--five .urgent-modal {
    --urgent-modal-mobile-width: min(var(--mobile-game-content-width, 875px), calc(1440px - 192px));
    left: calc(720px - 429px) !important;
    right: auto !important;
    width: var(--urgent-modal-mobile-width) !important;
    max-width: var(--urgent-modal-mobile-width) !important;
    transform: translateX(-50%) !important;
  }
}

@media (max-width: 600px) {
  html body section.game-overlay[data-game-overlay] .level-shell > .level-title,
  html body section.game-overlay[data-game-overlay] .intro-challenge > h2,
  html body section.game-overlay[data-game-overlay] .loading-lines > h2,
  html body section.game-overlay[data-game-overlay] .loading-lines > .level-title,
  html body section.game-overlay[data-game-overlay] .resolution-screen > h2,
  html body section.game-overlay[data-game-overlay] .resolution-screen > h2.resolution-title,
  html body section.game-overlay[data-game-overlay] .summary-screen > h2,
  html body section.game-overlay[data-game-overlay] .summary-screen > h2.summary-title {
    width: var(--mobile-game-readable-width) !important;
    max-width: var(--mobile-game-readable-width) !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    hyphens: auto !important;
    -webkit-hyphens: auto !important;
  }

  html body section.game-overlay[data-game-overlay].is-loading .loading-lines > p,
  html body section.game-overlay[data-game-overlay].is-loading .loading-lines > .level-copy {
    width: var(--mobile-game-readable-width) !important;
    max-width: var(--mobile-game-readable-width) !important;
    min-width: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }
}

html body .hero-challenge__secondary {
  font-size: 14.08px !important;
  line-height: 17.6px !important;
}

@media (max-width: 600px) {
  html body section.game-overlay[data-game-overlay] .game-stage__content > .level-shell--three {
    overflow: visible !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud {
    width: calc(var(--mobile-game-stage-width, 891px) - var(--mobile-game-left, 87.583px) - 20px) !important;
    max-width: calc(var(--mobile-game-stage-width, 891px) - var(--mobile-game-left, 87.583px) - 20px) !important;
    height: 545px !important;
    min-height: 545px !important;
    margin: 118px 0 120px var(--mobile-game-left) !important;
    overflow: visible !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-word,
  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-fragment {
    top: clamp(22%, calc(var(--y) + 6%), 86%) !important;
    line-height: .84 !important;
    letter-spacing: -0.16em !important;
    text-orientation: upright !important;
    white-space: nowrap !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-word--md,
  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-word--lg,
  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-word--xl {
    top: clamp(30%, calc(var(--y) + 8%), 82%) !important;
    font-size: calc(var(--mobile-game-title-size, 17px) * .892) !important;
    line-height: .82 !important;
    letter-spacing: -0.18em !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-word--sm {
    font-size: calc(var(--mobile-game-body-size, 12px) * .9) !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-word--xs,
  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud > .cloud-fragment {
    font-size: calc(var(--mobile-game-body-size, 12px) * .84) !important;
  }
}

@media (max-width: 600px) {
  html body section.game-overlay[data-game-overlay] .game-sidebar .level3-sidebar-alert {
    left: 18px !important;
    top: 624px !important;
    width: 112px !important;
    min-width: 112px !important;
  }

  html body section.game-overlay[data-game-overlay] .game-sidebar .level3-sidebar-alert .level3-nudge__symbol {
    font-size: 33px !important;
    line-height: 35.2px !important;
  }

  html body section.game-overlay[data-game-overlay] .game-sidebar .level3-sidebar-alert .level3-nudge__label {
    width: 112px !important;
    font-size: 11px !important;
    line-height: 13.2px !important;
  }
}

@media (max-width: 600px) {
  html body .hero-challenge__secondary {
    font-size: 8.8px !important;
    line-height: 10.6px !important;
  }
}

@media (max-width: 600px) {
  html body section.game-overlay[data-game-overlay] .level-shell--three .level3-nudge__label,
  html body section.game-overlay[data-game-overlay] .game-sidebar .level3-sidebar-alert .level3-nudge__label {
    font-size: 12.65px !important;
    line-height: 15.18px !important;
  }

  html body section.game-overlay[data-game-overlay] .game-sidebar .level3-sidebar-alert .level3-nudge__symbol {
    font-size: 37.95px !important;
    line-height: 40.48px !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--three .level3-tip-popup,
  html body section.game-overlay[data-game-overlay] .game-sidebar .level3-tip-popup {
    font-size: 14.95px !important;
    line-height: 20.7px !important;
  }
}

@media (max-width: 600px) {
  html body section.game-overlay[data-game-overlay].is-urgency-active .game-board,
  html body section.game-overlay[data-game-overlay].is-urgency-active .game-stage,
  html body section.game-overlay[data-game-overlay].is-urgency-active .game-stage__content,
  html body section.game-overlay[data-game-overlay].is-urgency-active .level-shell--five {
    overflow: visible !important;
  }

  html body section.game-overlay[data-game-overlay].is-urgency-active .level-shell--five .urgent-backdrop {
    display: none !important;
  }

  html body section.game-overlay[data-game-overlay].is-urgency-active .level-shell--five .urgent-backdrop::before {
    content: none !important;
    display: none !important;
  }

  html body section.game-overlay[data-game-overlay].is-urgency-active .level-shell--five .urgent-modal {
    z-index: 140 !important;
    background: rgba(27, 28, 30, 0.72) !important;
    backdrop-filter: blur(14px) saturate(0.34) brightness(0.76) !important;
    -webkit-backdrop-filter: blur(14px) saturate(0.34) brightness(0.76) !important;
    box-shadow: 0 0 54px rgba(27, 28, 30, 0.42) !important;
  }
}

@media (min-width: 601px) {
  html body section.game-overlay[data-game-overlay] .level-shell--three .word-cloud {
    top: 210px !important;
  }

  html body section.game-overlay[data-game-overlay] .level-shell--three .cloud-word.is-exit {
    color: rgba(217, 217, 217, .20) !important;
    opacity: .53 !important;
    filter: blur(.52px) brightness(.78) !important;
    text-shadow: 0 0 3px rgba(217, 251, 255, .05) !important;
  }
}