.game {
  user-select: none; }
  .game .game__info {
    user-select: none;
    color: #15202b; }
  .game__container {
    display: flex;
    justify-content: center;
    width: 100%; }
  .game__content {
    position: relative;
    background: #fff;
    border: 1px solid; }

:root {
  --grid-size: 8; }

.game-container {
  min-height: 385px; }

.grid {
  position: relative; }
  .grid__row {
    display: flex;
    margin: 0;
    text-align: center; }
    .grid__row .grid__cell {
      position: relative; }
      .grid__row .grid__cell.number:not(.valid) {
        cursor: pointer; }
        .grid__row .grid__cell.number:not(.valid)::after {
          content: "";
          top: 0;
          left: 0;
          position: absolute;
          border: 0.5rem solid #fff;
          border-radius: 50%;
          box-sizing: border-box;
          width: 100%;
          aspect-ratio: 1 / 1;
          background-color: #15202b; }
      .grid__row .grid__cell.number.visible {
        cursor: pointer;
        background-color: unset;
        font-size: 30px; }
        .grid__row .grid__cell.number.visible::after {
          content: unset; }
      .grid__row .grid__cell.valid:not(.visible) * {
        visibility: hidden; }
  .grid__cell {
    width: calc(131px - (var(--grid-size) * 8px));
    height: calc(131px - (var(--grid-size) * 8px));
    line-height: calc(131px - (var(--grid-size) * 8px));
    box-sizing: content-box !important; }
    .grid__cell:last-child {
      margin-right: 0; }

.game__content-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center; }

.game__content-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .5rem; }
  .game__content-list li {
    display: flex;
    align-items: center; }
    .game__content-list li a {
      display: flex;
      align-items: center;
      cursor: pointer; }
    .game__content-list li button {
      border-bottom: 0.5px solid; }

.dark-theme .grid__row .grid__cell.number:not(.valid)::after {
  border-color: #15202b;
  background-color: #f7f9f9; }

.dark-theme .game__content-overlay {
  background: #15202b; }


/*# sourceMappingURL=chimptest.css.map*/