/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-xo1dn24vo7] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100dvh;
    width: 100%;
    overflow-x: hidden;
    background-color: white;
}

.content[b-xo1dn24vo7] {
    height: 100%;
    width: 100%;
}

main[b-xo1dn24vo7] {
    flex: 1;
}

.sidebar[b-xo1dn24vo7] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-xo1dn24vo7] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-xo1dn24vo7]  a, .top-row[b-xo1dn24vo7]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-xo1dn24vo7]  a:hover, .top-row[b-xo1dn24vo7]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-xo1dn24vo7]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-xo1dn24vo7] {
        justify-content: space-between;
    }

    .top-row[b-xo1dn24vo7]  a, .top-row[b-xo1dn24vo7]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-xo1dn24vo7] {
        flex-direction: row;
    }

    .sidebar[b-xo1dn24vo7] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-xo1dn24vo7] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-xo1dn24vo7]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }
}

#blazor-error-ui[b-xo1dn24vo7] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-xo1dn24vo7] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Pages/FootballNameGame.razor.rz.scp.css */
 .football-page[b-baqghr8jci] {
  background-color: #5b9452;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  touch-action: manipulation;
  overscroll-behavior: none;
}

.heading-section[b-baqghr8jci] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 1rem 1rem 1rem 1rem;
  justify-content: space-between;
}

.top-control[b-baqghr8jci],
.top-control-link[b-baqghr8jci] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  color: white;
  font-size: 1.1rem;
  border: 2px solid white;
  border-radius: 999px;
  background-color: #82CA77;
  font-family: "Montserrat", sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, .1);
  cursor: pointer;
  text-decoration: none;
}

.menu-backdrop[b-baqghr8jci] {
  position: fixed;
  inset: 0;
  border: 0;
  background: rgba(7, 24, 6, 0.35);
  z-index: 20;
}

.game-menu[b-baqghr8jci] {
  position: fixed;
  top: 0;
  right: 0;
  width: min(20rem, calc(100vw - 2rem));
  height: 100dvh;
  padding: calc(env(safe-area-inset-top) + 1rem) 1rem 1.25rem;
  background: #f4f8ee;
  box-shadow: -16px 0 36px rgba(0, 0, 0, 0.18);
  transform: translateX(105%);
  transition: transform 0.2s ease;
  z-index: 30;
  display: grid;
  align-content: start;
  gap: 1rem;
}

.game-menu.open[b-baqghr8jci] {
  transform: translateX(0);
}

.game-menu-header[b-baqghr8jci] {
  display: flex;
  justify-content: end;
  align-items: center;
}

.game-menu-header h3[b-baqghr8jci] {
  margin: 0;
  color: #24411f;
  font-family: "Montserrat", sans-serif;
}

.menu-close-button[b-baqghr8jci] {
  width: 2.75rem;
  height: 2.75rem;
  border: 0;
  border-radius: 999px;
  background: #dfead2;
  color: #24411f;
  font-size: 1.1rem;
  cursor: pointer;
}

.game-menu-items[b-baqghr8jci] {
  display: grid;
  gap: 0.75rem;
}

.game-menu-item[b-baqghr8jci] {
  width: 100%;
  border: 0;
  border-radius: 18px;
  padding: 0.95rem 1rem;
  text-align: left;
  background: white;
  color: #24411f;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  box-shadow: 0 8px 18px rgba(36, 65, 31, 0.08);
  cursor: pointer;
}

.main-section[b-baqghr8jci] {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  gap: 1rem
}

.question-box[b-baqghr8jci] {
  display: flex;
  flex: 1.5;
  align-items: center;
  justify-content: center;
  width: 75%;
  background-color: #82CA77;
  border: 2px solid white;
  border-radius: 20px;
  touch-action: manipulation;
}

.completed-question-box[b-baqghr8jci] {
  background-color: #5b9452;
}

.input-section[b-baqghr8jci] {
  display: flex;
  flex: 0.5;
  width: 75%;
  touch-action: manipulation;
}

.answers-container[b-baqghr8jci] {
  display: flex;
  flex: 2;
  flex-direction: row;
  width: 75%;
  touch-action: manipulation;
}

.keyboard-section[b-baqghr8jci] {
  width: 75%;
  flex: 6;
  background-color: transparent;
  border-radius: 10px;
  margin-bottom: 1rem;
  display: flex;
  align-items: stretch;
  justify-content: center;
  touch-action: manipulation;
}

.question-heading[b-baqghr8jci] {
    display: flex;
    justify-content: center;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: bold;
    font-size: 2rem;
    text-align: center;
    margin: 0rem 1rem 0rem 1rem;
    color: white;
}

.completed-heading[b-baqghr8jci] {
  color: rgb(127, 208, 6);
}

li[b-baqghr8jci] {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  color: white;
  font-size: 0.9rem;
}

.info-section[b-baqghr8jci] {
  width: 50%;
  height: 100%;
}

.revealed-answers-section[b-baqghr8jci] {
  width: min(42rem, 90%);
  max-height: calc(100dvh - 9rem);
  overflow: auto;
  padding: 1.25rem;
  border: 2px solid white;
  border-radius: 20px;
  background: rgba(130, 202, 119, 0.2);
}

.archive-section[b-baqghr8jci] {
  width: min(42rem, 90%);
  max-height: calc(100dvh - 9rem);
  overflow: auto;
  padding: 1.25rem;
  border: 2px solid white;
  border-radius: 20px;
  background: rgba(130, 202, 119, 0.2);
}

.archive-list[b-baqghr8jci] {
  display: grid;
  gap: 0.75rem;
}

.archive-item[b-baqghr8jci] {
  display: grid;
  gap: 0.3rem;
  width: 100%;
  border: 0;
  border-radius: 18px;
  padding: 1rem;
  text-align: left;
  background: rgba(255, 255, 255, 0.92);
  color: #24411f;
  box-shadow: 0 8px 18px rgba(36, 65, 31, 0.08);
  cursor: pointer;
}

.archive-item-title[b-baqghr8jci],
.archive-item-copy[b-baqghr8jci] {
  font-family: "Montserrat", sans-serif;
}

.archive-item-title[b-baqghr8jci] {
  font-size: 1rem;
  font-weight: 700;
}

.archive-item-copy[b-baqghr8jci] {
  font-size: 0.9rem;
  line-height: 1.45;
}

.revealed-answers-list[b-baqghr8jci] {
  margin: 0;
  padding-left: 1.25rem;
}

.revealed-answers-list li[b-baqghr8jci] {
  margin-bottom: 0.4rem;
}

p[b-baqghr8jci] {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  color: white;
}

h3[b-baqghr8jci] {
  color: white;
}

.correct-section[b-baqghr8jci] {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.correct-section li[b-baqghr8jci] {
  display: flex;
  align-items: center;
  min-width: 0;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}

.correct-section .letter[b-baqghr8jci] {
  flex: 0 0 auto;
  font-weight: bold;
  min-width: 1.5rem;
}

.correct-section .player-name[b-baqghr8jci] {
  display: block;
  flex: 1;
  min-width: 0;
  margin-left: 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.correct-guess .letter[b-baqghr8jci] {
  display: none;
}

.correct-guess .player-name[b-baqghr8jci] {
  margin-left: 0;
  font-weight: bold;
}

.correct-guess[b-baqghr8jci] {
  color: rgb(127, 208, 6);
}

.blank-guess[b-baqghr8jci] {
  color: white;
}

.no-answer[b-baqghr8jci] {
  color: #999999;
  text-decoration: line-through;
}

.keyboard[b-baqghr8jci] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  width: 100%;
  height: 100%;
  touch-action: manipulation;
}

.keyboard-row[b-baqghr8jci] {
  display: flex;
  justify-content: center;
  gap: 0.3rem;
  width: 100%;
  flex: 1;
  touch-action: manipulation;
}

.key[b-baqghr8jci] {
  flex: 1;
  max-width: 4rem;
  padding: 0.75rem;
  height: 100%;
  background-color: #d3d6da;
  border: 1px solid #9ca3af;
  border-radius: 6px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-size: 1rem;
  color: white;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, .1);
  touch-action: manipulation;
}

.backspace[b-baqghr8jci] {
  max-width: 4rem;
  font-size: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.enter-key[b-baqghr8jci] {
  max-width: 4rem;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Input  */

.player-guess-form[b-baqghr8jci] {
  display: flex;
  flex: 4;
  height: 2.5rem;
  margin: 0;
  gap: 0.5rem;
}

.input-player[b-baqghr8jci] {
  display: flex;
  flex: 4;
  font-size: 1rem;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  border-radius: 10px;
  border: 2px solid white;
  box-sizing: border-box;
  line-height: 1.5rem;
  height: 100%;
  padding: 0.5rem;
  text-transform: uppercase;
}

.enter-button[b-baqghr8jci] {
  display: flex;
  flex: 1;
  height: 100%;
  background-color: #82CA77;
  border: 2px solid white;
  border-radius: 10px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  color: white;
}

.enter-button:hover[b-baqghr8jci] {
  cursor: pointer;
  background-color: #33532e;
}

@media (max-width: 768px) {
  .heading-section[b-baqghr8jci] {
    padding-top: calc(env(safe-area-inset-top) + 0.75rem);
  }

  .question-heading[b-baqghr8jci] {
    font-size: 0.8rem;
  }

  .info-section[b-baqghr8jci] {
    width: 80%;
  }

  .revealed-answers-section[b-baqghr8jci] {
    width: 80%;
  }

  .archive-section[b-baqghr8jci] {
    width: 80%;
  }

  .input-section[b-baqghr8jci] {
    width: 90%;
  }

  .answers-container[b-baqghr8jci] {
    width: 95%;
  }

  .keyboard-section[b-baqghr8jci] {
    width: 95%;
  }

  .key[b-baqghr8jci] {
    font-size: 1rem;
    padding: 0.4rem;
    height: 100%;
  }

  .game-menu[b-baqghr8jci] {
    width: min(18rem, calc(100vw - 1rem));
  }

  .backspace[b-baqghr8jci] {
    font-size: 1.5rem;
  }
}
/* /Pages/Home.razor.rz.scp.css */
h1[b-4bt7fn67pg] {
  font-family: "Doto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 3rem;
  margin-bottom: 10px;
  text-align: center;
}

h5[b-4bt7fn67pg] {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 1.5rem;
  margin: 0 0 1rem 0;
  text-align: center;
}

.header[b-4bt7fn67pg] {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

.heading-section[b-4bt7fn67pg] {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
}

.header-membership-slot[b-4bt7fn67pg] {
    flex: 1 1 0;
    padding-left: 2rem;
    display: flex;
    align-items: center;
}

.header-membership-link[b-4bt7fn67pg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.65rem 1rem;
    border-radius: 999px;
    border: 2px solid #000000;
    color: #000000;
    background: #ffffff;
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    transition: transform 0.1s ease-in-out;
}

.header-membership-user[b-4bt7fn67pg],
.header-membership-crown[b-4bt7fn67pg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.65rem 1rem;
    text-decoration: none;
    transition: transform 0.1s ease-in-out;
    padding: 0;
    color: #c89b10;
    font-size: 1.7rem;
}

.header-membership-user[b-4bt7fn67pg] {
    color: black;
}

.header-membership-link:hover[b-4bt7fn67pg] {
    transform: scale(1.03);
}

.header-membership-user:hover[b-4bt7fn67pg],
.header-membership-crown:hover[b-4bt7fn67pg] {
    transform: scale(1.2);
}

.socials[b-4bt7fn67pg] {
    flex: 1 1 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem;
    padding-right: 2rem;
    min-width: 0;
}

.socials-button[b-4bt7fn67pg] {
    transition: transform 0.1s ease-in-out;
}

.socials-button:hover[b-4bt7fn67pg] {
    transform: scale(1.05);
}

.socials-button img[b-4bt7fn67pg] {
    display: block;
    width: auto;
    height: 40px;
    max-width: 180px;
}

.heading[b-4bt7fn67pg] {
    display: flex;
    justify-content: center;
}

.main-section[b-4bt7fn67pg] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 1rem 2rem 1rem 2rem;
}

.project-row[b-4bt7fn67pg] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 2rem 2rem;
    width: 100%;
    max-width: 1150px;
}

.project-item[b-4bt7fn67pg] {
    display: flex;
    flex: 1;
    border: 2px solid black;
    border-radius: 10px;
    /* keep a consistent aspect ratio instead of a fixed height */
    aspect-ratio: 16 / 9;
    width: 100%;
    overflow: hidden; /* clip overflowing images */
    transition: transform 0.1s ease-in-out;
}

.project-image[b-4bt7fn67pg] {
    border-radius: 7px;
    /* make image fill its parent .project-item */
    width: 100%;
    height: 100%;
    object-fit: fill;
    display: block; /* remove inline spacing */
}

.project-item:hover[b-4bt7fn67pg] {
    transform: scale(1.05);
}

.project-item-empty[b-4bt7fn67pg] {
    flex: 1;
    margin: 20px;
    height: 200px;
    width: 100%;
}

@media (max-width: 950px) {
    .header[b-4bt7fn67pg] {
        flex-direction: column;
        gap: 0.75rem;
    }

    .heading[b-4bt7fn67pg] {
        margin-top: 0;
    }

    .header-membership-slot[b-4bt7fn67pg] {
        width: 100%;
        justify-content: center;
        padding-left: 0;
    }

    .socials[b-4bt7fn67pg] {
        width: 100%;
        justify-content: center;
        padding-right: 0;
        gap: 0.75rem;
        padding-bottom: 1rem;
    }

    .header-membership-link[b-4bt7fn67pg] {
        margin-top: 1rem;
    }

    .header-membership-user[b-4bt7fn67pg],
    .header-membership-crown[b-4bt7fn67pg] {
        margin-top: 1rem;
    }

    .socials-button img[b-4bt7fn67pg] {
        height: 36px;
    }

    .project-row[b-4bt7fn67pg] {
        flex-direction: column;
    }

    h5[b-4bt7fn67pg] {
        margin: 1rem 0 1rem 0;
    }
}

@media (max-width: 1375px) {
    .socials[b-4bt7fn67pg] {
        flex-direction: column;
    }
}
/* /Pages/Join.razor.rz.scp.css */
.join-page[b-mfriuj4ua9] {
    min-height: 100%;
    padding: 1.25rem 1rem 3rem;
    background: #ffffff;
    color: #000000;
}

.join-shell[b-mfriuj4ua9] {
    width: min(760px, 100%);
    margin: 0 auto;
    display: grid;
    gap: 1rem;
}

.join-back-link[b-mfriuj4ua9] {
    color: #000000;
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.join-hero[b-mfriuj4ua9] {
    display: grid;
    gap: 0.9rem;
    padding: 1.4rem;
}

.join-hero h1[b-mfriuj4ua9] {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-size: clamp(2.2rem, 9vw, 3.5rem);
    font-weight: 500;
    line-height: 1;
}

.join-price[b-mfriuj4ua9] {
    margin: 0;
    width: fit-content;
    padding: 0.5rem 0.85rem;
    border: 2px solid #000000;
    border-radius: 999px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.join-summary[b-mfriuj4ua9],
.join-feedback[b-mfriuj4ua9],
.join-benefit-box p[b-mfriuj4ua9] {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    line-height: 1.55;
}

.join-feedback[b-mfriuj4ua9] {
    padding: 0.8rem 0.95rem;
    border-radius: 18px;
    background: #f3f3f3;
}

.join-feedback.error[b-mfriuj4ua9] {
    background: #fff1f1;
}

.join-actions[b-mfriuj4ua9] {
    display: grid;
    gap: 0.75rem;
}

.join-primary-button[b-mfriuj4ua9] {
    border: 2px solid #000000;
    border-radius: 999px;
    padding: 0.9rem 1.1rem;
    background: #000000;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
}

.join-primary-button:disabled[b-mfriuj4ua9] {
    opacity: 0.6;
}

.join-benefits[b-mfriuj4ua9] {
    display: grid;
    gap: 0.85rem;
}

.join-benefit-box[b-mfriuj4ua9] {
    display: grid;
    gap: 0.55rem;
    padding: 1.15rem;
    border: 2px solid #000000;
    border-radius: 20px;
    background: #82CA77;
}

.join-benefit-box h2[b-mfriuj4ua9] {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 1.55rem;
    font-weight: 500;
}

@media (min-width: 760px) {
    .join-benefits[b-mfriuj4ua9] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
/* /Pages/Login.razor.rz.scp.css */
.login-page[b-cn4hi0drj9] {
    min-height: 100%;
    padding: 1.25rem 1rem 3rem;
    background: #ffffff;
    color: #000000;
}

.login-shell[b-cn4hi0drj9] {
    width: min(520px, 100%);
    margin: 0 auto;
    display: grid;
    gap: 1rem;
}

.login-back-link[b-cn4hi0drj9] {
    color: #000000;
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.login-card[b-cn4hi0drj9] {
    display: grid;
    gap: 0.9rem;
    padding: 1.4rem;  
}

.login-label[b-cn4hi0drj9] {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.login-card h1[b-cn4hi0drj9] {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-size: clamp(2.1rem, 8vw, 3.2rem);
    font-weight: 500;
    line-height: 1;
}

.login-copy[b-cn4hi0drj9],
.login-feedback[b-cn4hi0drj9],
.login-help[b-cn4hi0drj9] {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    line-height: 1.55;
}

.login-help[b-cn4hi0drj9] {
    font-size: 0.8rem;
    margin: 0;
    font-family: "Montserrat", sans-serif;
    line-height: 1.55;
}

.login-feedback[b-cn4hi0drj9] {
    padding: 0.8rem 0.95rem;
    border-radius: 18px;
    background: #f3f3f3;
}

.login-feedback.error[b-cn4hi0drj9] {
    background: #fff1f1;
}

.login-form[b-cn4hi0drj9],
.login-actions[b-cn4hi0drj9] {
    display: grid;
    gap: 0.75rem;
}

.login-primary-actions[b-cn4hi0drj9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.login-input[b-cn4hi0drj9] {
    width: 100%;
    box-sizing: border-box;
    padding: 0.9rem 1rem;
    border: 2px solid #000000;
    border-radius: 18px;
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    color: #000000;
    background: #ffffff;
}

.login-primary-button[b-cn4hi0drj9],
.login-secondary-button[b-cn4hi0drj9],
.login-primary-link[b-cn4hi0drj9] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding: 0.9rem 1rem;
    border-radius: 999px;
    border: 2px solid #000000;
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
}

.login-primary-button[b-cn4hi0drj9],
.login-primary-link[b-cn4hi0drj9] {
    background: #000000;
    color: #ffffff;
}

.login-secondary-button[b-cn4hi0drj9] {
    background: #ffffff;
    color: #000000;
}

.login-primary-button:disabled[b-cn4hi0drj9],
.login-secondary-button:disabled[b-cn4hi0drj9] {
    opacity: 0.6;
}
/* /Pages/Profile.razor.rz.scp.css */
.profile-page[b-dc1m3623d8] {
    min-height: 100%;
    padding: 1.25rem 1rem 3rem;
    background: #ffffff;
    color: #000000;
}

.profile-shell[b-dc1m3623d8] {
    width: min(560px, 100%);
    margin: 0 auto;
    display: grid;
    gap: 1rem;
}

.profile-back-link[b-dc1m3623d8],
.profile-secondary-link[b-dc1m3623d8] {
    color: #000000;
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.profile-card[b-dc1m3623d8] {
    display: grid;
    gap: 0.9rem;
    padding: 1.4rem;
}

.profile-kicker[b-dc1m3623d8],
.profile-details dt[b-dc1m3623d8] {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.profile-card h1[b-dc1m3623d8] {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-size: clamp(2.2rem, 8vw, 3.2rem);
    font-weight: 500;
    line-height: 1;
}

.profile-copy[b-dc1m3623d8],
.profile-feedback[b-dc1m3623d8],
.profile-details dd[b-dc1m3623d8] {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    line-height: 1.55;
}

.profile-feedback[b-dc1m3623d8] {
    padding: 0.8rem 0.95rem;
    border-radius: 18px;
    background: #f3f3f3;
}

.profile-feedback.error[b-dc1m3623d8] {
    background: #fff1f1;
}

.profile-details[b-dc1m3623d8] {
    margin: 0;
    display: grid;
    gap: 0.9rem;
}

.profile-details div[b-dc1m3623d8] {
    display: grid;
    gap: 0.25rem;
    padding: 0.95rem 1rem;
}

.profile-actions[b-dc1m3623d8] {
    display: grid;
    gap: 0.75rem;
}

.profile-primary-button[b-dc1m3623d8],
.profile-secondary-button[b-dc1m3623d8],
.profile-primary-link[b-dc1m3623d8],
.profile-secondary-link[b-dc1m3623d8] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding: 0.9rem 1rem;
    border-radius: 999px;
    border: 2px solid #000000;
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    font-weight: 700;
}

.profile-primary-button[b-dc1m3623d8],
.profile-primary-link[b-dc1m3623d8] {
    background: #000000;
    color: #ffffff;
}

.profile-secondary-button[b-dc1m3623d8],
.profile-secondary-link[b-dc1m3623d8] {
    background: #ffffff;
    color: #000000;
}

.profile-primary-button:disabled[b-dc1m3623d8],
.profile-secondary-button:disabled[b-dc1m3623d8] {
    opacity: 0.6;
}

@media (min-width: 760px) {
    .profile-actions[b-dc1m3623d8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .profile-actions > :first-child[b-dc1m3623d8] {
        grid-column: 1 / -1;
    }
}
/* /Pages/RunForrestRun.razor.rz.scp.css */
.runforrest-page[b-g6fb07ju1h] {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    padding: 1rem clamp(1rem, 3vw, 2.5rem) 1.5rem;
    box-sizing: border-box;
    background-color: rgb(3, 92, 2);
}

.runforrest-header[b-g6fb07ju1h] {
    text-align: center;
    margin-bottom: 0.75rem;
}

.runforrest-header h1[b-g6fb07ju1h] {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-size: clamp(2rem, 4vw, 3.25rem);
    font-weight: 600;
    color: white;
}

.game-shell[b-g6fb07ju1h] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.game-frame-wrap[b-g6fb07ju1h] {
    width: min(1450px, 100%);
    aspect-ratio: 16 / 9;
    max-height: 78dvh;
    border: 2px solid #111111;
    border-radius: 14px;
    overflow: hidden;
    background: #000000;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.2);
}

.game-frame[b-g6fb07ju1h] {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

@media (max-width: 900px) {
    .game-frame-wrap[b-g6fb07ju1h] {
        aspect-ratio: auto;
        height: 70dvh;
    }
}