<commit_before>@import 'variables';

$pocket-col1-height: auto;
$pocket-height: 60px;

.pocket {
  &-top {
    grid-area: pocket-top;
  }

  &-bottom {
    grid-area: pocket-bot;
  }

  &-c1 {
    max-width: $pocket-height;
  }
}

.analyse.variant-crazyhouse {
  grid-template-rows: $pocket-col1-height auto $pocket-col1-height auto minmax(20em, 30vh);
  grid-template-areas:
    'pocket-top'
    'board'
    'pocket-bot'
    'controls'
    'tools'
    'side'
    'acpl'
    'under'
    'chat'
    'uchat';

  @include breakpoint($mq-col2) {
    grid-template-rows: $pocket-height auto $pocket-height;
    grid-template-areas:
      'board      gauge pocket-top'
      'board      gauge tools'
      'board      gauge pocket-bot'
      'under      .     controls'
      'under      .     acpl'
      'under      .     side'
      'chat       .     side'
      'uchat      .     side';
  }

  @include breakpoint($mq-col3) {
    grid-template-rows: $pocket-height $meta-height $chat-height $pocket-height;
    grid-template-areas:
      'side    . board gauge pocket-top'
      'side    . board gauge tools'
      'chat    . board gauge tools'
      'chat    . board gauge pocket-bot'
      'uchat   . under .     controls'
      'uchat   . under .     acpl';
  }
}

@include breakpoint($mq-col1) {
  .pocket {<commit_msg>fix crazyhouse analysis layout<commit_after>@import 'variables';

$pocket-col1-height: auto;
$pocket-height: 60px;

.pocket {
  &-top {
    grid-area: pocket-top;
  }

  &-bottom {
    grid-area: pocket-bot;
  }

  &-c1 {
    max-width: $pocket-height;
  }
}

.analyse.variant-crazyhouse {
  grid-template-rows: $pocket-col1-height auto $pocket-col1-height auto minmax(20em, 30vh);
  grid-template-areas:
    'pocket-top'
    'board'
    'pocket-bot'
    'controls'
    'tools'
    'side'
    'round-training'
    'under'
    'chat'
    'uchat';

  @include breakpoint($mq-col2) {
    grid-template-rows: $pocket-height auto $pocket-height;
    grid-template-areas:
      'board      gauge pocket-top'
      'board      gauge tools'
      'board      gauge pocket-bot'
      'under      .     controls'
      'under      .     round-training'
      'under      .     side'
      'chat       .     side'
      'uchat      .     side';
  }

  @include breakpoint($mq-col3) {
    grid-template-rows: $pocket-height $meta-height $chat-height $pocket-height;
    grid-template-areas:
      'side    . board gauge pocket-top'
      'side    . board gauge tools'
      'chat    . board gauge tools'
      'chat    . board gauge pocket-bot'
      'uchat   . under .     controls'
      'uchat   . under .     round-training';
  }
}

@include breakpoint($mq-col1) {
  .pocket {
{'fraction_non_alphanumeric': 0.13722573447378208, 'fraction_numerical': 0.009669021941242098, 'mean_word_length': 1.9398907103825136, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2324771', 'n_tokens_mistral': 986, 'n_tokens_neox': 935, 'n_words': 191}