/*
 * Wordif visual styles - candidate 400.
 *
 * This stylesheet keeps the established Wordif cascade because layout, share
 * card alignment and stats-card sizing are regression-sensitive. Historical
 * candidate notes have been removed; custom property names are retained where
 * the browser JavaScript still reads or writes them.
 */
@font-face {
  font-family: "Zodiak-Bold";
  src: local("Zodiak Bold"), local("Zodiak-Bold"), url("/assets/fonts/Zodiak-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PlusJakartaSans-Regular";
  src: local("Plus Jakarta Sans Regular"), local("PlusJakartaSans-Regular"), url("/assets/fonts/PlusJakartaSans-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PlusJakartaSans-Medium";
  src: local("Plus Jakarta Sans Medium"), local("PlusJakartaSans-Medium"), url("/assets/fonts/PlusJakartaSans-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Supreme-Medium";
  src: local("Supreme Medium"), local("Supreme-Medium"), url("/assets/fonts/Supreme-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-body: "Supreme-Medium", Arial, Helvetica, "Liberation Sans", sans-serif;
  --font-tagline: "Zodiak-Bold", "Arial Black", Arial, Helvetica, sans-serif;
  --font-streak: "PlusJakartaSans-Medium", Arial, Helvetica, "Liberation Sans", sans-serif;
}

:root {
      --bg: #ffffff;
      --panel: #ffffff;
      --tile: #F8F4E7;
      --tile-border: #756f64;
      --tile-green: #bfd7b7;
      --tile-green-border: #6f9167;
      --preview: #f8f4e7;
      --mega: #F8F4E7;
      --mega-border: #caaa3e;
      --text: #161616;
      --muted: #57544d;
      --shadow: 0 8px 22px rgba(0, 0, 0, 0.08);
      
      
      
      
      
      
      
      --score-green: #1f8a3b;
      --title-red: #d86b6b;
    }

    * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
    html, body {
      margin: 0;
      min-height: 100%;
      width: 100%;
      background: #ffffff;
    }
    body {
      padding: 0;
      font-family: var(--font-body);
      background: #ffffff;
      color: var(--text);
      text-align: center;
      overflow-x: hidden;
    }

    .app {
      
      
      min-height: 100dvh;
      background: transparent;
      border-radius: 0;
      box-shadow: none;
      
      
    }

    .logoWrap {
      
      
      margin: 0 auto 0 auto;
      
      justify-content: center;
      align-items: center;
    }

    .logoImg {
      width: 100%;
      height: auto;
      
    }


    .preview,
    .grid {
      display: grid;
      justify-content: center;
      gap: var(--gap);
      margin-left: auto;
      margin-right: auto;
      width: max-content;
    }

    .preview {
      display: grid;
      justify-content: center;
      gap: var(--gap);
      grid-template-columns: repeat(5, var(--size));
      width: max-content;
      margin: 2px auto 6px auto;
    }

    .grid {
      grid-template-columns: repeat(5, var(--size));
      grid-template-rows: repeat(5, var(--size));
      
    }

    .previewTile,
    .tile {
      width: var(--size);
      height: var(--size);
      border-radius: var(--radius);
      border: 2px solid var(--tile-border);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: clamp(18px, 4.7vw, 24px);
      font-weight: 700;
      line-height: 1;
    }

    .previewTile { background: #ffffff; }

    .previewTile.missed { color: #a6281b; }

    .tile {
      background: var(--tile);
      cursor: pointer;
      appearance: none;
      color: var(--text);
      font-family: inherit;
    }

    .tile.selected {
      outline: 3px solid #111111;
      
    }

    .tile.green {
      background: var(--tile-green);
      border-color: var(--tile-green-border);
      color: #254422;
      cursor: default;
    }

    .mega {
      grid-column: 2 / span 3;
      grid-row: 2 / span 3;
      
      
      
      
      
      display: flex;
      
      
      
      text-align: center;
    }

    .megaInner {
      display: flex;
      flex-direction: column;
      align-items: center;
      
      
      width: 100%;
    }

    .megaLabel {
      font-size: var(--font-small);
      color: var(--muted);
      font-weight: 700;
      line-height: 1.1;
      white-space: nowrap;
    }

    .megaValue {
      font-size: clamp(18px, 4.4vw, 24px);
      font-weight: 700;
      line-height: 1;
      white-space: nowrap;
    }

    .currentWord {
      width: calc(var(--size) * 5 + var(--gap) * 4);
      max-width: 100%;
      min-height: 42px;
      border: 2px solid #756f64;
      border-radius: 12px;
      background: #ffffff;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 6px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: clamp(18px, 4.8vw, 22px);
      font-weight: 700;
      letter-spacing: 1px;
      text-transform: uppercase;
      padding: 6px;
      text-align: center;
      transition: none;
    }

    .currentWord.flashError {
      color: #a6281b;
      letter-spacing: 0;
      text-transform: none;
      font-size: var(--font-helper);
    }

    .controls {
      width: calc(var(--size) * 5 + var(--gap) * 4);
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 6px;
      
    }

    button.action {
      min-height: 42px;
      border: 2px solid #756f64;
      border-radius: 12px;
      background: #efede7;
      color: var(--text);
      font-size: var(--font-base);
      font-weight: 700;
      cursor: pointer;
    }

    #submit-btn {
      background: #2E8E35;
      border-color: #2E8E35;
      color: #ffffff;
    }

    #clear-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
    }

    .clearIcon,
    .trophyIcon {
      width: 20px;
      height: 20px;
      display: inline-block;
      stroke: currentColor;
      fill: none;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
      vertical-align: middle;
      flex-shrink: 0;
    }

    .cupIcon {
      width: 20px;
      height: 20px;
      display: inline-block;
      stroke: #000000;
      fill: none;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
      vertical-align: middle;
      flex-shrink: 0;
    }

    .winStreak {
      
      align-items: center;
      justify-content: center;
      gap: 8px;
      width: 100%;
      text-align: center;
      font-size: clamp(18px, 4.7vw, 24px);
      font-weight: 700;
      line-height: 32px;
      white-space: nowrap;
    
    }

    button.action:disabled,
    .tile:disabled,
    .shareBtn:disabled {
      opacity: 0.55;
      cursor: default;
    }

    .streakRow {
      width: calc(var(--size) * 5 + var(--gap) * 4);
      max-width: 100%;
      margin: 0 auto 6px;
      position: relative;
      min-height: 32px;
      padding: 0 40px;
      box-sizing: border-box;
    }


    .shareBtn {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      z-index: 1;
      border: none;
      background: none;
      padding: 0;
      width: 28px;
      height: 28px;
      
      align-items: center;
      justify-content: center;
      cursor: pointer;
      color: var(--text);
    }

    .shareBtn svg {
      width: 24px;
      height: 24px;
      display: block;
      stroke: currentColor;
      fill: none;
      stroke-width: 2.2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    

    

    

    .mainWordBadge {
      
      
      
      
      color: #ffffff;
      
      
      
      
      
      
    }

    .mainWordText {
      
      
      color: #10233a;
      font-weight: 900;
      
      
      
      
      
      text-transform: uppercase;
      
    }

    

    .mainWordScore {
      
      
      font-weight: 900;
      
      
      
      white-space: nowrap;
    }

    .helperText {
      
      
      min-height: 22px;
      margin: 0 auto 6px;
      
      line-height: 1.2;
      font-weight: 700;
      color: #a6281b;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 0 4px;
    }

    .footerLinks {
      display: flex;
      justify-content: center;
      gap: 12px;
      flex-wrap: wrap;
      font-size: var(--font-small);
      
      padding-bottom: 2px;
    }

    .footerLinks a {
      color: #184c87;
      font: inherit;
      text-decoration: underline;
    }

    @media (max-height: 760px) { .app { padding: 6px 4px max(6px, env(safe-area-inset-bottom)) 4px; } :root { --gap: 6px; --size: min(13.0vw, 60px); }
      .currentWord, button.action { min-height: 38px; }
      .scoreRow { min-height: clamp(26px, 6vw, 31px); }
    }
  
.logo-container {
  width: 100%;
  max-width: 360px;
  margin: 2px auto 4px auto;
  display: flex;
  justify-content: center;
}

.logo-img {
  width: 82%;
  height: auto;
  display: block;
}


    .statsOverlay {
      position: fixed;
      inset: 0;
      z-index: 20;
      background: rgba(0, 0, 0, 0.55);
      display: none;
      align-items: center;
      justify-content: center;
      padding: 14px;
    }

    .statsOverlay.open { display: flex; }

    .statsDialog {
      width: min(94vw, 430px);
      max-height: 94dvh;
      overflow: auto;
      border: 0;
      border-radius: 22px;
      padding: 0;
      background: transparent;
      box-shadow: 0 16px 44px rgba(0, 0, 0, 0.35);
    }

    .statsCard {
      width: 100%;
      background: #ffffff;
      border: 12px solid #004920;
      border-radius: 26px;
      padding: 24px 18px 18px;
      color: #07111c;
      font-family: var(--font-body);
      text-align: center;
      position: relative;
    }

    .statsClose {
      position: absolute;
      right: 14px;
      top: 12px;
      width: 34px;
      height: 34px;
      border: 1px solid #bcb7aa;
      border-radius: 50%;
      background: #ffffff;
      color: #07111c;
      font-size: 22px;
      font-weight: 800;
      line-height: 1;
      cursor: pointer;
    }

    .statsLogo {
      width: 78%;
      max-width: 300px;
      margin: 6px auto 6px;
      display: block;
    }

    .statsTagline {
      font-size: clamp(12px, 3.4vw, 17px);
      font-weight: 900;
      letter-spacing: 0.28em;
      margin: 0 0 22px;
      white-space: nowrap;
    }

    .greenDot { color: #00722b; }
    .brushBanner {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 190px;
      padding: 8px 22px;
      margin: 0 auto 12px;
      background: #08752f;
      color: #ffffff;
      font-size: clamp(18px, 5vw, 27px);
      font-weight: 900;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      border-radius: 3px;
      box-shadow: inset 12px 0 12px rgba(0,0,0,0.08), inset -12px 0 12px rgba(0,0,0,0.08);
      line-height: 1;
    }
    .statsMainBox {
      display: grid;
      grid-template-columns: 36% minmax(0, 1fr);
      column-gap: 18px;
      align-items: start;
      margin: 18px 0 24px;
      border: none;
      border-radius: 0;
      padding: 0;
      background: transparent;
      box-sizing: border-box;
      width: 100%;
    }
    .statsScoreBlock {
      min-width: 0;
      box-sizing: border-box;
      border: none;
      border-radius: 0;
      padding: 0;
      display: grid;
      grid-template-rows: auto auto auto;
      row-gap: 13px;
      align-items: start;
      align-self: start;
      justify-self: stretch;
      overflow: visible;
    }
    .statsScoreNumber {
      color: #08752f;
      font-size: clamp(62px, 19vw, 112px);
      font-weight: 900;
      line-height: 0.86;
      letter-spacing: -0.08em;
      text-align: center;
      white-space: nowrap;
      max-width: 100%;
      overflow: hidden;
      margin: 0;
    }
    .statsAiRow {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 8px;
      color: #08752f;
      font-size: clamp(14px, 3.2vw, 21px);
      font-weight: 900;
      line-height: 1.05;
      align-items: end;
      text-align: left;
      min-width: 0;
      margin: 0;
    }

    .statsAiRow span:last-child { text-align: right; }
    .statsMetrics {
      min-width: 0;
      box-sizing: border-box;
      border: 2px solid #2a2a2a;
      border-radius: 18px;
      padding: 12px 18px;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      overflow: hidden;
      align-self: start;
      justify-self: stretch;
    }
    .metricRow {
      display: grid;
      grid-template-columns: 32px minmax(0, 1fr) auto;
      align-items: center;
      gap: 9px;
      padding: 8px 0;
      text-align: left;
      min-width: 0;
      overflow: hidden;
    }

    .metricRow + .metricRow { border-top: 1px solid #808080; }
    .metricIcon {
      width: 28px;
      height: 28px;
      color: #08752f;
      stroke: currentColor;
      fill: none;
      stroke-width: 2.2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .metricLabel {
      font-size: clamp(12px, 2.8vw, 17px);
      font-weight: 900;
      white-space: nowrap;
      min-width: 0;
      overflow: hidden;
      text-overflow: clip;
    }
    .metricValue {
      color: #08752f;
      font-size: clamp(15px, 3.6vw, 23px);
      font-weight: 900;
      white-space: nowrap;
      min-width: 0;
      overflow: hidden;
      text-overflow: clip;
    }


    .ratingRow {
      grid-template-columns: 32px minmax(0, 1fr);
    }

    .ratingRow .metricValue {
      font-size: clamp(15px, 3.7vw, 25px);
    }
    .guessedHeading {
      display: flex;
      align-items: center;
      gap: 24px;
      margin: 10px 0 24px;
      background: transparent;
      padding: 0;
      min-width: 0;
      box-sizing: border-box;
    }

    .guessedHeading::before,
    .guessedHeading::after {
      content: "";
      height: 3px;
      background: #08752f;
      flex: 1;
    }

    .wordCards {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 9px;
      margin-bottom: 16px;
    }

    .wordCard {
      border: 1.5px solid #222222;
      border-radius: 10px;
      min-height: 92px;
      padding: 8px 4px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-around;
      background: #ffffff;
    }

    .wordNumber {
      width: 26px;
      height: 26px;
      border-radius: 50%;
      background: #08752f;
      color: #ffffff;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      font-size: 15px;
    }

    .wordCardWord {
      font-size: clamp(12px, 3.3vw, 18px);
      font-weight: 900;
      min-height: 20px;
      white-space: nowrap;
    }

    .wordCardRule {
      width: 68%;
      height: 1px;
      background: #c8c8c8;
    }

    .wordCardScore {
      color: #08752f;
      font-size: clamp(18px, 5vw, 28px);
      font-weight: 900;
      min-height: 28px;
    }

    .statsFooter {
      border-top: 2px solid #08752f;
      padding-top: 14px;
      display: grid;
      grid-template-columns: 1fr 1px 1fr;
      gap: 16px;
      align-items: center;
      text-align: left;
    }

    .miniGridBrand {
      display: grid;
      grid-template-columns: auto 1fr;
      gap: 10px;
      align-items: center;
    }

    .miniGrid {
      display: grid;
      grid-template-columns: repeat(3, 16px);
      grid-template-rows: repeat(3, 16px);
      gap: 4px;
    }

    .miniGrid span {
      border-radius: 4px;
      background: #071c2a;
      box-shadow: 0 2px 5px rgba(0,0,0,0.18);
    }

    .miniGrid span:nth-child(5) { background: #08752f; }

    .playText {
      font-size: clamp(12px, 3.2vw, 18px);
      font-style: italic;
      white-space: nowrap;
    }

    .domainText {
      display: block;
      margin-top: 4px;
      color: #08752f;
      font-weight: 900;
      font-style: normal;
    }

    .footerDivider { background: #08752f; height: 58px; }

    .dateBlock {
      display: grid;
      grid-template-columns: 42px 1fr;
      gap: 10px;
      align-items: center;
    }

    .calendarIcon {
      width: 42px;
      height: 42px;
      color: #08752f;
      stroke: currentColor;
      fill: none;
      stroke-width: 2.2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .dailyPuzzleLabel {
      color: #08752f;
      font-size: clamp(10px, 2.8vw, 15px);
      font-weight: 900;
      letter-spacing: 0.15em;
      white-space: nowrap;
    }

    .dateValue {
      font-size: clamp(14px, 4vw, 22px);
      font-weight: 900;
      white-space: nowrap;
    }

    @media (max-width: 380px) {
      .statsCard { padding: 20px 12px 14px; border-width: 9px; }
      .statsMainBox { grid-template-columns: 1fr; gap: 10px; }
      .statsScoreNumber { margin-bottom: 12px; }
      .wordCards { gap: 5px; }
      .wordCard { min-height: 78px; border-radius: 8px; }
      .metricRow { grid-template-columns: 30px 1fr auto; gap: 6px; }
      .metricIcon { width: 29px; height: 29px; }
      .statsFooter { gap: 8px; }
      .miniGrid { grid-template-columns: repeat(3, 13px); grid-template-rows: repeat(3, 13px); gap: 3px; }
    }


    @media (max-width: 430px) {
      .statsMainBox {
        display: flex;
        gap: 10px;
        border: none;
        padding: 0;
      }
      .statsScoreBlock {
        flex: 0 1 36%;
        padding: 14px 10px 12px;
      }
      .statsMetrics {
        flex: 1 1 0;
        padding: 10px 10px;
      }
      .statsScoreNumber {
        font-size: clamp(46px, 15vw, 84px);
      }
      .metricRow {
        grid-template-columns: 28px minmax(0, 1fr) auto;
        gap: 7px;
        padding: 9px 0;
      }
      .ratingRow {
        grid-template-columns: 28px minmax(0, 1fr);
      }
      .metricIcon {
        width: 27px;
        height: 27px;
      }
      .metricLabel {
        font-size: clamp(11px, 2.65vw, 15px);
      }
      .metricValue {
        font-size: clamp(14px, 3.4vw, 20px);
      }
      .ratingRow .metricValue {
        font-size: clamp(14px, 3.4vw, 20px);
      }
    }
    .scoreBanner {
      display: none;
    }

    .guessedHeadingWrap {
      display: flex;
      align-items: center;
      gap: 24px;
      margin: 10px 0 24px;
    }

    .guessedHeadingWrap::before {
      content: "";
      height: 4px;
      background: #078137;
      flex: 1;
    }

    .guessedHeadingWrap::after {
      content: "";
      height: 4px;
      background: #078137;
      flex: 1;
    }

    @media (max-width: 430px) {
      .statsMainBox {
        gap: 14px;
        margin: 18px 0 22px;
      }
      .scoreBanner {
        width: 36%;
        font-size: clamp(20px, 5vw, 30px);
        padding: 12px 10px;
        border-radius: 5px;
      }
      .statsScoreBlock {
        flex-basis: 36%;
        padding-top: 68px;
      }
      .statsScoreNumber {
        font-size: clamp(50px, 16vw, 92px);
      }
      .statsMetrics {
        padding: 12px 13px;
      }
      .guessedHeading {
        min-width: 68%;
        font-size: clamp(20px, 5vw, 31px);
        padding: 12px 16px;
        border-radius: 5px;
      }
    }
    .scoreNumberWrap {
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 78px;
      overflow: hidden;
      align-self: start;
    }
    .scoreBrush {
      width: 100%;
      min-width: 0;
      box-sizing: border-box;
      margin: 0;
      padding: 12px 10px;
      font-size: clamp(20px, 5vw, 31px);
      align-self: start;
    }

    .guessedBrush {
      min-width: min(68%, 410px);
      box-sizing: border-box;
      margin: 0;
      padding: 13px 18px;
      font-size: clamp(22px, 5vw, 34px);
    }

    .guessedHeading::before {
      content: "";
      height: 3px;
      background: #08752f;
      flex: 1;
    }

    @media (max-width: 430px) {
      .statsMainBox {
        gap: 14px;
        margin: 18px 0 22px;
      }
      .statsScoreBlock {
        flex-basis: 36%;
        gap: 13px;
      }
      .scoreBrush {
        width: 100%;
        min-width: 0;
        font-size: clamp(20px, 5vw, 30px);
        padding: 12px 10px;
        margin: 0;
      }
      .scoreNumberWrap {
        min-height: 108px;
      }
      .statsScoreNumber {
        font-size: clamp(50px, 16vw, 92px);
      }
      .statsAiRow {
        font-size: clamp(14px, 3.2vw, 19px);
        gap: 7px;
      }
      .statsMetrics {
        padding: 12px 13px;
      }
      .guessedHeading {
        gap: 24px;
        margin: 10px 0 24px;
      }
      .guessedBrush {
        min-width: 68%;
        font-size: clamp(20px, 5vw, 31px);
        padding: 12px 16px;
      }
    }


    @media (max-width: 430px) {
      .statsMainBox {
        gap: 14px;
        align-items: flex-start;
        margin: 18px 0 22px;
      }
      .statsScoreBlock {
        flex-basis: 36%;
        gap: 13px;
      }
      .scoreBrush {
        width: 100%;
        min-width: 0;
        font-size: clamp(20px, 5vw, 30px);
        padding: 12px 10px;
        margin: 0;
      }
      .scoreNumberWrap {
        min-height: 90px;
      }
      .statsScoreNumber {
        font-size: clamp(60px, 19vw, 104px);
        line-height: 0.86;
      }
      .statsAiRow {
        font-size: clamp(14px, 3.2vw, 19px);
        gap: 7px;
        margin-top: 0;
      }
      .statsMetrics {
        align-self: flex-start;
        padding: 10px 13px;
        border-radius: 16px;
      }
      .metricRow {
        grid-template-columns: 28px minmax(0, 1fr) auto;
        gap: 7px;
        padding: 7px 0;
      }
      .metricIcon {
        width: 27px;
        height: 27px;
      }
      .metricLabel {
        font-size: clamp(11px, 2.65vw, 15px);
      }
      .metricValue {
        font-size: clamp(14px, 3.4vw, 20px);
      }
      .ratingRow .metricValue {
        font-size: clamp(14px, 3.4vw, 20px);
      }
    }


    @media (max-width: 430px) {
      .statsMainBox {
        display: grid !important;
        grid-template-columns: 36% minmax(0, 1fr) !important;
        column-gap: 14px !important;
        align-items: start !important;
        margin: 18px 0 22px !important;
      }
      .statsScoreBlock {
        display: grid !important;
        grid-template-rows: auto auto auto !important;
        row-gap: 12px !important;
        padding: 0 !important;
        align-self: start !important;
        justify-self: stretch !important;
      }
      .scoreBrush {
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 12px 10px !important;
        font-size: clamp(20px, 5vw, 30px) !important;
      }
      .scoreNumberWrap {
        min-height: 74px !important;
        align-items: center !important;
        justify-content: center !important;
      }
      .statsScoreNumber {
        font-size: clamp(60px, 18vw, 98px) !important;
        line-height: 0.86 !important;
      }
      .statsAiRow {
        margin: 0 !important;
        font-size: clamp(14px, 3.2vw, 19px) !important;
        gap: 7px !important;
      }
      .statsMetrics {
        align-self: start !important;
        justify-self: stretch !important;
        padding: 10px 13px !important;
        border-radius: 16px !important;
      }
    }


    @media (max-width: 430px) {
      :root {
        --size: min(13.6vw, 62px);
        --gap: 7px;
      }
      .previewTile,
      .tile {
        border-width: 2px;
        border-color: #756f64;
      }
      .currentWord,
      button.action {
        border-color: #756f64;
        border-width: 2px;
      }
      .scoreFeed {
        gap: 7px;
      }
      .mainWordCard {
        border-width: 2px;
        border-radius: 13px;
        min-height: clamp(70px, 18vw, 88px);
      }
    }


    .shareBtn {
      display: none !important;
    }
    .footerLinks a#stats-link {
      display: none !important;
    }
    .winStreak {
      display: none !important;
    }


    .mega {
      
      
      
      position: relative;
      
    }

    

    .megaRoundRibbon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      
      
      
      
      
      
      
      line-height: 1;
      
      text-transform: uppercase;
      
    }

    .megaRoundValue {
      
      
      
      
      white-space: nowrap;
    }

    

    .megaStreakLabel {
      font-size: clamp(9px, 2.4vw, 13px);
      line-height: 1;
      font-weight: 900;
      letter-spacing: 0.08em;
      color: #111111;
      text-transform: uppercase;
      white-space: nowrap;
    }

    .megaStreak {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 7px;
      color: #bd8b16;
      font-weight: 900;
      font-size: clamp(20px, 5.4vw, 34px);
      line-height: 1;
    }

    .megaStreak svg {
      width: clamp(20px, 5vw, 30px);
      height: clamp(20px, 5vw, 30px);
      stroke: currentColor;
      fill: none;
      stroke-width: 2.3;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .megaStatsLink {
      
      
      
      
      
      
      
      
      
      text-decoration: none;
      
      cursor: pointer;
    }


    @media (max-width: 430px) {
      .scoreFeed {
        margin-top: -2px !important;
        gap: 0 !important;
        border: 2px solid #2a2a2a !important;
        border-radius: 16px !important;
        overflow: hidden !important;
      }
      .mainWordCard {
        border: none !important;
        border-radius: 0 !important;
        min-height: clamp(70px, 17vw, 86px) !important;
      }
      .mainWordBadge {
        background: #23923a !important;
      }
      .mainWordScore {
        color: #23923a !important;
      }
    }


    

    

    .scoreFeed {
      
      
      
      
      grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
      
      
      
      
      
      
    }

    .mainWordCard {
      
      
      border: none !important;
      border-radius: 0 !important;
      
      
      
      
      
      
      
      position: relative !important;
    }

    .mainWordCard:not(:last-child)::after {
      content: "";
      position: absolute;
      right: 0;
      top: 18%;
      bottom: 18%;
      width: 1px;
      background: #8c887f;
      opacity: 0.7;
    }

    .mainWordBadge {
      background: #23923a !important;
    }

    .mainWordScore {
      color: #23923a !important;
      margin-top: 1px !important;
    }

    .mainWordText {
      margin-top: 2px !important;
      margin-bottom: 1px !important;
    }


    

    .logo,
    .brand,
    .logoWrap,
    .brandWrap {
      display: block !important;
      text-align: center !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }

    

    

    

    

    


    .brandTagline {
      
      
      clear: both !important;
      
      
      
      
      
      
      
      
      
    }

    

    

    .mainWordCard {
      
      
      flex-direction: column !important;
      
      
      
      
    }

    .mainWordBadge {
      flex: 0 0 auto !important;
      
    }

    .mainWordText {
      flex: 0 0 auto !important;
      min-height: 1em !important;
      
      
    }

    .mainWordRule {
      flex: 0 0 auto !important;
      
      
      
      background: #c7c7c7 !important;
    }

    .mainWordScore {
      flex: 0 0 auto !important;
      min-height: 1em !important;
      
      
    }


    

    .mainWordCard {
      
      
      justify-content: space-between !important;
    }

    .mainWordBadge,
    .mainWordText,
    .mainWordRule,
    .mainWordScore {
      margin-left: auto !important;
      margin-right: auto !important;
      text-align: center !important;
      justify-self: center !important;
      align-self: center !important;
    }

    

    


    .brandTagline {
      
      
      
      margin-left: auto !important;
      margin-right: auto !important;
      
    }

    

    .mainWordCard {
      background: transparent !important;
    }


    .brandHeader {
      
      
      
      
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      
    }

    .brandHeader img,
    .brandHeader .logo,
    .brandHeader .brand,
    .brandHeader .logoWrap,
    .brandHeader .brandWrap {
      
      
      
      max-width: 100% !important;
      
    }

    

    .winStreak,
    .streakRow,
    .shareRow,
    .statusRow {
      display: none !important;
      height: 0 !important;
      min-height: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      overflow: hidden !important;
    }

    

    .scoreFeed {
      
      margin-bottom: 8px !important;
      
    }

    .footerLinks {
      margin-top: -4px !important;
    }


    .brandHeader {
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 auto 10px !important;
      
      text-align: center !important;
    }

    .brandHeader img,
    .brandHeader .logo,
    .brandHeader .brand,
    .brandHeader .logoWrap,
    .brandHeader .brandWrap {
      display: block !important;
      margin-left: auto !important;
      margin-right: auto !important;
      text-align: center !important;
    }

    

    

    


    .brandHeader {
      all: unset !important;
      
    }

    

    


    .logoWrap {
      display: block !important;
      text-align: center !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }

    .logoImg {
      display: block !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }

    .brandHeader {
      display: contents !important;
    }

    .brandTagline {
      
      
      
      
      
      
      
      
      
      
      
      
      
      transform: none !important;
      position: static !important;
      float: none !important;
      
      
    }

    .tagDot {
      color: #23923a !important;
      margin: 0 0.12em !important;
    }


    .visuallyHiddenCurrentWord,
    .currentWord.visuallyHiddenCurrentWord {
      display: none !important;
      height: 0 !important;
      min-height: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      border: 0 !important;
      overflow: hidden !important;
    }

    

    .megaRoundLine {
      display: inline-flex;
      
      justify-content: center;
      
      width: 100%;
      white-space: nowrap;
    }

    

    

    

    .megaMiniRuleWide {
      
      margin-top: 1px !important;
    }

    .megaInPlayWord {
      width: 100%;
      min-height: 1.1em;
      display: flex;
      align-items: center;
      justify-content: center;
      
      
      
      
      line-height: 1;
      text-transform: uppercase;
      white-space: nowrap;
      overflow: hidden;
      text-align: center;
      
      box-sizing: border-box;
    }

    .megaInPlayWord.megaFlashError {
      
      font-size: clamp(12px, 3.2vw, 18px) !important;
      letter-spacing: 0 !important;
      text-transform: none !important;
      padding-left: 0 !important;
    }

    .megaStreakInline {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      
      width: 100%;
      white-space: nowrap;
    }

    .megaStreakInline .megaStreakLabel {
      
      
      
      
      line-height: 1 !important;
    }

    .megaStreakInline svg {
      
      
      
      fill: none;
      stroke-width: 2.4;
      stroke-linecap: round;
      stroke-linejoin: round;
      flex: 0 0 auto;
    }

    .megaStreakNumber {
      
      
      
      line-height: 1;
    }

    .megaStatsLink {
      
      
      
      border-width: 2px !important;
      
      
    }

    

    .scoreFeed {
      margin-top: 12px !important;
      transform: none !important;
    }


    
    .mega {
      
      
      
      
      color: #102033 !important;
    }

    

    .megaRoundLine {
      gap: 10px !important;
      align-items: center !important;
    }

    .megaRoundLine::before,
    .megaRoundLine::after {
      content: "";
      display: block;
      width: clamp(28px, 8vw, 52px);
      height: 2px;
      background: #d4a11e;
      opacity: 0.9;
    }

    .megaRoundRibbon {
      background: transparent !important;
      color: #c79210 !important;
      padding: 0 !important;
      min-width: auto !important;
      border-radius: 0 !important;
      font-size: clamp(14px, 3.5vw, 20px) !important;
      font-weight: 900 !important;
      letter-spacing: 0.06em !important;
      box-shadow: none !important;
    }

    .megaRoundRibbon::before,
    .megaRoundRibbon::after {
      display: none !important;
      content: none !important;
    }

    .megaRoundValue {
      color: #102033 !important;
      font-size: clamp(18px, 4.5vw, 28px) !important;
      font-weight: 900 !important;
      line-height: 1 !important;
    }

    .megaMiniRule {
      width: 58% !important;
      height: 2px !important;
      background: #d4a11e !important;
      opacity: 0.9 !important;
      margin: 2px 0 !important;
    }

    .megaMiniRuleWide {
      width: 64% !important;
    }

    .megaInPlayWord {
      color: #102033 !important;
      font-size: clamp(28px, 8vw, 48px) !important;
      font-weight: 900 !important;
      letter-spacing: 0.16em !important;
      padding-left: 0.16em !important;
      text-shadow: none !important;
    }

    .megaInPlayWord.megaFlashError {
      color: #8f2d2d !important;
    }

    .megaStreakInline {
      gap: 8px !important;
    }

    .megaStreakInline .megaStreakLabel {
      color: #102033 !important;
      font-size: clamp(11px, 3vw, 15px) !important;
      font-weight: 900 !important;
      letter-spacing: 0.05em !important;
    }

    .megaStreakInline svg {
      stroke: #d4a11e !important;
      width: clamp(18px, 4.8vw, 26px) !important;
      height: clamp(18px, 4.8vw, 26px) !important;
    }

    .megaStreakNumber {
      color: #d4a11e !important;
      font-size: clamp(22px, 5.6vw, 34px) !important;
      font-weight: 900 !important;
    }

    


/* top hidden word row moved into mega square */
.previewHiddenTop {
  display: none !important;
}

.topRound {
  width: calc(var(--size) * 5 + var(--gap) * 4);
  max-width: 100%;
  margin: -4px auto 6px;
  text-align: center;
  font-weight: 900;
  font-size: clamp(13px, 3.5vw, 18px);
  letter-spacing: 0.14em;
  color: #c99614;
  text-transform: uppercase;
}

/* compact the board now that preview row is inside mega */
.grid {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

/* mega now shows hidden word and guessed word mini rows */


.megaSectionLabel {
  
  
  
  
  opacity: 0.9;
  
  
}

.megaGuessLabel {
  margin-top: 2px;
}


/* hide old separate win streak row */


/* guessed words box now holds win streak header + cards */


.scoreFeedStreak {
  
  
  
  
  
  color: #102033;
  font-weight: 900;
  
  line-height: 1;
}


/* controls moved below guessed words */


.previewHiddenTop,
.preview {
  display: none !important;
}

.mega {
  
  border-color: #d4a11e !important;
}


.megaRoundLine,
.megaMiniRule,
.megaInPlayWord,
.megaStreakInline {
  display: none !important;
}

.megaSectionLabel,
.scoreFeedStreak span {
  font-size: clamp(13px, 3.5vw, 20px) !important;
  font-weight: 900 !important;
  letter-spacing: 0.18em !important;
  line-height: 1.05 !important;
  color: #10233a !important;
  text-transform: uppercase !important;
  text-align: center !important;
}


.megaMiniTile {
  
  
  border: 2px solid #756f64 !important;
  
  background: #f8f4e7 !important;
  
  
  
  
  
  color: #102033 !important;
  
  
}

.megaMiniTile.missed {
  background: #d9e8d3 !important;
  color: #7d927e !important;
  border-color: #bdd5ba !important;
}

.megaGuessTile {
  background: #ffffff !important;
  border-color: #d4a11e !important;
}


.streakRow {
  display: none !important;
}

.scoreFeed {
  
  
  
  
  flex-direction: column !important;
  
  
  
  
  
  
}


.scoreFeedStreak svg {
  
  
  stroke: #c99614 !important;
  fill: none !important;
  stroke-width: 2.5 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}


.controls {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}


/* remove any leftover top round text */
.topRound {
  display: none !important;
}

/* no green dot/full-stop spans in the tagline */


/* The mega square is physically limited by the board grid.
   Use container-safe fixed/clamped values, not viewport-growing labels. */


.megaSectionLabel {
  
  
  display: block !important;
  
  
  white-space: nowrap !important;
  
  text-overflow: clip !important;

  /* fixed upper bound stops desktop blow-out */
  font-size: min(18px, calc(var(--size) * 0.24)) !important;
  
  letter-spacing: min(0.17em, 3px) !important;
  font-weight: 900 !important;
  color: #10233a !important;
  text-transform: uppercase !important;
  
  
}


.megaMiniTile {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  border-width: 2px !important;
  border-radius: min(10px, calc(var(--size) * 0.13)) !important;
  
  align-items: center !important;
  justify-content: center !important;
  
  
  line-height: 1 !important;
  font-weight: 900 !important;
  padding: 0 !important;
}

.megaStatsLink {
  
  
  
  
  
  
  
  margin-top: 2px !important;
}

/* The win-streak title in the guessed-words panel should match tagline style
   but also be bounded so desktop does not overflow. */
.scoreFeedStreak span {
  font-size: min(20px, calc(var(--size) * 0.27)) !important;
  letter-spacing: min(0.18em, 4px) !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}


/* Keep guessed word content centred and constrained on desktop. */


/* Ensure old current word/edit display remains gone. */
.currentWord,
.visuallyHiddenCurrentWord {
  display: none !important;
}


/* Top tagline: exact grid-width container, three words spaced across it */
.brandTagline {
  
  
  
  padding: 0 2px !important;
  box-sizing: border-box !important;
  
  
  
  
  text-align: center !important;
  white-space: nowrap !important;
  color: #10233a !important;
  
  line-height: 1 !important;
  
  font-weight: 900 !important;
  text-transform: uppercase !important;
  overflow: hidden !important;
}

.brandTagline span {
  display: block !important;
  min-width: 0 !important;
  flex: 0 1 auto !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

.brandTagline .tagDot {
  display: none !important;
}

/* Mega label containers: labels fit inside mega width with margins */
.megaSectionLabel {
  width: 100% !important;
  max-width: 100% !important;
  
  margin: 0 auto !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  text-align: center !important;
  line-height: 1 !important;
}

.megaSectionLabel span,
.megaSectionLabel {
  white-space: nowrap !important;
  color: #10233a !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  
  
}

.megaGuessLabel span,
.megaGuessLabel {
  letter-spacing: min(0.15em, 2.2px) !important;
  
}

/* Mega tiles are container based and cannot force text overflow */


.megaMiniTiles {
  
  
  margin-left: auto !important;
  margin-right: auto !important;
  
  
}

.megaMiniTile {
  font-size: min(21px, calc(var(--size) * 0.27)) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* Stats button constrained to mega */
.megaStatsLink {
  
  
  
  margin-left: auto !important;
  margin-right: auto !important;
  
  
  
  
}

/* Guessed words/streak container: full board width, contents constrained internally */


.scoreFeedStreak {
  width: calc(100% - 20px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  
  justify-content: center !important;
  align-items: center !important;
  
  overflow: hidden !important;
  white-space: nowrap !important;
}

.scoreFeedStreakLabel,
.scoreFeedStreak span {
  display: inline-block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-align: center !important;
  font-size: min(20px, calc(var(--size) * 0.25)) !important;
  letter-spacing: min(0.16em, 3px) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  color: #10233a !important;
  text-transform: uppercase !important;
}

.scoreFeedStreak svg {
  flex: 0 0 auto !important;
}

.scoreFeedStreak strong {
  flex: 0 0 auto !important;
}

/* Each guessed-word column is its own constrained container */
.scoreFeedCards {
  width: 100% !important;
  display: grid !important;
  
  box-sizing: border-box !important;
  overflow: hidden !important;
}


.mainWordText {
  
  
  
  box-sizing: border-box !important;
  
  
  
  
  
  
  
}


/* 1) inline dots between tagline words while keeping grid-width spanning */
.brandTagline {
  display: grid !important;
  grid-template-columns: max-content auto max-content auto max-content !important;
  align-items: center !important;
  
  justify-content: stretch !important;
  
}

.brandTagline span {
  text-align: center !important;
}

.brandDot {
  color: #23923a !important;
  font-size: 0.9em !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

/* 2) tighten and centre guessed words alignment */
.scoreFeedCards {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  
}

.mainWordCard {
  
  
  
  
  text-align: center !important;
  
  
  min-width: 0 !important;
}


.mainWordText.missedRound {
  color: #b22b24 !important;
  
  font-weight: 900 !important;
}

/* 3) remove win streak symbol and make number black like text */
.scoreFeedStreak svg {
  display: none !important;
}

.scoreFeedStreak strong {
  color: #10233a !important;
  
  letter-spacing: min(0.16em, 3px) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

/* 4/5) replace hidden/current boxes with large dash rows */


.megaDashCell:not(:empty)::after {
  background: #c8c2b8 !important;
}

.megaDashCell.missed {
  color: #7d927e !important;
}

.megaDashCell.missed::after {
  background: #bdd5ba !important;
}

.megaGuessTile {
  color: #10233a !important;
}

.megaGuessTile::after {
  background: #d4a11e !important;
}

/* bigger labels in mega square */
.megaSectionLabel span,
.megaSectionLabel {
  font-size: min(18px, calc(var(--size) * 0.235)) !important;
  letter-spacing: min(0.17em, 2.6px) !important;
}

.megaGuessLabel span,
.megaGuessLabel {
  font-size: min(18px, calc(var(--size) * 0.23)) !important;
}

/* Make mega contents breathe after boxes are removed */


/* Mega: underlines only for blanks, no dash glyphs */


.megaSectionLabel span,
.megaSectionLabel,
.megaGuessLabel span,
.megaGuessLabel {
  
  
  
  text-overflow: clip !important;
  
}


/* Guessed words box: reduce height */
.scoreFeed {
  
  
  
  gap: 2px !important;
}

/* Win streak title row stays compact */
.scoreFeedStreak {
  min-height: 24px !important;
  height: 26px !important;
  margin-bottom: 0 !important;
  
}

.scoreFeedStreakLabel,
.scoreFeedStreak span,
.scoreFeedStreak strong {
  font-size: min(18px, calc(var(--size) * 0.23)) !important;
  letter-spacing: min(0.13em, 2.4px) !important;
}

/* Columns: fixed internal rows so badges align perfectly */
.scoreFeedCards {
  flex: 1 !important;
  align-items: stretch !important;
}

.mainWordCard {
  height: 100% !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-rows: 32px 20px 2px 26px !important;
  align-content: start !important;
  justify-items: center !important;
  align-items: center !important;
  
  gap: 1px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* make separators span full height neatly without disturbing alignment */
.mainWordCard:not(:last-child) {
  border-right: 1px solid #b8b2a8 !important;
}

.mainWordBadge {
  grid-row: 1 !important;
  
  
  
  
  
  align-self: center !important;
  justify-self: center !important;
}

.mainWordText {
  grid-row: 2 !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 1px !important;
  margin: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  font-size: min(17px, calc(var(--size) * 0.21)) !important;
  letter-spacing: -0.02em !important;
  line-height: 1 !important;
  align-self: center !important;
  justify-self: center !important;
}

.mainWordRule {
  grid-row: 3 !important;
  width: 56% !important;
  height: 2px !important;
  margin: 0 !important;
  align-self: center !important;
  justify-self: center !important;
}

.mainWordScore {
  grid-row: 4 !important;
  width: 100% !important;
  margin: 0 !important;
  text-align: center !important;
  font-size: min(26px, calc(var(--size) * 0.32)) !important;
  line-height: 1 !important;
  align-self: center !important;
  justify-self: center !important;
}

.mainWordText.missedRound {
  font-size: min(22px, calc(var(--size) * 0.27)) !important;
  line-height: 1 !important;
}

/* remove old pseudo separator if any previous CSS used it */
.mainWordCard::after {
  display: none !important;
}


/* Mega win streak now lives at top of the mega square. */
.megaInner {
  padding: 7px 8px !important;
  gap: 5px !important;
  justify-content: center !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.megaStreakTop {
  
  min-width: 0 !important;
  
  
  
  
  
  
  
  justify-content: stretch !important;
  
  line-height: 1 !important;
  
}

.megaStreakText {
  min-width: 0 !important;
  
  
  
  
  
  
  
}

.megaStreakValue {
  
  
  
  
  
  
  letter-spacing: 0 !important;
  
}

/* Move contents down slightly under streak, but keep readable. */
.megaSectionLabel {
  padding: 0 6px !important;
  margin-top: 0 !important;
}

.megaSectionLabel span,
.megaSectionLabel,
.megaGuessLabel span,
.megaGuessLabel {
  font-size: min(16px, calc(var(--size) * 0.205)) !important;
  letter-spacing: min(0.13em, 2px) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-align: center !important;
}

/* Hidden word discovered letters: logo IF green. */


/* Guessed words box: no win streak header, shorter height. */
.scoreFeed {
  width: calc(var(--size) * 5 + var(--gap) * 4) !important;
  max-width: 100% !important;
  height: calc(var(--size) * 1.50) !important;
  border: max(1px, calc(var(--size) * 0.026)) solid #2a2a2a !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  display: block !important;
}

/* Hide any old streak markup if present. */
.scoreFeedStreak {
  display: none !important;
}

/* One real 5-column x 4-row grid: rows align globally. */
.scoreTable {
  width: 100% !important;
  height: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  grid-template-rows: 32% 24% 7% 31% !important;
  align-items: center !important;
  justify-items: center !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.scoreCell {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  text-align: center !important;
  padding: 0 2px !important;
}

/* Vertical splitters across all rows except far right column */
.scoreCell:nth-child(5n + 1),
.scoreCell:nth-child(5n + 2),
.scoreCell:nth-child(5n + 3),
.scoreCell:nth-child(5n + 4) {
  border-right: 1px solid #b8b2a8 !important;
}

.scoreBadgeCell { grid-row: 1 !important; }
.scoreWordCell { grid-row: 2 !important; }
.scoreRuleCell { grid-row: 3 !important; }
.scoreValueCell { grid-row: 4 !important; }

.mainWordBadge {
  
  
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
  border-radius: 999px !important;
  
  line-height: 1 !important;
  font-weight: 900 !important;
}

.scoreWordCell {
  
  font-weight: 900 !important;
  color: #10233a !important;
  white-space: nowrap !important;
  
  line-height: 1 !important;
}

.scoreWordCell.missedRound {
  color: #b22b24 !important;
  font-size: min(20px, calc(var(--size) * 0.25)) !important;
  letter-spacing: 0 !important;
}

.scoreRuleLine {
  width: 54% !important;
  height: 2px !important;
  background: #c8c2b8 !important;
}

.scoreValueCell {
  
  font-weight: 900 !important;
  color: #23923a !important;
  line-height: 1 !important;
}

/* Disable old column card layout */
.scoreFeedCards,
.mainWordCard,
.mainWordText,
.mainWordRule,
.mainWordScore {
  all: unset;
}


.megaInner.megaPanel {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  gap: 0 !important;
  display: grid !important;
  grid-template-rows: minmax(30px, 20%) minmax(0, 1fr) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 45%, rgba(255,255,255,0.96), rgba(255,250,239,0.92) 65%, rgba(248,238,213,0.9)) !important;
}

.megaStreakTop {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  
  display: grid !important;
  
  align-items: center !important;
  column-gap: 6px !important;
  box-sizing: border-box !important;
  background: linear-gradient(180deg, #ff8a00 0%, #f06f00 100%) !important;
  color: #fff !important;
  border-bottom: 1px solid rgba(213, 160, 32, 0.35) !important;
  overflow: hidden !important;
}

.megaStreakIcon {
  font-size: min(18px, calc(var(--size) * 0.23)) !important;
  line-height: 1 !important;
  text-align: center !important;
  filter: grayscale(1) brightness(0) invert(1) !important;
}

.megaStreakText {
  color: #fff !important;
  
  font-weight: 900 !important;
  
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

.megaStreakValue {
  color: #fff !important;
  min-width: 34px !important;
  max-width: 58px !important;
  
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

.megaBody {
  min-height: 0 !important;
  
  display: grid !important;
  grid-template-rows:
    minmax(13px, 0.45fr)
    minmax(17px, 0.58fr)
    minmax(24px, 0.8fr)
    minmax(10px, 0.35fr)
    minmax(17px, 0.58fr)
    minmax(22px, 0.75fr)
    minmax(8px, 0.28fr)
    minmax(34px, 1fr) !important;
  align-items: center !important;
  justify-items: center !important;
  
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.megaOrnament,
.megaDivider {
  width: 82% !important;
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  column-gap: 9px !important;
  color: #d5a020 !important;
  opacity: 0.95 !important;
  min-height: 0 !important;
}

.megaOrnament span,
.megaDivider span {
  height: 1.5px !important;
  background: #d5a020 !important;
  display: block !important;
}

.megaOrnament b {
  font-size: min(17px, calc(var(--size) * 0.22)) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

.megaDivider b {
  font-size: min(13px, calc(var(--size) * 0.17)) !important;
  line-height: 1 !important;
}

.megaDividerSmall {
  width: 76% !important;
}

.megaSectionLabel,
.megaSectionLabel span,
.megaGuessLabel,
.megaGuessLabel span {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  color: #10233a !important;
  font-size: min(18px, calc(var(--size) * 0.235)) !important;
  line-height: 1 !important;
  letter-spacing: min(0.18em, 3px) !important;
  font-weight: 900 !important;
}

.megaMiniTiles {
  
  max-width: 94% !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  
  margin: 0 auto !important;
  box-sizing: border-box !important;
  justify-items: center !important;
  align-items: end !important;
}

.megaDashCell {
  width: 100% !important;
  max-width: 38px !important;
  
  min-width: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  color: #10233a !important;
  
  line-height: 1 !important;
  font-weight: 900 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

.megaHiddenTiles .megaDashCell:not(:empty) {
  color: #23923a !important;
}

.megaDashCell::after {
  content: "" !important;
  position: absolute !important;
  left: 8% !important;
  right: 8% !important;
  bottom: 0 !important;
  height: 2px !important;
  border-radius: 3px !important;
  background: #bfb8ac !important;
}

.megaHiddenTiles .megaDashCell:not(:empty)::after {
  background: #23923a !important;
}

.megaGuessTiles .megaDashCell::after {
  background: #d5a020 !important;
}

.megaStatsLink {
  width: 82% !important;
  max-width: 185px !important;
  min-width: 0 !important;
  margin: 1px auto 0 !important;
  padding: 8px 12px !important;
  box-sizing: border-box !important;
  border: 2px solid #0f7f32 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  color: #0f7f32 !important;
  font-size: min(19px, calc(var(--size) * 0.245)) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  box-shadow: 0 2px 5px rgba(30, 80, 35, 0.12) !important;
  white-space: nowrap !important;
}

.statsIcon {
  display: inline-block !important;
  font-size: 0.86em !important;
  letter-spacing: -0.25em !important;
  transform: translateY(1px) !important;
}

/* Prevent older candidate styles from reintroducing dash boxes */
.megaMiniTile {
  display: none !important;
}


.megaStreakTop{grid-template-columns:18px minmax(0,1fr) minmax(28px,auto)!important;padding:0 8px!important;}
.megaStreakText{font-size:min(13px,calc(var(--size)*0.16))!important;letter-spacing:min(0.12em,2px)!important;}
.megaStreakValue{font-size:min(22px,calc(var(--size)*0.28))!important;}
.megaBody{padding:4px 10px 8px!important;row-gap:2px!important;}
.megaOrnament,.megaDivider,.megaDividerSmall{display:none!important;}
.megaSectionLabel,.megaSectionLabel span,.megaGuessLabel,.megaGuessLabel span{
font-size:min(15px,calc(var(--size)*0.18))!important;
letter-spacing:min(0.10em,2px)!important;
}
.megaMiniTiles{width:90%!important;gap:min(8px,calc(var(--size)*0.08))!important;}
.megaDashCell{
font-size:min(24px,calc(var(--size)*0.30))!important;
height:min(24px,calc(var(--size)*0.30))!important;
}
.scoreWord{
font-size:clamp(20px,2.1vw,28px)!important;
font-weight:800!important;
}
.scoreValue{
font-size:clamp(18px,1.9vw,26px)!important;
font-weight:800!important;
}


.mega {
  background: #fffaf0 !important;
  
  
  overflow: hidden !important;
  box-sizing: border-box !important;
  
}

/* Reset all previous mega-square internal layout rules */
.mega .megaInner,
.mega .mega65,
.mega .mega65 *,
.mega .mega65 *::before,
.mega .mega65 *::after {
  box-sizing: border-box !important;
}

.mega .mega65 {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-rows: 20% 80% !important;
  gap: 0 !important;
  overflow: hidden !important;
  background: #fffaf0 !important;
}

/* Orange banner: flush to top/edges with rounded top corners */
.mega65Banner {
  grid-row: 1 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 9px !important;
  background: linear-gradient(180deg, #ff8a00 0%, #f26f00 100%) !important;
  color: #fff !important;
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr) minmax(42px, auto) !important;
  align-items: center !important;
  column-gap: 5px !important;
  border-radius: 19px 19px 0 0 !important;
  overflow: hidden !important;
}

.mega65Icon {
  display: block !important;
  text-align: center !important;
  font-size: min(17px, calc(var(--size) * 0.21)) !important;
  line-height: 1 !important;
  color: #fff !important;
  filter: grayscale(1) brightness(0) invert(1) !important;
}

.mega65StreakText {
  display: block !important;
  min-width: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  color: #fff !important;
  font-weight: 900 !important;
  font-size: min(14px, calc(var(--size) * 0.17)) !important;
  letter-spacing: min(0.14em, 2.2px) !important;
  line-height: 1 !important;
}

.mega65StreakValue {
  display: block !important;
  min-width: 42px !important;
  max-width: 66px !important;
  text-align: right !important;
  white-space: nowrap !important;
  color: #fff !important;
  font-weight: 900 !important;
  font-size: min(24px, calc(var(--size) * 0.30)) !important;
  line-height: 1 !important;
}

/* Body is a single controlled card grid. No old margins can push content around. */
.mega65Body {
  grid-row: 2 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 7px 10px 9px !important;
  display: grid !important;
  grid-template-rows: 17% 20% 17% 20% 26% !important;
  align-items: center !important;
  justify-items: center !important;
  gap: 0 !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 40%, rgba(255,255,255,0.95) 0%, rgba(255,250,240,0.92) 62%, rgba(249,239,215,0.96) 100%) !important;
}

.mega65Label {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-align: center !important;
  padding: 0 2px !important;
  margin: 0 !important;
  line-height: 1 !important;
}

.mega65Label span {
  display: block !important;
  width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  text-align: center !important;
  color: #10233a !important;
  font-weight: 900 !important;
  font-size: min(16px, calc(var(--size) * 0.195)) !important;
  letter-spacing: min(0.14em, 2.2px) !important;
  line-height: 1 !important;
}

.mega65Letters {
  width: 94% !important;
  max-width: 94% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: min(9px, calc(var(--size) * 0.10)) !important;
  align-items: end !important;
  justify-items: center !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: visible !important;
}

.mega65 .megaDashCell {
  width: 100% !important;
  max-width: 34px !important;
  height: min(25px, calc(var(--size) * 0.31)) !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #10233a !important;
  font-size: min(25px, calc(var(--size) * 0.31)) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  overflow: visible !important;
}

.mega65 .megaDashCell::after {
  content: "" !important;
  position: absolute !important;
  left: 8% !important;
  right: 8% !important;
  bottom: 0 !important;
  height: 2px !important;
  border-radius: 3px !important;
  background: #bfb8ac !important;
}

.mega65 .megaHiddenTiles .megaDashCell:not(:empty) {
  color: #23923a !important;
}

.mega65 .megaHiddenTiles .megaDashCell:not(:empty)::after {
  background: #23923a !important;
}

.mega65 .megaGuessTiles .megaDashCell::after {
  background: #d5a020 !important;
}

.mega65Stats,
.mega .megaStatsLink.mega65Stats {
  align-self: center !important;
  justify-self: center !important;
  width: 80% !important;
  max-width: 170px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 8px 11px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 2px solid #0f7f32 !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.82) !important;
  color: #0f7f32 !important;
  font-weight: 900 !important;
  font-size: min(18px, calc(var(--size) * 0.22)) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-shadow: 0 2px 5px rgba(30,80,35,0.11) !important;
}

/* Kill all older decorative/legacy mega elements */
.megaOrnament,
.megaDivider,
.megaDividerSmall,
.megaRoundLine,
.megaMiniRule,
.megaInPlayWord,
.megaStreakInline,
.megaMiniTile,
.statsIcon {
  display: none !important;
}


.scoreWordCell {
  font-size: min(18px, calc(var(--size) * 0.22)) !important;
  letter-spacing: -0.025em !important;
}

.scoreValueCell {
  font-size: min(28px, calc(var(--size) * 0.34)) !important;
}


.preview.previewHiddenTop,
#preview.previewHiddenTop {
  display: grid !important;
  grid-template-columns: repeat(5, var(--size)) !important;
  gap: var(--gap) !important;
  width: calc(var(--size) * 5 + var(--gap) * 4) !important;
  max-width: 100% !important;
  margin: 0 auto 8px !important;
  padding: 0 !important;
  background: transparent !important;
}

#preview .previewTile {
  width: var(--size) !important;
  height: var(--size) !important;
  border-radius: var(--radius) !important;
  border: 2px solid #caaa3e !important;
  background: #fff2c9 !important;
  color: #23923a !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: clamp(18px, 4.7vw, 24px) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

#preview .previewTile.missed {
  background: #fff2c9 !important;
  border-color: #caaa3e !important;
  color: #23923a !important;
}

.mega .mega73 {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
  overflow: hidden !important;
  background: #fffaf0 !important;
}


.mega65Body.mega73Body,
.mega73Body {
  
  
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  
  
  
  
  
  
  
  
  
  
  
  box-sizing: border-box !important;
}

.mega73 .mega65Label,
.mega73 .megaHiddenTiles {
  display: none !important;
}

.mega65Letters.mega73GuessTiles,
.mega73GuessTiles {
  width: 72% !important;
  max-width: 205px !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: min(10px, calc(var(--size) * 0.115)) !important;
  align-self: center !important;
  justify-self: center !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: visible !important;
}

.mega73GuessTiles .megaDashCell {
  width: 100% !important;
  max-width: 36px !important;
  height: min(30px, calc(var(--size) * 0.36)) !important;
  font-size: min(30px, calc(var(--size) * 0.36)) !important;
}

.mega73GuessTiles .megaDashCell::after {
  
  height: 3px !important;
}


.mega {
  
  align-items: stretch !important;
  justify-content: stretch !important;
}

.mega .mega65.mega73,
.mega .mega73 {
  position: static !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-rows: 20% 80% !important;
  gap: 0 !important;
  
  
}

.mega65Banner.mega73Banner,
.mega73Banner {
  position: static !important;
  grid-row: 1 !important;
  
  
  
  margin: 0 !important;
  
  
  
  display: grid !important;
  
  align-items: center !important;
  
  
  overflow: hidden !important;
  box-sizing: border-box !important;
  z-index: auto !important;
}

.mega73Banner .mega65Icon {
  display: block !important;
  text-align: center !important;
  width: 20px !important;
  min-width: 20px !important;
  
  line-height: 1 !important;
  
  
  overflow: hidden !important;
}

.mega73Banner .mega65StreakText {
  display: block !important;
  min-width: 0 !important;
  width: auto !important;
  
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  
  
  
  
  line-height: 1 !important;
}

.mega73Banner .mega65StreakValue {
  display: block !important;
  
  
  
  
  white-space: nowrap !important;
  overflow: hidden !important;
  
  
  
  line-height: 1 !important;
}

.mega65Body.mega73Body,
.mega73Body {
  
  grid-row: 2 !important;
  
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  
  
  
  
  
  gap: 0 !important;
  
  
}

.mega73GuessTiles {
  grid-row: 2 !important;
  align-self: center !important;
  justify-self: center !important;
  width: 72% !important;
  max-width: 185px !important;
}

.mega .megaStatsLink.mega65Stats {
  grid-row: 4 !important;
  align-self: center !important;
  justify-self: center !important;
}

#preview.previewHiddenTop .previewTile,
.preview.previewHiddenTop .previewTile {
  background: #fff2c9 !important;
  border-color: #caaa3e !important;
  color: #23923a !important;
  
  
  line-height: 1 !important;
}


.mega .mega65.mega73,
.mega .mega73 {
  grid-template-columns: minmax(0, 1fr) !important;
  justify-content: stretch !important;
  align-content: stretch !important;
  justify-items: stretch !important;
  align-items: stretch !important;
}

.mega65Banner.mega73Banner,
.mega73Banner {
  justify-self: stretch !important;
  align-self: stretch !important;
  
  max-width: none !important;
}

.mega65Body.mega73Body,
.mega73Body {
  justify-self: stretch !important;
  align-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
}

#preview.previewHiddenTop .previewTile,
.preview.previewHiddenTop .previewTile {
  font-size: clamp(18px, 4.7vw, 24px) !important;
  font-weight: 700 !important;
}


:root {
  --candidate92e-side-margin: 24px;
  --candidate92e-max-grid-width: 520px;
  
  
  
  
  
  
  
  
}


html:not(.game-scaled) #game-container.app {
  visibility: hidden !important;
}

html.game-scaled #game-container.app {
  visibility: visible !important;
}

html,
body {
  width: 100%;
  overflow-x: hidden !important;
}

.app {
  width: var(--candidate92e-grid-width) !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: clamp(6px, 1.4vw, 12px) 0 max(clamp(8px, 1.6vw, 14px), env(safe-area-inset-bottom)) !important;
  margin: 0 auto !important;
}

.preview,
.grid,
.scoreFeed,
.controls,
.topIconRow {
  width: var(--candidate92e-grid-width) !important;
  max-width: var(--candidate92e-grid-width) !important;
}

.preview,
.grid {
  gap: var(--gap) !important;
}

.preview,
#preview.previewHiddenTop {
  
  margin-bottom: clamp(6px, 1.5vw, 10px) !important;
}

.grid,
#grid {
  
  
  margin-bottom: clamp(7px, 1.8vw, 12px) !important;
}

.logoWrap {
  width: calc((var(--size) * 4) + (var(--gap) * 4)) !important;
  max-width: var(--candidate92e-grid-width) !important;
}


.brandTagline {
  
  margin: 0 auto clamp(7px, 1.8vw, 12px) !important;
  
  
}

.previewTile,
.tile {
  width: var(--size) !important;
  height: var(--size) !important;
  border-radius: var(--radius) !important;
  font-size: clamp(18px, calc(var(--size) * 0.36), 34px) !important;
  border-width: clamp(2px, calc(var(--size) * 0.028), 3px) !important;
}

.tile.selected {
  outline-width: clamp(3px, calc(var(--size) * 0.044), 4px) !important;
  outline-offset: calc(clamp(3px, calc(var(--size) * 0.044), 4px) * -1) !important;
}

.mega {
  width: calc((var(--size) * 3) + (var(--gap) * 2)) !important;
  height: calc((var(--size) * 3) + (var(--gap) * 2)) !important;
  border-radius: var(--radius) !important;
  border-width: clamp(2px, calc(var(--size) * 0.028), 3px) !important;
  padding: clamp(5px, calc(var(--size) * 0.075), 9px) !important;
}

.mega .mega73,
.mega .mega65,
.mega > .megaInner {
  border-radius: calc(var(--radius) - 2px) !important;
}


.mega73Banner .mega65Icon,
.mega65Icon {
  font-size: clamp(16px, calc(var(--size) * 0.23), 23px) !important;
}

.mega73Banner .mega65StreakText,
.mega65StreakText {
  font-size: clamp(12px, calc(var(--size) * 0.155), 16px) !important;
  letter-spacing: clamp(0.08em, 0.38vw, 0.16em) !important;
}

.mega73Banner .mega65StreakValue,
.mega65StreakValue {
  width: clamp(42px, calc(var(--size) * 0.55), 58px) !important;
  max-width: clamp(42px, calc(var(--size) * 0.55), 58px) !important;
  font-size: clamp(22px, calc(var(--size) * 0.30), 30px) !important;
}


.mega65Letters,
.mega73GuessTiles,
.mega65Letters.mega73GuessTiles {
  gap: clamp(6px, calc(var(--size) * 0.10), 11px) !important;
}

.mega65 .megaDashCell,
.mega73GuessTiles .megaDashCell {
  max-width: clamp(30px, calc(var(--size) * 0.42), 42px) !important;
  height: clamp(23px, calc(var(--size) * 0.30), 33px) !important;
  font-size: clamp(23px, calc(var(--size) * 0.30), 33px) !important;
}

.mega65 .megaDashCell::after,
.mega73GuessTiles .megaDashCell::after {
  height: clamp(2px, calc(var(--size) * 0.026), 3px) !important;
}


.deleteArrow,
.clearSymbol {
  font-size: clamp(22px, calc(var(--size) * 0.30), 32px) !important;
  line-height: 1 !important;
}

.scoreFeed {
  min-height: clamp(118px, calc(var(--size) * 1.72), 178px) !important;
  margin: clamp(7px, 1.8vw, 12px) auto clamp(7px, 1.8vw, 12px) !important;
  border-radius: clamp(15px, calc(var(--size) * 0.22), 22px) !important;
  border-width: clamp(2px, calc(var(--size) * 0.026), 3px) !important;
  padding: clamp(7px, calc(var(--size) * 0.10), 11px) 0 !important;
}

.scoreFeedStreak {
  gap: clamp(7px, calc(var(--size) * 0.10), 11px) !important;
  font-size: clamp(13px, calc(var(--size) * 0.18), 19px) !important;
}

.scoreFeedStreak svg {
  width: clamp(19px, calc(var(--size) * 0.28), 29px) !important;
  height: clamp(19px, calc(var(--size) * 0.28), 29px) !important;
}

.scoreFeedStreak strong {
  font-size: clamp(22px, calc(var(--size) * 0.33), 33px) !important;
}

.mainWordCard {
  padding: clamp(8px, calc(var(--size) * 0.12), 13px) clamp(3px, calc(var(--size) * 0.045), 5px) !important;
}

.mainWordBadge {
  width: clamp(25px, calc(var(--size) * 0.38), 38px) !important;
  height: clamp(25px, calc(var(--size) * 0.38), 38px) !important;
  font-size: clamp(16px, calc(var(--size) * 0.25), 24px) !important;
}

.scoreWordCell,
.mainWordText {
  font-size: clamp(13px, calc(var(--size) * 0.19), 19px) !important;
}

.scoreValueCell,
.mainWordScore {
  font-size: clamp(22px, calc(var(--size) * 0.34), 34px) !important;
}

.helperText {
  width: calc(var(--size) * 5 + var(--gap) * 4) !important;
  max-width: calc(var(--size) * 5 + var(--gap) * 4) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: clamp(13px, calc(var(--size) * 0.20), 18px) !important;
}


.mega73GuessTiles .megaDashCell::after,
.mega65 .megaGuessTiles .megaDashCell::after {
  background: #f1e6c7 !important;
  opacity: 0.62 !important;
}

.mega73GuessTiles .megaDashCell:not(:empty)::after,
.mega65 .megaGuessTiles .megaDashCell:not(:empty)::after {
  background: #f1e6c7 !important;
  opacity: 0.62 !important;
}


.mega .mega65.mega73,
.mega .mega73 {
  background:
    radial-gradient(circle at 50% 46%, rgba(255,255,255,0.78) 0%, rgba(255,251,241,0.96) 62%, rgba(250,241,220,0.98) 100%) !important;
  border-radius: inherit !important;
  overflow: hidden !important;
}

.mega65Banner.mega73Banner,
.mega73Banner {
  top: calc(var(--size) * 0.105) !important;
  left: calc(var(--size) * 0.105) !important;
  right: calc(var(--size) * 0.105) !important;
  width: auto !important;
  height: calc(var(--size) * 0.52) !important;
  min-height: 0 !important;
  padding: 0 calc(var(--size) * 0.18) !important;
  border-radius: calc(var(--radius) * 0.72) !important;
  
  
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    inset 0 -1px 0 rgba(202, 170, 62, 0.10) !important;
  grid-template-columns: calc(var(--size) * 0.45) minmax(0, 1fr) calc(var(--size) * 0.42) !important;
  column-gap: calc(var(--size) * 0.08) !important;
}

.mega73Banner .mega65Icon {
  font-size: calc(var(--size) * 0.29) !important;
  
  
  transform: translateY(-1px) !important;
}

.mega73Banner .mega65StreakText {
  color: #08752f !important;
  
  
  
  text-align: center !important;
}

.mega73Banner .mega65StreakValue {
  
  
  color: #08752f !important;
  font-size: calc(var(--size) * 0.25) !important;
  
  text-align: right !important;
}

.mega65Body.mega73Body,
.mega73Body {
  top: 0 !important;
  
  
  
  background: transparent !important;
}

.mega73GuessTiles,
.mega65Letters.mega73GuessTiles {
  width: 72% !important;
  max-width: none !important;
  gap: calc(var(--size) * 0.13) !important;
  
}

.mega73GuessTiles .megaDashCell::after,
.mega65 .megaGuessTiles .megaDashCell::after,
.mega73GuessTiles .megaDashCell:not(:empty)::after,
.mega65 .megaGuessTiles .megaDashCell:not(:empty)::after {
  height: max(2px, calc(var(--size) * 0.026)) !important;
  border-radius: 999px !important;
  
  
}

.megaRunningScore {
  
  
  
  
  
  
  text-shadow: 0 1px 0 rgba(255,255,255,0.35) !important;
}

.megaControlsMount {
  
  
  
  
  
  
  
  box-sizing: border-box !important;
}


.mega .controls.megaControls #delete-btn {
  display: none !important;
}

.mega .controls.megaControls button.action,
.mega .controls.megaControls #clear-btn,
.mega .controls.megaControls #submit-btn {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 calc(var(--size) * 0.13) !important;
  border-radius: calc(var(--radius) * 0.82) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: calc(var(--size) * 0.085) !important;
  font-family: var(--font-body) !important;
  font-size: calc(var(--size) * 0.226) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -0.025em !important;
  transform: translateY(-1px) !important;
  transition: none !important;
}

.mega .controls.megaControls #clear-btn {
  
  
  
  border: max(1px, calc(var(--size) * 0.018)) solid #d7c8aa !important;
  
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.96),
    inset 0 -2px 0 rgba(158, 140, 104, 0.12),
    0 calc(var(--size) * 0.055) calc(var(--size) * 0.072) rgba(92, 70, 25, 0.22) !important;
}

.mega .controls.megaControls #submit-btn {
  
  
  
  border: max(1px, calc(var(--size) * 0.018)) solid #08752f !important;
  
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.24),
    inset 0 -3px 0 rgba(0, 65, 20, 0.22),
    0 calc(var(--size) * 0.055) calc(var(--size) * 0.072) rgba(0, 79, 24, 0.31) !important;
}

.mega .controls.megaControls .resetIcon,
.mega .controls.megaControls .submitIcon {
  width: calc(var(--size) * 0.25) !important;
  height: calc(var(--size) * 0.25) !important;
  flex: 0 0 calc(var(--size) * 0.25) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.mega .controls.megaControls .resetIcon svg,
.mega .controls.megaControls .submitIcon svg {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 3.35 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.mega .controls.megaControls #submit-btn .submitIcon svg {
  stroke-width: 3.8 !important;
}

.mega .controls.megaControls .buttonText {
  display: inline-block !important;
  white-space: nowrap !important;
}

.mega .controls.megaControls #clear-btn:disabled,
.mega .controls.megaControls #submit-btn:disabled {
  opacity: 0.55 !important;
  filter: grayscale(0.15) saturate(0.82) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.72),
    inset 0 -1px 0 rgba(0,0,0,0.08) !important;
}


.mega .controls.megaControls button.action {
  width: 100% !important;
  height: 38px !important;
  
  max-height: 38px !important;
  
  
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  
}


.mega .controls.megaControls #delete-btn,
.mega .controls.megaControls #clear-btn {
  grid-row: 2 !important;
}


:root {
  --candidate92j-side-margin: 8px;
  --candidate92j-vertical-margin: 0px;
  --candidate92j-max-grid-width: 520px;
  --candidate92j-game-ratio: 2.09;
  --candidate92j-grid-width: min(
    var(--candidate92j-max-grid-width),
    calc(100vw - var(--candidate92j-side-margin))
  );

  --candidate92e-grid-width: var(--candidate92j-grid-width) !important;
  --gap: clamp(6px, calc(var(--candidate92j-grid-width) * 0.0173), 9px) !important;
  --size: calc((var(--candidate92j-grid-width) - (var(--gap) * 4)) / 5) !important;
  --radius: clamp(10px, calc(var(--size) * 0.19), 18px) !important;
  --font-small: clamp(11px, calc(var(--size) * 0.18), 16px) !important;
  --font-base: clamp(14px, calc(var(--size) * 0.24), 22px) !important;
  --font-helper: clamp(15px, calc(var(--size) * 0.25), 23px) !important;
  --font-large: clamp(22px, calc(var(--size) * 0.38), 36px) !important;
}

.app,
.preview,
#preview.previewHiddenTop,
.grid,
#grid,
.scoreFeed,
.topIconRow,
.brandTagline,
.helperText {
  width: var(--candidate92j-grid-width) !important;
  max-width: var(--candidate92j-grid-width) !important;
}

.app {
  margin-left: auto !important;
  margin-right: auto !important;
}

.preview,
#preview.previewHiddenTop,
.grid,
#grid {
  gap: var(--gap) !important;
}

.preview,
#preview.previewHiddenTop {
  grid-template-columns: repeat(5, var(--size)) !important;
}

.grid,
#grid {
  grid-template-columns: repeat(5, var(--size)) !important;
  grid-template-rows: repeat(5, var(--size)) !important;
}


#grid .mega > .megaInner.mega65.mega73,
#grid .mega .mega65.mega73,
#grid .mega .mega73,
.grid .mega > .megaInner.mega65.mega73,
.grid .mega .mega65.mega73,
.grid .mega .mega73,
.mega > .megaInner.mega65.mega73,
.mega .mega65.mega73,
.mega .mega73 {
  position: relative !important;
  display: block !important;
  grid-template-rows: none !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: inherit !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 47%, rgba(255,255,255,0.78) 0%, rgba(255,251,241,0.96) 62%, rgba(250,241,220,0.98) 100%) !important;
  box-shadow: none !important;
}

#grid .mega .mega65Banner.mega73Banner,
#grid .mega .mega73Banner,
.grid .mega .mega65Banner.mega73Banner,
.grid .mega .mega73Banner,
.mega .mega65Banner.mega73Banner,
.mega .mega73Banner {
  
  grid-row: auto !important;
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
}


#grid .mega .mega65Body.mega73Body,
#grid .mega .mega73Body,
.grid .mega .mega65Body.mega73Body,
.grid .mega .mega73Body,
.mega .mega65Body.mega73Body,
.mega .mega73Body {
  
  grid-row: auto !important;
  
  
  
  min-height: 0 !important;
  
  
  
  
  
  
  z-index: 2 !important;
}


#grid .mega .mega73GuessTiles .megaDashCell::after,
#grid .mega .mega65Letters.mega73GuessTiles .megaDashCell::after,
.grid .mega .mega73GuessTiles .megaDashCell::after,
.grid .mega .mega65Letters.mega73GuessTiles .megaDashCell::after,
.mega .mega73GuessTiles .megaDashCell::after,
.mega .mega65Letters.mega73GuessTiles .megaDashCell::after {
  height: max(2px, calc(var(--size) * 0.024)) !important;
  background: rgba(207, 191, 148, 0.36) !important;
}


#grid .mega .controls.megaControls button.action,
#grid .mega .controls.megaControls #clear-btn,
#grid .mega .controls.megaControls #submit-btn,
.grid .mega .controls.megaControls button.action,
.grid .mega .controls.megaControls #clear-btn,
.grid .mega .controls.megaControls #submit-btn,
.mega .controls.megaControls button.action,
.mega .controls.megaControls #clear-btn,
.mega .controls.megaControls #submit-btn {
  
  
  
  
  
  
  
  overflow: hidden !important;
}


.mega73Banner .mega65StreakValue {
  min-width: 30px !important;
  max-width: 38px !important;
  width: 32px !important;
}


.scoreFeed {
  background: #ffffff !important;
  
}


#preview.previewHiddenTop .previewTile,
.preview.previewHiddenTop .previewTile,
#preview.previewHiddenTop .previewTile.missed,
.preview.previewHiddenTop .previewTile.missed {
  border-color: #23923a !important;
}

.scoreFeed {
  border-color: #23923a !important;
}


.mega .megaStatsLink.mega65Stats,
.mega65Stats,
.mega .megaStatsLink.mega65Stats {
  transform: translateY(8px) !important;
  font-size: min(19px, calc(var(--size) * 0.235)) !important;
}

.mega73Banner .mega65StreakText {
  font-size: min(17px, calc(var(--size) * 0.215)) !important;
  
  
}


.mega .controls.megaControls {
  
  
  
  
  
  
  
  margin-bottom: 0 !important;
}

.mega .controls.megaControls #submit-btn {
  
  width: 100% !important;
}

.mega .controls.megaControls button.action {
  min-height: clamp(30px, calc(var(--size) * 0.39), 39px) !important;
  border-radius: 999px !important;
  font-size: clamp(12px, 3.2vw, 17px) !important;
  font-weight: 900 !important;
  padding: 4px 8px !important;
  line-height: 1 !important;
}

.mega .controls.megaControls #delete-btn,
.mega .controls.megaControls #clear-btn {
  background: rgba(255,255,255,0.70) !important;
  border-color: #a8a49a !important;
  color: #707070 !important;
}


.bottomStatsRow {
  width: calc(var(--size) * 5 + var(--gap) * 4);
  max-width: 100%;
  margin: 12px auto 6px auto;
  display: flex;
  justify-content: center;
}

.bottomStatsBtn {
  min-height: 42px;
  width: min(190px, 62%);
  border: 2px solid #23923a;
  border-radius: 999px;
  background: #ffffff;
  color: #08752f;
  font-family: inherit;
  font-size: var(--font-base);
  font-weight: 900;
  cursor: pointer;
}

.bottomStatsBtn:disabled {
  opacity: 0.5;
  cursor: default;
}


.megaControlsMount {
  
  
  
  
  
  justify-content: center !important;
  align-items: center !important;
  
  
  
}

.mega .controls.megaControls {
  
  
  min-width: 0 !important;
  
  
  
  
  
  
  
  
  
  transform: none !important;
}

.mega .controls.megaControls button.action,
.mega .controls.megaControls #submit-btn,
.mega .controls.megaControls #delete-btn,
.mega .controls.megaControls #clear-btn {
  
  
  
  
  
  
  border-radius: 12px !important;
  
  
  
  
  
  
  font-size: clamp(13px, 3.2vw, 18px) !important;
  font-weight: 900 !important;
}

.mega .controls.megaControls #submit-btn {
  
  
  justify-self: stretch !important;
  align-self: stretch !important;
}


.mega .controls.megaControls #clear-btn {
  
  
  gap: 4px !important;
}

.mega .controls.megaControls .clearIcon {
  width: 17px !important;
  height: 17px !important;
  flex: 0 0 17px !important;
}


.mega65Body.mega73Body,
.mega73Body {
  
  padding-bottom: 42px !important;
}

.megaControlsMount {
  
  
  
  
  
  
  
  
  
  
  z-index: 3 !important;
}


.mega .controls.megaControls #clear-btn svg,
.mega .controls.megaControls .clearIcon,
.mega .controls.megaControls #delete-btn svg,
.mega .controls.megaControls .deleteIcon {
  width: 21px !important;
  height: 21px !important;
  flex: 0 0 21px !important;
  display: block !important;
  stroke: currentColor !important;
  fill: none !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}


.mega65Body.mega73Body,
.mega73Body {
  position: static !important;
  padding: 8px 0 0 !important;
  display: grid !important;
  
  
  
  overflow: hidden !important;
}


.megaControlsMount {
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  
  align-self: end !important;
  justify-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  transform: none !important;
  overflow: visible !important;
}

.mega .controls.megaControls {
  width: 100% !important;
  max-width: none !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 25% 50% 25% !important;
  grid-template-rows: 40px !important;
  gap: 0 !important;
  align-items: stretch !important;
  justify-items: stretch !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

.mega .controls.megaControls button.action,
.mega .controls.megaControls #submit-btn,
.mega .controls.megaControls #delete-btn,
.mega .controls.megaControls #clear-btn {
  width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-width: 2px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1 !important;
  overflow: hidden !important;
}

.mega .controls.megaControls #clear-btn {
  grid-column: 1 !important;
  grid-row: 1 !important;
  border-radius: 0 0 0 20px !important;
  background: #dceefa !important;
  border-color: #9fc5df !important;
  color: #1f587a !important;
}

.mega .controls.megaControls #submit-btn {
  grid-column: 2 !important;
  grid-row: 1 !important;
  border-radius: 0 !important;
  
  
  
  font-size: clamp(14px, 3.5vw, 18px) !important;
  font-weight: 900 !important;
}

.mega .controls.megaControls #delete-btn {
  grid-column: 3 !important;
  grid-row: 1 !important;
  border-radius: 0 0 20px 0 !important;
  background: #dceefa !important;
  border-color: #9fc5df !important;
  color: #1f587a !important;
}

.roundedBackspace,
.clearSymbol {
  display: block !important;
  color: currentColor !important;
  font-family: var(--font-body) !important;
  font-size: 27px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  transform: translateY(-1px) !important;
}

.roundedBackspace {
  font-size: 29px !important;
  font-weight: 700 !important;
}


.mega .controls.megaControls #clear-btn,
.mega .controls.megaControls #delete-btn {
  background: #dcefd8 !important;
  border-color: #b7d9b4 !important;
  color: #1f6f2d !important;
}

.deleteArrow {
  display: block !important;
  color: currentColor !important;
  font-family: var(--font-body) !important;
  
  
  line-height: 1 !important;
  transform: translateY(-1px) !important;
}


.mega73Banner .mega65Icon,
.mega73Banner .mega65StreakText,
.mega73Banner .mega65StreakValue {
  color: #1f6f2d !important;
  filter: none !important;
}

.mega73Banner .mega65StreakText,
.mega73Banner .mega65StreakValue {
  font-size: min(18px, calc(var(--size) * 0.225)) !important;
  line-height: 1 !important;
}

.mega73Banner .mega65StreakText {
  font-weight: 850 !important;
  letter-spacing: min(0.09em, 1.45px) !important;
}

.mega73Banner .mega65StreakValue {
  font-weight: 900 !important;
}

.mega73GuessTiles .megaDashCell::after {
  background: #e7d99f !important;
}

.deleteArrow {
  font-weight: 1000 !important;
  font-size: 25px !important;
  text-shadow: 0.45px 0 currentColor, -0.45px 0 currentColor !important;
}


.mega65Banner.mega73Banner,
.mega73Banner {
  background: #fff4df !important;
  color: #1f6f2d !important;
}

.mega73Banner .mega65Icon {
  color: #ff7a1a !important;
  filter: none !important;
}

.mega73Banner .mega65StreakText,
.mega73Banner .mega65StreakValue {
  color: #1f6f2d !important;
}

.mega .controls.megaControls #clear-btn,
.mega .controls.megaControls #submit-btn,
.mega .controls.megaControls #delete-btn {
  background: #fff4df !important;
  border-color: #e3c36d !important;
  color: #1f6f2d !important;
}

.mega .controls.megaControls #submit-btn {
  background: #fff4df !important;
  border-color: #e3c36d !important;
  color: #1f6f2d !important;
}


.mega {
  border: 2px solid #111111 !important;
  box-shadow: none !important;
}


#grid .mega::before,
#grid .mega::after,
.grid .mega::before,
.grid .mega::after,
.mega::before,
.mega::after {
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

#grid .mega > .megaInner,
#grid .mega .mega65,
#grid .mega .mega73,
#grid .mega .mega65.mega73,
.grid .mega > .megaInner,
.grid .mega .mega65,
.grid .mega .mega73,
.grid .mega .mega65.mega73,
.mega > .megaInner,
.mega .mega65,
.mega .mega73,
.mega .mega65.mega73 {
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

#grid .mega .mega65Banner,
#grid .mega .mega73Banner,
#grid .mega .mega65Body,
#grid .mega .mega73Body,
.grid .mega .mega65Banner,
.grid .mega .mega73Banner,
.grid .mega .mega65Body,
.grid .mega .mega73Body,
.mega .mega65Banner,
.mega .mega73Banner,
.mega .mega65Body,
.mega .mega73Body {
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}


#grid .mega,
.grid .mega,
.mega {
  border-color: #23923a !important;
}


.topIconRow {
  width: calc(var(--size) * 5 + var(--gap) * 4) !important;
  max-width: 100% !important;
  margin: calc(var(--size) * 0.10) auto calc(var(--size) * 0.10) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: calc(var(--size) * 0.25) !important;
}

.topIconBtn {
  width: calc(var(--size) * 0.44) !important;
  height: calc(var(--size) * 0.44) !important;
  border: 0 !important;
  background: transparent !important;
  color: #111111 !important;
  padding: calc(var(--size) * 0.035) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

.topIconBtn svg {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  stroke: currentColor !important;
  fill: none !important;
  stroke-width: 2.4 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.brandTagline {
  margin-top: 0 !important;
}

.bottomStatsRow,
.footerLinks {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}


.mega73GuessTiles,
.mega65Letters.mega73GuessTiles {
  
  justify-self: center !important;
  
  text-align: center !important;
}

.megaRunningScore {
  
  width: 100% !important;
  min-height: 1em !important;
  
  
  
  
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: var(--font-body) !important;
}


.mega73GuessTiles .megaDashCell,
.mega65 .megaGuessTiles .megaDashCell {
  justify-content: center !important;
  text-align: center !important;
}

.mega73GuessTiles .megaDashCell::after,
.mega65 .megaGuessTiles .megaDashCell::after,
.mega73GuessTiles .megaDashCell:not(:empty)::after,
.mega65 .megaGuessTiles .megaDashCell:not(:empty)::after {
  background: #f4ebd4 !important;
  opacity: 0.55 !important;
}


.brandTagline {
  font-size: calc(var(--size) * 0.245) !important;
  letter-spacing: calc(var(--size) * 0.006) !important;
  column-gap: calc(var(--size) * 0.09) !important;
  gap: calc(var(--size) * 0.09) !important;
  width: var(--candidate92j-grid-width) !important;
  max-width: var(--candidate92j-grid-width) !important;
}

.brandTagline .brandDot {
  font-size: 0.86em !important;
}

.mega65Body.mega73Body,
.mega73Body {
  grid-template-rows: minmax(0, 0.38fr) auto minmax(0, 0.85fr) auto minmax(0, 0.48fr) 40px !important;
  align-items: center !important;
  justify-items: center !important;
}

.mega73GuessTiles,
.mega65Letters.mega73GuessTiles {
  grid-row: 2 !important;
  align-self: end !important;
}

.megaRunningScore {
  grid-row: 4 !important;
  align-self: start !important;
  color: #23923a !important;
  font-size: min(58px, calc(var(--size) * 0.72)) !important;
  font-weight: 1000 !important;
  line-height: 0.95 !important;
}

.megaControlsMount {
  grid-row: 6 !important;
}

#preview.previewHiddenTop .previewTile,
.preview.previewHiddenTop .previewTile,
#preview.previewHiddenTop .previewTile.missed,
.preview.previewHiddenTop .previewTile.missed {
  border: 2px solid #23923a !important;
  background: #ffffff !important;
  color: #23923a !important;
  font-family: inherit !important;
  font-size: clamp(18px, calc(var(--size) * 0.36), 34px) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}


#grid .mega,
.grid .mega,
.mega {
  border: max(2px, calc(var(--size) * 0.028)) solid #128c36 !important;
  border-radius: calc(var(--radius) * 1.28) !important;
  
  box-shadow: 0 5px 13px rgba(26, 92, 43, 0.10) !important;
  outline: none !important;
  
}


#grid .mega .mega65Banner.mega73Banner,
#grid .mega .mega73Banner,
.grid .mega .mega65Banner.mega73Banner,
.grid .mega .mega73Banner,
.mega .mega65Banner.mega73Banner,
.mega .mega73Banner {
  
  
  
  
  
  min-height: 0 !important;
  padding: 0 calc(var(--size) * 0.18) !important;
  
  
  
  color: #08752f !important;
  
  
  
}

#grid .mega .mega73Banner .mega65Icon,
.grid .mega .mega73Banner .mega65Icon,
.mega .mega73Banner .mega65Icon {
  
  color: #ff7a1a !important;
  filter: none !important;
  
}

#grid .mega .mega73Banner .mega65StreakText,
.grid .mega .mega73Banner .mega65StreakText,
.mega .mega73Banner .mega65StreakText {
  color: #08752f !important;
  
  
  
  
}

#grid .mega .mega73Banner .mega65StreakValue,
.grid .mega .mega73Banner .mega65StreakValue,
.mega .mega73Banner .mega65StreakValue {
  
  
  color: #08752f !important;
  
  
  
}


#grid .mega .mega73GuessTiles .megaDashCell::after,
#grid .mega .mega65 .megaGuessTiles .megaDashCell::after,
#grid .mega .mega73GuessTiles .megaDashCell:not(:empty)::after,
#grid .mega .mega65 .megaGuessTiles .megaDashCell:not(:empty)::after,
.grid .mega .mega73GuessTiles .megaDashCell::after,
.grid .mega .mega65 .megaGuessTiles .megaDashCell::after,
.grid .mega .mega73GuessTiles .megaDashCell:not(:empty)::after,
.grid .mega .mega65 .megaGuessTiles .megaDashCell:not(:empty)::after,
.mega .mega73GuessTiles .megaDashCell::after,
.mega .mega65 .megaGuessTiles .megaDashCell::after,
.mega .mega73GuessTiles .megaDashCell:not(:empty)::after,
.mega .mega65 .megaGuessTiles .megaDashCell:not(:empty)::after {
  height: max(2px, calc(var(--size) * 0.026)) !important;
  border-radius: 999px !important;
  background: #eadfc4 !important;
  opacity: 0.72 !important;
}

#grid .mega .megaRunningScore,
.grid .mega .megaRunningScore,
.mega .megaRunningScore {
  
  
  
  
  
  
  
  
  text-shadow: 0 1px 0 rgba(255,255,255,0.35) !important;
}


#grid .mega .controls.megaControls,
.grid .mega .controls.megaControls,
.mega .controls.megaControls {
  
  
  
  max-width: none !important;
  
  
  
  
  
  
  
  
  
}


#grid .mega .controls.megaControls #clear-btn,
.grid .mega .controls.megaControls #clear-btn,
.mega .controls.megaControls #clear-btn {
  
  grid-row: 1 !important;
  
  
  
  
}

#grid .mega .controls.megaControls #submit-btn,
.grid .mega .controls.megaControls #submit-btn,
.mega .controls.megaControls #submit-btn {
  
  grid-row: 1 !important;
  
  
  
  
}


#grid .mega .controls.megaControls .resetIcon svg,
#grid .mega .controls.megaControls .submitIcon svg,
.grid .mega .controls.megaControls .resetIcon svg,
.grid .mega .controls.megaControls .submitIcon svg,
.mega .controls.megaControls .resetIcon svg,
.mega .controls.megaControls .submitIcon svg {
  
  
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

#grid .mega .controls.megaControls #submit-btn .submitIcon svg,
.grid .mega .controls.megaControls #submit-btn .submitIcon svg,
.mega .controls.megaControls #submit-btn .submitIcon svg {
  stroke-width: 3.8 !important;
}

#grid .mega .controls.megaControls .buttonText,
.grid .mega .controls.megaControls .buttonText,
.mega .controls.megaControls .buttonText {
  
  white-space: nowrap !important;
}

#grid .mega .controls.megaControls #clear-btn:disabled,
#grid .mega .controls.megaControls #submit-btn:disabled,
.grid .mega .controls.megaControls #clear-btn:disabled,
.grid .mega .controls.megaControls #submit-btn:disabled,
.mega .controls.megaControls #clear-btn:disabled,
.mega .controls.megaControls #submit-btn:disabled {
  opacity: 0.55 !important;
  filter: grayscale(0.15) saturate(0.82) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.72),
    inset 0 -1px 0 rgba(0,0,0,0.08) !important;
}


#grid .mega .mega73Banner .mega65StreakText,
.grid .mega .mega73Banner .mega65StreakText,
.mega .mega73Banner .mega65StreakText {
  
  
  
  
  min-width: 0 !important;
}


#grid .mega .mega65Body.mega73Body,
#grid .mega .mega73Body,
.grid .mega .mega65Body.mega73Body,
.grid .mega .mega73Body,
.mega .mega65Body.mega73Body,
.mega .mega73Body {
  top: 0 !important;
  
  
  
  
  
  
  
  
}


#grid .mega .controls.megaControls .resetIcon,
#grid .mega .controls.megaControls .submitIcon,
.grid .mega .controls.megaControls .resetIcon,
.grid .mega .controls.megaControls .submitIcon,
.mega .controls.megaControls .resetIcon,
.mega .controls.megaControls .submitIcon {
  
  
  flex-basis: calc(var(--size) * 0.215) !important;
}


#grid .mega .megaControlsMount,
.grid .mega .megaControlsMount,
.mega .megaControlsMount {
  
  
  
  
  
  
  min-height: 0 !important;
  max-height: none !important;
  
  
  
  
  transform: none !important;
  
}

#grid .mega .controls.megaControls,
.grid .mega .controls.megaControls,
.mega .controls.megaControls {
  
  
  min-height: 0 !important;
  max-height: none !important;
  
  
  
  
  
  
  
  
  
}

#grid .mega .controls.megaControls #delete-btn,
.grid .mega .controls.megaControls #delete-btn,
.mega .controls.megaControls #delete-btn {
  
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

#grid .mega .controls.megaControls button.action,
#grid .mega .controls.megaControls #clear-btn,
#grid .mega .controls.megaControls #submit-btn,
.grid .mega .controls.megaControls button.action,
.grid .mega .controls.megaControls #clear-btn,
.grid .mega .controls.megaControls #submit-btn,
.mega .controls.megaControls button.action,
.mega .controls.megaControls #clear-btn,
.mega .controls.megaControls #submit-btn {
  
  
  min-width: 0 !important;
  
  
  margin: 0 !important;
  
  
  
  
  
  
  font-family: var(--font-body) !important;
  
  
  
  letter-spacing: -0.02em !important;
  
  
  transition: none !important;
}

#grid .mega .controls.megaControls #clear-btn,
.grid .mega .controls.megaControls #clear-btn,
.mega .controls.megaControls #clear-btn {
  grid-column: 1 !important;
  background: linear-gradient(180deg, #fffdf6 0%, #f8f0dc 100%) !important;
  border: max(1px, calc(var(--size) * 0.014)) solid #d7c8aa !important;
  color: #313a3d !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.96),
    inset 0 -2px 0 rgba(158, 140, 104, 0.12),
    0 calc(var(--size) * 0.040) calc(var(--size) * 0.060) rgba(92, 70, 25, 0.18) !important;
}

#grid .mega .controls.megaControls #submit-btn,
.grid .mega .controls.megaControls #submit-btn,
.mega .controls.megaControls #submit-btn {
  grid-column: 2 !important;
  background: linear-gradient(180deg, #33bd40 0%, #18a233 58%, #08752f 100%) !important;
  border: max(1px, calc(var(--size) * 0.014)) solid #08752f !important;
  color: #ffffff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.24),
    inset 0 -3px 0 rgba(0, 65, 20, 0.22),
    0 calc(var(--size) * 0.040) calc(var(--size) * 0.060) rgba(0, 79, 24, 0.26) !important;
}

#grid .mega .controls.megaControls .resetIcon,
#grid .mega .controls.megaControls .submitIcon,
.grid .mega .controls.megaControls .resetIcon,
.grid .mega .controls.megaControls .submitIcon,
.mega .controls.megaControls .resetIcon,
.mega .controls.megaControls .submitIcon {
  
  
  
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#grid .mega .controls.megaControls .resetIcon svg,
#grid .mega .controls.megaControls .submitIcon svg,
.grid .mega .controls.megaControls .resetIcon svg,
.grid .mega .controls.megaControls .submitIcon svg,
.mega .controls.megaControls .resetIcon svg,
.mega .controls.megaControls .submitIcon svg {
  width: 100% !important;
  height: 100% !important;
  stroke-width: 3.3 !important;
}


#grid .mega,
.grid .mega,
.mega {
  background: radial-gradient(circle at 50% 46%, rgba(255,255,255,0.78) 0%, rgba(255,251,241,0.96) 62%, rgba(250,241,220,0.98) 100%) !important;
  
}

#grid .mega .mega65.mega73,
#grid .mega .mega73,
.grid .mega .mega65.mega73,
.grid .mega .mega73,
.mega .mega65.mega73,
.mega .mega73 {
  
  
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  
  box-sizing: border-box !important;
}

#grid .mega .mega65Body.mega73Body,
#grid .mega .mega73Body,
.grid .mega .mega65Body.mega73Body,
.grid .mega .mega73Body,
.mega .mega65Body.mega73Body,
.mega .mega73Body {
  
  
  
  
  
  
  
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  
  
}

#grid .mega .mega65Body.mega73Body::before,
#grid .mega .mega65Body.mega73Body::after,
#grid .mega .mega73Body::before,
#grid .mega .mega73Body::after,
.grid .mega .mega65Body.mega73Body::before,
.grid .mega .mega65Body.mega73Body::after,
.grid .mega .mega73Body::before,
.grid .mega .mega73Body::after,
.mega .mega65Body.mega73Body::before,
.mega .mega65Body.mega73Body::after,
.mega .mega73Body::before,
.mega .mega73Body::after {
  display: none !important;
  content: none !important;
}


#grid .mega .mega73GuessTiles,
#grid .mega .mega65Letters.mega73GuessTiles,
.grid .mega .mega73GuessTiles,
.grid .mega .mega65Letters.mega73GuessTiles,
.mega .mega73GuessTiles,
.mega .mega65Letters.mega73GuessTiles {
  
  
  gap: calc(var(--size) * 0.11) !important;
  
}

#grid .mega .mega73GuessTiles .megaDashCell,
#grid .mega .mega65Letters.mega73GuessTiles .megaDashCell,
.grid .mega .mega73GuessTiles .megaDashCell,
.grid .mega .mega65Letters.mega73GuessTiles .megaDashCell,
.mega .mega73GuessTiles .megaDashCell,
.mega .mega65Letters.mega73GuessTiles .megaDashCell {
  min-width: calc(var(--size) * 0.18) !important;
}


#grid .mega .controls.megaControls button.action,
#grid .mega .controls.megaControls #clear-btn,
#grid .mega .controls.megaControls #submit-btn,
.grid .mega .controls.megaControls button.action,
.grid .mega .controls.megaControls #clear-btn,
.grid .mega .controls.megaControls #submit-btn,
.mega .controls.megaControls button.action,
.mega .controls.megaControls #clear-btn,
.mega .controls.megaControls #submit-btn {
  
  
  
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.94),
    inset 0 -3px 0 rgba(140,120,80,0.11),
    0 calc(var(--size) * 0.036) calc(var(--size) * 0.050) rgba(90, 74, 41, 0.16) !important;
}


#grid .mega .controls.megaControls .buttonText,
.grid .mega .controls.megaControls .buttonText,
.mega .controls.megaControls .buttonText {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
}


#grid .mega .mega65Body.mega73Body,
#grid .mega .mega73Body,
.grid .mega .mega65Body.mega73Body,
.grid .mega .mega73Body,
.mega .mega65Body.mega73Body,
.mega .mega73Body {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: calc(var(--size) * 0.78) calc(var(--size) * 0.10) calc(var(--size) * 0.12) !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  
  align-items: center !important;
  justify-items: center !important;
  row-gap: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

#grid .mega .mega73GuessTiles,
#grid .mega .mega65Letters.mega73GuessTiles,
.grid .mega .mega73GuessTiles,
.grid .mega .mega65Letters.mega73GuessTiles,
.mega .mega73GuessTiles,
.mega .mega65Letters.mega73GuessTiles {
  position: static !important;
  grid-row: 2 !important;
  left: auto !important;
  top: auto !important;
  width: 64% !important;
  max-width: none !important;
  margin: 0 !important;
  transform: none !important;
  
  justify-self: center !important;
  z-index: 3 !important;
}

#grid .mega .megaRunningScore,
.grid .mega .megaRunningScore,
.mega .megaRunningScore {
  position: static !important;
  grid-row: 4 !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  
  justify-self: center !important;
  color: #13963a !important;
  font-size: calc(var(--size) * 0.62) !important;
  font-weight: 1000 !important;
  line-height: 0.88 !important;
  text-align: center !important;
  z-index: 3 !important;
}

#grid .mega .megaControlsMount,
.grid .mega .megaControlsMount,
.mega .megaControlsMount {
  position: static !important;
  grid-row: 6 !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 100% !important;
  
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  
  justify-self: stretch !important;
  z-index: 5 !important;
  box-sizing: border-box !important;
}

#grid .mega .controls.megaControls,
.grid .mega .controls.megaControls,
.mega .controls.megaControls {
  width: 100% !important;
  height: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  grid-template-rows: 1fr !important;
  gap: calc(var(--size) * 0.11) !important;
  align-items: stretch !important;
  justify-items: stretch !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

#grid .mega .controls.megaControls button.action,
#grid .mega .controls.megaControls #clear-btn,
#grid .mega .controls.megaControls #submit-btn,
.grid .mega .controls.megaControls button.action,
.grid .mega .controls.megaControls #clear-btn,
.grid .mega .controls.megaControls #submit-btn,
.mega .controls.megaControls button.action,
.mega .controls.megaControls #clear-btn,
.mega .controls.megaControls #submit-btn {
  height: 100% !important;
  width: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 calc(var(--size) * 0.11) !important;
  border-radius: calc(var(--radius) * 0.78) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: calc(var(--size) * 0.075) !important;
  font-size: calc(var(--size) * 0.23) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  transform: none !important;
  box-sizing: border-box !important;
}

#grid .mega .controls.megaControls #delete-btn,
.grid .mega .controls.megaControls #delete-btn,
.mega .controls.megaControls #delete-btn {
  display: none !important;
}

#grid .mega .controls.megaControls .resetIcon,
#grid .mega .controls.megaControls .submitIcon,
.grid .mega .controls.megaControls .resetIcon,
.grid .mega .controls.megaControls .submitIcon,
.mega .controls.megaControls .resetIcon,
.mega .controls.megaControls .submitIcon {
  width: calc(var(--size) * 0.27) !important;
  height: calc(var(--size) * 0.27) !important;
  flex: 0 0 calc(var(--size) * 0.27) !important;
}


#grid .mega .mega65Body.mega73Body,
#grid .mega .mega73Body,
.grid .mega .mega65Body.mega73Body,
.grid .mega .mega73Body,
.mega .mega65Body.mega73Body,
.mega .mega73Body {
  grid-template-rows:
    minmax(0, 1fr)
    calc(var(--size) * 0.16)
    calc(var(--size) * 0.235)
    calc(var(--size) * 0.58)
    calc(var(--size) * 0.16)
    calc(var(--size) * 0.76) !important;
}

#grid .mega .mega73GuessTiles,
#grid .mega .mega65Letters.mega73GuessTiles,
.grid .mega .mega73GuessTiles,
.grid .mega .mega65Letters.mega73GuessTiles,
.mega .mega73GuessTiles,
.mega .mega65Letters.mega73GuessTiles {
  align-self: start !important;
  margin-top: calc(var(--size) * -0.045) !important;
}

#grid .mega .megaRunningScore,
.grid .mega .megaRunningScore,
.mega .megaRunningScore {
  align-self: center !important;
  margin-top: 0 !important;
}

#grid .mega .megaControlsMount,
.grid .mega .megaControlsMount,
.mega .megaControlsMount {
  height: 90% !important;
  align-self: end !important;
}


#grid .mega .mega65Banner.mega73Banner,
#grid .mega .mega73Banner,
.grid .mega .mega65Banner.mega73Banner,
.grid .mega .mega73Banner,
.mega .mega65Banner.mega73Banner,
.mega .mega73Banner {
  display: grid !important;
  
  
  
  
  
  
}


#grid .mega .mega73Banner .mega65StreakText,
.grid .mega .mega73Banner .mega65StreakText,
.mega .mega73Banner .mega65StreakText {
  
  text-align: left !important;
  
  font-size: calc(var(--size) * 0.225) !important;
  
  
  line-height: 1 !important;
  white-space: nowrap !important;
  
}

#grid .mega .mega73Banner .mega65StreakValue,
.grid .mega .mega73Banner .mega65StreakValue,
.mega .mega73Banner .mega65StreakValue {
  justify-self: center !important;
  align-self: center !important;
  width: calc(var(--size) * 0.48) !important;
  min-width: calc(var(--size) * 0.48) !important;
  max-width: calc(var(--size) * 0.48) !important;
  text-align: center !important;
  
  font-size: calc(var(--size) * 0.245) !important;
  
  line-height: 1 !important;
}


#grid .mega .mega65Banner.mega73Banner,
#grid .mega .mega73Banner,
.grid .mega .mega65Banner.mega73Banner,
.grid .mega .mega73Banner,
.mega .mega65Banner.mega73Banner,
.mega .mega73Banner {
  
  
  
  
  
  border-top-left-radius: inherit !important;
  border-top-right-radius: inherit !important;
  border-bottom-left-radius: calc(var(--radius) * 0.58) !important;
  border-bottom-right-radius: calc(var(--radius) * 0.58) !important;
  
  
  
  
  
  
}


#grid .mega,
.grid .mega,
.mega {
  position: relative !important;
  overflow: hidden !important;
}

#grid .mega .mega65.mega73,
#grid .mega .mega73,
.grid .mega .mega65.mega73,
.grid .mega .mega73,
.mega .mega65.mega73,
.mega .mega73 {
  position: absolute !important;
  inset: 0 !important;
  overflow: hidden !important;
  border-radius: inherit !important;
}

#grid .mega .mega65.mega73::before,
#grid .mega .mega73::before,
.grid .mega .mega65.mega73::before,
.grid .mega .mega73::before,
.mega .mega65.mega73::before,
.mega .mega73::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: calc(var(--size) * 0.735) !important;
  background: linear-gradient(180deg, #fff9e9 0%, #fff4dc 100%) !important;
  border-top-left-radius: inherit !important;
  border-top-right-radius: inherit !important;
  border-bottom-left-radius: calc(var(--radius) * 0.58) !important;
  border-bottom-right-radius: calc(var(--radius) * 0.58) !important;
  box-shadow: inset 0 -1px 0 rgba(206, 183, 122, 0.30) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

#grid .mega .mega65Banner.mega73Banner,
#grid .mega .mega73Banner,
.grid .mega .mega65Banner.mega73Banner,
.grid .mega .mega73Banner,
.mega .mega65Banner.mega73Banner,
.mega .mega73Banner {
  position: absolute !important;
  top: calc(var(--size) * 0.060) !important;
  left: calc(var(--size) * 0.065) !important;
  right: calc(var(--size) * 0.065) !important;
  width: auto !important;
  height: calc(var(--size) * 0.620) !important;
  margin: 0 !important;
  padding-left: calc(var(--size) * 0.085) !important;
  padding-right: calc(var(--size) * 0.060) !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  outline: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
  z-index: 2 !important;
  grid-template-columns: calc(var(--size) * 0.28) minmax(0, 1fr) calc(var(--size) * 0.48) !important;
  column-gap: calc(var(--size) * 0.012) !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

#grid .mega .mega73Banner .mega65Icon,
.grid .mega .mega73Banner .mega65Icon,
.mega .mega73Banner .mega65Icon {
  justify-self: center !important;
  font-size: calc(var(--size) * 0.265) !important;
  line-height: 1 !important;
  transform: translateX(calc(var(--size) * -0.132)) !important;
}


#grid .mega .mega73Banner .mega65StreakValue,
.grid .mega .mega73Banner .mega65StreakValue,
.mega .mega73Banner .mega65StreakValue {
  transform: translateX(calc(var(--size) * -0.050)) !important;
}


html,
body,
button,
input,
select,
textarea,
.game,
.app,
.grid,
.tile,
.wordif-tagline,
.iconRow,
.previewTile,
.guessedWords,
.guessedWords *,
.mega,
.mega *,
.controls,
.controls * {
  font-family: var(--font-body) !important;
  font-synthesis: none !important;
  font-stretch: normal !important;
  text-size-adjust: 100% !important;
  -webkit-text-size-adjust: 100% !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: geometricPrecision !important;
}

/* Make the high-impact uppercase game text use the same heavy face/weight
   everywhere instead of relying on browser-specific synthetic bolding. */
.wordif-tagline,
.previewTile,
.tile,
.guessedWords,
.guessedWords *,
.mega .mega65StreakText,
.mega .mega65StreakValue,
.mega .megaRunningScore,
.mega .controls.megaControls button.action,
.mega .controls.megaControls .buttonText {
  font-family: var(--font-body) !important;
  font-weight: 900 !important;
  font-synthesis: none !important;
  font-stretch: normal !important;
}

/* The win-streak banner is the most sensitive text; lock its spacing and
   thickness so mobile does not look narrower/lighter than desktop. */


#grid .mega .mega73Banner .mega65StreakValue,
.grid .mega .mega73Banner .mega65StreakValue,
.mega .mega73Banner .mega65StreakValue {
  
  
  font-stretch: normal !important;
  
  
  
  
  -webkit-font-smoothing: antialiased !important;
}

/* Avoid browser default button text rendering differences. */
button,
button * {
  appearance: none !important;
  -webkit-appearance: none !important;
  text-transform: none !important;
}


#grid .tile,
.grid .tile,
.tile,
#grid .previewTile,
.previewTile {
  font-family: var(--font-body) !important;
  font-weight: 800 !important;
  font-synthesis: weight !important;
  -webkit-text-stroke: 0 !important;
  paint-order: normal !important;
  text-rendering: optimizeLegibility !important;
}

#grid .mega .mega73Banner .mega65StreakText,
.grid .mega .mega73Banner .mega65StreakText,
.mega .mega73Banner .mega65StreakText {
  
  
  font-synthesis: weight !important;
  font-stretch: normal !important;
  
  
  
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  transform: translateX(calc(var(--size) * 0.015)) scaleX(0.925) !important;
  transform-origin: center center !important;
}

#grid .mega .mega73Banner .mega65StreakValue,
.grid .mega .mega73Banner .mega65StreakValue,
.mega .mega73Banner .mega65StreakValue {
  
  
  font-synthesis: weight !important;
  
  
  text-rendering: optimizeLegibility !important;
}


#grid > .tile,
.grid > .tile,
button.tile {
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  font-synthesis: weight !important;
  font-stretch: normal !important;
  letter-spacing: 0 !important;
  -webkit-text-stroke: 0 !important;
  paint-order: normal !important;
  text-shadow: none !important;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}

#grid .mega .mega73Banner .mega65StreakText,
.grid .mega .mega73Banner .mega65StreakText,
.mega .mega73Banner .mega65StreakText {
  font-family: var(--font-body) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  -webkit-text-stroke: 0 !important;
  paint-order: normal !important;
  text-shadow: none !important;
  overflow: visible !important;
  justify-self: start !important;
}

#grid .mega .mega73Banner .mega65StreakText .streakTextInner,
.grid .mega .mega73Banner .mega65StreakText .streakTextInner,
.mega .mega73Banner .mega65StreakText .streakTextInner {
  display: inline-block !important;
  font-family: var(--font-body) !important;
  font-weight: 800 !important;
  letter-spacing: calc(var(--size) * 0.020) !important;
  line-height: 1 !important;
  transform: scaleX(0.86) !important;
  transform-origin: left center !important;
  -webkit-text-stroke: 0 !important;
  paint-order: normal !important;
  text-shadow: none !important;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}

#grid .mega .mega73Banner .mega65StreakValue,
.grid .mega .mega73Banner .mega65StreakValue,
.mega .mega73Banner .mega65StreakValue {
  font-family: var(--font-body) !important;
  font-weight: 800 !important;
  -webkit-text-stroke: 0 !important;
  paint-order: normal !important;
  text-shadow: none !important;
}


:root {
  --candidate140-container-width: var(--candidate92j-grid-width);
}

html,
body {
  width: 100% !important;
  min-height: 100dvh !important;
  overflow-x: hidden !important;
}

body {
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
}

#game-container.app,
.app {
  width: var(--candidate140-container-width) !important;
  max-width: var(--candidate140-container-width) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  outline: 1px solid #000000 !important;
  outline-offset: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  box-sizing: border-box !important;
}

#game-container.app > .logoWrap,
#game-container.app > .topIconRow,
#game-container.app > .brandTagline,
#game-container.app > #preview,
#game-container.app > #grid,
#game-container.app > #score-feed,
#game-container.app > #helper-text {
  flex: 0 0 auto !important;
}

#game-container.app > .topIconRow,
#game-container.app > .brandTagline,
#game-container.app > #preview,
#game-container.app > #grid,
#game-container.app > #score-feed,
#game-container.app > #helper-text {
  width: 100% !important;
  max-width: 100% !important;
}

#game-container.app > #preview,
#game-container.app > #grid,
#game-container.app > #score-feed,
#game-container.app > #helper-text {
  margin-left: auto !important;
  margin-right: auto !important;
}

#game-container.app > #grid,
#game-container.app > #score-feed {
  width: calc(var(--size) * 5 + var(--gap) * 4) !important;
  max-width: calc(var(--size) * 5 + var(--gap) * 4) !important;
}

#game-container.app > .brandTagline,
#game-container.app > .topIconRow,
#game-container.app > #helper-text {
  width: calc(var(--size) * 5 + var(--gap) * 4) !important;
  max-width: calc(var(--size) * 5 + var(--gap) * 4) !important;
}


:root {
  --candidate150-board-width: calc(var(--size) * 5 + var(--gap) * 4);
}

#game-container.app > .logoWrap,
#game-container.app > .topIconRow,
#game-container.app > .brandTagline,
#game-container.app > #preview,
#game-container.app > #grid,
#game-container.app > #score-feed,
#game-container.app > #helper-text {
  flex: 0 0 auto !important;
}

#game-container.app > .topIconRow {
  width: var(--candidate150-board-width) !important;
  max-width: var(--candidate150-board-width) !important;
  margin: calc(var(--size) * 0.10) auto calc(var(--size) * 0.09) !important;
  gap: calc(var(--size) * 0.25) !important;
}

#game-container.app .topIconBtn {
  width: calc(var(--size) * 0.44) !important;
  height: calc(var(--size) * 0.44) !important;
  padding: calc(var(--size) * 0.035) !important;
}

#game-container.app .topIconBtn svg {
  width: 100% !important;
  height: 100% !important;
}

#game-container.app > .brandTagline {
  width: var(--candidate150-board-width) !important;
  max-width: var(--candidate150-board-width) !important;
  margin: 0 auto calc(var(--size) * 0.11) !important;
  font-size: calc(var(--size) * 0.245) !important;
  gap: calc(var(--size) * 0.09) !important;
}

#game-container.app > #grid {
  margin-bottom: calc(var(--size) * 0.12) !important;
}

#grid .mega .mega73GuessTiles,
#grid .mega .mega65Letters.mega73GuessTiles,
.grid .mega .mega73GuessTiles,
.grid .mega .mega65Letters.mega73GuessTiles,
.mega .mega73GuessTiles,
.mega .mega65Letters.mega73GuessTiles {
  width: 64% !important;
  gap: calc(var(--size) * 0.115) !important;
  margin-top: calc(var(--size) * -0.045) !important;
}

#grid .mega .mega73GuessTiles .megaDashCell,
#grid .mega .mega65Letters.mega73GuessTiles .megaDashCell,
.grid .mega .mega73GuessTiles .megaDashCell,
.grid .mega .mega65Letters.mega73GuessTiles .megaDashCell,
.mega .mega73GuessTiles .megaDashCell,
.mega .mega65Letters.mega73GuessTiles .megaDashCell {
  min-width: calc(var(--size) * 0.18) !important;
  height: calc(var(--size) * 0.31) !important;
  font-size: calc(var(--size) * 0.30) !important;
  line-height: 1 !important;
}

#grid .mega .mega73GuessTiles .megaDashCell::after,
#grid .mega .mega65Letters.mega73GuessTiles .megaDashCell::after,
.grid .mega .mega73GuessTiles .megaDashCell::after,
.grid .mega .mega65Letters.mega73GuessTiles .megaDashCell::after,
.mega .mega73GuessTiles .megaDashCell::after,
.mega .mega65Letters.mega73GuessTiles .megaDashCell::after {
  height: max(2px, calc(var(--size) * 0.026)) !important;
}

#game-container.app > #score-feed,
#score-feed.scoreFeed,
.scoreFeed {
  width: var(--candidate150-board-width) !important;
  max-width: var(--candidate150-board-width) !important;
  height: calc(var(--size) * 1.50) !important;
  min-height: 0 !important;
  margin: 0 auto calc(var(--size) * 0.10) !important;
  padding: 0 !important;
  border-width: max(1px, calc(var(--size) * 0.026)) !important;
}

.scoreTable {
  grid-template-rows: 30% 25% 8% 31% !important;
}

.scoreCell {
  padding: 0 calc(var(--size) * 0.025) !important;
}

.scoreCell:nth-child(5n + 1),
.scoreCell:nth-child(5n + 2),
.scoreCell:nth-child(5n + 3),
.scoreCell:nth-child(5n + 4) {
  border-right-width: max(1px, calc(var(--size) * 0.010)) !important;
}

.mainWordBadge {
  width: calc(var(--size) * 0.34) !important;
  height: calc(var(--size) * 0.34) !important;
  font-size: calc(var(--size) * 0.22) !important;
}

.scoreWordCell {
  font-size: calc(var(--size) * 0.18) !important;
  letter-spacing: calc(var(--size) * 0.006) !important;
}

.scoreRuleLine {
  width: 54% !important;
  height: max(1px, calc(var(--size) * 0.018)) !important;
}

.scoreValueCell {
  font-size: calc(var(--size) * 0.31) !important;
}

#game-container.app > #helper-text,
.helperText {
  width: var(--candidate150-board-width) !important;
  max-width: var(--candidate150-board-width) !important;
  min-height: calc(var(--size) * 0.28) !important;
  margin: 0 auto !important;
  font-size: calc(var(--size) * 0.18) !important;
  line-height: 1.15 !important;
}


html, body {
  margin: 0 !important;
  padding: 0 !important;
}

body {
  align-items: flex-start !important;
}


:root {
  --candidate161-logo-width: calc((var(--size) * 4) + (var(--gap) * 4));
}

#game-container.app > .brandTagline {
  width: var(--candidate161-logo-width) !important;
  max-width: var(--candidate161-logo-width) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0 !important;
  text-align: initial !important;
}

#game-container.app > .brandTagline > span {
  flex: 0 0 auto !important;
}


:root {
  --candidate162-tagline-font-size: calc(var(--size) * 0.294); /* 0.245 × 1.20 */
  --candidate162-tagline-tighten: calc(var(--size) * -0.036);
}

#game-container.app > .brandTagline {
  width: var(--candidate161-logo-width) !important;
  max-width: var(--candidate161-logo-width) !important;
  font-size: var(--candidate162-tagline-font-size) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0 !important;
  column-gap: 0 !important;
  letter-spacing: 0 !important;
}

#game-container.app > .brandTagline > span {
  flex: 0 0 auto !important;
  line-height: 1 !important;
}

#game-container.app > .brandTagline > .brandDot {
  margin-left: var(--candidate162-tagline-tighten) !important;
  margin-right: var(--candidate162-tagline-tighten) !important;
  font-size: 0.80em !important;
}

:root {
  --candidate163-tagline-gap: calc(var(--size) * 0.055);
}

#game-container.app > .brandTagline {
  width: var(--candidate150-board-width) !important;
  max-width: var(--candidate150-board-width) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: var(--candidate163-tagline-gap) !important;
  column-gap: var(--candidate163-tagline-gap) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  font-size: var(--candidate162-tagline-font-size) !important;
  letter-spacing: 0 !important;
}

#game-container.app > .brandTagline > span {
  flex: 0 0 auto !important;
  line-height: 1 !important;
}

#game-container.app > .brandTagline > .brandDot {
  margin-left: 0 !important;
  margin-right: 0 !important;
  font-size: 0.80em !important;
}


/* Exact requested fonts. Font binaries are user-supplied and are not bundled. */
:root {
  --font-body: "Supreme-Medium", Arial, Helvetica, "Liberation Sans", sans-serif;
  --font-tagline: "Zodiak-Bold", "Arial Black", Arial, Helvetica, sans-serif;
  --font-streak: "PlusJakartaSans-Medium", Arial, Helvetica, "Liberation Sans", sans-serif;
}

body,
#game-container,
#game-container * {
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

/* Zodiak Bold: top strapline. */
#game-container.app > .brandTagline,
#game-container.app > .brandTagline > span,
.statsTagline,
.statsTagline * {
  font-family: var(--font-tagline) !important;
  font-weight: 700 !important;
  font-synthesis: none !important;
}

/* Supreme Bold: all non-streak game text. */
#game-container.app,
#game-container.app button,
#game-container.app .topIconBtn,
#game-container.app .megaRunningScore,
#game-container.app .megaDashCell,
#game-container.app .mainWordBadge,
#game-container.app .scoreWordCell,
#game-container.app .scoreValueCell,
#helper-text,
.statsOverlay,
.statsOverlay * {
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  font-synthesis: none !important;
}

/* Keep the board letters and hidden-word letters identical in face, size and weight.
   Green/inactive tile colour is left to the existing greying rules. */
#grid.grid > button.tile,
#preview.previewHiddenTop > .previewTile {
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  font-size: clamp(18px, calc(var(--size) * 0.36), 34px) !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 transparent !important;
  font-synthesis: none !important;
}

#preview.previewHiddenTop > .previewTile,
#preview.previewHiddenTop > .previewTile.missed {
  color: #111111 !important;
  border-width: max(2px, calc(var(--size) * 0.026)) !important;
  border-color: #23923a !important;
}

/* Plus Jakarta Sans Regular: one shared rule for streak label and number. */
#grid.grid .mega73Banner .mega65StreakText,
#grid.grid .mega73Banner .mega65StreakText .streakTextInner,
#grid.grid .mega73Banner .mega65StreakValue {
  font-family: var(--font-streak) !important;
  font-weight: 400 !important;
  font-synthesis: none !important;
  font-stretch: normal !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 transparent !important;
  transform: none !important;
  color: #0f7d2a !important;
  line-height: 1 !important;
  overflow: visible !important;
}

/* Stable banner layout: no transformed/clipped emoji; the right shift is built
   into the grid and padding so zooming cannot crop the flame. */
#grid.grid .mega73Banner {
  display: grid !important;
  grid-template-columns: calc(var(--size) * 0.42) minmax(0, 1fr) calc(var(--size) * 0.42) !important;
  align-items: center !important;
  column-gap: calc(var(--size) * 0.035) !important;
  padding: 0 calc(var(--size) * 0.11) 0 calc(var(--size) * 0.18) !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

#grid.grid .mega73Banner .mega65Icon {
  grid-column: 1 !important;
  width: calc(var(--size) * 0.28) !important;
  height: calc(var(--size) * 0.28) !important;
  min-width: calc(var(--size) * 0.28) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: center !important;
  align-self: center !important;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif !important;
  font-size: calc(var(--size) * 0.235) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  overflow: visible !important;
  transform: none !important;
}

#grid.grid .mega73Banner .mega65StreakText {
  grid-column: 2 !important;
  justify-self: start !important;
  min-width: 0 !important;
  width: auto !important;
  white-space: nowrap !important;
  font-size: calc(var(--size) * 0.178) !important;
  letter-spacing: calc(var(--size) * 0.012) !important;
}

#grid.grid .mega73Banner .mega65StreakValue {
  grid-column: 3 !important;
  justify-self: center !important;
  min-width: calc(var(--size) * 0.22) !important;
  width: calc(var(--size) * 0.22) !important;
  text-align: center !important;
  font-size: calc(var(--size) * 0.178) !important;
  letter-spacing: 0 !important;
}

/* Icon-only buttons: hide labels and keep the icons central. */
#grid.grid .megaControls .buttonText,
.megaControls .buttonText {
  display: none !important;
}

#grid.grid .megaControls #clear-btn,
#grid.grid .megaControls #submit-btn {
  justify-content: center !important;
  align-items: center !important;
  gap: 0 !important;
  padding: 0 !important;
}

#grid.grid .megaControls .resetIcon,
#grid.grid .megaControls .submitIcon {
  margin: 0 !important;
  width: calc(var(--size) * 0.30) !important;
  height: calc(var(--size) * 0.30) !important;
  flex: 0 0 calc(var(--size) * 0.30) !important;
}

/* Guessed-words box: new column markup avoids the broken legacy scoreCell
   auto-placement. Top and bottom flexible rows are equal, so the space above
   the numbered circles matches the space below the scores. */
#game-container.app > #score-feed.scoreFeed,
#score-feed.scoreFeed {
  width: var(--candidate150-board-width) !important;
  max-width: var(--candidate150-board-width) !important;
  height: calc(var(--size) * 1.98) !important;
  min-height: 0 !important;
  margin: 0 auto calc(var(--size) * 0.10) !important;
  padding: 0 !important;
  border-width: max(2px, calc(var(--size) * 0.026)) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

#score-feed.scoreFeed > .scoreTable {
  width: 100% !important;
  height: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  grid-template-rows: 1fr !important;
  gap: 0 !important;
  align-items: stretch !important;
  justify-items: stretch !important;
  box-sizing: border-box !important;
}

#score-feed.scoreFeed .scoreColumn {
  position: relative !important;
  min-width: 0 !important;
  height: 100% !important;
  display: grid !important;
  grid-template-rows: 1fr auto auto auto auto 1fr !important;
  align-items: center !important;
  justify-items: center !important;
  row-gap: calc(var(--size) * 0.030) !important;
  padding: 0 calc(var(--size) * 0.035) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

#score-feed.scoreFeed .scoreColumn:not(:last-child) {
  border-right: max(1px, calc(var(--size) * 0.010)) solid #c8c2b8 !important;
}

#score-feed.scoreFeed .mainWordBadge {
  grid-row: 2 !important;
  width: calc(var(--size) * 0.35) !important;
  height: calc(var(--size) * 0.35) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  font-size: calc(var(--size) * 0.22) !important;
  line-height: 1 !important;
}

#score-feed.scoreFeed .scoreWordCell {
  grid-row: 3 !important;
  width: 100% !important;
  min-height: calc(var(--size) * 0.20) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  font-size: calc(var(--size) * 0.17) !important;
  line-height: 1 !important;
  letter-spacing: calc(var(--size) * 0.004) !important;
  color: #10233a !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

#score-feed.scoreFeed .scoreRuleLine {
  grid-row: 4 !important;
  width: 54% !important;
  height: max(1px, calc(var(--size) * 0.018)) !important;
  background: #c8c2b8 !important;
}

#score-feed.scoreFeed .scoreValueCell {
  grid-row: 5 !important;
  min-height: calc(var(--size) * 0.32) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  font-size: calc(var(--size) * 0.30) !important;
  color: #23923a !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

/* Neutralise unused historical score-card classes without touching the new
   scoreColumn markup. */
.scoreFeedCards,
.mainWordCard,
.mainWordText,
.mainWordRule,
.mainWordScore,
.scoreCell {
  all: unset !important;
}

#game-container.app > #score-feed.scoreFeed,
#score-feed.scoreFeed {
  height: calc(var(--size) * 1.54) !important;
}

#score-feed.scoreFeed .scoreColumn {
  grid-template-rows:
    calc(var(--size) * 0.055)
    auto
    auto
    auto
    auto
    calc(var(--size) * 0.055) !important;
  row-gap: calc(var(--size) * 0.020) !important;
  padding: 0 calc(var(--size) * 0.030) !important;
}

#score-feed.scoreFeed .mainWordBadge {
  transform: translateY(calc(var(--size) * -0.035)) !important;
  margin-bottom: calc(var(--size) * 0.020) !important;
}

#score-feed.scoreFeed .scoreWordCell {
  min-height: calc(var(--size) * 0.24) !important;
  font-size: calc(var(--size) * 0.226) !important;
  letter-spacing: calc(var(--size) * 0.002) !important;
}

#score-feed.scoreFeed .scoreRuleLine {
  margin-top: calc(var(--size) * 0.004) !important;
  width: 58% !important;
}

#score-feed.scoreFeed .scoreValueCell {
  min-height: calc(var(--size) * 0.30) !important;
  font-size: calc(var(--size) * 0.31) !important;
}


#game-container.app,
.app {
  outline: none !important;
  outline-offset: 0 !important;
}

#grid.grid .mega73Banner .mega65StreakText,
#grid.grid .mega73Banner .mega65StreakText .streakTextInner,
#grid.grid .mega73Banner .mega65StreakValue {
  font-size: calc(var(--size) * 0.223) !important;
  line-height: 1 !important;
}

#grid.grid .mega73Banner .mega65StreakText {
  transform: translateX(calc(var(--size) * 0.14)) !important;
}

#grid.grid .mega73Banner .mega65StreakText .streakTextInner,
#grid.grid .mega73Banner .mega65StreakValue {
  transform: none !important;
}

#grid.grid .megaControls #submit-btn .submitButtonText,
.megaControls #submit-btn .submitButtonText {
  display: none !important;
}

#grid.grid .megaControls #submit-btn.playAgainMode,
.megaControls #submit-btn.playAgainMode {
  justify-content: center !important;
  align-items: center !important;
  gap: 0 !important;
  padding: 0 !important;
}

#grid.grid .megaControls #submit-btn.playAgainMode .submitIcon,
.megaControls #submit-btn.playAgainMode .submitIcon {
  display: none !important;
}

#grid.grid .megaControls #submit-btn.playAgainMode .submitButtonText,
.megaControls #submit-btn.playAgainMode .submitButtonText {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  font-size: calc(var(--size) * 0.18) !important;
  line-height: 1 !important;
  color: #ffffff !important;
  white-space: nowrap !important;
}


.topIconRow {
  gap: calc(var(--size) * 0.22) !important;
}

.topIconBtn {
  overflow: visible !important;
}

.topIconBtn img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: contain !important;
  pointer-events: none !important;
}

.topIconBtn svg {
  display: none !important;
}


.topIconBtn img {
  display: none !important;
}

.topIconBtn svg,
.topIconBtn .topNavSvg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  pointer-events: none !important;
}

.topIconBtn svg path,
.topIconBtn svg circle,
.topIconBtn svg rect,
.topIconBtn svg polygon,
.topIconBtn svg line,
.topIconBtn svg polyline {
  fill: #111820;
}


#game-container.app > .logoWrap {
  margin-top: calc(var(--size) * 0.035) !important;
  margin-bottom: 0 !important;
}

#game-container.app > .topIconRow {
  margin-top: calc(var(--size) * 0.065) !important;
  margin-bottom: calc(var(--size) * 0.065) !important;
}

#grid.grid .mega73Banner .mega65StreakText,
#grid.grid .mega73Banner .mega65StreakText .streakTextInner,
#grid.grid .mega73Banner .mega65StreakValue {
  font-family: var(--font-streak) !important;
  font-weight: 500 !important;
}

#score-feed.scoreFeed .scoreWordCell {
  font-size: calc(var(--size) * 0.226) !important;
}


#grid.grid .mega65Body.mega73Body,
#grid.grid .mega73Body,
.grid .mega65Body.mega73Body,
.grid .mega73Body,
.mega .mega65Body.mega73Body,
.mega .mega73Body {
  grid-template-rows:
    minmax(0, 1fr)
    calc(var(--size) * 0.58)
    calc(var(--size) * 0.10)
    calc(var(--size) * 0.282)
    calc(var(--size) * 0.10)
    calc(var(--size) * 0.608) !important;
}

#grid.grid .megaRunningScore,
.grid .megaRunningScore,
.mega .megaRunningScore {
  grid-row: 2 !important;
  align-self: center !important;
  margin-top: 0 !important;
}

#grid.grid .mega73GuessTiles,
#grid.grid .mega65Letters.mega73GuessTiles,
.grid .mega73GuessTiles,
.grid .mega65Letters.mega73GuessTiles,
.mega .mega73GuessTiles,
.mega .mega65Letters.mega73GuessTiles {
  grid-row: 4 !important;
  align-self: center !important;
  margin-top: 0 !important;
  width: 70% !important;
}

#grid.grid .mega73GuessTiles .megaDashCell,
#grid.grid .mega65 .megaGuessTiles .megaDashCell,
.grid .mega73GuessTiles .megaDashCell,
.grid .mega65 .megaGuessTiles .megaDashCell,
.mega .mega73GuessTiles .megaDashCell,
.mega .mega65 .megaGuessTiles .megaDashCell {
  max-width: calc(var(--size) * 0.50) !important;
  height: calc(var(--size) * 0.36) !important;
  font-size: calc(var(--size) * 0.36) !important;
  line-height: 0.90 !important;
}

#grid.grid .megaControlsMount,
.grid .megaControlsMount,
.mega .megaControlsMount {
  grid-row: 6 !important;
  height: 72% !important;
  align-self: end !important;
}

#grid.grid .megaControls #clear-btn,
#grid.grid .megaControls #submit-btn,
.grid .megaControls #clear-btn,
.grid .megaControls #submit-btn,
.megaControls #clear-btn,
.megaControls #submit-btn {
  height: 100% !important;
  align-self: end !important;
}

#grid.grid .megaControls .resetIcon svg,
.grid .megaControls .resetIcon svg,
.megaControls .resetIcon svg {
  stroke-width: 2.6 !important;
}

#grid.grid .mega73Banner .mega65StreakText,
#grid.grid .mega73Banner .mega65StreakText .streakTextInner,
#grid.grid .mega73Banner .mega65StreakValue {
  font-size: calc(var(--size) * 0.245) !important;
  line-height: 1 !important;
}

#grid.grid .mega73Banner .mega65StreakText {
  transform: translateX(calc(var(--size) * 0.12)) !important;
}


#game-container.app > .brandTagline > .brandDot,
.brandTagline .brandDot,
.brandDot {
  color: #000000 !important;
}

#grid.grid .megaControlsMount,
.grid .megaControlsMount,
.mega .megaControlsMount {
  height: 86.4% !important;
  align-self: end !important;
}

#grid.grid .megaControls #clear-btn,
#grid.grid .megaControls #submit-btn,
.grid .megaControls #clear-btn,
.grid .megaControls #submit-btn,
.megaControls #clear-btn,
.megaControls #submit-btn {
  height: 100% !important;
  align-self: end !important;
}

#grid.grid .megaRunningScore,
.grid .megaRunningScore,
.mega .megaRunningScore {
  transform: translateY(-0.5em) !important;
}


#grid.grid .mega73GuessTiles,
#grid.grid .mega65Letters.mega73GuessTiles,
.grid .mega73GuessTiles,
.grid .mega65Letters.mega73GuessTiles,
.mega .mega73GuessTiles,
.mega .mega65Letters.mega73GuessTiles {
  transform: translateY(-0.5em) !important;
}

#game-container.app > .brandTagline > .brandDot,
.brandTagline .brandDot,
.brandDot {
  color: #10233a !important;
}

#game-container.app > .topIconRow {
  margin-bottom: calc((var(--size) * 0.065) + (var(--candidate162-tagline-font-size) * 0.5)) !important;
}

#grid.grid .mega73GuessTiles .megaDashCell,
#grid.grid .mega65 .megaGuessTiles .megaDashCell,
.grid .mega73GuessTiles .megaDashCell,
.grid .mega65 .megaGuessTiles .megaDashCell,
.mega .mega73GuessTiles .megaDashCell,
.mega .mega65 .megaGuessTiles .megaDashCell {
  font-size: calc(var(--size) * 0.432) !important;
  transform: translateY(calc(var(--size) * -0.036)) !important;
}

#grid.grid .megaRunningScore,
.grid .megaRunningScore,
.mega .megaRunningScore {
  font-size: calc(var(--size) * 0.372) !important;
}

#game-container.app > #preview.previewHiddenTop,
#preview.previewHiddenTop,
.preview.previewHiddenTop {
  margin-bottom: calc(var(--size) * 0.22) !important;
}

#game-container.app > #grid.grid,
#game-container.app > #grid,
#grid.grid,
.grid {
  margin-bottom: calc(var(--size) * 0.24) !important;
}


#game-container.app > .topIconRow {
  order: 1 !important;
  width: calc(var(--candidate161-logo-width) + (var(--size) * 0.52)) !important;
  max-width: calc(var(--candidate150-board-width) * 0.90) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0 !important;
  column-gap: 0 !important;
  margin-top: calc(var(--size) * 0.025) !important;
  margin-bottom: calc(var(--size) * 0.028) !important;
}

#game-container.app > .topSeparator {
  order: 2 !important;
  flex: 0 0 auto !important;
  width: calc(var(--candidate161-logo-width) + (var(--size) * 0.52)) !important;
  max-width: calc(var(--candidate150-board-width) * 0.90) !important;
  height: 1px !important;
  margin: 0 auto calc(var(--size) * 0.065) !important;
  padding: 0 !important;
  background: rgba(17, 24, 32, 0.24) !important;
  border: 0 !important;
  pointer-events: none !important;
}

#game-container.app > .logoWrap {
  order: 3 !important;
  margin-top: 0 !important;
  margin-bottom: calc(var(--size) * 0.020) !important;
}

#game-container.app > .brandTagline {
  order: 4 !important;
}

#game-container.app > #preview {
  order: 5 !important;
}

#game-container.app > #grid {
  order: 6 !important;
}

#game-container.app > #current-word {
  order: 7 !important;
}

#game-container.app > #score-feed {
  order: 8 !important;
}

#game-container.app > #helper-text {
  order: 9 !important;
}


#game-container.app > .topIconRow {
  order: 1 !important;
  width: calc(var(--candidate161-logo-width) + (var(--size) * 0.18)) !important;
  max-width: calc(var(--candidate150-board-width) * 0.82) !important;
  box-sizing: border-box !important;
  padding-left: calc(var(--size) * 0.075) !important;
  padding-right: calc(var(--size) * 0.075) !important;
  justify-content: space-between !important;
  gap: 0 !important;
  column-gap: 0 !important;
  margin-top: 0 !important;
  margin-bottom: calc(var(--size) * 0.070) !important;
}

#game-container.app > .topSeparator {
  order: 2 !important;
  width: calc(var(--candidate161-logo-width) + (var(--size) * 0.18)) !important;
  max-width: calc(var(--candidate150-board-width) * 0.82) !important;
  height: 1px !important;
  margin: 0 auto calc(var(--size) * 0.095) !important;
  background: rgba(17, 24, 32, 0.22) !important;
}

#game-container.app > .logoWrap {
  order: 3 !important;
  margin-top: 0 !important;
  margin-bottom: calc(var(--size) * 0.020) !important;
}

#grid.grid .mega73Banner,
#grid.grid .mega65Banner.mega73Banner,
.grid .mega73Banner,
.grid .mega65Banner.mega73Banner,
.mega .mega73Banner,
.mega .mega65Banner.mega73Banner {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}


#grid .mega .megaStreakPlain,
.grid .mega .megaStreakPlain,
.mega .megaStreakPlain {
  grid-row: 1 !important;
  grid-column: 1 !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 calc(var(--size) * 0.18) !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
  gap: calc(var(--size) * 0.075) !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  filter: none !important;
  color: #08752f !important;
  box-sizing: border-box !important;
  pointer-events: none !important;
}

#grid .mega .megaStreakPlain .mega65Icon,
.grid .mega .megaStreakPlain .mega65Icon,
.mega .megaStreakPlain .mega65Icon {
  color: #ff7a1a !important;
  font-size: calc(var(--size) * 0.245) !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  filter: none !important;
  transform: none !important;
}

#grid .mega .megaStreakPlain .mega65StreakText,
#grid .mega .megaStreakPlain .mega65StreakText .streakTextInner,
#grid .mega .megaStreakPlain .mega65StreakValue,
.grid .mega .megaStreakPlain .mega65StreakText,
.grid .mega .megaStreakPlain .mega65StreakText .streakTextInner,
.grid .mega .megaStreakPlain .mega65StreakValue,
.mega .megaStreakPlain .mega65StreakText,
.mega .megaStreakPlain .mega65StreakText .streakTextInner,
.mega .megaStreakPlain .mega65StreakValue {
  color: #08752f !important;
  font-size: calc(var(--size) * 0.245) !important;
  line-height: 1 !important;
  font-family: "PlusJakartaSans-Regular", "Plus Jakarta Sans", Arial, sans-serif !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}

#grid .mega .megaStreakPlain .mega65StreakText,
.grid .mega .megaStreakPlain .mega65StreakText,
.mega .megaStreakPlain .mega65StreakText {
  text-align: center !important;
  justify-self: center !important;
  transform: translateX(calc(var(--size) * 0.12)) !important;
}

#grid .mega .controls.megaControls #clear-btn,
#grid .mega .controls.megaControls #submit-btn,
.grid .mega .controls.megaControls #clear-btn,
.grid .mega .controls.megaControls #submit-btn,
.mega .controls.megaControls #clear-btn,
.mega .controls.megaControls #submit-btn {
  background: #b9d6bd !important;
  border-color: #9fbea5 !important;
  color: #173f24 !important;
  box-shadow: 0 2px 5px rgba(25, 68, 38, 0.10) !important;
}

#grid .mega .controls.megaControls #clear-btn:hover:not(:disabled),
#grid .mega .controls.megaControls #submit-btn:hover:not(:disabled),
.grid .mega .controls.megaControls #clear-btn:hover:not(:disabled),
.grid .mega .controls.megaControls #submit-btn:hover:not(:disabled),
.mega .controls.megaControls #clear-btn:hover:not(:disabled),
.mega .controls.megaControls #submit-btn:hover:not(:disabled) {
  background: #aecdb3 !important;
}

#grid .mega .controls.megaControls #clear-btn:disabled,
#grid .mega .controls.megaControls #submit-btn:disabled,
.grid .mega .controls.megaControls #clear-btn:disabled,
.grid .mega .controls.megaControls #submit-btn:disabled,
.mega .controls.megaControls #clear-btn:disabled,
.mega .controls.megaControls #submit-btn:disabled {
  background: #d5dfd7 !important;
  border-color: #c5d0c7 !important;
  color: rgba(23, 63, 36, 0.45) !important;
}

#grid .mega .controls.megaControls #clear-btn .resetIcon svg,
.grid .mega .controls.megaControls #clear-btn .resetIcon svg,
.mega .controls.megaControls #clear-btn .resetIcon svg {
  fill: currentColor !important;
  stroke: none !important;
  width: calc(var(--size) * 0.30) !important;
  height: calc(var(--size) * 0.30) !important;
}

#grid .mega .mega65.mega73::before,
#grid .mega .mega73::before,
.grid .mega .mega65.mega73::before,
.grid .mega .mega73::before,
.mega .mega65.mega73::before,
.mega .mega73::before {
  display: none !important;
  content: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#grid .mega .megaStreakPlain,
.grid .mega .megaStreakPlain,
.mega .megaStreakPlain {
  position: absolute !important;
  top: calc(var(--size) * 0.060) !important;
  left: calc(var(--size) * 0.065) !important;
  right: calc(var(--size) * 0.065) !important;
  width: auto !important;
  height: calc(var(--size) * 0.620) !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 calc(var(--size) * 0.11) 0 calc(var(--size) * 0.18) !important;
  display: grid !important;
  grid-template-columns: calc(var(--size) * 0.42) minmax(0, 1fr) calc(var(--size) * 0.42) !important;
  column-gap: calc(var(--size) * 0.035) !important;
  align-items: center !important;
  justify-items: center !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  filter: none !important;
  z-index: 6 !important;
  box-sizing: border-box !important;
  pointer-events: none !important;
}

#grid .mega .megaStreakPlain::before,
#grid .mega .megaStreakPlain::after,
.grid .mega .megaStreakPlain::before,
.grid .mega .megaStreakPlain::after,
.mega .megaStreakPlain::before,
.mega .megaStreakPlain::after {
  display: none !important;
  content: none !important;
}

#grid .mega .megaStreakPlain .mega65Icon,
.grid .mega .megaStreakPlain .mega65Icon,
.mega .megaStreakPlain .mega65Icon {
  grid-column: 1 !important;
  justify-self: center !important;
  align-self: center !important;
  width: calc(var(--size) * 0.28) !important;
  height: calc(var(--size) * 0.28) !important;
  min-width: calc(var(--size) * 0.28) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif !important;
  font-size: calc(var(--size) * 0.235) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  color: #ff7a1a !important;
  overflow: visible !important;
  transform: none !important;
  filter: none !important;
}

#grid .mega .megaStreakPlain .mega65StreakText,
.grid .mega .megaStreakPlain .mega65StreakText,
.mega .megaStreakPlain .mega65StreakText {
  grid-column: 2 !important;
  justify-self: start !important;
  align-self: center !important;
  min-width: 0 !important;
  width: auto !important;
  text-align: left !important;
  white-space: nowrap !important;
  transform: none !important;
}

#grid .mega .megaStreakPlain .mega65StreakValue,
.grid .mega .megaStreakPlain .mega65StreakValue,
.mega .megaStreakPlain .mega65StreakValue {
  grid-column: 3 !important;
  justify-self: center !important;
  align-self: center !important;
  min-width: calc(var(--size) * 0.22) !important;
  width: calc(var(--size) * 0.22) !important;
  text-align: center !important;
}

#grid .mega .megaStreakPlain .mega65StreakText,
#grid .mega .megaStreakPlain .mega65StreakText .streakTextInner,
#grid .mega .megaStreakPlain .mega65StreakValue,
.grid .mega .megaStreakPlain .mega65StreakText,
.grid .mega .megaStreakPlain .mega65StreakText .streakTextInner,
.grid .mega .megaStreakPlain .mega65StreakValue,
.mega .megaStreakPlain .mega65StreakText,
.mega .megaStreakPlain .mega65StreakText .streakTextInner,
.mega .megaStreakPlain .mega65StreakValue {
  color: #08752f !important;
  font-family: var(--font-streak) !important;
  font-size: calc(var(--size) * 0.245) !important;
  font-weight: 500 !important;
  letter-spacing: calc(var(--size) * 0.017) !important;
  line-height: 1 !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 transparent !important;
}

#grid .mega .controls.megaControls #clear-btn,
#grid .mega .controls.megaControls #submit-btn,
.grid .mega .controls.megaControls #clear-btn,
.grid .mega .controls.megaControls #submit-btn,
.mega .controls.megaControls #clear-btn,
.mega .controls.megaControls #submit-btn {
  color: #ffffff !important;
}

#grid .mega .controls.megaControls #clear-btn svg,
#grid .mega .controls.megaControls #clear-btn svg *,
.grid .mega .controls.megaControls #clear-btn svg,
.grid .mega .controls.megaControls #clear-btn svg *,
.mega .controls.megaControls #clear-btn svg,
.mega .controls.megaControls #clear-btn svg * {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

#grid .mega .controls.megaControls #submit-btn svg,
#grid .mega .controls.megaControls #submit-btn svg *,
.grid .mega .controls.megaControls #submit-btn svg,
.grid .mega .controls.megaControls #submit-btn svg *,
.mega .controls.megaControls #submit-btn svg,
.mega .controls.megaControls #submit-btn svg * {
  stroke: #ffffff !important;
  fill: none !important;
}

#grid .mega .controls.megaControls #clear-btn:disabled svg,
#grid .mega .controls.megaControls #clear-btn:disabled svg *,
#grid .mega .controls.megaControls #submit-btn:disabled svg,
#grid .mega .controls.megaControls #submit-btn:disabled svg *,
.grid .mega .controls.megaControls #clear-btn:disabled svg,
.grid .mega .controls.megaControls #clear-btn:disabled svg *,
.grid .mega .controls.megaControls #submit-btn:disabled svg,
.grid .mega .controls.megaControls #submit-btn:disabled svg *,
.mega .controls.megaControls #clear-btn:disabled svg,
.mega .controls.megaControls #clear-btn:disabled svg *,
.mega .controls.megaControls #submit-btn:disabled svg,
.mega .controls.megaControls #submit-btn:disabled svg * {
  fill: rgba(255, 255, 255, 0.72) !important;
  stroke: rgba(255, 255, 255, 0.72) !important;
}


#grid .mega .megaStreakPlain,
.grid .mega .megaStreakPlain,
.mega .megaStreakPlain {
  top: 0 !important;
  height: calc(var(--size) * 0.50) !important;
  padding: 0 calc(var(--size) * 0.18) !important;
}

#grid .mega .megaRunningScore,
.grid .mega .megaRunningScore,
.mega .megaRunningScore {
  transform: translateY(calc(var(--size) * 0.075)) !important;
}

#grid .mega .controls.megaControls #clear-btn,
#grid .mega .controls.megaControls #submit-btn,
.grid .mega .controls.megaControls #clear-btn,
.grid .mega .controls.megaControls #submit-btn,
.mega .controls.megaControls #clear-btn,
.mega .controls.megaControls #submit-btn {
  background: #74bf7e !important;
  border-color: #56a765 !important;
  color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.35),
    inset 0 -1px 0 rgba(0,0,0,0.10),
    0 2px 5px rgba(25, 68, 38, 0.12) !important;
}

#grid .mega .controls.megaControls #clear-btn:hover:not(:disabled),
#grid .mega .controls.megaControls #submit-btn:hover:not(:disabled),
.grid .mega .controls.megaControls #clear-btn:hover:not(:disabled),
.grid .mega .controls.megaControls #submit-btn:hover:not(:disabled),
.mega .controls.megaControls #clear-btn:hover:not(:disabled),
.mega .controls.megaControls #submit-btn:hover:not(:disabled) {
  background: #68b973 !important;
}

#grid .mega .controls.megaControls #clear-btn:disabled,
#grid .mega .controls.megaControls #submit-btn:disabled,
.grid .mega .controls.megaControls #clear-btn:disabled,
.grid .mega .controls.megaControls #submit-btn:disabled,
.mega .controls.megaControls #clear-btn:disabled,
.mega .controls.megaControls #submit-btn:disabled {
  background: #74bf7e !important;
  border-color: #56a765 !important;
  color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
}

#grid .mega .controls.megaControls #clear-btn svg,
#grid .mega .controls.megaControls #clear-btn svg *,
#grid .mega .controls.megaControls #submit-btn svg,
#grid .mega .controls.megaControls #submit-btn svg *,
.grid .mega .controls.megaControls #clear-btn svg,
.grid .mega .controls.megaControls #clear-btn svg *,
.grid .mega .controls.megaControls #submit-btn svg,
.grid .mega .controls.megaControls #submit-btn svg *,
.mega .controls.megaControls #clear-btn svg,
.mega .controls.megaControls #clear-btn svg *,
.mega .controls.megaControls #submit-btn svg,
.mega .controls.megaControls #submit-btn svg * {
  stroke: #ffffff !important;
}

#grid .mega .controls.megaControls #clear-btn svg,
#grid .mega .controls.megaControls #clear-btn svg *,
.grid .mega .controls.megaControls #clear-btn svg,
.grid .mega .controls.megaControls #clear-btn svg *,
.mega .controls.megaControls #clear-btn svg,
.mega .controls.megaControls #clear-btn svg * {
  fill: #ffffff !important;
}

#grid .mega .controls.megaControls #submit-btn svg,
#grid .mega .controls.megaControls #submit-btn svg *,
.grid .mega .controls.megaControls #submit-btn svg,
.grid .mega .controls.megaControls #submit-btn svg *,
.mega .controls.megaControls #submit-btn svg,
.mega .controls.megaControls #submit-btn svg * {
  fill: none !important;
}


#grid .mega .megaRunningScore,
.grid .mega .megaRunningScore,
.mega .megaRunningScore {
  transform: translateY(calc(var(--size) * -0.105)) !important;
}

#grid .mega .controls.megaControls #clear-btn .deleteArrow,
#grid .mega .controls.megaControls #clear-btn .deleteArrow *,
.grid .mega .controls.megaControls #clear-btn .deleteArrow,
.grid .mega .controls.megaControls #clear-btn .deleteArrow *,
.mega .controls.megaControls #clear-btn .deleteArrow,
.mega .controls.megaControls #clear-btn .deleteArrow * {
  fill: #ffffff !important;
  stroke: none !important;
}

#grid .mega .controls.megaControls #clear-btn .deleteArrow,
.grid .mega .controls.megaControls #clear-btn .deleteArrow,
.mega .controls.megaControls #clear-btn .deleteArrow {
  width: 25px !important;
  height: 25px !important;
  display: block !important;
}


#grid .mega .megaRunningScore,
.grid .mega .megaRunningScore,
.mega .megaRunningScore {
  transform: translateY(calc(var(--size) * -0.345)) !important;
}

#grid .mega .controls.megaControls #clear-btn .deleteArrow,
.grid .mega .controls.megaControls #clear-btn .deleteArrow,
.mega .controls.megaControls #clear-btn .deleteArrow {
  width: calc(var(--size) * 0.34) !important;
  height: calc(var(--size) * 0.34) !important;
  display: block !important;
  overflow: visible !important;
}

#grid .mega .controls.megaControls #clear-btn .deleteArrow,
#grid .mega .controls.megaControls #clear-btn .deleteArrow *,
.grid .mega .controls.megaControls #clear-btn .deleteArrow,
.grid .mega .controls.megaControls #clear-btn .deleteArrow *,
.mega .controls.megaControls #clear-btn .deleteArrow,
.mega .controls.megaControls #clear-btn .deleteArrow * {
  fill: #ffffff !important;
  stroke: #ffffff !important;
  stroke-width: 0 !important;
}

.deleteArrow,
.deleteArrow path,
#grid .mega .controls.megaControls .deleteArrow,
#grid .mega .controls.megaControls .deleteArrow path,
.grid .mega .controls.megaControls .deleteArrow,
.grid .mega .controls.megaControls .deleteArrow path,
.mega .controls.megaControls .deleteArrow,
.mega .controls.megaControls .deleteArrow path {
  fill: #ffffff !important;
  stroke: #ffffff !important;
  color: #ffffff !important;
}


#grid .mega .controls.megaControls #clear-btn .deleteArrow path,
.grid .mega .controls.megaControls #clear-btn .deleteArrow path,
.mega .controls.megaControls #clear-btn .deleteArrow path,
#clear-btn .deleteArrow path {
  fill: #ffffff !important;
  stroke: none !important;
}


#game-container.app > .topIconRow {
  margin-top: calc(var(--size) * 0.070) !important;
  margin-bottom: calc(var(--size) * 0.070) !important;
}


#grid .mega .megaGameOver .megaGuessTiles,
.grid .mega .megaGameOver .megaGuessTiles,
.mega .megaGameOver .megaGuessTiles {
  visibility: hidden !important;
}

#grid .mega .megaGameOver .megaRunningScore,
.grid .mega .megaGameOver .megaRunningScore,
.mega .megaGameOver .megaRunningScore {
  grid-row: 4 !important;
  font-size: calc(var(--size) * 1.24) !important;
  line-height: 0.80 !important;
  transform: translateY(-0.5em) !important;
  align-self: center !important;
  justify-self: center !important;
  width: 100% !important;
  z-index: 6 !important;
}

#grid .mega .megaGameOver .megaResultStatus,
.grid .mega .megaGameOver .megaResultStatus,
.mega .megaGameOver .megaResultStatus {
  grid-row: 2 !important;
  align-self: center !important;
  justify-self: center !important;
  width: 100% !important;
  text-align: center !important;
  color: #08752f !important;
  font-family: var(--font-body) !important;
  font-size: calc(var(--size) * 0.43) !important;
  font-weight: 900 !important;
  line-height: 0.92 !important;
  transform: translateY(calc(var(--size) * -0.02)) !important;
  z-index: 6 !important;
  pointer-events: none !important;
}

#grid .mega .megaGameLost .megaResultStatus,
.grid .mega .megaGameLost .megaResultStatus,
.mega .megaGameLost .megaResultStatus {
  color: #9b4f22 !important;
}

#grid .mega .megaGameOver .mega65Body.mega73Body,
#grid .mega .megaGameOver .mega73Body,
.grid .mega .megaGameOver .mega65Body.mega73Body,
.grid .mega .megaGameOver .mega73Body,
.mega .megaGameOver .mega65Body.mega73Body,
.mega .megaGameOver .mega73Body {
  grid-template-rows:
    minmax(0, 0.72fr)
    calc(var(--size) * 0.46)
    calc(var(--size) * 0.13)
    calc(var(--size) * 0.82)
    minmax(0, 0.30fr)
    calc(var(--size) * 0.60) !important;
  padding: calc(var(--size) * 0.08) calc(var(--size) * 0.26) calc(var(--size) * 0.15) !important;
  overflow: hidden !important;
}

#grid .mega .megaGameOver .megaResultStatus,
.grid .mega .megaGameOver .megaResultStatus,
.mega .megaGameOver .megaResultStatus {
  grid-row: 2 !important;
  grid-column: 1 / -1 !important;
  align-self: center !important;
  justify-self: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
  font-size: calc(var(--size) * 0.38) !important;
  line-height: 1 !important;
  transform: none !important;
  margin: 0 !important;
}

#grid .mega .megaGameOver .megaGuessTiles,
.grid .mega .megaGameOver .megaGuessTiles,
.mega .megaGameOver .megaGuessTiles {
  grid-row: 4 !important;
  grid-column: 1 / -1 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

#grid .mega .megaGameOver .megaRunningScore,
.grid .mega .megaGameOver .megaRunningScore,
.mega .megaGameOver .megaRunningScore {
  grid-row: 4 !important;
  grid-column: 1 / -1 !important;
  align-self: center !important;
  justify-self: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  font-size: calc(var(--size) * 0.76) !important;
  line-height: 0.88 !important;
  transform: none !important;
  margin: 0 !important;
  text-align: center !important;
  z-index: 7 !important;
}

#grid .mega .megaGameOver .megaControlsMount,
.grid .mega .megaGameOver .megaControlsMount,
.mega .megaGameOver .megaControlsMount {
  grid-row: 6 !important;
  grid-column: 1 / -1 !important;
  align-self: end !important;
  justify-self: stretch !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 8 !important;
}

#grid .mega .megaGameOver .megaControls #submit-btn.playAgainMode,
.grid .mega .megaGameOver .megaControls #submit-btn.playAgainMode,
.mega .megaGameOver .megaControls #submit-btn.playAgainMode {
  font-size: calc(var(--size) * 0.155) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  padding-left: calc(var(--size) * 0.04) !important;
  padding-right: calc(var(--size) * 0.04) !important;
}

#grid .mega .megaGameOver .mega65Body.mega73Body,
#grid .mega .megaGameOver .mega73Body,
.grid .mega .megaGameOver .mega65Body.mega73Body,
.grid .mega .megaGameOver .mega73Body,
.mega .megaGameOver .mega65Body.mega73Body,
.mega .megaGameOver .mega73Body {
  grid-template-rows:
    minmax(0, 0.95fr)
    calc(var(--size) * 0.46)
    calc(var(--size) * 0.18)
    calc(var(--size) * 0.82)
    minmax(0, 1.05fr) !important;
  padding: calc(var(--size) * 0.08) calc(var(--size) * 0.26) calc(var(--size) * 0.20) !important;
}

#grid .mega .megaGameOver .megaControlsMount,
.grid .mega .megaGameOver .megaControlsMount,
.mega .megaGameOver .megaControlsMount {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

#grid .mega .megaGameOver .megaResultStatus,
.grid .mega .megaGameOver .megaResultStatus,
.mega .megaGameOver .megaResultStatus {
  transform: translateY(calc(var(--size) * 0.055)) !important;
}

#grid .mega .megaGameOver .megaRunningScore,
.grid .mega .megaGameOver .megaRunningScore,
.mega .megaGameOver .megaRunningScore {
  transform: translateY(calc(var(--size) * 0.055)) !important;
}

#grid .mega .megaGameOver .megaRunningScore.scorePlayAgainHotspot,
.grid .mega .megaGameOver .megaRunningScore.scorePlayAgainHotspot,
.mega .megaGameOver .megaRunningScore.scorePlayAgainHotspot {
  cursor: pointer !important;
  user-select: none !important;
}

#stats-overlay.statsOverlay {
  padding: 12px !important;
  align-items: center !important;
  justify-content: center !important;
}

#stats-overlay .statsDialog {
  width: min(94vw, 430px) !important;
  max-height: 94dvh !important;
  overflow: auto !important;
  border-radius: 22px !important;
  background: transparent !important;
}

#stats-card.statsCard {
  box-sizing: border-box !important;
  width: 100% !important;
  overflow: hidden !important;
  border: 10px solid #004920 !important;
  border-radius: 24px !important;
  padding: 22px 16px 16px !important;
  background: #ffffff !important;
}

#stats-card .statsLogo {
  width: min(78%, 300px) !important;
  height: auto !important;
  margin: 6px auto 6px !important;
  display: block !important;
}

#stats-card .statsTagline {
  margin: 0 0 18px !important;
  font-size: clamp(11px, 3vw, 16px) !important;
  letter-spacing: 0.23em !important;
  white-space: nowrap !important;
  text-align: center !important;
}

#stats-card .statsMainBox {
  display: grid !important;
  grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.56fr) !important;
  gap: 14px !important;
  align-items: stretch !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 14px 0 18px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

#stats-card .statsScoreBlock {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  overflow: visible !important;
}

#stats-card .brushBanner {
  min-width: 0 !important;
  width: fit-content !important;
  max-width: 100% !important;
  padding: 7px 18px !important;
  margin: 0 auto !important;
  font-size: clamp(15px, 4.2vw, 23px) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#stats-card .scoreNumberWrap {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  border: 2px solid #222222 !important;
  border-radius: 18px !important;
  padding: 12px 10px 10px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 12px !important;
  box-sizing: border-box !important;
}

#stats-card .statsScoreNumber {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  color: #08752f !important;
  font-size: clamp(52px, 15vw, 88px) !important;
  line-height: 0.9 !important;
  letter-spacing: -0.03em !important;
  text-align: center !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

#stats-card .statsAiRow {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px !important;
  align-items: end !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: #08752f !important;
  font-size: clamp(11px, 2.8vw, 17px) !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  text-align: left !important;
}

#stats-card .statsMetrics {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  border: 2px solid #222222 !important;
  border-radius: 18px !important;
  padding: 8px 12px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

#stats-card .metricRow {
  display: grid !important;
  grid-template-columns: 25px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 7px 0 !important;
  min-width: 0 !important;
  min-height: 36px !important;
  overflow: hidden !important;
  text-align: left !important;
}

#stats-card .metricRow + .metricRow {
  border-top: 1px solid #8d8d8d !important;
}

#stats-card .metricIcon {
  width: 23px !important;
  height: 23px !important;
  color: #08752f !important;
  stroke: currentColor !important;
  fill: none !important;
  stroke-width: 2.1 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

#stats-card .metricLabel {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  color: #07111c !important;
  font-size: clamp(10px, 2.45vw, 14px) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

#stats-card .metricValue {
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  color: #08752f !important;
  font-size: clamp(13px, 3.2vw, 20px) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

#stats-card .ratingRow {
  grid-template-columns: 25px minmax(0, 1fr) !important;
}

#stats-card .ratingRow .metricValue {
  font-size: clamp(12px, 2.9vw, 18px) !important;
}

#stats-card .guessedHeading {
  margin: 12px 0 16px !important;
  gap: 14px !important;
}

#stats-card .wordCards {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 7px !important;
  margin: 0 0 14px !important;
}

#stats-card .wordCard {
  min-width: 0 !important;
  min-height: 78px !important;
  padding: 7px 3px !important;
  border: 1.5px solid #222222 !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

#stats-card .wordNumber {
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}

#stats-card .wordCardWord {
  max-width: 100% !important;
  font-size: clamp(10px, 2.9vw, 16px) !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

#stats-card .wordCardScore {
  font-size: clamp(16px, 4.3vw, 24px) !important;
  min-height: 22px !important;
}

#stats-card .statsFooter {
  padding-top: 12px !important;
  gap: 12px !important;
  grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr) !important;
}

@media (max-width: 360px) {
  #stats-card.statsCard {
    padding-left: 12px !important;
    padding-right: 12px !important;
    border-width: 8px !important;
  }
  #stats-card .statsMainBox {
    gap: 10px !important;
  }
  #stats-card .statsMetrics {
    padding-left: 9px !important;
    padding-right: 9px !important;
  }
  #stats-card .metricRow {
    grid-template-columns: 21px minmax(0, 1fr) auto !important;
    gap: 6px !important;
  }
  #stats-card .metricIcon {
    width: 20px !important;
    height: 20px !important;
  }
}

#stats-overlay.statsOverlay {
  padding: 0 !important;
  align-items: center !important;
  justify-content: center !important;
}

#stats-overlay .statsDialog {
  width: var(--candidate150-board-width) !important;
  max-width: calc(100vw - 16px) !important;
  max-height: 94dvh !important;
  overflow: auto !important;
  border-radius: calc(var(--size) * 0.22) !important;
  background: transparent !important;
}

#stats-card.statsCard,
#stats-card.statsCard200 {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  border: max(2px, calc(var(--size) * 0.028)) solid #08752f !important;
  border-radius: calc(var(--size) * 0.22) !important;
  padding: calc(var(--size) * 0.18) calc(var(--size) * 0.13) calc(var(--size) * 0.14) !important;
  background: #ffffff !important;
  overflow: hidden !important;
}

#stats-card .statsClose {
  top: calc(var(--size) * 0.13) !important;
  right: calc(var(--size) * 0.13) !important;
  width: calc(var(--size) * 0.50) !important;
  height: calc(var(--size) * 0.50) !important;
  font-size: calc(var(--size) * 0.32) !important;
}

#stats-card .statsLogo {
  display: block !important;
  width: 75% !important;
  max-width: 75% !important;
  height: auto !important;
  margin: 0 auto calc(var(--size) * 0.16) !important;
}

#stats-card .statsHiddenValue {
  display: none !important;
}

#stats-card .statsSectionTitle {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: calc(var(--size) * 0.12) !important;
  margin: 0 0 calc(var(--size) * 0.13) !important;
  color: #08752f !important;
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: calc(var(--size) * 0.025) !important;
  font-size: calc(var(--size) * 0.21) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#stats-card .statsSectionTitle span {
  height: max(1px, calc(var(--size) * 0.014)) !important;
  background: #08752f !important;
}

#stats-card .statsHistoryGrid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: calc(var(--size) * 0.12) !important;
  width: 100% !important;
  margin: 0 0 calc(var(--size) * 0.18) !important;
}

#stats-card .statsHistoryBox {
  min-width: 0 !important;
  border: max(1px, calc(var(--size) * 0.018)) solid #08752f !important;
  border-radius: calc(var(--size) * 0.12) !important;
  padding: calc(var(--size) * 0.14) calc(var(--size) * 0.12) !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  align-items: stretch !important;
  gap: calc(var(--size) * 0.09) !important;
  overflow: hidden !important;
}

#stats-card .statsHistoryBox h3 {
  margin: 0 !important;
  color: #08752f !important;
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  letter-spacing: calc(var(--size) * 0.018) !important;
  font-size: calc(var(--size) * 0.21) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#stats-card .statsBigIcon {
  width: calc(var(--size) * 0.48) !important;
  height: calc(var(--size) * 0.48) !important;
  margin: 0 auto !important;
  padding: calc(var(--size) * 0.10) !important;
  border-radius: 999px !important;
  background: rgba(8,117,47,0.10) !important;
  color: #08752f !important;
  stroke: currentColor !important;
  fill: none !important;
  stroke-width: 2.1 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  box-sizing: content-box !important;
}

#stats-card .statsCompactRow,
#stats-card .statsMetricLine,
#stats-card .statsInlineRating {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: baseline !important;
  gap: calc(var(--size) * 0.06) !important;
  min-width: 0 !important;
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  line-height: 1.05 !important;
}

#stats-card .statsCompactRow span:first-child,
#stats-card .statsMetricLine span,
#stats-card .statsInlineRating span {
  min-width: 0 !important;
  color: #07111c !important;
  font-size: calc(var(--size) * 0.17) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

#stats-card .statsCompactRow span:last-child,
#stats-card .statsMetricLine strong {
  color: #08752f !important;
  font-size: calc(var(--size) * 0.25) !important;
  line-height: 0.95 !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

#stats-card .statsCompactSub {
  margin-top: calc(var(--size) * -0.045) !important;
  color: #07111c !important;
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  font-size: calc(var(--size) * 0.145) !important;
  text-align: left !important;
  white-space: nowrap !important;
}

#stats-card .statsMetricLine {
  grid-template-columns: calc(var(--size) * 0.34) minmax(0, 1fr) auto !important;
  padding: calc(var(--size) * 0.055) 0 !important;
  border-bottom: max(1px, calc(var(--size) * 0.008)) solid #c8c2b8 !important;
}

#stats-card .statsMetricLine span {
  font-size: calc(var(--size) * 0.17) !important;
}

#stats-card .statsMetricIcon {
  width: calc(var(--size) * 0.26) !important;
  height: calc(var(--size) * 0.26) !important;
  align-self: center !important;
  justify-self: center !important;
  color: #08752f !important;
  stroke: currentColor !important;
  fill: none !important;
  stroke-width: 2.1 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

#stats-card .statsInlineRating {
  grid-template-columns: auto minmax(0, 1fr) !important;
  justify-content: center !important;
  justify-items: center !important;
  gap: calc(var(--size) * 0.10) !important;
  padding-top: calc(var(--size) * 0.02) !important;
  border-top: max(1px, calc(var(--size) * 0.008)) solid #c8c2b8 !important;
  text-transform: uppercase !important;
}

#stats-card .statsInlineRating span {
  color: #08752f !important;
  font-size: calc(var(--size) * 0.15) !important;
  letter-spacing: calc(var(--size) * 0.010) !important;
}

#stats-card .statsInlineRating strong {
  min-width: 0 !important;
  color: #07111c !important;
  font-size: calc(var(--size) * 0.29) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#stats-card .performanceBox .statsInlineRating strong {
  color: #08752f !important;
}

#stats-card .lastGameTitle {
  margin-top: calc(var(--size) * 0.02) !important;
}

#stats-card .statsLastScoreLine {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  align-items: baseline !important;
  gap: calc(var(--size) * 0.14) !important;
  margin: 0 0 calc(var(--size) * 0.12) !important;
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
}

#stats-card .statsLastScoreLine div {
  display: flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: calc(var(--size) * 0.10) !important;
  min-width: 0 !important;
}

#stats-card .statsLastScoreLine span {
  color: #07111c !important;
  text-transform: uppercase !important;
  letter-spacing: calc(var(--size) * 0.010) !important;
  font-size: calc(var(--size) * 0.17) !important;
  white-space: nowrap !important;
}

#stats-card .statsLastScoreLine strong {
  color: #08752f !important;
  font-size: calc(var(--size) * 0.36) !important;
  line-height: 0.95 !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

#stats-card .statsLastScoreLine i {
  display: block !important;
  width: max(1px, calc(var(--size) * 0.010)) !important;
  height: calc(var(--size) * 0.40) !important;
  background: #c8c2b8 !important;
}

#stats-card #stats-word-cards.statsScoreFeed,
#stats-card .statsScoreFeed.scoreFeed {
  width: 100% !important;
  max-width: 100% !important;
  height: calc(var(--size) * 1.98) !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: max(2px, calc(var(--size) * 0.026)) solid #23923a !important;
  border-radius: calc(var(--size) * 0.13) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
}

#stats-card #stats-word-cards.statsScoreFeed > .scoreTable {
  width: 100% !important;
  height: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  grid-template-rows: 1fr !important;
  gap: 0 !important;
  align-items: stretch !important;
  justify-items: stretch !important;
  box-sizing: border-box !important;
}

#stats-card #stats-word-cards.statsScoreFeed .scoreColumn {
  position: relative !important;
  min-width: 0 !important;
  height: 100% !important;
  display: grid !important;
  grid-template-rows: 1fr auto auto auto auto 1fr !important;
  align-items: center !important;
  justify-items: center !important;
  row-gap: calc(var(--size) * 0.030) !important;
  padding: 0 calc(var(--size) * 0.035) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  border: 0 !important;
  border-radius: 0 !important;
}

#stats-card #stats-word-cards.statsScoreFeed .scoreColumn:not(:last-child) {
  border-right: max(1px, calc(var(--size) * 0.010)) solid #c8c2b8 !important;
}

#stats-card #stats-word-cards.statsScoreFeed .mainWordBadge {
  grid-row: 2 !important;
  width: calc(var(--size) * 0.35) !important;
  height: calc(var(--size) * 0.35) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: #23923a !important;
  color: #ffffff !important;
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  font-size: calc(var(--size) * 0.22) !important;
  line-height: 1 !important;
}

#stats-card #stats-word-cards.statsScoreFeed .scoreWordCell {
  grid-row: 3 !important;
  width: 100% !important;
  min-height: calc(var(--size) * 0.20) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  font-size: calc(var(--size) * 0.17) !important;
  line-height: 1 !important;
  letter-spacing: calc(var(--size) * 0.004) !important;
  color: #10233a !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

#stats-card #stats-word-cards.statsScoreFeed .scoreRuleLine {
  grid-row: 4 !important;
  width: 54% !important;
  height: max(1px, calc(var(--size) * 0.018)) !important;
  background: #c8c2b8 !important;
}

#stats-card #stats-word-cards.statsScoreFeed .scoreValueCell {
  grid-row: 5 !important;
  min-height: calc(var(--size) * 0.32) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  font-size: calc(var(--size) * 0.30) !important;
  color: #23923a !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

@media (max-width: 360px) {
  #stats-card.statsCard200 {
    padding-left: calc(var(--size) * 0.10) !important;
    padding-right: calc(var(--size) * 0.10) !important;
  }
  #stats-card .statsHistoryGrid {
    gap: calc(var(--size) * 0.09) !important;
  }
  #stats-card .statsCompactRow span:first-child,
  #stats-card .statsMetricLine span {
    font-size: calc(var(--size) * 0.155) !important;
  }
}

#stats-card.statsCard,
#stats-card.statsCard200 {
  padding: calc(var(--size) * 0.055) calc(var(--size) * 0.030) calc(var(--size) * 0.035) !important;
}

#stats-card .statsClose {
  top: calc(var(--size) * 0.040) !important;
  right: calc(var(--size) * 0.040) !important;
}

#stats-card .statsLogo {
  margin: 0 auto calc(var(--size) * 0.070) !important;
}

#stats-card .statsSectionTitle {
  margin-bottom: calc(var(--size) * 0.075) !important;
  font-size: calc(var(--size) * 0.21) !important;
}

#stats-card .statsHistoryGrid {
  gap: calc(var(--size) * 0.075) !important;
  margin-bottom: calc(var(--size) * 0.105) !important;
}

#stats-card .statsHistoryBox {
  padding: calc(var(--size) * 0.085) calc(var(--size) * 0.070) !important;
  gap: calc(var(--size) * 0.055) !important;
}

#stats-card .statsHistoryBox h3,
#stats-card .statsCompactRow span:first-child,
#stats-card .statsMetricLine span,
#stats-card .statsInlineRating span,
#stats-card .statsCompactSub,
#stats-card .statsLastScoreLine span {
  font-size: calc(var(--size) * 0.21) !important;
  line-height: 1.05 !important;
}

#stats-card .statsCompactSub {
  margin-top: 0 !important;
  text-align: left !important;
}

#stats-card .statsMetricLine {
  border-bottom: 0 !important;
  padding: calc(var(--size) * 0.035) 0 !important;
}

#stats-card .statsInlineRating {
  border-top: 0 !important;
  padding-top: 0 !important;
}

#stats-card .statsMetricIcon {
  width: calc(var(--size) * 0.24) !important;
  height: calc(var(--size) * 0.24) !important;
}

#stats-card .statsBigIcon {
  width: calc(var(--size) * 0.42) !important;
  height: calc(var(--size) * 0.42) !important;
  padding: calc(var(--size) * 0.075) !important;
}

#stats-card .statsLastScoreLine {
  margin-bottom: calc(var(--size) * 0.060) !important;
}

#stats-card .statsLastScoreLine strong {
  font-size: calc(var(--size) * 0.36) !important;
}

#stats-card #stats-word-cards.statsScoreFeed,
#stats-card .statsScoreFeed.scoreFeed {
  width: var(--candidate150-board-width) !important;
  max-width: 100% !important;
  height: calc(var(--size) * 1.54) !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border-width: max(2px, calc(var(--size) * 0.026)) !important;
  border-style: solid !important;
  border-color: #23923a !important;
  border-radius: calc(var(--size) * 0.13) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
}

#stats-card #stats-word-cards.statsScoreFeed > .scoreTable {
  width: 100% !important;
  height: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  grid-template-rows: 1fr !important;
  gap: 0 !important;
  align-items: stretch !important;
  justify-items: stretch !important;
  box-sizing: border-box !important;
}

#stats-card #stats-word-cards.statsScoreFeed .scoreColumn {
  position: relative !important;
  min-width: 0 !important;
  height: 100% !important;
  display: grid !important;
  grid-template-rows:
    calc(var(--size) * 0.055)
    auto
    auto
    auto
    auto
    calc(var(--size) * 0.055) !important;
  align-items: center !important;
  justify-items: center !important;
  row-gap: calc(var(--size) * 0.020) !important;
  padding: 0 calc(var(--size) * 0.030) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  border: 0 !important;
  border-radius: 0 !important;
}

#stats-card #stats-word-cards.statsScoreFeed .scoreColumn:not(:last-child) {
  border-right: max(1px, calc(var(--size) * 0.010)) solid #c8c2b8 !important;
}

#stats-card #stats-word-cards.statsScoreFeed .mainWordBadge {
  grid-row: 2 !important;
  width: calc(var(--size) * 0.35) !important;
  height: calc(var(--size) * 0.35) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: #23923a !important;
  color: #ffffff !important;
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  font-size: calc(var(--size) * 0.22) !important;
  line-height: 1 !important;
  transform: translateY(calc(var(--size) * -0.035)) !important;
  margin-bottom: calc(var(--size) * 0.020) !important;
}

#stats-card #stats-word-cards.statsScoreFeed .scoreWordCell {
  grid-row: 3 !important;
  width: 100% !important;
  min-height: calc(var(--size) * 0.24) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  font-size: calc(var(--size) * 0.226) !important;
  line-height: 1 !important;
  letter-spacing: calc(var(--size) * 0.002) !important;
  color: #10233a !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

#stats-card #stats-word-cards.statsScoreFeed .scoreWordCell.missedRound {
  color: #10233a !important;
}

#stats-card #stats-word-cards.statsScoreFeed .scoreRuleLine {
  grid-row: 4 !important;
  width: 58% !important;
  height: max(1px, calc(var(--size) * 0.018)) !important;
  margin-top: calc(var(--size) * 0.004) !important;
  background: #c8c2b8 !important;
}

#stats-card #stats-word-cards.statsScoreFeed .scoreValueCell {
  grid-row: 5 !important;
  min-height: calc(var(--size) * 0.30) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  font-size: calc(var(--size) * 0.31) !important;
  color: #23923a !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#stats-card .statsLogo {
  display: none !important;
}

#stats-card .statsRatingPlate {
  width: min(84%, calc(var(--size) * 4.55)) !important;
  min-height: calc(var(--size) * 0.58) !important;
  margin: calc(var(--size) * 0.055) auto calc(var(--size) * 0.105) !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: calc(var(--size) * 0.085) !important;
  padding: calc(var(--size) * 0.075) calc(var(--size) * 0.18) !important;
  border: max(2px, calc(var(--size) * 0.020)) solid #08752f !important;
  border-radius: calc(var(--size) * 0.095) !important;
  color: #08752f !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
  font-family: var(--font-body) !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}

#stats-card .statsRatingPlate strong {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: calc(var(--size) * 0.070) !important;
  color: #07111c !important;
  font-size: calc(var(--size) * 0.32) !important;
  font-weight: 700 !important;
  letter-spacing: calc(var(--size) * 0.016) !important;
  white-space: nowrap !important;
}

#stats-card .statsRatingPlate strong b {
  font: inherit !important;
  color: inherit !important;
}

#stats-card .statsRatingPlate strong b:last-child {
  color: #08752f !important;
}

#stats-card .statsRatingPlate > span {
  color: #08752f !important;
  font-size: calc(var(--size) * 0.19) !important;
  line-height: 1 !important;
}

#stats-card .statsHistoryBox {
  justify-content: flex-start !important;
}

#stats-card .statsHistoryBox h3 {
  margin-bottom: calc(var(--size) * 0.030) !important;
}

#stats-card .statsBigIcon,
#stats-card .statsCompactSub {
  display: none !important;
}

#stats-card .statsMetricLine,
#stats-card .statsCompactRow,
#stats-card .statsDaysLine {
  display: grid !important;
  grid-template-columns: calc(var(--size) * 0.31) minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: calc(var(--size) * 0.080) !important;
  width: 100% !important;
  padding: calc(var(--size) * 0.040) 0 !important;
  border: 0 !important;
  text-align: left !important;
  box-sizing: border-box !important;
}

#stats-card .statsMetricIcon {
  justify-self: start !important;
  align-self: center !important;
  width: calc(var(--size) * 0.24) !important;
  height: calc(var(--size) * 0.24) !important;
  color: #08752f !important;
  stroke: currentColor !important;
  fill: none !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

#stats-card .statsMetricLine span,
#stats-card .statsDaysLine span,
#stats-card .statsMetricLine strong,
#stats-card .statsDaysLine strong {
  text-align: left !important;
  white-space: nowrap !important;
}

#stats-card .statsMetricLine strong,
#stats-card .statsDaysLine strong {
  justify-self: end !important;
  color: #08752f !important;
  font-size: calc(var(--size) * 0.23) !important;
}

#stats-card .statsInlineRating {
  margin-top: auto !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: baseline !important;
  gap: calc(var(--size) * 0.09) !important;
}

#stats-card .statsInlineRating span,
#stats-card .statsInlineRating strong {
  white-space: nowrap !important;
  text-align: left !important;
}

#stats-card .statsInlineRating strong {
  justify-self: end !important;
}


#stats-card .statsRatingPlate {
  margin-bottom: calc(var(--size) * 0.22) !important;
}

#stats-card .lastGameTitle {
  margin-top: calc(var(--size) * 0.22) !important;
  margin-bottom: calc(var(--size) * 0.06) !important;
}

#stats-card .statsLastResult {
  display: block !important;
  margin: calc(var(--size) * 0.06) auto calc(var(--size) * 0.08) !important;
  color: #08752f !important;
  font-family: var(--font-body) !important;
  font-size: calc(var(--size) * 0.23) !important;
  font-weight: 700 !important;
  letter-spacing: calc(var(--size) * 0.018) !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

#stats-card .statsLastResult.lose {
  color: #b23b3b !important;
}

#stats-card .statsLastScoreLine {
  margin-top: calc(var(--size) * 0.06) !important;
}


#stats-card.statsCard,
#stats-card.statsCard200 {
  padding-bottom: calc(var(--size) * 0.105) !important;
}

#stats-card .statsRatingPlate {
  width: min(76%, calc(var(--size) * 4.15)) !important;
  margin-bottom: calc(var(--size) * 0.44) !important;
}

#stats-card .lastGameTitle {
  margin-top: calc(var(--size) * 0.44) !important;
  margin-bottom: calc(var(--size) * 0.075) !important;
}

#stats-card .statsLastResult {
  margin: calc(var(--size) * 0.085) auto calc(var(--size) * 0.105) !important;
  font-size: calc(var(--size) * 0.345) !important;
  font-weight: 800 !important;
  letter-spacing: calc(var(--size) * 0.024) !important;
}

#stats-card .statsLastScoreLine {
  align-items: center !important;
  margin-top: calc(var(--size) * 0.075) !important;
  margin-bottom: calc(var(--size) * 0.075) !important;
}

#stats-card .statsLastScoreLine i {
  align-self: center !important;
  height: calc(var(--size) * 0.21) !important;
}


#stats-card .statsSectionTitle,
#stats-card .lastGameTitle {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

#stats-card .statsRatingPlate {
  margin-bottom: calc(var(--size) * 0.16) !important;
}

#stats-card .statsHistoryGrid {
  margin-top: 0 !important;
  margin-bottom: calc(var(--size) * 0.16) !important;
}

#stats-card .statsLastResult {
  margin: calc(var(--size) * 0.10) auto calc(var(--size) * 0.11) !important;
}

#stats-card .statsLastScoreLine {
  margin-top: 0 !important;
}


#stats-card .statsHistoryGrid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: calc(var(--size) * 0.105) !important;
  margin-bottom: calc(var(--size) * 0.145) !important;
}

#stats-card .statsHistoryBox {
  width: 100% !important;
  min-height: calc(var(--size) * 1.12) !important;
  padding: calc(var(--size) * 0.135) calc(var(--size) * 0.175) !important;
  gap: calc(var(--size) * 0.085) !important;
}

#stats-card .statsHistoryBox h3 {
  font-size: calc(var(--size) * 0.265) !important;
  letter-spacing: calc(var(--size) * 0.026) !important;
  margin: 0 0 calc(var(--size) * 0.045) !important;
}

#stats-card .statsMetricLine,
#stats-card .statsCompactRow,
#stats-card .statsDaysLine {
  grid-template-columns: calc(var(--size) * 0.38) minmax(0, 1fr) auto !important;
  gap: calc(var(--size) * 0.125) !important;
  padding: calc(var(--size) * 0.045) 0 !important;
}

#stats-card .statsMetricIcon {
  width: calc(var(--size) * 0.30) !important;
  height: calc(var(--size) * 0.30) !important;
}

#stats-card .statsMetricLine span,
#stats-card .statsDaysLine span {
  font-size: calc(var(--size) * 0.255) !important;
  line-height: 1.05 !important;
}

#stats-card .statsMetricLine strong,
#stats-card .statsDaysLine strong {
  font-size: calc(var(--size) * 0.255) !important;
  line-height: 1.05 !important;
}

#stats-card .statsInlineRating,
#stats-card #stats-consistency-rating,
#stats-card #stats-performance-rating {
  display: none !important;
}

#stats-card .statsRatingPlate {
  margin-bottom: calc(var(--size) * 0.115) !important;
}

#stats-card .statsLastResult {
  margin-top: calc(var(--size) * 0.075) !important;
}

#stats-overlay .statsDialog {
  box-sizing: border-box !important;
  border: max(3px, calc(var(--size) * 0.040)) solid #ffffff !important;
  border-radius: calc(var(--size) * 0.18) !important;
}

#stats-card #stats-word-cards.statsScoreFeed,
#stats-card .statsScoreFeed.scoreFeed {
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  display: block !important;
  padding: 0 !important;
  border: max(2px, calc(var(--size) * 0.020)) solid #179138 !important;
  border-radius: calc(var(--size) * 0.09) !important;
  background: #ffffff !important;
  overflow: hidden !important;
}

#stats-card #stats-word-cards .statsWordRows {
  width: 100% !important;
  display: grid !important;
  grid-template-rows: repeat(5, calc(var(--size) * 0.43)) !important;
  box-sizing: border-box !important;
}

#stats-card #stats-word-cards .statsWordRow {
  display: grid !important;
  grid-template-columns: calc(var(--size) * 0.48) minmax(0, 1fr) calc(var(--size) * 0.70) !important;
  align-items: center !important;
  gap: calc(var(--size) * 0.12) !important;
  padding: 0 calc(var(--size) * 0.18) !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
}

#stats-card #stats-word-cards .statsWordRow:not(:last-child) {
  border-bottom: 1px solid rgba(8, 117, 47, 0.28) !important;
}

#stats-card #stats-word-cards .statsWordBadge {
  width: calc(var(--size) * 0.32) !important;
  height: calc(var(--size) * 0.32) !important;
  border-radius: 999px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: start !important;
  background: #179138 !important;
  color: #ffffff !important;
  font-family: var(--font-body) !important;
  font-size: calc(var(--size) * 0.19) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

#stats-card #stats-word-cards .statsWordText,
#stats-card #stats-word-cards .statsWordScore {
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#stats-card #stats-word-cards .statsWordText {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #10233a !important;
  text-align: left !important;
  font-size: calc(var(--size) * 0.255) !important;
  letter-spacing: calc(var(--size) * 0.010) !important;
  text-transform: uppercase !important;
}

#stats-card #stats-word-cards .statsWordText.missedRound {
  text-align: left !important;
  color: #10233a !important;
}

#stats-card #stats-word-cards .statsWordScore {
  justify-self: end !important;
  color: #23923a !important;
  text-align: right !important;
  font-size: calc(var(--size) * 0.285) !important;
}

#stats-overlay.statsOverlay {
  padding: max(6px, calc(var(--size) * 0.05)) !important;
  align-items: center !important;
  justify-content: center !important;
}

#stats-overlay .statsDialog {
  width: min(94vw, 430px) !important;
  max-height: 96dvh !important;
  overflow: auto !important;
  box-sizing: border-box !important;
  border: max(3px, calc(var(--size) * 0.035)) solid #ffffff !important;
  border-radius: calc(var(--size) * 0.18) !important;
  background: transparent !important;
  box-shadow: 0 18px 40px rgba(0,0,0,0.24) !important;
}

#stats-card.statsCard,
#stats-card.statsCard200 {
  width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  border: max(2px, calc(var(--size) * 0.020)) solid #2e6f3e !important;
  border-radius: calc(var(--size) * 0.155) !important;
  padding: calc(var(--size) * 0.115) calc(var(--size) * 0.090) calc(var(--size) * 0.120) !important;
  background: linear-gradient(180deg, #fbf8ef 0%, #f8f4e7 100%) !important;
  color: #10233a !important;
  font-family: var(--font-body) !important;
}

#stats-card .statsClose {
  top: calc(var(--size) * 0.065) !important;
  right: calc(var(--size) * 0.065) !important;
  width: calc(var(--size) * 0.50) !important;
  height: calc(var(--size) * 0.50) !important;
  border: max(1px, calc(var(--size) * 0.010)) solid rgba(118, 105, 84, 0.40) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.72) !important;
  color: #07111c !important;
  font-size: calc(var(--size) * 0.27) !important;
  line-height: 1 !important;
  z-index: 5 !important;
}

#stats-card .statsRatingPlate {
  width: min(72%, calc(var(--size) * 4.35)) !important;
  min-height: calc(var(--size) * 0.58) !important;
  margin: 0 auto calc(var(--size) * 0.145) !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: calc(var(--size) * 0.095) !important;
  padding: calc(var(--size) * 0.078) calc(var(--size) * 0.20) !important;
  border: max(2px, calc(var(--size) * 0.018)) solid #b9aa7e !important;
  border-radius: calc(var(--size) * 0.090) !important;
  color: #2e6f3e !important;
  background: rgba(255,255,255,0.72) !important;
  box-shadow: 0 2px 0 rgba(185,170,126,0.16), inset 0 0 0 1px rgba(255,255,255,0.75) !important;
  text-transform: uppercase !important;
}

#stats-card .statsRatingPlate strong {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: calc(var(--size) * 0.075) !important;
  color: #07111c !important;
  font-size: calc(var(--size) * 0.30) !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: calc(var(--size) * 0.018) !important;
  white-space: nowrap !important;
}

#stats-card .statsRatingPlate strong b {
  font: inherit !important;
  color: inherit !important;
}

#stats-card .statsRatingPlate strong b:last-child {
  color: #2e8e35 !important;
}

#stats-card .statsRatingPlate > span {
  color: #2e6f3e !important;
  font-size: calc(var(--size) * 0.19) !important;
}

#stats-card .statsTopResult {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.22fr) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: calc(var(--size) * 0.055) !important;
  margin: 0 0 calc(var(--size) * 0.145) !important;
  padding: calc(var(--size) * 0.16) calc(var(--size) * 0.13) !important;
  border: max(1px, calc(var(--size) * 0.010)) solid #b9aa7e !important;
  border-radius: calc(var(--size) * 0.105) !important;
  background: rgba(255,255,255,0.38) !important;
}

#stats-card .statsTopScore {
  display: grid !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  justify-items: center !important;
  gap: calc(var(--size) * 0.025) !important;
  min-width: 0 !important;
}

#stats-card .statsTopScore span {
  color: #10233a !important;
  text-transform: uppercase !important;
  font-size: calc(var(--size) * 0.18) !important;
  font-weight: 700 !important;
  letter-spacing: calc(var(--size) * 0.016) !important;
  white-space: nowrap !important;
}

#stats-card .statsTopScore strong {
  color: #2e6f3e !important;
  font-size: calc(var(--size) * 0.56) !important;
  font-weight: 700 !important;
  line-height: 0.92 !important;
  letter-spacing: calc(var(--size) * -0.012) !important;
  white-space: nowrap !important;
}

#stats-card .statsLastResult {
  position: relative !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  color: #2e6f3e !important;
  font-family: var(--font-body) !important;
  font-size: calc(var(--size) * 0.62) !important;
  font-weight: 700 !important;
  letter-spacing: calc(var(--size) * 0.025) !important;
  line-height: 0.9 !important;
  text-transform: uppercase !important;
  text-align: center !important;
}

#stats-card .statsLastResult::before,
#stats-card .statsLastResult::after {
  content: '✦' !important;
  color: #c2b386 !important;
  font-size: calc(var(--size) * 0.22) !important;
  font-weight: 400 !important;
  margin: 0 calc(var(--size) * 0.055) !important;
}

#stats-card .statsLastResult.lose {
  color: #b23b3b !important;
}

#stats-card .statsHiddenWordBlock {
  margin: 0 0 calc(var(--size) * 0.145) !important;
}

#stats-card .statsDecorTitle {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: calc(var(--size) * 0.10) !important;
  margin: 0 auto calc(var(--size) * 0.10) !important;
  width: min(64%, calc(var(--size) * 3.85)) !important;
  color: #2e6f3e !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

#stats-card .statsDecorTitle span {
  display: block !important;
  height: max(1px, calc(var(--size) * 0.008)) !important;
  background: #b9aa7e !important;
}

#stats-card .statsDecorTitle strong {
  font-size: calc(var(--size) * 0.20) !important;
  font-weight: 700 !important;
  letter-spacing: calc(var(--size) * 0.018) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#stats-card .statsHiddenWordTiles {
  display: grid !important;
  grid-template-columns: repeat(5, calc(var(--size) * 0.64)) !important;
  justify-content: center !important;
  gap: calc(var(--size) * 0.095) !important;
}

#stats-card .statsHiddenWordTiles span {
  width: calc(var(--size) * 0.64) !important;
  height: calc(var(--size) * 0.54) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: max(1px, calc(var(--size) * 0.015)) solid #2e6f3e !important;
  border-radius: calc(var(--size) * 0.055) !important;
  background: rgba(255,255,255,0.56) !important;
  color: #2e6f3e !important;
  font-size: calc(var(--size) * 0.30) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

#stats-card #stats-word-cards.statsScoreFeed,
#stats-card .statsScoreFeed.scoreFeed {
  width: 100% !important;
  height: auto !important;
  margin: 0 0 calc(var(--size) * 0.155) !important;
  padding: 0 !important;
  border: max(1px, calc(var(--size) * 0.010)) solid #a89970 !important;
  border-radius: calc(var(--size) * 0.105) !important;
  background: rgba(255,255,255,0.36) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

#stats-card #stats-word-cards .statsWordRows {
  width: 100% !important;
  display: grid !important;
  grid-template-rows: repeat(5, calc(var(--size) * 0.48)) !important;
  box-sizing: border-box !important;
}

#stats-card #stats-word-cards .statsWordRow {
  display: grid !important;
  grid-template-columns: calc(var(--size) * 0.48) minmax(0, 1fr) calc(var(--size) * 0.70) !important;
  align-items: center !important;
  gap: calc(var(--size) * 0.15) !important;
  padding: 0 calc(var(--size) * 0.17) !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
}

#stats-card #stats-word-cards .statsWordRow:not(:last-child) {
  border-bottom: max(1px, calc(var(--size) * 0.006)) dashed rgba(168,153,112,0.42) !important;
}

#stats-card #stats-word-cards .statsWordBadge {
  width: calc(var(--size) * 0.32) !important;
  height: calc(var(--size) * 0.32) !important;
  border-radius: 999px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: center !important;
  background: #2e6f3e !important;
  color: #ffffff !important;
  font-size: calc(var(--size) * 0.18) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

#stats-card #stats-word-cards .statsWordText {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #10233a !important;
  text-align: left !important;
  font-size: calc(var(--size) * 0.30) !important;
  font-weight: 700 !important;
  letter-spacing: calc(var(--size) * 0.018) !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

#stats-card #stats-word-cards .statsWordText.missedRound {
  color: #10233a !important;
}

#stats-card #stats-word-cards .statsWordScore {
  justify-self: end !important;
  color: #2e6f3e !important;
  text-align: right !important;
  font-size: calc(var(--size) * 0.34) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#stats-card .statsHistoryGrid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: calc(var(--size) * 0.115) !important;
  margin: 0 !important;
}

#stats-card .statsHistoryBox {
  width: 100% !important;
  min-height: 0 !important;
  padding: calc(var(--size) * 0.085) calc(var(--size) * 0.105) calc(var(--size) * 0.095) !important;
  border: max(1px, calc(var(--size) * 0.010)) solid rgba(168,153,112,0.80) !important;
  border-radius: calc(var(--size) * 0.095) !important;
  background: rgba(255,255,255,0.28) !important;
  box-sizing: border-box !important;
  gap: calc(var(--size) * 0.070) !important;
}

#stats-card .statsHistoryBox h3 {
  margin: 0 0 calc(var(--size) * 0.065) !important;
  color: #2e6f3e !important;
  text-align: center !important;
  font-size: calc(var(--size) * 0.23) !important;
  font-weight: 700 !important;
  letter-spacing: calc(var(--size) * 0.025) !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

#stats-card .statsMetricLine,
#stats-card .statsDaysLine {
  display: grid !important;
  grid-template-columns: calc(var(--size) * 0.36) minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: calc(var(--size) * 0.13) !important;
  width: 100% !important;
  padding: calc(var(--size) * 0.045) 0 !important;
  border: 0 !important;
  box-sizing: border-box !important;
}

#stats-card .performanceBox .statsMetricLine:not(:last-of-type) {
  border-bottom: max(1px, calc(var(--size) * 0.006)) solid rgba(168,153,112,0.38) !important;
}

#stats-card .statsMetricIcon {
  justify-self: center !important;
  width: calc(var(--size) * 0.28) !important;
  height: calc(var(--size) * 0.28) !important;
  color: #2e6f3e !important;
  stroke: currentColor !important;
  fill: none !important;
  stroke-width: 2.1 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

#stats-card .statsMetricLine span,
#stats-card .statsDaysLine span {
  min-width: 0 !important;
  color: #10233a !important;
  font-size: calc(var(--size) * 0.23) !important;
  font-weight: 700 !important;
  line-height: 1.04 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

#stats-card .statsMetricLine strong,
#stats-card .statsDaysLine strong {
  justify-self: end !important;
  color: #2e6f3e !important;
  font-size: calc(var(--size) * 0.25) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#stats-card .statsInlineRating,
#stats-card #stats-consistency-rating,
#stats-card #stats-performance-rating,
#stats-card .statsSectionTitle,
#stats-card .lastGameTitle,
#stats-card .statsLogo,
#stats-card .statsTagline,
#stats-card .statsMainBox,
#stats-card .statsScoreBlock,
#stats-card .statsMetrics,
#stats-card .statsAiRow,
#stats-card .brushBanner,
#stats-card .scoreNumberWrap,
#stats-card .statsScoreNumber,
#stats-card .statsLastScoreLine {
  display: none !important;
}

@media (max-height: 720px) {
  #stats-card.statsCard,
  #stats-card.statsCard200 {
    padding-top: calc(var(--size) * 0.085) !important;
    padding-bottom: calc(var(--size) * 0.090) !important;
  }
  #stats-card .statsTopResult,
  #stats-card .statsHiddenWordBlock,
  #stats-card #stats-word-cards.statsScoreFeed,
  #stats-card .statsScoreFeed.scoreFeed {
    margin-bottom: calc(var(--size) * 0.105) !important;
  }
  #stats-card #stats-word-cards .statsWordRows {
    grid-template-rows: repeat(5, calc(var(--size) * 0.43)) !important;
  }
  #stats-card .statsHistoryGrid {
    gap: calc(var(--size) * 0.085) !important;
  }
}


#game-container.app > #score-feed.scoreFeed,
#score-feed.scoreFeed {
  border-radius: var(--radius) !important;
}

#stats-overlay.statsOverlay {
  padding: max(8px, calc(var(--size) * 0.035)) !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: auto !important;
}

#stats-overlay .statsDialog {
  width: min(var(--size), calc(100vw - 16px)) !important;
  max-width: var(--size) !important;
  margin: auto !important;
  box-sizing: border-box !important;
}

#stats-card.statsCard,
#stats-card.statsCard200,
#stats-card.statsCard215 {
  width: 100% !important;
  max-width: var(--size) !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: calc(var(--size) * 0.105) calc(var(--size) * 0.070) calc(var(--size) * 0.070) !important;
  border: max(2px, calc(var(--size) * 0.012)) solid #0f7a3a !important;
  border-radius: calc(var(--size) * 0.085) !important;
  outline: max(1px, calc(var(--size) * 0.008)) solid rgba(255,255,255,0.92) !important;
  outline-offset: calc(var(--size) * -0.020) !important;
  background: #fffefa !important;
  box-shadow: 0 calc(var(--size) * 0.045) calc(var(--size) * 0.12) rgba(0,0,0,0.16), inset 0 0 calc(var(--size) * 0.14) rgba(185,170,126,0.10) !important;
  color: #10233a !important;
  box-sizing: border-box !important;
  font-family: var(--font-body) !important;
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
}

#stats-card .statsClose {
  position: absolute !important;
  top: calc(var(--size) * 0.035) !important;
  right: calc(var(--size) * 0.035) !important;
  width: calc(var(--size) * 0.085) !important;
  height: calc(var(--size) * 0.085) !important;
  min-width: 36px !important;
  min-height: 36px !important;
  border-radius: 999px !important;
  border: max(1px, calc(var(--size) * 0.004)) solid rgba(16,35,58,0.26) !important;
  background: rgba(255,255,255,0.72) !important;
  color: #10233a !important;
  font-size: calc(var(--size) * 0.060) !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  z-index: 2 !important;
  box-shadow: none !important;
}

#stats-card .stats215Title {
  margin: calc(var(--size) * 0.010) auto calc(var(--size) * 0.075) !important;
  width: 74% !important;
  color: #10233a !important;
  font-family: var(--font-body) !important;
  font-size: calc(var(--size) * 0.125) !important;
  font-weight: 700 !important;
  letter-spacing: calc(var(--size) * 0.020) !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

#stats-card .stats215DecorTitle {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: calc(var(--size) * 0.045) !important;
  width: 82% !important;
  margin: 0 auto calc(var(--size) * 0.020) !important;
  color: #0f7a3a !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

#stats-card .stats215DecorTitle span {
  display: block !important;
  height: max(1px, calc(var(--size) * 0.004)) !important;
  background: #b08d42 !important;
}

#stats-card .stats215DecorTitle strong {
  color: inherit !important;
  font-family: var(--font-body) !important;
  font-size: calc(var(--size) * 0.060) !important;
  font-weight: 700 !important;
  letter-spacing: calc(var(--size) * 0.020) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#stats-card .stats215RatingTitle {
  color: #a78335 !important;
  width: 86% !important;
}

#stats-card .stats215RatingPlate {
  width: 86% !important;
  min-height: calc(var(--size) * 0.170) !important;
  margin: 0 auto calc(var(--size) * 0.090) !important;
  padding: calc(var(--size) * 0.035) calc(var(--size) * 0.055) !important;
  border: max(1px, calc(var(--size) * 0.008)) solid #b08d42 !important;
  border-radius: calc(var(--size) * 0.035) !important;
  background: #fffefa !important;
  box-shadow: 0 calc(var(--size) * 0.020) calc(var(--size) * 0.045) rgba(0,0,0,0.10), inset 0 0 0 max(1px, calc(var(--size) * 0.004)) rgba(176,141,66,0.42) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

#stats-card .stats215RatingPlate strong {
  display: inline-flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: calc(var(--size) * 0.085) !important;
  min-width: 0 !important;
  color: #10233a !important;
  font-size: calc(var(--size) * 0.140) !important;
  font-weight: 700 !important;
  letter-spacing: calc(var(--size) * 0.030) !important;
  line-height: 0.95 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

#stats-card .stats215RatingPlate b {
  font: inherit !important;
  line-height: inherit !important;
}

#stats-card .stats215RatingPlate #stats-performance-plate {
  color: #0f7a3a !important;
}

#stats-card .stats215ConsistencyTitle,
#stats-card .stats215PerformanceTitle {
  width: 68% !important;
  margin-bottom: calc(var(--size) * 0.030) !important;
}

#stats-card .stats215MetricBox {
  width: 88% !important;
  margin: 0 auto calc(var(--size) * 0.105) !important;
  padding: calc(var(--size) * 0.045) calc(var(--size) * 0.030) !important;
  border: max(1px, calc(var(--size) * 0.005)) solid rgba(176,141,66,0.44) !important;
  border-radius: calc(var(--size) * 0.027) !important;
  background: rgba(255,255,255,0.50) !important;
  box-shadow: inset 0 0 calc(var(--size) * 0.090) rgba(176,141,66,0.040) !important;
  box-sizing: border-box !important;
}

#stats-card .stats215ConsistencyBox {
  margin-bottom: calc(var(--size) * 0.105) !important;
}

#stats-card .stats215PerformanceBox {
  margin-bottom: 0 !important;
  padding-top: calc(var(--size) * 0.040) !important;
  padding-bottom: calc(var(--size) * 0.040) !important;
}

#stats-card .stats215MetricLine,
#stats-card .statsDaysLine,
#stats-card .statsMetricLine {
  display: grid !important;
  grid-template-columns: calc(var(--size) * 0.135) minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: calc(var(--size) * 0.070) !important;
  width: 100% !important;
  min-height: calc(var(--size) * 0.125) !important;
  padding: calc(var(--size) * 0.026) calc(var(--size) * 0.020) !important;
  border: 0 !important;
  box-sizing: border-box !important;
}

#stats-card .stats215PerformanceBox .stats215MetricLine:not(:last-child) {
  border-bottom: max(1px, calc(var(--size) * 0.004)) dashed rgba(176,141,66,0.30) !important;
}

#stats-card .stats215MetricIcon {
  justify-self: center !important;
  width: calc(var(--size) * 0.070) !important;
  height: calc(var(--size) * 0.070) !important;
  color: #0f7a3a !important;
  stroke: currentColor !important;
  fill: none !important;
  stroke-width: 2.0 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  filter: drop-shadow(0 1px 0 rgba(0,0,0,0.12)) !important;
}

#stats-card .stats215MetricIcon path[fill],
#stats-card .stats215MetricIcon circle[fill],
#stats-card .stats215MetricIcon rect[fill] {
  fill: currentColor !important;
}

#stats-card .stats215MetricLine span,
#stats-card .statsDaysLine span {
  min-width: 0 !important;
  color: #10233a !important;
  font-family: var(--font-body) !important;
  font-size: calc(var(--size) * 0.072) !important;
  font-weight: 500 !important;
  letter-spacing: calc(var(--size) * 0.001) !important;
  line-height: 1.04 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

#stats-card .stats215MetricLine strong,
#stats-card .statsDaysLine strong {
  justify-self: end !important;
  color: #0f7a3a !important;
  font-family: var(--font-body) !important;
  font-size: calc(var(--size) * 0.078) !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

/* Hide older stats-window elements if an older browser keeps cached markup. */
#stats-card.statsCard215 .statsTopResult,
#stats-card.statsCard215 .statsHiddenWordBlock,
#stats-card.statsCard215 #stats-word-cards,
#stats-card.statsCard215 .statsHistoryGrid,
#stats-card.statsCard215 .statsLogo,
#stats-card.statsCard215 .statsTagline,
#stats-card.statsCard215 .statsMainBox,
#stats-card.statsCard215 .statsScoreBlock,
#stats-card.statsCard215 .statsScoreFeed,
#stats-card.statsCard215 .statsWordRows {
  display: none !important;
}

@media (max-height: 720px) {
  #stats-card.statsCard215 {
    padding-top: calc(var(--size) * 0.085) !important;
    padding-bottom: calc(var(--size) * 0.055) !important;
  }
  #stats-card .stats215Title {
    margin-bottom: calc(var(--size) * 0.055) !important;
    font-size: calc(var(--size) * 0.112) !important;
  }
  #stats-card .stats215RatingPlate {
    margin-bottom: calc(var(--size) * 0.070) !important;
    min-height: calc(var(--size) * 0.155) !important;
  }
  #stats-card .stats215MetricBox {
    margin-bottom: calc(var(--size) * 0.075) !important;
  }
}


#stats-overlay.statsOverlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1000 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: max(6px, env(safe-area-inset-top)) 6px max(6px, env(safe-area-inset-bottom)) !important;
  background: rgba(0, 0, 0, 0.55) !important;
  overflow: auto !important;
}
#stats-overlay.statsOverlay.open { display: flex !important; }

#stats-overlay .statsDialog {
  width: min(calc((var(--size) * 5) + (var(--gap) * 4)), calc(100vw - 12px)) !important;
  max-width: min(calc((var(--size) * 5) + (var(--gap) * 4)), calc(100vw - 12px)) !important;
  max-height: calc(100dvh - 12px) !important;
  margin: auto !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: calc(var(--size) * 0.18) !important;
  background: transparent !important;
  box-shadow: 0 calc(var(--size) * 0.10) calc(var(--size) * 0.35) rgba(0,0,0,0.25) !important;
  box-sizing: border-box !important;
}

#stats-card.statsCard215 {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  max-height: calc(100dvh - 12px) !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: calc(var(--size) * 0.30) calc(var(--size) * 0.36) calc(var(--size) * 0.34) !important;
  border: max(2px, calc(var(--size) * 0.030)) solid #0f7a3a !important;
  border-radius: calc(var(--size) * 0.18) !important;
  outline: max(1px, calc(var(--size) * 0.014)) solid rgba(255,255,255,0.95) !important;
  outline-offset: calc(var(--size) * -0.055) !important;
  background: #fffefa !important;
  color: #10233a !important;
  font-family: var(--font-body) !important;
  text-align: center !important;
  box-shadow: inset 0 0 calc(var(--size) * 0.22) rgba(176,141,66,0.07) !important;
  box-sizing: border-box !important;
  position: relative !important;
}

#stats-card.statsCard215 .statsClose {
  position: absolute !important;
  top: calc(var(--size) * 0.17) !important;
  right: calc(var(--size) * 0.18) !important;
  width: calc(var(--size) * 0.58) !important;
  height: calc(var(--size) * 0.58) !important;
  min-width: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  border: max(1px, calc(var(--size) * 0.010)) solid rgba(16,35,58,0.28) !important;
  background: #fffefa !important;
  color: #10233a !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: calc(var(--size) * 0.42) !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
  z-index: 3 !important;
}

#stats-card.statsCard215 .stats215Title {
  margin: calc(var(--size) * 0.02) auto calc(var(--size) * 0.56) !important;
  padding-right: calc(var(--size) * 0.58) !important;
  color: #10233a !important;
  font-family: var(--font-body) !important;
  font-size: calc(var(--size) * 0.67) !important;
  font-weight: 700 !important;
  letter-spacing: calc(var(--size) * 0.105) !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

#stats-card.statsCard215 .stats215DecorTitle {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: calc(var(--size) * 0.22) !important;
  width: 88% !important;
  margin: 0 auto calc(var(--size) * 0.17) !important;
  color: #0f7a3a !important;
  text-align: center !important;
  text-transform: uppercase !important;
}
#stats-card.statsCard215 .stats215DecorTitle span {
  display: block !important;
  height: max(1px, calc(var(--size) * 0.014)) !important;
  background: #b08d42 !important;
}
#stats-card.statsCard215 .stats215DecorTitle strong {
  color: inherit !important;
  font-family: var(--font-body) !important;
  font-size: calc(var(--size) * 0.38) !important;
  font-weight: 700 !important;
  letter-spacing: calc(var(--size) * 0.095) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
#stats-card.statsCard215 .stats215RatingTitle {
  width: 90% !important;
  color: #a78335 !important;
}

#stats-card.statsCard215 .stats215RatingPlate {
  width: 90% !important;
  min-height: calc(var(--size) * 1.23) !important;
  margin: 0 auto calc(var(--size) * 0.62) !important;
  padding: calc(var(--size) * 0.22) calc(var(--size) * 0.30) !important;
  border: max(1px, calc(var(--size) * 0.018)) solid #b08d42 !important;
  border-radius: calc(var(--size) * 0.14) !important;
  background: #fffefa !important;
  box-shadow: 0 calc(var(--size) * 0.07) calc(var(--size) * 0.13) rgba(0,0,0,0.11), inset 0 0 0 max(1px, calc(var(--size) * 0.010)) rgba(176,141,66,0.34) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}
#stats-card.statsCard215 .stats215RatingPlate strong {
  display: inline-flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: calc(var(--size) * 0.58) !important;
  max-width: 100% !important;
  color: #10233a !important;
  font-family: var(--font-body) !important;
  font-size: calc(var(--size) * 1.02) !important;
  font-weight: 700 !important;
  letter-spacing: calc(var(--size) * 0.16) !important;
  line-height: 0.92 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}
#stats-card.statsCard215 .stats215RatingPlate b { font: inherit !important; line-height: inherit !important; }
#stats-card.statsCard215 .stats215RatingPlate #stats-performance-plate { color: #0f7a3a !important; }

#stats-card.statsCard215 .stats215ConsistencyTitle,
#stats-card.statsCard215 .stats215PerformanceTitle {
  width: 72% !important;
  margin-bottom: calc(var(--size) * 0.23) !important;
}

#stats-card.statsCard215 .stats215MetricBox {
  width: 90% !important;
  margin: 0 auto calc(var(--size) * 0.60) !important;
  padding: calc(var(--size) * 0.22) calc(var(--size) * 0.32) !important;
  border: max(1px, calc(var(--size) * 0.012)) solid rgba(176,141,66,0.46) !important;
  border-radius: calc(var(--size) * 0.13) !important;
  background: rgba(255,255,255,0.58) !important;
  box-shadow: inset 0 0 calc(var(--size) * 0.20) rgba(176,141,66,0.04) !important;
  box-sizing: border-box !important;
}
#stats-card.statsCard215 .stats215ConsistencyBox {
  margin-bottom: calc(var(--size) * 0.62) !important;
}
#stats-card.statsCard215 .stats215PerformanceBox {
  margin-bottom: 0 !important;
  padding-top: calc(var(--size) * 0.18) !important;
  padding-bottom: calc(var(--size) * 0.18) !important;
}

#stats-card.statsCard215 .stats215MetricLine,
#stats-card.statsCard215 .statsDaysLine {
  display: grid !important;
  grid-template-columns: calc(var(--size) * 0.86) minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: calc(var(--size) * 0.35) !important;
  width: 100% !important;
  min-height: calc(var(--size) * 0.72) !important;
  padding: calc(var(--size) * 0.14) 0 !important;
  border: 0 !important;
  box-sizing: border-box !important;
}
#stats-card.statsCard215 .stats215PerformanceBox .stats215MetricLine:not(:last-child) {
  border-bottom: max(1px, calc(var(--size) * 0.010)) dashed rgba(176,141,66,0.26) !important;
}
#stats-card.statsCard215 .stats215MetricIcon {
  justify-self: start !important;
  width: calc(var(--size) * 0.45) !important;
  height: calc(var(--size) * 0.45) !important;
  margin-left: calc(var(--size) * 0.08) !important;
  color: #0f7a3a !important;
  stroke: currentColor !important;
  fill: none !important;
  stroke-width: 2.0 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
#stats-card.statsCard215 .stats215MetricLine span,
#stats-card.statsCard215 .statsDaysLine span {
  min-width: 0 !important;
  color: #10233a !important;
  font-family: var(--font-body) !important;
  font-size: calc(var(--size) * 0.42) !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1.05 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
#stats-card.statsCard215 .stats215MetricLine strong,
#stats-card.statsCard215 .statsDaysLine strong {
  justify-self: end !important;
  color: #0f7a3a !important;
  font-family: var(--font-body) !important;
  font-size: calc(var(--size) * 0.43) !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

@media (max-height: 720px) {
  #stats-card.statsCard215 {
    padding-top: calc(var(--size) * 0.22) !important;
    padding-bottom: calc(var(--size) * 0.24) !important;
  }
  #stats-card.statsCard215 .stats215Title {
    margin-bottom: calc(var(--size) * 0.40) !important;
    font-size: calc(var(--size) * 0.58) !important;
  }
  #stats-card.statsCard215 .stats215RatingPlate {
    min-height: calc(var(--size) * 1.04) !important;
    margin-bottom: calc(var(--size) * 0.44) !important;
  }
  #stats-card.statsCard215 .stats215RatingPlate strong {
    font-size: calc(var(--size) * 0.84) !important;
  }
  #stats-card.statsCard215 .stats215MetricBox {
    margin-bottom: calc(var(--size) * 0.42) !important;
  }
  #stats-card.statsCard215 .stats215MetricLine,
  #stats-card.statsCard215 .statsDaysLine {
    min-height: calc(var(--size) * 0.60) !important;
    padding-top: calc(var(--size) * 0.10) !important;
    padding-bottom: calc(var(--size) * 0.10) !important;
  }
}

#stats-card.statsCard215 {
  padding: calc(var(--size) * 0.30) calc(var(--size) * 0.32) calc(var(--size) * 0.32) !important;
}
#stats-card.statsCard215 .statsClose {
  top: calc(var(--size) * 0.14) !important;
  right: calc(var(--size) * 0.16) !important;
  width: calc(var(--size) * 0.56) !important;
  height: calc(var(--size) * 0.56) !important;
  font-size: calc(var(--size) * 0.38) !important;
}
#stats-card.statsCard215 .stats215Title {
  margin: calc(var(--size) * 0.05) auto calc(var(--size) * 0.50) !important;
  padding-right: calc(var(--size) * 0.72) !important;
  font-size: calc(var(--size) * 0.56) !important;
  letter-spacing: calc(var(--size) * 0.085) !important;
}
#stats-card.statsCard215 .stats215DecorTitle {
  gap: calc(var(--size) * 0.18) !important;
  margin-bottom: calc(var(--size) * 0.13) !important;
}
#stats-card.statsCard215 .stats215DecorTitle strong {
  font-size: calc(var(--size) * 0.31) !important;
  letter-spacing: calc(var(--size) * 0.070) !important;
}
#stats-card.statsCard215 .stats215RatingPlate {
  width: 88% !important;
  min-height: calc(var(--size) * 1.02) !important;
  margin-bottom: calc(var(--size) * 0.54) !important;
  padding: calc(var(--size) * 0.16) calc(var(--size) * 0.26) !important;
  border-radius: calc(var(--size) * 0.12) !important;
}
#stats-card.statsCard215 .stats215RatingPlate strong {
  gap: calc(var(--size) * 0.48) !important;
  font-size: calc(var(--size) * 0.76) !important;
  letter-spacing: calc(var(--size) * 0.11) !important;
}
#stats-card.statsCard215 .stats215ConsistencyTitle,
#stats-card.statsCard215 .stats215PerformanceTitle {
  width: 72% !important;
  margin-bottom: calc(var(--size) * 0.18) !important;
}
#stats-card.statsCard215 .stats215MetricBox {
  width: 88% !important;
  margin-bottom: calc(var(--size) * 0.48) !important;
  padding: calc(var(--size) * 0.17) calc(var(--size) * 0.28) !important;
  border-radius: calc(var(--size) * 0.12) !important;
}
#stats-card.statsCard215 .stats215ConsistencyBox { margin-bottom: calc(var(--size) * 0.48) !important; }
#stats-card.statsCard215 .stats215PerformanceBox { padding-top: calc(var(--size) * 0.14) !important; padding-bottom: calc(var(--size) * 0.14) !important; }
#stats-card.statsCard215 .stats215MetricLine,
#stats-card.statsCard215 .statsDaysLine {
  grid-template-columns: calc(var(--size) * 0.70) minmax(0, 1fr) auto !important;
  column-gap: calc(var(--size) * 0.30) !important;
  min-height: calc(var(--size) * 0.60) !important;
  padding: calc(var(--size) * 0.11) 0 !important;
}
#stats-card.statsCard215 .stats215MetricIcon {
  width: calc(var(--size) * 0.38) !important;
  height: calc(var(--size) * 0.38) !important;
  margin-left: calc(var(--size) * 0.06) !important;
}
#stats-card.statsCard215 .stats215MetricLine span,
#stats-card.statsCard215 .statsDaysLine span {
  font-size: calc(var(--size) * 0.33) !important;
  line-height: 1.08 !important;
}
#stats-card.statsCard215 .stats215MetricLine strong,
#stats-card.statsCard215 .statsDaysLine strong {
  font-size: calc(var(--size) * 0.36) !important;
}

#stats-card.statsCard215 .stats215Title {
  padding-right: calc(var(--size) * 0.42) !important;
  font-size: calc(var(--size) * 0.48) !important;
  letter-spacing: calc(var(--size) * 0.070) !important;
}
#stats-card.statsCard215 .stats215RatingPlate strong {
  gap: calc(var(--size) * 0.32) !important;
  font-size: calc(var(--size) * 0.58) !important;
  letter-spacing: calc(var(--size) * 0.085) !important;
}
#stats-card.statsCard215 .stats215MetricLine,
#stats-card.statsCard215 .statsDaysLine {
  grid-template-columns: calc(var(--size) * 0.58) minmax(0, 1fr) calc(var(--size) * 1.18) !important;
  column-gap: calc(var(--size) * 0.20) !important;
}
#stats-card.statsCard215 .stats215MetricLine span,
#stats-card.statsCard215 .statsDaysLine span {
  font-size: calc(var(--size) * 0.255) !important;
  letter-spacing: calc(var(--size) * 0.002) !important;
}
#stats-card.statsCard215 .stats215MetricLine strong,
#stats-card.statsCard215 .statsDaysLine strong {
  font-size: calc(var(--size) * 0.285) !important;
  text-align: right !important;
}
#stats-card.statsCard215 .stats215MetricIcon {
  width: calc(var(--size) * 0.34) !important;
  height: calc(var(--size) * 0.34) !important;
}


#stats-card.statsCard215 {
  padding: calc(var(--size) * 0.34) calc(var(--size) * 0.34) calc(var(--size) * 0.36) !important;
}
#stats-card.statsCard215 .statsClose {
  top: calc(var(--size) * 0.14) !important;
  right: calc(var(--size) * 0.15) !important;
  width: calc(var(--size) * 0.64) !important;
  height: calc(var(--size) * 0.64) !important;
  font-size: calc(var(--size) * 0.44) !important;
  font-family: var(--font-body) !important;
}
#stats-card.statsCard215 .stats215Title {
  margin: calc(var(--size) * 0.04) auto calc(var(--size) * 0.62) !important;
  padding-right: calc(var(--size) * 0.56) !important;
  font-family: var(--font-body) !important;
  font-size: calc(var(--size) * 0.60) !important;
  letter-spacing: calc(var(--size) * 0.095) !important;
}
#stats-card.statsCard215 .stats215DecorTitle {
  width: 92% !important;
  gap: calc(var(--size) * 0.24) !important;
  margin-bottom: calc(var(--size) * 0.19) !important;
}
#stats-card.statsCard215 .stats215DecorTitle strong {
  font-family: var(--font-body) !important;
  font-size: calc(var(--size) * 0.35) !important;
  letter-spacing: calc(var(--size) * 0.085) !important;
}
#stats-card.statsCard215 .stats215RatingTitle {
  width: 94% !important;
}
#stats-card.statsCard215 .stats215RatingPlate {
  width: 94% !important;
  min-height: calc(var(--size) * 1.10) !important;
  margin-bottom: calc(var(--size) * 0.68) !important;
  padding: calc(var(--size) * 0.18) calc(var(--size) * 0.30) !important;
}
#stats-card.statsCard215 .stats215RatingPlate strong {
  gap: calc(var(--size) * 0.42) !important;
  font-family: var(--font-body) !important;
  font-size: calc(var(--size) * 0.78) !important;
  letter-spacing: calc(var(--size) * 0.12) !important;
  line-height: 1 !important;
}
#stats-card.statsCard215 .stats215ConsistencyTitle,
#stats-card.statsCard215 .stats215PerformanceTitle {
  width: 78% !important;
  margin-bottom: calc(var(--size) * 0.26) !important;
}
#stats-card.statsCard215 .stats215MetricBox {
  width: 94% !important;
  padding: calc(var(--size) * 0.22) calc(var(--size) * 0.34) !important;
  border-radius: calc(var(--size) * 0.12) !important;
}
#stats-card.statsCard215 .stats215ConsistencyBox {
  margin-bottom: calc(var(--size) * 0.72) !important;
}
#stats-card.statsCard215 .stats215PerformanceBox {
  padding-top: calc(var(--size) * 0.20) !important;
  padding-bottom: calc(var(--size) * 0.20) !important;
}
#stats-card.statsCard215 .stats215MetricLine,
#stats-card.statsCard215 .statsDaysLine {
  grid-template-columns: calc(var(--size) * 0.82) minmax(0, 1fr) auto !important;
  column-gap: calc(var(--size) * 0.30) !important;
  min-height: calc(var(--size) * 0.78) !important;
  padding: calc(var(--size) * 0.15) 0 !important;
}
#stats-card.statsCard215 .stats215MetricIcon {
  width: calc(var(--size) * 0.40) !important;
  height: calc(var(--size) * 0.40) !important;
  margin-left: calc(var(--size) * 0.02) !important;
}
#stats-card.statsCard215 .stats215MetricLine span,
#stats-card.statsCard215 .statsDaysLine span {
  font-family: var(--font-body) !important;
  font-size: calc(var(--size) * 0.34) !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}
#stats-card.statsCard215 .stats215MetricLine strong,
#stats-card.statsCard215 .statsDaysLine strong {
  font-family: var(--font-body) !important;
  font-size: calc(var(--size) * 0.38) !important;
  line-height: 1.08 !important;
  text-align: right !important;
}


#stats-overlay.statsOverlay {
  align-items: center !important;
  justify-content: center !important;
  padding: 14px 10px !important;
  background: rgba(9, 18, 14, 0.42) !important;
  overflow: auto !important;
}
#stats-overlay .statsDialog {
  width: min(94vw, 520px) !important;
  max-width: 520px !important;
  min-width: 300px !important;
  margin: auto !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.24) !important;
  border-radius: 22px !important;
}
#stats-card.statsCard215 {
  width: 100% !important;
  max-width: 520px !important;
  min-width: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  position: relative !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: clamp(22px, 6vw, 34px) clamp(22px, 6vw, 34px) clamp(26px, 7vw, 38px) !important;
  border: 3px solid #0f7a3a !important;
  outline: 2px solid rgba(255,255,255,0.96) !important;
  outline-offset: -7px !important;
  border-radius: 22px !important;
  background: #fffefa !important;
  color: #10233a !important;
  text-align: center !important;
  font-family: var(--font-body) !important;
  box-shadow: inset 0 0 22px rgba(176, 141, 66, 0.07) !important;
}
#stats-card.statsCard215 .statsClose {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  border: 1.5px solid rgba(16, 35, 58, 0.30) !important;
  border-radius: 999px !important;
  background: #fffefa !important;
  color: #10233a !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  font-family: var(--font-body) !important;
  font-size: 34px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  z-index: 5 !important;
}
#stats-card.statsCard215 .stats215Title {
  margin: 10px auto 44px !important;
  padding: 0 54px !important;
  color: #10233a !important;
  font-family: var(--font-body) !important;
  font-size: clamp(34px, 9vw, 52px) !important;
  font-weight: 700 !important;
  letter-spacing: clamp(5px, 1.5vw, 10px) !important;
  line-height: 0.95 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}
#stats-card.statsCard215 .stats215DecorTitle {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) !important;
  align-items: center !important;
  gap: clamp(12px, 3vw, 22px) !important;
  width: 92% !important;
  margin: 0 auto 14px !important;
  color: #0f7a3a !important;
  text-align: center !important;
  text-transform: uppercase !important;
}
#stats-card.statsCard215 .stats215DecorTitle span {
  display: block !important;
  height: 1.5px !important;
  min-width: 0 !important;
  background: #b08d42 !important;
}
#stats-card.statsCard215 .stats215DecorTitle strong {
  display: block !important;
  color: inherit !important;
  font-family: var(--font-body) !important;
  font-size: clamp(18px, 4.4vw, 26px) !important;
  font-weight: 700 !important;
  letter-spacing: clamp(3px, 1vw, 7px) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
#stats-card.statsCard215 .stats215RatingTitle {
  width: 96% !important;
  color: #a78335 !important;
}
#stats-card.statsCard215 .stats215RatingPlate {
  width: 96% !important;
  min-height: clamp(70px, 18vw, 104px) !important;
  margin: 0 auto clamp(36px, 9vw, 56px) !important;
  padding: 12px clamp(14px, 4vw, 26px) !important;
  border: 2px solid #b08d42 !important;
  border-radius: 13px !important;
  background: #fffefa !important;
  box-shadow: 0 8px 14px rgba(0,0,0,0.12), inset 0 0 0 2px rgba(176,141,66,0.30) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}
#stats-card.statsCard215 .stats215RatingPlate strong {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: clamp(12px, 4vw, 36px) !important;
  align-items: center !important;
  justify-items: center !important;
  color: #10233a !important;
  font-family: var(--font-body) !important;
  font-size: clamp(38px, 10vw, 64px) !important;
  font-weight: 700 !important;
  letter-spacing: clamp(4px, 1.6vw, 9px) !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}
#stats-card.statsCard215 .stats215RatingPlate b {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  font: inherit !important;
  line-height: inherit !important;
  overflow: visible !important;
}
#stats-card.statsCard215 .stats215RatingPlate #stats-performance-plate { color: #0f7a3a !important; }
#stats-card.statsCard215 .stats215ConsistencyTitle,
#stats-card.statsCard215 .stats215PerformanceTitle {
  width: 80% !important;
  margin-bottom: 18px !important;
}
#stats-card.statsCard215 .stats215MetricBox {
  width: 96% !important;
  margin: 0 auto clamp(38px, 10vw, 58px) !important;
  padding: clamp(13px, 3.8vw, 22px) clamp(18px, 5vw, 28px) !important;
  border: 1.5px solid rgba(176,141,66,0.46) !important;
  border-radius: 13px !important;
  background: rgba(255,255,255,0.62) !important;
  box-shadow: inset 0 0 18px rgba(176,141,66,0.04) !important;
  box-sizing: border-box !important;
}
#stats-card.statsCard215 .stats215ConsistencyBox { margin-bottom: clamp(42px, 11vw, 66px) !important; }
#stats-card.statsCard215 .stats215PerformanceBox { margin-bottom: 0 !important; }
#stats-card.statsCard215 .stats215MetricLine,
#stats-card.statsCard215 .statsDaysLine {
  display: grid !important;
  grid-template-columns: clamp(38px, 10vw, 56px) minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: clamp(15px, 4vw, 26px) !important;
  width: 100% !important;
  min-height: clamp(54px, 13vw, 72px) !important;
  padding: clamp(8px, 2.5vw, 13px) 0 !important;
  border: 0 !important;
  box-sizing: border-box !important;
}
#stats-card.statsCard215 .stats215PerformanceBox .stats215MetricLine:not(:last-child) {
  border-bottom: 1.5px dashed rgba(176,141,66,0.26) !important;
}
#stats-card.statsCard215 .stats215MetricIcon {
  justify-self: center !important;
  width: clamp(30px, 8vw, 44px) !important;
  height: clamp(30px, 8vw, 44px) !important;
  margin: 0 !important;
  overflow: visible !important;
}
#stats-card.statsCard215 .stats215MetricIcon,
#stats-card.statsCard215 .stats215MetricIcon * {
  fill: none !important;
  stroke: #0f7a3a !important;
  stroke-width: 1.9 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
#stats-card.statsCard215 .stats215MetricIcon path:not([fill="none"]):first-child {
  fill: #0f7a3a !important;
  stroke: #0f7a3a !important;
}
#stats-card.statsCard215 .stats215MetricLine span,
#stats-card.statsCard215 .statsDaysLine span {
  min-width: 0 !important;
  color: #10233a !important;
  font-family: var(--font-body) !important;
  font-size: clamp(24px, 6.3vw, 35px) !important;
  font-weight: 700 !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}
#stats-card.statsCard215 .stats215MetricLine strong,
#stats-card.statsCard215 .statsDaysLine strong {
  color: #0f6e32 !important;
  font-family: var(--font-body) !important;
  font-size: clamp(25px, 6.6vw, 38px) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: right !important;
  white-space: nowrap !important;
}
@media (max-width: 380px) {
  #stats-card.statsCard215 .stats215MetricLine span,
  #stats-card.statsCard215 .statsDaysLine span {
    font-size: 22px !important;
  }
  #stats-card.statsCard215 .stats215MetricLine strong,
  #stats-card.statsCard215 .statsDaysLine strong {
    font-size: 24px !important;
  }
  #stats-card.statsCard215 .stats215RatingPlate strong {
    font-size: 34px !important;
    letter-spacing: 3px !important;
  }
}

#stats-card.statsCard215 .stats215Title {
  font-size: clamp(32px, 7.8vw, 44px) !important;
  letter-spacing: clamp(4px, 1.15vw, 8px) !important;
  padding: 0 64px 0 26px !important;
}
#stats-card.statsCard215 .stats215RatingPlate strong {
  font-size: clamp(34px, 8.2vw, 50px) !important;
  letter-spacing: clamp(4px, 1.15vw, 7px) !important;
  gap: clamp(8px, 2.5vw, 24px) !important;
}
#stats-card.statsCard215 .stats215MetricLine,
#stats-card.statsCard215 .statsDaysLine {
  grid-template-columns: clamp(34px, 8vw, 50px) minmax(0, 1fr) max-content !important;
  column-gap: clamp(12px, 3.2vw, 22px) !important;
}
#stats-card.statsCard215 .stats215MetricLine span,
#stats-card.statsCard215 .statsDaysLine span {
  font-size: clamp(20px, 4.9vw, 30px) !important;
  overflow: visible !important;
  white-space: nowrap !important;
}
#stats-card.statsCard215 .stats215MetricLine strong,
#stats-card.statsCard215 .statsDaysLine strong {
  font-size: clamp(22px, 5.4vw, 32px) !important;
}
#stats-card.statsCard215 .stats215MetricBox {
  padding-left: clamp(16px, 4.2vw, 26px) !important;
  padding-right: clamp(16px, 4.2vw, 26px) !important;
}
@media (max-width: 380px) {
  #stats-card.statsCard215 .stats215MetricLine span,
  #stats-card.statsCard215 .statsDaysLine span { font-size: 18px !important; }
  #stats-card.statsCard215 .stats215MetricLine strong,
  #stats-card.statsCard215 .statsDaysLine strong { font-size: 20px !important; }
}


#stats-overlay {
  align-items: center !important;
  justify-content: center !important;
  padding: 14px 0 !important;
  box-sizing: border-box !important;
}
#stats-card.statsCard215 {
  width: min(86vw, 430px) !important;
  max-width: min(86vw, 430px) !important;
  height: auto !important;
  max-height: calc(100svh - 52px) !important;
  overflow: visible !important;
  padding: 24px 28px 27px !important;
  border-width: 2px !important;
  outline-width: 1.5px !important;
  outline-offset: -6px !important;
  border-radius: 17px !important;
  box-sizing: border-box !important;
  font-family: var(--font-body), Arial, sans-serif !important;
}
#stats-card.statsCard215 .statsClose {
  top: 14px !important;
  right: 14px !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  font-size: 30px !important;
}
#stats-card.statsCard215 .stats215Title {
  margin: 6px auto 34px !important;
  padding: 0 48px 0 18px !important;
  font-family: var(--font-body), Arial, sans-serif !important;
  font-size: clamp(30px, 7.2vw, 38px) !important;
  letter-spacing: clamp(5px, 1.25vw, 8px) !important;
  line-height: 1 !important;
}
#stats-card.statsCard215 .stats215DecorTitle {
  width: 92% !important;
  gap: 14px !important;
  margin: 0 auto 13px !important;
}
#stats-card.statsCard215 .stats215DecorTitle strong {
  font-family: var(--font-body), Arial, sans-serif !important;
  font-size: clamp(17px, 4vw, 22px) !important;
  letter-spacing: clamp(4px, 1.05vw, 6px) !important;
}
#stats-card.statsCard215 .stats215RatingPlate {
  width: 94% !important;
  min-height: 82px !important;
  margin: 0 auto 40px !important;
  padding: 10px 20px !important;
  border-width: 1.7px !important;
  border-radius: 10px !important;
}
#stats-card.statsCard215 .stats215RatingPlate strong {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 30px !important;
  width: 100% !important;
  font-family: var(--font-body), Arial, sans-serif !important;
  font-size: clamp(31px, 7vw, 37px) !important;
  letter-spacing: clamp(4px, 1vw, 6px) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
#stats-card.statsCard215 .stats215RatingPlate b {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  font: inherit !important;
  line-height: inherit !important;
  white-space: nowrap !important;
}
#stats-card.statsCard215 .stats215ConsistencyTitle,
#stats-card.statsCard215 .stats215PerformanceTitle {
  width: 78% !important;
  margin-bottom: 15px !important;
}
#stats-card.statsCard215 .stats215MetricBox {
  width: 94% !important;
  padding: 13px 19px !important;
  border-radius: 10px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
#stats-card.statsCard215 .stats215ConsistencyBox {
  margin-bottom: 42px !important;
}
#stats-card.statsCard215 .stats215PerformanceBox {
  margin-bottom: 0 !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
#stats-card.statsCard215 .stats215MetricLine,
#stats-card.statsCard215 .statsDaysLine {
  grid-template-columns: 32px minmax(0, 1fr) 48px !important;
  column-gap: 13px !important;
  min-height: 45px !important;
  padding: 6px 0 !important;
}
#stats-card.statsCard215 .stats215MetricIcon {
  width: 29px !important;
  height: 29px !important;
}
#stats-card.statsCard215 .stats215MetricLine span,
#stats-card.statsCard215 .statsDaysLine span {
  font-family: var(--font-body), Arial, sans-serif !important;
  font-size: clamp(18px, 4.1vw, 21px) !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  overflow: visible !important;
}
#stats-card.statsCard215 .stats215MetricLine strong,
#stats-card.statsCard215 .statsDaysLine strong {
  font-family: var(--font-body), Arial, sans-serif !important;
  font-size: clamp(19px, 4.3vw, 23px) !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  justify-self: end !important;
}
#stats-card.statsCard215 #stats-rounds {
  min-width: 74px !important;
  text-align: right !important;
}
#stats-card.statsCard215 #stats-longest-streak,
#stats-card.statsCard215 #stats-streak,
#stats-card.statsCard215 #stats-average,
#stats-card.statsCard215 #stats-guessed-average {
  min-width: 38px !important;
  text-align: right !important;
}
@media (max-width: 430px) {
  #stats-card.statsCard215 {
    width: min(86vw, 410px) !important;
    max-width: min(86vw, 410px) !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  #stats-card.statsCard215 .stats215RatingPlate strong {
    gap: 22px !important;
    font-size: clamp(29px, 7.1vw, 34px) !important;
    letter-spacing: 4px !important;
  }
  #stats-card.statsCard215 .stats215MetricLine,
  #stats-card.statsCard215 .statsDaysLine {
    grid-template-columns: 30px minmax(0, 1fr) 44px !important;
    column-gap: 11px !important;
  }
  #stats-card.statsCard215 .stats215MetricLine span,
  #stats-card.statsCard215 .statsDaysLine span {
    font-size: clamp(17px, 4.1vw, 19px) !important;
  }
  #stats-card.statsCard215 .stats215MetricLine strong,
  #stats-card.statsCard215 .statsDaysLine strong {
    font-size: clamp(18px, 4.25vw, 20px) !important;
  }
}

#stats-overlay .statsDialog {
  width: min(86vw, 430px) !important;
  max-width: min(86vw, 430px) !important;
  min-width: 0 !important;
  margin: auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
#stats-card.statsCard215 {
  margin: 0 auto !important;
}

@media (max-width: 430px) {
  #stats-card.statsCard215 .stats215Title {
    font-size: 25px !important;
    letter-spacing: 5px !important;
    padding-left: 10px !important;
    padding-right: 52px !important;
  }
}


#stats-overlay .statsDialog,
#stats-card.statsCard215 {
  width: min(86vw, 430px, calc((100svh - 28px) * 0.50)) !important;
  max-width: min(86vw, 430px, calc((100svh - 28px) * 0.50)) !important;
}
#stats-card.statsCard215 {
  padding: clamp(18px, 3vw, 24px) clamp(22px, 3.4vw, 28px) clamp(20px, 3.4vw, 27px) !important;
  max-height: calc(100svh - 28px) !important;
  overflow: hidden !important;
}
#stats-card.statsCard215 .stats215Title {
  margin-bottom: clamp(24px, 4.5vh, 34px) !important;
  font-size: clamp(27px, 4.9vw, 38px) !important;
}
#stats-card.statsCard215 .stats215RatingPlate {
  min-height: clamp(66px, 10vh, 82px) !important;
  margin-bottom: clamp(28px, 5.0vh, 40px) !important;
}
#stats-card.statsCard215 .stats215RatingPlate strong {
  gap: clamp(16px, 3vw, 30px) !important;
  font-size: clamp(27px, 5.1vw, 37px) !important;
  letter-spacing: clamp(3px, 0.85vw, 6px) !important;
}
#stats-card.statsCard215 .stats215ConsistencyTitle,
#stats-card.statsCard215 .stats215PerformanceTitle {
  margin-bottom: clamp(10px, 2.4vh, 15px) !important;
}
#stats-card.statsCard215 .stats215ConsistencyBox {
  margin-bottom: clamp(30px, 5.2vh, 42px) !important;
}
#stats-card.statsCard215 .stats215MetricBox {
  padding-top: clamp(10px, 2vh, 13px) !important;
  padding-bottom: clamp(10px, 2vh, 13px) !important;
}
#stats-card.statsCard215 .stats215MetricLine,
#stats-card.statsCard215 .statsDaysLine {
  min-height: clamp(38px, 6.2vh, 45px) !important;
  padding-top: clamp(4px, 1.2vh, 6px) !important;
  padding-bottom: clamp(4px, 1.2vh, 6px) !important;
}
#stats-card.statsCard215 .stats215DecorTitle strong {
  font-size: clamp(15px, 3.6vw, 22px) !important;
}
#stats-card.statsCard215 .stats215MetricLine span,
#stats-card.statsCard215 .statsDaysLine span {
  font-size: clamp(16px, 3.7vw, 21px) !important;
}
#stats-card.statsCard215 .stats215MetricLine strong,
#stats-card.statsCard215 .statsDaysLine strong {
  font-size: clamp(17px, 3.9vw, 23px) !important;
}
@media (min-height: 860px) and (min-width: 460px) {
  #stats-overlay .statsDialog,
  #stats-card.statsCard215 {
    width: min(86vw, 430px) !important;
    max-width: min(86vw, 430px) !important;
  }
}


#stats-overlay .statsDialog,
#stats-card.statsCard215 {
  width: min(86vw, 430px) !important;
  max-width: min(86vw, 430px) !important;
}
#stats-card.statsCard215 .stats215MetricLine,
#stats-card.statsCard215 .statsDaysLine {
  grid-template-columns: 32px minmax(0, 1fr) 58px !important;
}
#stats-card.statsCard215 #stats-rounds {
  min-width: 84px !important;
}
#stats-card.statsCard215 #stats-guessed-average {
  min-width: 42px !important;
}
@media (min-width: 700px) and (max-height: 820px) {
  #stats-overlay .statsDialog {
    transform: scale(0.84) !important;
    transform-origin: center center !important;
  }
}
@media (min-width: 700px) and (max-height: 700px) {
  #stats-overlay .statsDialog {
    transform: scale(0.76) !important;
  }
}


#stats-card.statsCard215 .statsDaysLine span {
  font-size: calc(var(--size) * 0.33) !important;
  line-height: 1.02 !important;
  white-space: normal !important;
}

#stats-card.statsCard215 .stats215RatingPlate strong {
  font-size: clamp(22px, 4.2vw, 30px) !important;
  gap: clamp(10px, 2vw, 18px) !important;
  letter-spacing: clamp(2px, 0.55vw, 4px) !important;
  white-space: nowrap !important;
}


#stats-card.statsCard215 .stats215RatingPlate strong {
  font-size: clamp(18px, 3.4vw, 24px) !important;
  gap: clamp(9px, 1.6vw, 14px) !important;
  letter-spacing: clamp(1.6px, 0.44vw, 3.2px) !important;
}
#stats-card.statsCard215 .statsDaysLine span {
  font-family: var(--font-body), Arial, sans-serif !important;
  font-size: clamp(16px, 3.7vw, 21px) !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  overflow: visible !important;
}
#stats-card.statsCard215 #stats-rounds {
  min-width: 38px !important;
  text-align: right !important;
}


#stats-card.statsCard215 .stats215Title {
  width: 100% !important;
  box-sizing: border-box !important;
  text-align: center !important;
  padding-left: 54px !important;
  padding-right: 54px !important;
}
#stats-card.statsCard215 .stats215RatingPlate,
#stats-card.statsCard215 .stats215MetricBox {
  width: 97% !important;
}
#stats-card.statsCard215 .stats215MetricLine span,
#stats-card.statsCard215 .statsDaysLine span {
  font-size: clamp(18px, 4.07vw, 23px) !important;
}
#stats-card.statsCard215 .stats215MetricLine strong,
#stats-card.statsCard215 .statsDaysLine strong {
  font-size: clamp(19px, 4.29vw, 25px) !important;
}
@media (max-width: 430px) {
  #stats-card.statsCard215 .stats215Title {
    padding-left: 54px !important;
    padding-right: 54px !important;
    text-align: center !important;
  }
  #stats-card.statsCard215 .stats215MetricLine span,
  #stats-card.statsCard215 .statsDaysLine span {
    font-size: clamp(18px, 4.5vw, 21px) !important;
  }
  #stats-card.statsCard215 .stats215MetricLine strong,
  #stats-card.statsCard215 .statsDaysLine strong {
    font-size: clamp(19px, 4.7vw, 22px) !important;
  }
}


.currentWord.guessFlashError,
.megaGuessTiles.guessFlashError .megaGuessTile {
  color: #ff1a1a !important;
  -webkit-text-fill-color: #ff1a1a !important;
}
#grid .mega .controls.megaControls #clear-btn .deleteArrow,
.grid .mega .controls.megaControls #clear-btn .deleteArrow,
.mega .controls.megaControls #clear-btn .deleteArrow {
  width: calc(var(--size) * 0.46) !important;
  height: calc(var(--size) * 0.46) !important;
  display: block !important;
}
#grid .mega .controls.megaControls #clear-btn .deleteArrow path,
.grid .mega .controls.megaControls #clear-btn .deleteArrow path,
.mega .controls.megaControls #clear-btn .deleteArrow path {
  fill: #ffffff !important;
  stroke: none !important;
}

#stats-card.statsCard215 {
  max-height: calc(100svh - 20px) !important;
}
#stats-card.statsCard215 .stats215ConsistencyBox {
  padding-top: clamp(10px, 2vh, 13px) !important;
  padding-bottom: clamp(10px, 2vh, 13px) !important;
  margin-bottom: clamp(34px, 5vh, 44px) !important;
}
#stats-card.statsCard215 .stats215ConsistencyBox .stats215MetricLine:not(:last-child) {
  border-bottom: 1.5px dashed rgba(176,141,66,0.26) !important;
}
#stats-card.statsCard215 #stats-games-played,
#stats-card.statsCard215 #stats-rounds,
#stats-card.statsCard215 #stats-longest-streak,
#stats-card.statsCard215 #stats-streak,
#stats-card.statsCard215 #stats-average,
#stats-card.statsCard215 #stats-guessed-average {
  min-width: 42px !important;
  text-align: right !important;
}
#stats-card.statsCard215 .stats215GamesIcon circle,
#stats-card.statsCard215 .stats215GamesIcon rect:nth-of-type(1),
#stats-card.statsCard215 .stats215FlameIcon path:first-child {
  fill: #0f7a3a !important;
  stroke: #0f7a3a !important;
}
#stats-card.statsCard215 .stats215CalendarIcon rect,
#stats-card.statsCard215 .stats215TrophyIcon path,
#stats-card.statsCard215 .stats215TargetIcon circle,
#stats-card.statsCard215 .stats215WordsIcon rect,
#stats-card.statsCard215 .stats215WordsIcon path {
  fill: none !important;
  stroke: #0f7a3a !important;
}
@media (max-height: 790px) {
  #stats-card.statsCard215 .stats215Title {
    margin-bottom: clamp(20px, 3.4vh, 30px) !important;
  }
  #stats-card.statsCard215 .stats215RatingPlate {
    margin-bottom: clamp(24px, 4.2vh, 36px) !important;
  }
  #stats-card.statsCard215 .stats215ConsistencyBox {
    margin-bottom: clamp(28px, 4.2vh, 38px) !important;
  }
}


:root {
  --candidate260-css-height-fit-width: calc((100dvh - var(--candidate92j-vertical-margin, 0px)) * 0.4784689);
  --candidate260-css-fit-grid-width: min(
    var(--candidate92j-max-grid-width, 520px),
    calc(100vw - var(--candidate92j-side-margin, 8px)),
    var(--candidate260-css-height-fit-width)
  );
  --candidate260-js-fit-grid-width: var(--candidate260-css-fit-grid-width);
  --candidate92j-grid-width: var(--candidate260-js-fit-grid-width) !important;
  --candidate92e-grid-width: var(--candidate260-js-fit-grid-width) !important;
  --candidate140-container-width: var(--candidate260-js-fit-grid-width) !important;
}

#stats-overlay {
  min-height: 100dvh !important;
  max-height: 100dvh !important;
  overflow: hidden !important;
}
#stats-overlay .statsDialog,
#stats-card.statsCard215 {
  width: min(86vw, 430px, calc((100dvh - 28px) * 0.50)) !important;
  max-width: min(86vw, 430px, calc((100dvh - 28px) * 0.50)) !important;
}
#stats-card.statsCard215 {
  max-height: calc(100dvh - 28px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

:root {
  --candidate261-css-height-fit-width: min(47.84689vh, 47.84689dvh, 47.84689svh);
  --candidate261-css-fit-grid-width: min(
    var(--candidate92j-max-grid-width, 520px),
    calc(100vw - var(--candidate92j-side-margin, 8px)),
    var(--candidate261-css-height-fit-width)
  );
  --candidate261-js-fit-grid-width: var(--candidate92j-max-grid-width, 520px);
  --candidate261-final-grid-width: min(
    var(--candidate261-js-fit-grid-width),
    var(--candidate261-css-fit-grid-width)
  );
  --candidate92j-grid-width: var(--candidate261-final-grid-width) !important;
  --candidate92e-grid-width: var(--candidate261-final-grid-width) !important;
  --candidate140-container-width: var(--candidate261-final-grid-width) !important;
}

html,
body {
  min-height: 100vh !important;
  min-height: 100dvh !important;
}

#stats-overlay.statsOverlay {
  min-height: 100vh !important;
  min-height: 100dvh !important;
  max-height: 100vh !important;
  max-height: 100dvh !important;
  overflow: hidden !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14px 0 !important;
  box-sizing: border-box !important;
}

#stats-overlay.statsOverlay .statsDialog,
#stats-card.statsCard215 {
  width: min(86vw, 430px, 50vh, 50dvh, 50svh) !important;
  max-width: min(86vw, 430px, 50vh, 50dvh, 50svh) !important;
}

#stats-card.statsCard215 {
  max-height: calc(100vh - 28px) !important;
  max-height: calc(100dvh - 28px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
}

#stats-overlay.statsOverlay.open {
  position: fixed !important;
  inset: 0 !important;
  display: block !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  overflow: hidden !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#stats-overlay.statsOverlay.open .statsDialog {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: min(430px, calc(100vw - 20px)) !important;
  max-width: 430px !important;
  max-height: none !important;
  margin: 0 !important;
  overflow: visible !important;
  transform: translate(-50%, -50%) scale(var(--wordif-stats-modal-scale, 1)) !important;
  transform-origin: center center !important;
  will-change: transform !important;
}

#stats-overlay.statsOverlay.open #stats-card.statsCard215 {
  width: 100% !important;
  max-width: none !important;
  max-height: none !important;
  overflow: hidden !important;
}


:root {
  --font-body: "Supreme-Medium", Arial, Helvetica, "Liberation Sans", sans-serif;
  --font-tagline: "Zodiak-Bold", "Arial Black", Arial, Helvetica, sans-serif;
  --font-streak: "PlusJakartaSans-Medium", Arial, Helvetica, "Liberation Sans", sans-serif;
}

#game-container.app,
#game-container.app button,
#game-container.app .topIconBtn,
#game-container.app .megaRunningScore,
#game-container.app .megaDashCell,
#game-container.app .mainWordBadge,
#game-container.app .scoreWordCell,
#game-container.app .scoreValueCell,
#helper-text,
.statsOverlay,
.statsOverlay * {
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
  font-synthesis: none !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

#game-container.app > .brandTagline,
#game-container.app > .brandTagline > span,
#game-container.app > .brandTagline > .brandDot,
.statsTagline,
.statsTagline * {
  font-family: var(--font-tagline) !important;
  font-weight: 700 !important;
  font-synthesis: none !important;
}

#grid.grid .megaStreakPlain .mega65StreakText,
#grid.grid .megaStreakPlain .mega65StreakText .streakTextInner,
#grid.grid .megaStreakPlain .mega65StreakValue,
#grid.grid .mega73Banner .mega65StreakText,
#grid.grid .mega73Banner .mega65StreakText .streakTextInner,
#grid.grid .mega73Banner .mega65StreakValue,
.mega .megaStreakPlain .mega65StreakText,
.mega .megaStreakPlain .mega65StreakText .streakTextInner,
.mega .megaStreakPlain .mega65StreakValue {
  font-family: var(--font-streak) !important;
  font-weight: 500 !important;
  font-synthesis: none !important;
  font-stretch: normal !important;
}

#grid.grid > button.tile,
#preview.previewHiddenTop > .previewTile,
.stats215MetricLine span,
.stats215MetricLine strong,
.stats215RatingPlate,
.stats215RatingPlate *,
.statsWordRow,
.statsWordRow * {
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
  font-synthesis: none !important;
}

#stats-overlay.statsOverlay.open .statsDialog #stats-card.statsCard215 .stats215RatingPlate strong {
  font-size: 2.15em !important;
  gap: 0.65em !important;
  letter-spacing: 0.13em !important;
}
#stats-overlay.statsOverlay.open .statsDialog #stats-card.statsCard215 .stats215RatingPlate b {
  font: inherit !important;
  line-height: inherit !important;
}

#stats-overlay.statsOverlay.open .statsDialog #stats-card.statsCard215 .stats215RatingPlate strong {
  font-size: 1.35em !important;
  gap: 0.42em !important;
  letter-spacing: 0.055em !important;
  max-width: 100% !important;
}
#stats-overlay.statsOverlay.open .statsDialog #stats-card.statsCard215 .stats215RatingPlate b {
  flex: 0 1 auto !important;
  min-width: 0 !important;
}

#game-container.app > #helper-text,
#helper-text,
.helperText {
  min-height: calc(var(--size) * 0.42) !important;
  font-size: calc(var(--size) * 0.27) !important;
  line-height: 1.15 !important;
}


#game-container.app .megaModeSelector,
#game-container.app .megaSkilledModeLabel {
  width: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: calc(var(--size) * 0.08) !important;
  color: #12833b !important;
  font-family: var(--font-body) !important;
  font-size: clamp(16px, calc(var(--size) * 0.20), 26px) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0.04em !important;
  transform: translateY(calc(var(--size) * -0.01)) !important;
}

#game-container.app .megaSkilledModeLabel {
  color: #9f271f !important;
  letter-spacing: 0.10em !important;
}

#game-container.app .megaModeOption {
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #12833b !important;
  font-family: var(--font-body) !important;
  font-size: inherit !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: inherit !important;
  cursor: pointer !important;
}

#game-container.app .megaModeOption.active {
  color: #102033 !important;
  cursor: default !important;
}

#game-container.app .megaModeOption:not(.active):hover,
#game-container.app .megaModeOption:not(.active):focus-visible {
  color: #9f271f !important;
}

#game-container.app.skilledModeActive .mega65StreakText,
#game-container.app.skilledModeActive .mega65StreakValue,
#game-container.app.skilledModeActive .streakTextInner {
  color: #ED1C24 !important;
}

#game-container.app.skilledModeActive .mega .controls.megaControls #clear-btn,
#game-container.app.skilledModeActive .mega .controls.megaControls #submit-btn {
  background: #f4d3ce !important;
  border-color: #d98f86 !important;
  color: #7f241f !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.55),
    inset 0 -3px 0 rgba(126, 36, 31, 0.12),
    0 calc(var(--size) * 0.055) calc(var(--size) * 0.072) rgba(126, 36, 31, 0.18) !important;
}

#game-container.app.skilledModeActive .mega .controls.megaControls #clear-btn svg,
#game-container.app.skilledModeActive .mega .controls.megaControls #clear-btn svg *,
#game-container.app.skilledModeActive .mega .controls.megaControls #submit-btn svg,
#game-container.app.skilledModeActive .mega .controls.megaControls #submit-btn svg * {
  color: #7f241f !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

#game-container.app.skilledModeActive .mainWordBadge {
  color: #ED1C24 !important;
}

#game-container.app.skilledModeActive #grid.grid .mega .megaStreakPlain .mega65StreakText,
#game-container.app.skilledModeActive #grid.grid .mega .megaStreakPlain .mega65StreakText .streakTextInner,
#game-container.app.skilledModeActive #grid.grid .mega .megaStreakPlain .mega65StreakValue,
#game-container.app.skilledModeActive .grid .mega .megaStreakPlain .mega65StreakText,
#game-container.app.skilledModeActive .grid .mega .megaStreakPlain .mega65StreakText .streakTextInner,
#game-container.app.skilledModeActive .grid .mega .megaStreakPlain .mega65StreakValue,
#game-container.app.skilledModeActive .mega .megaStreakPlain .mega65StreakText,
#game-container.app.skilledModeActive .mega .megaStreakPlain .mega65StreakText .streakTextInner,
#game-container.app.skilledModeActive .mega .megaStreakPlain .mega65StreakValue {
  color: #ED1C24 !important;
}

#game-container.app.skilledModeActive #grid.grid .mega .controls.megaControls #clear-btn,
#game-container.app.skilledModeActive #grid.grid .mega .controls.megaControls #submit-btn,
#game-container.app.skilledModeActive .grid .mega .controls.megaControls #clear-btn,
#game-container.app.skilledModeActive .grid .mega .controls.megaControls #submit-btn,
#game-container.app.skilledModeActive .mega .controls.megaControls #clear-btn,
#game-container.app.skilledModeActive .mega .controls.megaControls #submit-btn {
  color: #ffffff !important;
}

#game-container.app.skilledModeActive #grid.grid .mega .controls.megaControls #clear-btn svg,
#game-container.app.skilledModeActive #grid.grid .mega .controls.megaControls #clear-btn svg *,
#game-container.app.skilledModeActive .grid .mega .controls.megaControls #clear-btn svg,
#game-container.app.skilledModeActive .grid .mega .controls.megaControls #clear-btn svg *,
#game-container.app.skilledModeActive .mega .controls.megaControls #clear-btn svg,
#game-container.app.skilledModeActive .mega .controls.megaControls #clear-btn svg * {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

#game-container.app.skilledModeActive #grid.grid .mega .controls.megaControls #submit-btn svg,
#game-container.app.skilledModeActive #grid.grid .mega .controls.megaControls #submit-btn svg *,
#game-container.app.skilledModeActive .grid .mega .controls.megaControls #submit-btn svg,
#game-container.app.skilledModeActive .grid .mega .controls.megaControls #submit-btn svg *,
#game-container.app.skilledModeActive .mega .controls.megaControls #submit-btn svg,
#game-container.app.skilledModeActive .mega .controls.megaControls #submit-btn svg * {
  color: #ffffff !important;
  stroke: #ffffff !important;
  fill: none !important;
}

#game-container.app.skilledModeActive #score-feed.scoreFeed .mainWordBadge {
  background: #ED1C24 !important;
  border-color: #ED1C24 !important;
  color: #ffffff !important;
}

#game-container.app.skilledModeActive #grid.grid .mega .controls.megaControls #clear-btn,
#game-container.app.skilledModeActive #grid.grid .mega .controls.megaControls #submit-btn,
#game-container.app.skilledModeActive .grid .mega .controls.megaControls #clear-btn,
#game-container.app.skilledModeActive .grid .mega .controls.megaControls #submit-btn,
#game-container.app.skilledModeActive .mega .controls.megaControls #clear-btn,
#game-container.app.skilledModeActive .mega .controls.megaControls #submit-btn {
  background: #d46f67 !important;
  border-color: #b9473f !important;
  color: #ffffff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.34),
    inset 0 -3px 0 rgba(112, 24, 20, 0.20),
    0 calc(var(--size) * 0.055) calc(var(--size) * 0.072) rgba(112, 24, 20, 0.24) !important;
}

#game-container.app.skilledModeActive #score-feed.scoreFeed .mainWordBadge {
  background: #23923a !important;
  border-color: #23923a !important;
  color: #ffffff !important;
}


#game-container.app.skilledModeActive #grid.grid .mega .megaRunningScore,
#game-container.app.skilledModeActive .grid .mega .megaRunningScore,
#game-container.app.skilledModeActive .mega .megaRunningScore,
#game-container.app.skilledModeActive .megaSkilledModeLabel {
  color: #ED1C24 !important;
}


#server-loading-overlay.serverLoadingOverlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 18 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, 0.62) !important;
  pointer-events: auto !important;
  box-sizing: border-box !important;
}

#server-loading-overlay.serverLoadingOverlay.open {
  display: flex !important;
}

#server-loading-overlay .serverLoadingSpinner {
  position: relative !important;
  width: clamp(92px, 23vw, 150px) !important;
  height: clamp(92px, 23vw, 150px) !important;
  border-radius: 50% !important;
  filter: drop-shadow(0 8px 22px rgba(42, 92, 100, 0.14)) !important;
}

#server-loading-overlay .serverLoadingSpinner::before {
  content: "" !important;
  position: absolute !important;
  inset: 14% !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(94, 158, 166, 0.18) 0%, rgba(94, 158, 166, 0.06) 54%, rgba(94, 158, 166, 0) 72%) !important;
}

#server-loading-overlay .serverLoadingSpinner span {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 20% !important;
  height: 20% !important;
  border-radius: 999px !important;
  background: #5c9ca5 !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.55), 0 6px 14px rgba(42, 92, 100, 0.16) !important;
  transform: translate(-50%, -50%) rotate(calc(var(--n) * 30deg)) translateY(-175%) !important;
  transform-origin: center center !important;
  animation: wordifServerLoadingPulse 1.08s linear infinite !important;
  animation-delay: calc(var(--n) * -0.09s) !important;
}

@keyframes wordifServerLoadingPulse {
  0% { opacity: 1; }
  100% { opacity: 0.16; }
}

#game-container.app .megaModeSelector {
  gap: calc(var(--size) * 0.10) !important;
}

#game-container.app .megaModeOption {
  min-width: calc(var(--size) * 1.10) !important;
  border: max(1px, calc(var(--size) * 0.012)) solid transparent !important;
  border-radius: calc(var(--size) * 0.10) !important;
  padding: calc(var(--size) * 0.055) calc(var(--size) * 0.085) calc(var(--size) * 0.047) !important;
  background: transparent !important;
  text-align: center !important;
}

#game-container.app .megaModeOption.megaModeChilled,
#game-container.app .megaModeOption.megaModeChilled.active {
  color: #12833b !important;
}

#game-container.app .megaModeOption.megaModeSkilled,
#game-container.app .megaModeOption.megaModeSkilled.active {
  color: #ED1C24 !important;
}

#game-container.app .megaModeOption.active {
  border-color: #12833b !important;
  cursor: default !important;
}

#game-container.app .megaModeOption:not(.active):hover,
#game-container.app .megaModeOption:not(.active):focus-visible {
  border-color: rgba(18, 131, 59, 0.42) !important;
  outline: none !important;
}


#game-container.app #grid.grid .mega .megaGameOver .megaRunningScore,
#game-container.app .grid .mega .megaGameOver .megaRunningScore,
#game-container.app .mega .megaGameOver .megaRunningScore,
#game-container.app.skilledModeActive #grid.grid .mega .megaGameOver .megaRunningScore,
#game-container.app.skilledModeActive .grid .mega .megaGameOver .megaRunningScore,
#game-container.app.skilledModeActive .mega .megaGameOver .megaRunningScore {
  color: #23923a !important;
}

.rewardStrip,
.rewardIconWrap {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.rewardStrip {
  gap: calc(var(--size) * 0.045) !important;
  width: 100% !important;
  min-width: 0 !important;
}

.rewardIconWrap {
  position: relative !important;
  flex: 0 0 auto !important;
  width: 1em !important;
  height: 1em !important;
  line-height: 1 !important;
}

.rewardIcon,
.rewardLossX {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  pointer-events: none !important;
  user-select: none !important;
}

.rewardLossX {
  position: absolute !important;
  left: 11% !important;
  top: 11% !important;
  width: 78% !important;
  height: 78% !important;
  z-index: 2 !important;
  filter: drop-shadow(0 1px 1px rgba(255,255,255,0.55)) !important;
}

.rewardLost .rewardIcon {
  filter: grayscale(1) saturate(0.25) opacity(0.58) !important;
}

#game-container.app .megaRunningScore .rewardStrip {
  gap: calc(var(--size) * 0.055) !important;
}

#game-container.app .megaRunningScore .rewardIconWrap {
  width: calc(var(--size) * 0.42) !important;
  height: calc(var(--size) * 0.42) !important;
}

#game-container.app .megaRunningScore .rewardStripEmpty {
  display: inline-block !important;
  min-height: calc(var(--size) * 0.42) !important;
}

#score-feed.scoreFeed .scoreValueCell .rewardIconWrap {
  width: calc(var(--size) * 0.34) !important;
  height: calc(var(--size) * 0.34) !important;
}

#stats-card .statsMedalTotals {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: calc(var(--size) * 0.045) !important;
  width: auto !important;
  min-width: max-content !important;
  color: #0f7a3a !important;
}

#stats-card .statsMedalItem {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: calc(var(--size) * 0.010) !important;
  white-space: nowrap !important;
}

#stats-card .statsMedalItem b {
  color: #0f7a3a !important;
  font-family: var(--font-body) !important;
  font-size: calc(var(--size) * 0.078) !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

#stats-card .statsMedalIconWrap {
  width: calc(var(--size) * 0.105) !important;
  height: calc(var(--size) * 0.105) !important;
}

#stats-card #stats-word-cards .statsWordScore .rewardIconWrap {
  width: calc(var(--size) * 0.32) !important;
  height: calc(var(--size) * 0.32) !important;
}


#stats-card.statsCard215 .stats215MetricLine.statsMedalsLine {
  grid-template-columns: 32px minmax(0, 1fr) minmax(176px, auto) !important;
}

#stats-card.statsCard215 .stats215MetricLine.statsMedalsLine #stats-medals.statsMedalTotals {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  justify-self: end !important;
  gap: 10px !important;
  min-width: 176px !important;
  width: auto !important;
  max-width: none !important;
  overflow: visible !important;
  line-height: 1 !important;
}

#stats-card.statsCard215 #stats-medals .statsMedalItem {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  white-space: nowrap !important;
}

#stats-card.statsCard215 #stats-medals .statsMedalItem b {
  font-family: var(--font-body), Arial, sans-serif !important;
  font-size: clamp(14px, 3.3vw, 17px) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: #0f7a3a !important;
}

#stats-card.statsCard215 #stats-medals .statsMedalIconWrap {
  width: clamp(18px, 4.6vw, 23px) !important;
  height: clamp(18px, 4.6vw, 23px) !important;
}

@media (max-width: 430px) {
  #stats-card.statsCard215 .stats215MetricLine.statsMedalsLine {
    grid-template-columns: 30px minmax(0, 1fr) minmax(156px, auto) !important;
  }

  #stats-card.statsCard215 .stats215MetricLine.statsMedalsLine #stats-medals.statsMedalTotals {
    min-width: 156px !important;
    gap: 7px !important;
  }

  #stats-card.statsCard215 #stats-medals .statsMedalItem b {
    font-size: clamp(13px, 3.25vw, 16px) !important;
  }

  #stats-card.statsCard215 #stats-medals .statsMedalIconWrap {
    width: clamp(17px, 4.3vw, 21px) !important;
    height: clamp(17px, 4.3vw, 21px) !important;
  }
}

#score-feed.scoreFeed .scoreColumn.wordsOnlyScoreColumn {
  grid-template-rows: 1fr !important;
  row-gap: 0 !important;
  padding: 0 calc(var(--size) * 0.035) !important;
}

#score-feed.scoreFeed .scoreColumn.wordsOnlyScoreColumn:not(:last-child) {
  border-right: 0 !important;
}

#score-feed.scoreFeed .scoreColumn.wordsOnlyScoreColumn .scoreWordCell.wordsOnlyScoreWordCell {
  grid-row: 1 !important;
  height: 100% !important;
  min-height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: calc(var(--size) * 0.235) !important;
  line-height: 1 !important;
  transform: none !important;
}

#stats-card.statsCard215 .stats215MetricLine.statsMedalsLine {
  grid-template-columns: clamp(34px, 8vw, 50px) minmax(0, 1fr) !important;
  column-gap: clamp(12px, 3.2vw, 22px) !important;
}

#stats-card.statsCard215 .stats215MetricLine.statsMedalsLine #stats-medals.statsMedalTotals {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  justify-self: stretch !important;
  gap: clamp(4px, 1.2vw, 10px) !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
  line-height: 1 !important;
}

#stats-card.statsCard215 #stats-medals .statsMedalItem {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(2px, 0.6vw, 4px) !important;
  min-width: max-content !important;
  white-space: nowrap !important;
}

#stats-card.statsCard215 #stats-medals .statsMedalItem b {
  font-size: clamp(13px, 3vw, 18px) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

#stats-card.statsCard215 #stats-medals .statsMedalIconWrap {
  width: clamp(16px, 3.8vw, 21px) !important;
  height: clamp(16px, 3.8vw, 21px) !important;
}


#stats-card.statsCard215 .stats215MetricLine.statsMedalsLine .stats215TargetIcon {
  align-self: center !important;
  justify-self: center !important;
  transform: none !important;
}

@media (max-width: 380px) {
  #stats-card.statsCard215 .stats215MetricLine.statsMedalsLine {
    grid-template-columns: 30px minmax(0, 1fr) !important;
    column-gap: 10px !important;
  }

  #stats-card.statsCard215 .stats215MetricLine.statsMedalsLine #stats-medals.statsMedalTotals {
    gap: 4px !important;
  }

  #stats-card.statsCard215 #stats-medals .statsMedalItem b {
    font-size: 12px !important;
  }

  #stats-card.statsCard215 #stats-medals .statsMedalIconWrap {
    width: 16px !important;
    height: 16px !important;
  }
}

#score-feed.scoreFeed .scoreColumn.numberWordScoreColumn {
  grid-template-rows:
    calc(var(--size) * 0.055)
    auto
    auto
    auto
    auto
    calc(var(--size) * 0.055) !important;
  row-gap: calc(var(--size) * 0.020) !important;
  padding: 0 calc(var(--size) * 0.030) !important;
}

#score-feed.scoreFeed .scoreColumn.numberWordScoreColumn:not(:last-child) {
  border-right: max(1px, calc(var(--size) * 0.010)) solid #c8c2b8 !important;
}

#score-feed.scoreFeed .scoreColumn.numberWordScoreColumn .mainWordBadge {
  grid-row: 2 !important;
}

#score-feed.scoreFeed .scoreColumn.numberWordScoreColumn .scoreWordCell.numberWordScoreWordCell {
  grid-row: 3 !important;
}


#stats-card.statsCard215 .stats215MetricLine.statsMedalsLine {
  grid-template-columns: 32px minmax(0, 1fr) !important;
  column-gap: 13px !important;
}

#stats-card.statsCard215 .stats215MetricLine.statsMedalsLine .stats215TargetIcon {
  justify-self: center !important;
  align-self: center !important;
  margin: 0 !important;
  transform: none !important;
}

#stats-card.statsCard215 .stats215MetricLine.statsMedalsLine #stats-medals.statsMedalTotals {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: center !important;
  justify-content: stretch !important;
  justify-self: stretch !important;
  gap: clamp(8px, 2vw, 18px) !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

#stats-card.statsCard215 #stats-medals .statsMedalItem {
  justify-content: center !important;
  min-width: 0 !important;
  gap: clamp(3px, 0.8vw, 6px) !important;
}

#stats-card.statsCard215 #stats-medals .statsMedalItem b {
  font-size: clamp(13px, 3vw, 18px) !important;
  line-height: 1 !important;
}

#stats-card.statsCard215 #stats-medals .statsMedalIconWrap {
  width: clamp(16px, 3.8vw, 21px) !important;
  height: clamp(16px, 3.8vw, 21px) !important;
}


#game-container.app .mega .megaRunningScore:has(.megaModeSelector) {
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

#game-container.app .mega .megaModeSelector {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: center !important;
  justify-content: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  gap: min(8px, calc(var(--size) * 0.055)) !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  overflow: hidden !important;
  font-size: clamp(16px, calc(var(--size) * 0.18), 23px) !important;
  letter-spacing: 0.035em !important;
}

#game-container.app .mega .megaModeOption {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  padding: calc(var(--size) * 0.045) calc(var(--size) * 0.035) calc(var(--size) * 0.040) !important;
  border-radius: calc(var(--size) * 0.075) !important;
}


@media (max-width: 430px) {
  #stats-card.statsCard215 .stats215MetricLine.statsMedalsLine #stats-medals.statsMedalTotals {
    gap: clamp(10px, 3.2vw, 16px) !important;
  }

  #stats-card.statsCard215 #stats-medals .statsMedalItem {
    gap: clamp(4px, 1.2vw, 7px) !important;
  }

  #stats-card.statsCard215 #stats-medals .statsMedalItem b {
    font-size: clamp(15px, 4.2vw, 18px) !important;
  }

  #stats-card.statsCard215 #stats-medals .statsMedalIconWrap {
    width: clamp(20px, 5.8vw, 24px) !important;
    height: clamp(20px, 5.8vw, 24px) !important;
  }
}


@media (min-width: 700px) {
  #game-container.app .mega .megaModeSelector {
    width: 88% !important;
    margin: 0 auto !important;
    gap: min(6px, calc(var(--size) * 0.04)) !important;
    font-size: clamp(13px, calc(var(--size) * 0.145), 19px) !important;
    letter-spacing: 0.02em !important;
    overflow: visible !important;
  }

  #game-container.app .mega .megaModeOption {
    padding: calc(var(--size) * 0.032) calc(var(--size) * 0.026) calc(var(--size) * 0.030) !important;
    border-radius: calc(var(--size) * 0.065) !important;
  }
}

#stats-card.statsCard215 .stats215MetricLine.statsMedalsLine #stats-medals.statsMedalTotals {
  width: clamp(220px, 62%, 330px) !important;
  justify-self: end !important;
}

@media (max-width: 430px) {
  #stats-card.statsCard215 .stats215MetricLine.statsMedalsLine #stats-medals.statsMedalTotals {
    width: 100% !important;
    justify-self: stretch !important;
  }
}


#game-container.app .mega .megaModeSelector,
#game-container.app .mega .megaModeOption {
  font-family: var(--font-streak) !important;
  font-weight: 500 !important;
  font-synthesis: none !important;
}

#game-container.app .mega .megaRunningScore:has(.megaModeSelector) {
  width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

#game-container.app .mega .megaModeSelector {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: center !important;
  justify-content: center !important;
  width: 88% !important;
  max-width: 88% !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  gap: min(6px, calc(var(--size) * 0.040)) !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  overflow: visible !important;
  font-size: clamp(13px, calc(var(--size) * 0.145), 19px) !important;
  letter-spacing: 0.020em !important;
}

#game-container.app .mega .megaModeOption {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  overflow: visible !important;
  padding: calc(var(--size) * 0.032) calc(var(--size) * 0.026) calc(var(--size) * 0.030) !important;
  border-radius: calc(var(--size) * 0.065) !important;
}


#score-feed.scoreFeed .scoreColumn.numberWordScoreColumn {
  grid-template-rows:
    calc(var(--size) * 0.060)
    auto
    minmax(calc(var(--size) * 0.36), 1fr)
    calc(var(--size) * 0.035)
    minmax(calc(var(--size) * 0.32), 1fr)
    calc(var(--size) * 0.060) !important;
  row-gap: 0 !important;
  padding: 0 calc(var(--size) * 0.025) !important;
}

#score-feed.scoreFeed .scoreColumn.numberWordScoreColumn .mainWordBadge {
  grid-row: 2 !important;
  align-self: start !important;
  justify-self: center !important;
}

#score-feed.scoreFeed .scoreColumn.numberWordScoreColumn .scoreRewardCell {
  grid-row: 3 !important;
  display: flex !important;
  align-items: end !important;
  justify-content: center !important;
  min-width: 0 !important;
}

#score-feed.scoreFeed .scoreColumn.numberWordScoreColumn .scoreRewardCell .rewardIconWrap {
  width: calc(var(--size) * 0.31) !important;
  height: calc(var(--size) * 0.31) !important;
}

#score-feed.scoreFeed .scoreColumn.numberWordScoreColumn .scoreWordDivider {
  grid-row: 4 !important;
  align-self: center !important;
  justify-self: center !important;
  width: 62% !important;
  height: max(2px, calc(var(--size) * 0.010)) !important;
  border-radius: 999px !important;
  background: #c8c2b8 !important;
}

#score-feed.scoreFeed .scoreColumn.numberWordScoreColumn .scoreWordCell.numberWordScoreWordCell {
  grid-row: 5 !important;
  align-self: stretch !important;
  height: 100% !important;
  min-height: calc(var(--size) * 0.24) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  font-size: calc(var(--size) * 0.226) !important;
  letter-spacing: calc(var(--size) * 0.002) !important;
  line-height: 1 !important;
  color: #10233a !important;
  transform: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

#game-container.app .megaRunningScore {
  font-family: var(--font-body) !important;
  color: #12833b !important;
}

#stats-card.statsCard215 .stats215PerformanceBox {
  padding-top: calc(var(--size) * 0.105) !important;
  padding-bottom: calc(var(--size) * 0.105) !important;
}

#stats-card.statsCard215 .statsTotalScoreLine .stats215ScoreIcon {
  fill: none !important;
  stroke: #12833b !important;
  stroke-width: 2.4 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

#game-container.app .mega .megaModeSelector {
  width: 96% !important;
  max-width: 96% !important;
  gap: calc(var(--size) * 0.035) !important;
  font-size: calc(var(--size) * 0.245) !important;
  letter-spacing: calc(var(--size) * 0.017) !important;
  line-height: 1 !important;
  overflow: visible !important;
}

#game-container.app .mega .megaModeOption {
  padding: calc(var(--size) * 0.022) calc(var(--size) * 0.014) calc(var(--size) * 0.020) !important;
  border-radius: calc(var(--size) * 0.065) !important;
  overflow: visible !important;
}


#game-container.app .mega .megaModeSelector {
  transform: none !important;
}

#game-container.app .mega .megaModeOption {
  height: calc(var(--size) * 0.34) !important;
  min-height: calc(var(--size) * 0.34) !important;
  padding: 0 calc(var(--size) * 0.014) !important;
  line-height: 1 !important;
  align-items: center !important;
  justify-content: center !important;
}

#game-container.app .mega .megaModeOption.active {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}


#game-container.app.skilledModeActive #grid.grid > button.tile.skilledTile,
#game-container.app.skilledModeActive .grid > button.tile.skilledTile,
#game-container.app.skilledModeActive button.tile.skilledTile {
  position: relative !important;
  display: block !important;
  text-align: left !important;
}

#game-container.app.skilledModeActive #grid.grid > button.tile.skilledTile .tileLetter,
#game-container.app.skilledModeActive .grid > button.tile.skilledTile .tileLetter,
#game-container.app.skilledModeActive button.tile.skilledTile .tileLetter {
  position: absolute !important;
  left: calc(var(--size) * 0.17) !important;
  top: calc(var(--size) * 0.12) !important;
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
  font-size: inherit !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  color: inherit !important;
}

#game-container.app.skilledModeActive #grid.grid > button.tile.skilledTile .tileValue,
#game-container.app.skilledModeActive .grid > button.tile.skilledTile .tileValue,
#game-container.app.skilledModeActive button.tile.skilledTile .tileValue {
  position: absolute !important;
  right: calc(var(--size) * 0.09) !important;
  bottom: calc(var(--size) * 0.08) !important;
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
  font-size: calc(var(--size) * 0.261) !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  color: inherit !important;
}


#stats-card.statsCard215 .stats215MetricLine.statsMedalsLine #stats-medals.statsMedalTotals {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(5px, 1.3vw, 12px) !important;
  justify-self: stretch !important;
  width: 100% !important;
}

#stats-card.statsCard215 #stats-medals .statsMedalItem b {
  font-size: clamp(12px, 2.7vw, 16px) !important;
}

#stats-card.statsCard215 #stats-medals .statsMedalItem.statsMedalDuck {
  justify-self: end !important;
  justify-content: flex-end !important;
}

#game-container.app.skilledModeActive #grid.grid > button.tile.skilledTile .tileLetter,
#game-container.app.skilledModeActive .grid > button.tile.skilledTile .tileLetter,
#game-container.app.skilledModeActive button.tile.skilledTile .tileLetter {
  font-size: 1.1em !important;
}


#game-container.app #grid.grid,
#game-container.app .grid {
  display: grid !important;
  grid-template-columns: repeat(5, var(--size)) !important;
  grid-template-rows: repeat(5, var(--size)) !important;
  gap: var(--gap) !important;
  align-items: stretch !important;
  justify-items: stretch !important;
  width: calc((var(--size) * 5) + (var(--gap) * 4)) !important;
  max-width: calc((var(--size) * 5) + (var(--gap) * 4)) !important;
  box-sizing: content-box !important;
}

#game-container.app #preview.previewHiddenTop,
#game-container.app .preview.previewHiddenTop {
  display: grid !important;
  grid-template-columns: repeat(5, var(--size)) !important;
  gap: var(--gap) !important;
  align-items: stretch !important;
  justify-items: stretch !important;
  width: calc((var(--size) * 5) + (var(--gap) * 4)) !important;
  max-width: calc((var(--size) * 5) + (var(--gap) * 4)) !important;
  box-sizing: content-box !important;
}

#game-container.app #grid.grid > button.tile,
#game-container.app .grid > button.tile,
#game-container.app button.tile,
#game-container.app #preview .previewTile,
#game-container.app .previewTile {
  box-sizing: border-box !important;
  width: var(--size) !important;
  height: var(--size) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: var(--size) !important;
  max-height: var(--size) !important;
  aspect-ratio: 1 / 1 !important;
  padding: 0 !important;
  border-radius: var(--radius) !important;
  border-width: calc(var(--size) * 0.028) !important;
  font-size: calc(var(--size) * 0.36) !important;
  line-height: 1 !important;
  overflow: hidden !important;
}

#game-container.app #grid.grid > button.tile,
#game-container.app .grid > button.tile,
#game-container.app button.tile,
#game-container.app #preview .previewTile,
#game-container.app .previewTile {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#game-container.app #grid.grid > button.tile.selected,
#game-container.app .grid > button.tile.selected,
#game-container.app button.tile.selected {
  outline-width: calc(var(--size) * 0.044) !important;
  outline-offset: calc(var(--size) * -0.044) !important;
}

#game-container.app #grid.grid > .mega,
#game-container.app .grid > .mega,
#game-container.app .mega {
  box-sizing: border-box !important;
  width: calc((var(--size) * 3) + (var(--gap) * 2)) !important;
  height: calc((var(--size) * 3) + (var(--gap) * 2)) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: calc((var(--size) * 3) + (var(--gap) * 2)) !important;
  max-height: calc((var(--size) * 3) + (var(--gap) * 2)) !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: var(--radius) !important;
  border-width: calc(var(--size) * 0.028) !important;
  padding: calc(var(--size) * 0.075) !important;
  overflow: hidden !important;
}

#game-container.app.skilledModeActive #grid.grid > button.tile.skilledTile,
#game-container.app.skilledModeActive .grid > button.tile.skilledTile,
#game-container.app.skilledModeActive button.tile.skilledTile {
  position: relative !important;
  display: block !important;
  text-align: left !important;
  font-size: calc(var(--size) * 0.36) !important;
}

#game-container.app.skilledModeActive #grid.grid > button.tile.skilledTile .tileLetter,
#game-container.app.skilledModeActive .grid > button.tile.skilledTile .tileLetter,
#game-container.app.skilledModeActive button.tile.skilledTile .tileLetter {
  position: absolute !important;
  left: calc(var(--size) * 0.17) !important;
  top: calc(var(--size) * 0.12) !important;
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
  font-size: calc(var(--size) * 0.396) !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  color: inherit !important;
}

#game-container.app.skilledModeActive #grid.grid > button.tile.skilledTile .tileValue,
#game-container.app.skilledModeActive .grid > button.tile.skilledTile .tileValue,
#game-container.app.skilledModeActive button.tile.skilledTile .tileValue {
  position: absolute !important;
  right: calc(var(--size) * 0.09) !important;
  bottom: calc(var(--size) * 0.08) !important;
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
  font-size: calc(var(--size) * 0.261) !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  color: inherit !important;
}


@media (hover: hover) and (pointer: fine) {
  :root {
    --candidate260-css-height-fit-width: var(--candidate92j-max-grid-width, 520px) !important;
    --candidate260-css-fit-grid-width: min(
      var(--candidate92j-max-grid-width, 520px),
      calc(100vw - var(--candidate92j-side-margin, 8px))
    ) !important;
    --candidate261-css-height-fit-width: var(--candidate92j-max-grid-width, 520px) !important;
    --candidate261-css-fit-grid-width: min(
      var(--candidate92j-max-grid-width, 520px),
      calc(100vw - var(--candidate92j-side-margin, 8px))
    ) !important;
    --candidate261-final-grid-width: min(
      var(--candidate261-js-fit-grid-width),
      var(--candidate261-css-fit-grid-width)
    ) !important;
    --candidate92j-grid-width: var(--candidate261-final-grid-width) !important;
    --candidate92e-grid-width: var(--candidate261-final-grid-width) !important;
    --candidate140-container-width: var(--candidate261-final-grid-width) !important;
  }

  html,
  body {
    overflow-y: auto !important;
  }
}

#stats-card.statsCard215 .stats215MetricLine.statsMedalsLine {
  grid-template-columns: minmax(0, 1fr) !important;
  column-gap: 0 !important;
}

#stats-card.statsCard215 .stats215MetricLine.statsMedalsLine .stats215TargetIcon {
  display: none !important;
}

#stats-card.statsCard215 .stats215MetricLine.statsMedalsLine #stats-medals.statsMedalTotals {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: center !important;
  justify-items: center !important;
  justify-self: stretch !important;
  gap: clamp(10px, 2.6vw, 24px) !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

#stats-card.statsCard215 #stats-medals .statsMedalItem {
  gap: clamp(4px, 1vw, 8px) !important;
  justify-content: center !important;
  min-width: 0 !important;
}

#stats-card.statsCard215 #stats-medals .statsMedalItem b {
  font-size: clamp(15px, 3.6vw, 19px) !important;
  font-weight: 700 !important;
}

#stats-card.statsCard215 #stats-medals .statsMedalIconWrap {
  width: clamp(20px, 5vw, 25px) !important;
  height: clamp(20px, 5vw, 25px) !important;
}

#stats-card.statsCard215 #stats-medals .statsMedalItem.statsMedalDuck {
  justify-self: end !important;
}

#stats-card.statsCard215 .stats215MetricLine.statsMedalsLine #stats-medals.statsMedalTotals {
  --stats-medal-edge-gap: clamp(8px, 2.0vw, 18px);
  box-sizing: border-box !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  column-gap: var(--stats-medal-edge-gap) !important;
  padding-inline: var(--stats-medal-edge-gap) !important;
}

#stats-card.statsCard215 #stats-medals .statsMedalItem,
#stats-card.statsCard215 #stats-medals .statsMedalItem.statsMedalDuck {
  justify-self: center !important;
  justify-content: center !important;
}

#stats-card.statsCard215 #stats-medals .statsMedalItem b {
  font-size: clamp(12px, 2.7vw, 16px) !important;
}

#stats-card.statsCard215 #stats-medals .statsMedalIconWrap {
  width: clamp(18px, 4.4vw, 23px) !important;
  height: clamp(18px, 4.4vw, 23px) !important;
}

#stats-card.statsCard215 .stats215MetricLine.statsMedalsLine #stats-medals.statsMedalTotals {
  --stats-medal-left-gap: clamp(8px, 2vw, 18px);
  --stats-medal-value-lane: 58px;
  grid-template-columns:
    repeat(3, minmax(0, 1fr))
    var(--stats-medal-value-lane) !important;
  column-gap: var(--stats-medal-left-gap) !important;
  padding-left: var(--stats-medal-left-gap) !important;
  padding-right: 0 !important;
}

#stats-card.statsCard215 #stats-medals .statsMedalItem.statsMedalDuck {
  justify-self: center !important;
}

#stats-card.statsCard215 #stats-medals .statsMedalItem {
  gap: clamp(2px, 0.5vw, 4px) !important;
}

#stats-card.statsCard215 .stats215MetricLine.statsMedalsLine #stats-medals.statsMedalTotals {
  transform: translateX(clamp(9px, 2.2vw, 11px)) !important;
}

/* Candidate 400: keep the stats medal row legible after mobile modal scaling.
   Desktop alignment is left untouched; this mobile/coarse-pointer override gives
   the duck lane a little more room so the duck nose lines up with the score row. */
@media (max-width: 520px), (hover: none) and (pointer: coarse) {
  #stats-card.statsCard215 .stats215MetricLine.statsMedalsLine #stats-medals.statsMedalTotals {
    --stats-medal-left-gap: clamp(7px, 1.8vw, 12px);
    --stats-medal-value-lane: clamp(64px, 16vw, 72px);
    transform: translateX(clamp(11px, 3vw, 15px)) !important;
  }

  #stats-card.statsCard215 #stats-medals .statsMedalItem {
    gap: clamp(3px, 0.9vw, 6px) !important;
  }

  #stats-card.statsCard215 #stats-medals .statsMedalItem b {
    font-size: clamp(15px, 4.2vw, 20px) !important;
    line-height: 1 !important;
  }

  #stats-card.statsCard215 #stats-medals .statsMedalIconWrap {
    width: clamp(21px, 5.4vw, 27px) !important;
    height: clamp(21px, 5.4vw, 27px) !important;
  }
}

@media (max-width: 380px) {
  #stats-card.statsCard215 #stats-medals .statsMedalItem b {
    font-size: clamp(14px, 4.4vw, 18px) !important;
  }

  #stats-card.statsCard215 #stats-medals .statsMedalIconWrap {
    width: clamp(20px, 5.8vw, 24px) !important;
    height: clamp(20px, 5.8vw, 24px) !important;
  }
}