<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.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;
    overflow: auto;
    border: 1px solid; }

.grid {
  table-layout: fixed;
  border-collapse: collapse;
  width: fit-content;
  display: block;
  margin: 0 auto;
  font-size: small; }
  .grid .hover {
    background-color: #f3f4f7; }
  .grid .mouseover {
    background-color: darkgray; }
  .grid.highlight-correct tr td div.number.complete {
    color: green;
    font-weight: bold; }
  .grid.highlight-correct .grid__columns *:has(.number), .grid.highlight-correct .grid__rows *:has(.number) {
    cursor: auto  !important; }
  .grid:not(.highlight-correct) tr td div.number.mark {
    color: blue;
    font-weight: bold; }
  .grid .grid__columns {
    border-top: 0 !important;
    border-right: 0 !important; }
    .grid .grid__columns .hover {
      background-color: unset; }
      .grid .grid__columns .hover:has(.number) {
        background-color: #f3f4f7;
        cursor: pointer; }
  .grid .grid__rows {
    border-left: 0 !important;
    border-bottom: 0 !important; }
    .grid .grid__rows .hover {
      background-color: unset; }
      .grid .grid__rows .hover td:has(.number) {
        background-color: #f3f4f7;
        cursor: pointer; }
  .grid tr td {
    width: 20px;
    height: 20px;
    text-align: center; }
    .grid tr td div {
      width: 20px;
      height: 20px; }
  .grid .grid__columns table tr td.five:not(:last-child) {
    border-color: #15202b; }
  .grid .grid__rows table tr.five:not(:last-child) td {
    border-bottom: 1px solid #15202b; }
  .grid .grid__columns, .grid .grid__rows {
    border: 1px solid; }
    .grid .grid__columns table tr td:not(:last-child), .grid .grid__rows table tr td:not(:last-child) {
      border-right: 1px solid #cdcdcd; }
    .grid .grid__columns table tr:not(:last-child), .grid .grid__rows table tr:not(:last-child) {
      border-bottom: 1px solid #cdcdcd; }
  .grid .grid__cells {
    cursor: pointer; }
    .grid .grid__cells table tr:not(:last-child) {
      border-bottom: 1px solid #cdcdcd; }
      .grid .grid__cells table tr:not(:last-child).five td {
        border-bottom: 1px solid #15202b; }
    .grid .grid__cells table tr td {
      position: relative;
      width: 20px;
      height: 20px; }
      .grid .grid__cells table tr td:not(:last-child) {
        border-right: 1px solid #cdcdcd; }
        .grid .grid__cells table tr td:not(:last-child).five {
          border-color: #15202b; }
      .grid .grid__cells table tr td div {
        width: 20px;
        height: 20px; }
        .grid .grid__cells table tr td div.cross {
          position: relative; }
          .grid .grid__cells table tr td div.cross:before {
            font-family: 'Font Awesome 6 Pro';
            font-weight: 900;
            content: "\f00d";
            position: absolute;
            width: 100%;
            height: 100%;
            top: 2px;
            left: 0;
            text-align: center;
            color: #ff003d;
            font-size: 16px; }
        .grid .grid__cells table tr td div.black:before {
          font-family: 'Font Awesome 6 Pro';
          font-weight: 900;
          content: "\f111";
          position: absolute;
          width: 100%;
          height: 100%;
          top: 2px;
          left: 0;
          text-align: center;
          color: #15202b;
          font-size: 16px; }


/*# sourceMappingURL=nonograms.css.map*/</pre></body></html>