<commit_before>
body {
    background: hsl(180, 15%, 15%);
    color: hsl(180, 15%, 85%);
    font-family: monospace;
}

.nojs {
    text-align: center;
}

.control {
    font-size: 0.8em;
}

#p0control {
    float: left;
    color: hsla(160, 100%, 80%, 0.667);
}
#p1control {
    float: right;
    color: hsla(240, 100%, 80%, 0.667);;
}

.expression-container {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    height: 1.3rem;
    width: 24rem;
}
.expression-colours,
.expression-input {
    display: block;
    position: absolute;
    margin: 0;
    padding: 0 0.3rem;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: inherit;
    line-height: 1.3rem;
    font-family: monospace;
}
.expression-colours { background: hsla(180, 15%, 10%, 1); }
.expression-input { color: rgba(127, 127, 127, 0); }
.expression-input:focus { background: rgba(127,127,127,0.2); outline:none; }
.expression-over { background: #443; }
.expression-whitespace {}
.expression-literal { color: hsl(31, 79%, 64%); }
.expression-name { color: hsl(48, 100%, 80%); }
.expression-o_paren,
.expression-c_paren { color: hsl(170, 53%, 84%); }
.expression-operator { color: hsl(209, 39%, 65%); font-weight: bold; }
.expression-invalid { color: white; background: hsl(0, 56%, 44%); }

svg {
    display: block;
    margin: 1em auto;
}

.field-ring {
    stroke: hsla(180, 30%, 40%, 0.2);
    stroke-width: 2px;
    fill: hsla(180, 15%, 32%, 0.1);

    stroke: hsla(180, 15%, 10%, 1);
    stroke-width: 0;
    fill: hsla(180, 15%, 10%, 1);
}
.p0-lost .field-ring {
    fill: hsla(240, 100%, 80%, 0.667);
}
.p1-lost .field-ring {
    fill: hsla(160, 100%, 80%, 0.667);
}

.player {
    stroke: hsla(180, 50%, 10%, 0.5);
    stroke-width: 2px;
}
.player:nth-child(0) circle { fill: hsla(0, 100%, 80%, 0.667); }
.player:nth-child(1) circle { fill: hsla(80, 100%, 80%, 0.667); }
.player:nth-child(2) circle { fill: hsla(160, 100%, 80%, 0.667); }
.player:nth-child(3) circle { fill: hsla(240, 100%, 80%, 0.667); }
.player:nth-child(4) circle { fill: hsla(320, 100%, 80%, 0.667); }
.player line {
    stroke: hsla(60, 100%, 66%, 0.5);
}

button {
    color: #ccc;
    background: none;<commit_msg>gentler win colours<commit_after>
body {
    background: hsl(180, 15%, 15%);
    color: hsl(180, 15%, 85%);
    font-family: monospace;
}

.nojs {
    text-align: center;
}

.control {
    font-size: 0.8em;
}

#p0control {
    float: left;
    color: hsla(160, 100%, 80%, 0.667);
}
#p1control {
    float: right;
    color: hsla(240, 100%, 80%, 0.667);;
}

.expression-container {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    height: 1.3rem;
    width: 24rem;
}
.expression-colours,
.expression-input {
    display: block;
    position: absolute;
    margin: 0;
    padding: 0 0.3rem;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: inherit;
    line-height: 1.3rem;
    font-family: monospace;
}
.expression-colours { background: hsla(180, 15%, 10%, 1); }
.expression-input { color: rgba(127, 127, 127, 0); }
.expression-input:focus { background: rgba(127,127,127,0.2); outline:none; }
.expression-over { background: #443; }
.expression-whitespace {}
.expression-literal { color: hsl(31, 79%, 64%); }
.expression-name { color: hsl(48, 100%, 80%); }
.expression-o_paren,
.expression-c_paren { color: hsl(170, 53%, 84%); }
.expression-operator { color: hsl(209, 39%, 65%); font-weight: bold; }
.expression-invalid { color: white; background: hsl(0, 56%, 44%); }

svg {
    display: block;
    margin: 1em auto;
}

.field-ring {
    stroke: hsla(180, 30%, 40%, 0.2);
    stroke-width: 2px;
    fill: hsla(180, 15%, 32%, 0.1);

    stroke: hsla(180, 15%, 10%, 1);
    stroke-width: 0;
    fill: hsla(180, 15%, 10%, 1);
    -webkit-transition: fill 0.3s linear;
    -moz-transition: fill 0.3s linear;
    -o-transition: fill 0.3s linear;
    transition: fill 0.3s linear;
}
.p0-lost .field-ring {
    fill: hsla(240, 100%, 80%, 0.333);
}
.p1-lost .field-ring {
    fill: hsla(160, 100%, 80%, 0.333);
}

.player {
    stroke: hsla(180, 50%, 10%, 0.5);
    stroke-width: 2px;
}
.player:nth-child(0) circle { fill: hsla(0, 100%, 80%, 0.667); }
.player:nth-child(1) circle { fill: hsla(80, 100%, 80%, 0.667); }
.player:nth-child(2) circle { fill: hsla(160, 100%, 80%, 0.667); }
.player:nth-child(3) circle { fill: hsla(240, 100%, 80%, 0.667); }
.player:nth-child(4) circle { fill: hsla(320, 100%, 80%, 0.667); }
.player line {
    stroke: hsla(60, 100%, 66%, 0.5);
}

button {
    color: #ccc;
    background: none;
{'fraction_non_alphanumeric': 0.19763882815916048, 'fraction_numerical': 0.11718408395277656, 'mean_word_length': 3.170464904284412, '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': '4504498', 'n_tokens_mistral': 2292, 'n_tokens_neox': 1839, 'n_words': 457}