Board Game Arena - Benutzerbeiträge [de]

Gamehelpgomoku

2022-10-18T09:52:35Z

MHiero789:

== Übersicht und Ziel ==

Gomoku, auch unter dem Namen "Fünf in einer Reihe" bekannt, ist ein abstraktes Strategiebrettspiel. Es wird traditionell mit einem <b>[[Gamehelpclassicgo|Go]]</b>-Brett und -Steinen gespielt.

Zwei Spielende platzieren einen Stein Ihrer Farbe (schwarz oder weiß) abwechselnd auf freie Kreuzpunkte (Felder). Schwarz beginnt!
<div style="display:flex; flex-flow:row wrap;">{{blackStone}}{{whiteStone}}</div>

Die Person, die als erstes eine Reihe aus exakt 5 ihrer Steine - entweder horizontal, vertikal oder diagonal - gelegt hat, gewinnt das Spiel.

== Optionen ==

<div style="display:flex;flex-flow:row wrap;max-width:max-content;border:0.1rem solid #aaa;">
<div style="box-shadow:inset 0 0 0 0.1rem #f0f;background:#fef;padding:0.5rem;width:max-content;">nur Trainingsmodus</div>
<div style="box-shadow:inset 0 0 0 0.1rem #0f0;background:#efe;padding:0.5rem;width:max-content;">normaler Modus</div>
<div style="box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;width:max-content;">anderer Modus</div>
</div>

=== Brettgröße ===

<div style="display:flex;flex-flow:row wrap;max-width:max-content;border:0.1rem solid #aaa;">
<div style="box-shadow:inset 0 0 0 0.1rem #f0f;background:#fef;padding:0.5rem;">9x9{{goboard9 | squareSize=10 | starSize=0 | hideNotation=}}</div>
<div style="box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;">13x13{{goboard13 | squareSize=10 | starSize=0 | hideNotation=}}</div>
<div style="box-shadow:inset 0 0 0 0.1rem #0f0;background:#efe;padding:0.5rem;">15x15{{goboard15 | squareSize=10 | starSize=0 | hideNotation=}}</div>
<div style="box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;">19x19{{goboard19 | squareSize=10 | starSize=0 | hideNotation=}}</div>
</div>

=== Varianten ===

Die Siegbedingungen des Spiels werden über dem Spielbrett angezeigt:

<div class=winning conditions" style="display:grid;max-width:50rem;border:0.1rem solid #aaa;">
<div style="grid-area: 1 / 1 / 2 / 2;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;font-weight:bold;">Variante</div>
<div style="grid-area: 1 / 2 / 2 / 3;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;font-weight:bold;">Erklärung</div>
<div style="grid-area: 2 / 1 / 3 / 2;box-shadow:inset 0 0 0 0.1rem #0f0;background:#efe;padding:0.5rem;font-weight:bold;">Standard</div>
<div style="grid-area: 2 / 2 / 3 / 3;box-shadow:inset 0 0 0 0.1rem #0f0;background:#efe;padding:0.5rem;">Bringe <b>exakt 5</b> Steine in eine horizontale, vertikale, oder diagonale Reihe.
Eine Reihe aus sechs oder mehr Steinen zu generieren bringt <b>keinen</b> Sieg.</div>
<div style="grid-area: 3 / 1 / 4 / 2;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;font-weight:bold;">Freestyle</div>
<div style="grid-area: 3 / 2 / 4 / 3;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;">Bringe <b>wenigstens 5</b> Steine in eine horizontale, vertikale, oder diagonale Reihe.</div>
<div style="grid-area: 4 / 1 / 5 / 2;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;font-weight:bold;">Caro</div>
<div style="grid-area: 4 / 2 / 5 / 3;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;">Entweder:
# Bringe <b>exakt 5</b> Steine in eine horizontale, vertikale, oder diagonale Reihe, die an ihren beiden Enden freie Felder besitzt.
# Bringe <b>mehr als 5</b> Steine in eine horizontale, vertikale, oder diagonale Reihe, egal ob an deren Ende freie Felder sind.</div>
</div>

=== Eröffnungsregel ===

Die ersten drei Optionen sind aufgrund des Eröffnungsvorteils nicht verfügbar.

<div class=winning conditions" style="display:grid;max-width:50rem;border:0.1rem solid #aaa;">
<div style="grid-area:1 / 1 / 2 / 2;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;font-weight:bold;">Eröffnungsregel</div>
<div style="grid-area:1 / 2 / 2 / 3;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;font-weight:bold;">Erklärung</div>
<div style="grid-area:2 / 1 / 3 / 2;box-shadow:inset 0 0 0 0.1rem #f0f;background:#fef;padding:0.5rem;font-weight:bold;">Keine</div>
<div style="grid-area:3 / 1 / 4 / 2;box-shadow:inset 0 0 0 0.1rem #f0f;background:#fef;padding:0.5rem;font-weight:bold;">Pro</div>
<div style="grid-area:4 / 1 / 5 / 2;box-shadow:inset 0 0 0 0.1rem #f0f;background:#fef;padding:0.5rem;font-weight:bold;">Lange Pro</div>
<div style="grid-area:5 / 1 / 6 / 2;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;font-weight:bold;">Tausch</div>
<div style="grid-area:6 / 1 / 7 / 2;box-shadow:inset 0 0 0 0.1rem #0f0;background:#efe;padding:0.5rem;font-weight:bold;">Tausch2</div>
<div style="grid-area:2 / 2 / 3 / 3;box-shadow:inset 0 0 0 0.1rem #f0f;background:#fef;padding:0.5rem;">Das Spiel startet ohne Eröffnungsregel.</div>
<div style="grid-area:3 / 2 / 4 / 3;box-shadow:inset 0 0 0 0.1rem #f0f;background:#fef;padding:0.5rem;">Der erste Stein der eröffnenden Person muss in der Mitte des Bretts platziert werden.
Der zweite Stein der als zweites spielenden Person kann frei auf dem Brett platziert werden.
Der dritte Stein (von der Person die das Spiel eröffnet hat) muss wenigstens <b>drei</b> Kreuzungspunkte (Felder) vom ersten Stein entfernt platziert werden.</div>
<div style="grid-area:4 / 2 / 5 / 3;box-shadow:inset 0 0 0 0.1rem #f0f;background:#fef;padding:0.5rem;">Der erste Stein muss in der Mitte des Bretts platziert werden.
Der zweite Stein der als zweites spielenden Person kann frei auf dem Brett platziert werden.
Der zweiter Stein der Person, die das Spiel eröffnet hat, muss wenigstens <b>vier</b> Kreuzungspunkte (Felder) entfernt vom ersten Stein platziert werden.</div>
<div style="grid-area:5 / 2 / 6 / 3;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;">Die eröffnende Person platziert <b>drei</b> Steine, zwei schwarze und einen weißen Stein.
Die zweite Person wählt mit welcher Farbe diese spielen will.
Die weiß spielende Person platziert regulär den zweiten weißen Stein.</div>
<div style="grid-area:6 / 2 / 7 / 3;box-shadow:inset 0 0 0 0.1rem #0f0;background:#efe;padding:0.5rem;">Die eröffnende Person platziert <b>drei</b> Steine, zwei schwarze und einen weißen Stein.
Die zweite Person wählt aus drei Optionen:
# das Spiel mit schwarzen Steinen,
# das Spiel mit weißen Steinen und dem anschließenden Platzieren eines zweiten weißen Steins,
# das Platzieren eines weiteren weißen sowie eines weiteren schwarzen Steins und der Überlassung der Farbwahl der anderen Person.</div>
</div>

=== Einstellungen ===

Öffnen Sie das Menü oben rechts im Spielbildschirm oder den Reiter 'Optionen' unter dem Spielbrett, um zu den Einstellungen zu gelangen.

<div class=winning conditions" style="display:grid;max-width:50rem;border:0.1rem solid #aaa;">
<div style="grid-area:1 / 1 / 2 / 2;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;font-weight:bold;">Einstellungen</div>
<div style="grid-area:1 / 2 / 2 / 3;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;font-weight:bold;">Erklärung</div>
<div style="grid-area:2 / 1 / 4 / 2;box-shadow:inset 0 0 0 0.1rem #0f0;background:#efe;padding:0.5rem;font-weight:bold;">Bestätigungen anzeigen</div>
<div style="grid-area:4 / 1 / 6 / 2;box-shadow:inset 0 0 0 0.1rem #0f0;background:#efe;padding:0.5rem;font-weight:bold;">Hervorheben letzter Zug</div>
<div style="grid-area:6 / 1 / 8 / 2;box-shadow:inset 0 0 0 0.1rem #0f0;background:#efe;padding:0.5rem;font-weight:bold;">Zeige Koordinaten</div>
<div style="grid-area:2 / 2 / 3 / 3;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;">Aktiviert: Bestätigungsknopf wird nach dem Platzieren eines Steins angezeigt.
Spieler:In muss den gemachten Zug bestätigen.
Rote Knöpfe sind nicht zurücknehmbar.</div>
<div style="grid-area:3 / 2 / 4 / 3;box-shadow:inset 0 0 0 0.1rem #0f0;background:#efe;padding:0.5rem;">Deaktiviert: Kein Rückgängigmachen eines Zuges, mit Ausnahme:
* Tausch: die ersten drei Steine
* Tausch2: die ersten zwei Steine sowie der vierte Stein bei der dritten Option
:: see [[#Opening_rule|Opening rule]]</div>
<div style="grid-area:4 / 2 / 5 / 3;box-shadow:inset 0 0 0 0.1rem #0f0;background:#efe;padding:0.5rem;">Aktiviert: Der letzte Zug wird mit einem kleinen orangeroten Kreis hervorgehoben.</div>
<div style="grid-area:5 / 2 / 6 / 3;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;">Deaktiviert</div>
<div style="grid-area:6 / 2 / 7 / 3;box-shadow:inset 0 0 0 0.1rem #0f0;background:#efe;padding:0.5rem;">Aktiviert</div>
<div style="grid-area:7 / 2 / 8 / 3;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;">Deaktiviert</div>
</div>

Vorlage:Goboard19

2022-10-18T09:46:59Z

MHiero789: Die Seite wurde neu angelegt: „<div class="notation grid" style=" display:grid; grid:{{{hideNotation|2rem}}} repeat({{{boardSize|19}}},{{{squareSize|30}}}px) {{{hideNotation|2rem}}} / {{{hid…“

<div class="notation grid" style="
display:grid;
grid:{{{hideNotation|2rem}}} repeat({{{boardSize|19}}},{{{squareSize|30}}}px) {{{hideNotation|2rem}}} / {{{hideNotation|2rem}}} repeat({{{boardSize|19}}},{{{squareSize|30}}}px) {{{hideNotation|2rem}}};
gap:{{{gridlineThickness|1}}}px;
position:relative;">

<div class="board background" style="
background:{{{boardColour|#e5c079}}};
width:100%;
height:100%;
grid-area:1 / 1 / -1 / -1;
position:absolute;
border-radius:{{{cornerRadius|8}}}px;"></div>

<div class="grid" style="
display:grid;
grid:repeat(calc({{{boardSize|19}}} - 1),{{{squareSize|30}}}px) / repeat(calc({{{boardSize|19}}} - 1),{{{squareSize|30}}}px);
gap:{{{gridlineThickness|1}}}px;
left:calc(({{{squareSize|30}}}px / 2) + ({{{gridlineThickness|1}}}px / 2));
top :calc(({{{squareSize|30}}}px / 2) + ({{{gridlineThickness|1}}}px / 2));
grid-area:calc({{{hideNotation|1 + }}}1) / calc({{{hideNotation|1 + }}}1) / calc(-1{{{hideNotation| - 1}}}) / calc(-1{{{hideNotation| - 1}}});
position:absolute;">
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
</div>{{{hideNotation|
<div></div>
<div style="align-self:end;text-align:center;z-index:1;">A</div>
<div style="align-self:end;text-align:center;z-index:1;">B</div>
<div style="align-self:end;text-align:center;z-index:1;">C</div>
<div style="align-self:end;text-align:center;z-index:1;">D</div>
<div style="align-self:end;text-align:center;z-index:1;">E</div>
<div style="align-self:end;text-align:center;z-index:1;">F</div>
<div style="align-self:end;text-align:center;z-index:1;">G</div>
<div style="align-self:end;text-align:center;z-index:1;">H</div>
<div style="align-self:end;text-align:center;z-index:1;">J</div>
<div style="align-self:end;text-align:center;z-index:1;">K</div>
<div style="align-self:end;text-align:center;z-index:1;">L</div>
<div style="align-self:end;text-align:center;z-index:1;">M</div>
<div style="align-self:end;text-align:center;z-index:1;">N</div>
<div style="align-self:end;text-align:center;z-index:1;">O</div>
<div style="align-self:end;text-align:center;z-index:1;">P</div>
<div style="align-self:end;text-align:center;z-index:1;">Q</div>
<div style="align-self:end;text-align:center;z-index:1;">R</div>
<div style="align-self:end;text-align:center;z-index:1;">S</div>
<div style="align-self:end;text-align:center;z-index:1;">T</div>
<div></div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">19</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta19|}}}px;position:relative;">
<div style="position:absolute;">{{{a19|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb19|}}}px;position:relative;">
<div style="position:absolute;">{{{b19|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc19|}}}px;position:relative;">
<div style="position:absolute;">{{{c19|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd19|}}}px;position:relative;">
<div style="position:absolute;">{{{d19|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte19|}}}px;position:relative;">
<div style="position:absolute;">{{{e19|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf19|}}}px;position:relative;">
<div style="position:absolute;">{{{f19|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg19|}}}px;position:relative;">
<div style="position:absolute;">{{{g19|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth19|}}}px;position:relative;">
<div style="position:absolute;">{{{h19|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj19|}}}px;position:relative;">
<div style="position:absolute;">{{{j19|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk19|}}}px;position:relative;">
<div style="position:absolute;">{{{k19|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl19|}}}px;position:relative;">
<div style="position:absolute;">{{{l19|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm19|}}}px;position:relative;">
<div style="position:absolute;">{{{m19|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn19|}}}px;position:relative;">
<div style="position:absolute;">{{{n19|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto19|}}}px;position:relative;">
<div style="position:absolute;">{{{o19|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp19|}}}px;position:relative;">
<div style="position:absolute;">{{{p19|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq19|}}}px;position:relative;">
<div style="position:absolute;">{{{q19|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr19|}}}px;position:relative;">
<div style="position:absolute;">{{{r19|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights19|}}}px;position:relative;">
<div style="position:absolute;">{{{s19|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt19|}}}px;position:relative;">
<div style="position:absolute;">{{{t19|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">19</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">18</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta18|}}}px;position:relative;">
<div style="position:absolute;">{{{a18|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb18|}}}px;position:relative;">
<div style="position:absolute;">{{{b18|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc18|}}}px;position:relative;">
<div style="position:absolute;">{{{c18|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd18|}}}px;position:relative;">
<div style="position:absolute;">{{{d18|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte18|}}}px;position:relative;">
<div style="position:absolute;">{{{e18|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf18|}}}px;position:relative;">
<div style="position:absolute;">{{{f18|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg18|}}}px;position:relative;">
<div style="position:absolute;">{{{g18|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth18|}}}px;position:relative;">
<div style="position:absolute;">{{{h18|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj18|}}}px;position:relative;">
<div style="position:absolute;">{{{j18|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk18|}}}px;position:relative;">
<div style="position:absolute;">{{{k18|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl18|}}}px;position:relative;">
<div style="position:absolute;">{{{l18|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm18|}}}px;position:relative;">
<div style="position:absolute;">{{{m18|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn18|}}}px;position:relative;">
<div style="position:absolute;">{{{n18|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto18|}}}px;position:relative;">
<div style="position:absolute;">{{{o18|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp18|}}}px;position:relative;">
<div style="position:absolute;">{{{p18|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq18|}}}px;position:relative;">
<div style="position:absolute;">{{{q18|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr18|}}}px;position:relative;">
<div style="position:absolute;">{{{r18|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights18|}}}px;position:relative;">
<div style="position:absolute;">{{{s18|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt18|}}}px;position:relative;">
<div style="position:absolute;">{{{t18|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">18</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">17</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta17|}}}px;position:relative;">
<div style="position:absolute;">{{{a17|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb17|}}}px;position:relative;">
<div style="position:absolute;">{{{b17|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc17|}}}px;position:relative;">
<div style="position:absolute;">{{{c17|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd17|}}}px;position:relative;">
<div style="position:absolute;">{{{d17|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte17|}}}px;position:relative;">
<div style="position:absolute;">{{{e17|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf17|}}}px;position:relative;">
<div style="position:absolute;">{{{f17|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg17|}}}px;position:relative;">
<div style="position:absolute;">{{{g17|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth17|}}}px;position:relative;">
<div style="position:absolute;">{{{h17|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj17|}}}px;position:relative;">
<div style="position:absolute;">{{{j17|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk17|}}}px;position:relative;">
<div style="position:absolute;">{{{k17|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl17|}}}px;position:relative;">
<div style="position:absolute;">{{{l17|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm17|}}}px;position:relative;">
<div style="position:absolute;">{{{m17|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn17|}}}px;position:relative;">
<div style="position:absolute;">{{{n17|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto17|}}}px;position:relative;">
<div style="position:absolute;">{{{o17|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp17|}}}px;position:relative;">
<div style="position:absolute;">{{{p17|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq17|}}}px;position:relative;">
<div style="position:absolute;">{{{q17|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr17|}}}px;position:relative;">
<div style="position:absolute;">{{{r17|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights17|}}}px;position:relative;">
<div style="position:absolute;">{{{s17|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt17|}}}px;position:relative;">
<div style="position:absolute;">{{{t17|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">17</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">16</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta16|}}}px;position:relative;">
<div style="position:absolute;">{{{a16|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb16|}}}px;position:relative;">
<div style="position:absolute;">{{{b16|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc16|}}}px;position:relative;">
<div style="position:absolute;">{{{c16|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd16|}}}px;position:relative;">
<div style="position:absolute;border-radius:calc({{{squareSize|30}}}px / 2);background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div>
<div style="position:absolute;">{{{d16|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte16|}}}px;position:relative;">
<div style="position:absolute;">{{{e16|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf16|}}}px;position:relative;">
<div style="position:absolute;">{{{f16|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg16|}}}px;position:relative;">
<div style="position:absolute;">{{{g16|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth16|}}}px;position:relative;">
<div style="position:absolute;">{{{h16|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj16|}}}px;position:relative;">
<div style="position:absolute;">{{{j16|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk16|}}}px;position:relative;">
<div style="position:absolute;border-radius:calc({{{squareSize|30}}}px / 2);background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div>
<div style="position:absolute;">{{{k16|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl16|}}}px;position:relative;">
<div style="position:absolute;">{{{l16|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm16|}}}px;position:relative;">
<div style="position:absolute;">{{{m16|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn16|}}}px;position:relative;">
<div style="position:absolute;">{{{n16|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto16|}}}px;position:relative;">
<div style="position:absolute;">{{{o16|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp16|}}}px;position:relative;">
<div style="position:absolute;">{{{p16|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq16|}}}px;position:relative;">
<div style="position:absolute;border-radius:calc({{{squareSize|30}}}px / 2);background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div>
<div style="position:absolute;">{{{q16|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr16|}}}px;position:relative;">
<div style="position:absolute;">{{{r16|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights16|}}}px;position:relative;">
<div style="position:absolute;">{{{s16|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt16|}}}px;position:relative;">
<div style="position:absolute;">{{{t16|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">16</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">15</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta15|}}}px;position:relative;">
<div style="position:absolute;">{{{a15|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb15|}}}px;position:relative;">
<div style="position:absolute;">{{{b15|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc15|}}}px;position:relative;">
<div style="position:absolute;">{{{c15|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd15|}}}px;position:relative;">
<div style="position:absolute;">{{{d15|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte15|}}}px;position:relative;">
<div style="position:absolute;">{{{e15|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf15|}}}px;position:relative;">
<div style="position:absolute;">{{{f15|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg15|}}}px;position:relative;">
<div style="position:absolute;">{{{g15|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth15|}}}px;position:relative;">
<div style="position:absolute;">{{{h15|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj15|}}}px;position:relative;">
<div style="position:absolute;">{{{j15|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk15|}}}px;position:relative;">
<div style="position:absolute;">{{{k15|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl15|}}}px;position:relative;">
<div style="position:absolute;">{{{l15|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm15|}}}px;position:relative;">
<div style="position:absolute;">{{{m15|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn15|}}}px;position:relative;">
<div style="position:absolute;">{{{n15|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto15|}}}px;position:relative;">
<div style="position:absolute;">{{{o15|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp15|}}}px;position:relative;">
<div style="position:absolute;">{{{p15|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq15|}}}px;position:relative;">
<div style="position:absolute;">{{{q15|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr15|}}}px;position:relative;">
<div style="position:absolute;">{{{r15|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights15|}}}px;position:relative;">
<div style="position:absolute;">{{{s15|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt15|}}}px;position:relative;">
<div style="position:absolute;">{{{t15|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">15</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">14</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta14|}}}px;position:relative;">
<div style="position:absolute;">{{{a14|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb14|}}}px;position:relative;">
<div style="position:absolute;">{{{b14|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc14|}}}px;position:relative;">
<div style="position:absolute;">{{{c14|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd14|}}}px;position:relative;">
<div style="position:absolute;">{{{d14|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte14|}}}px;position:relative;">
<div style="position:absolute;">{{{e14|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf14|}}}px;position:relative;">
<div style="position:absolute;">{{{f14|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg14|}}}px;position:relative;">
<div style="position:absolute;">{{{g14|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth14|}}}px;position:relative;">
<div style="position:absolute;">{{{h14|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj14|}}}px;position:relative;">
<div style="position:absolute;">{{{j14|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk14|}}}px;position:relative;">
<div style="position:absolute;">{{{k14|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl14|}}}px;position:relative;">
<div style="position:absolute;">{{{l14|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm14|}}}px;position:relative;">
<div style="position:absolute;">{{{m14|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn14|}}}px;position:relative;">
<div style="position:absolute;">{{{n14|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto14|}}}px;position:relative;">
<div style="position:absolute;">{{{o14|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp14|}}}px;position:relative;">
<div style="position:absolute;">{{{p14|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq14|}}}px;position:relative;">
<div style="position:absolute;">{{{q14|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr14|}}}px;position:relative;">
<div style="position:absolute;">{{{r14|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights14|}}}px;position:relative;">
<div style="position:absolute;">{{{s14|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt14|}}}px;position:relative;">
<div style="position:absolute;">{{{t14|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">14</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">13</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta13|}}}px;position:relative;">
<div style="position:absolute;">{{{a13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb13|}}}px;position:relative;">
<div style="position:absolute;">{{{b13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc13|}}}px;position:relative;">
<div style="position:absolute;">{{{c13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd13|}}}px;position:relative;">
<div style="position:absolute;">{{{d13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte13|}}}px;position:relative;">
<div style="position:absolute;">{{{e13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf13|}}}px;position:relative;">
<div style="position:absolute;">{{{f13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg13|}}}px;position:relative;">
<div style="position:absolute;">{{{g13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth13|}}}px;position:relative;">
<div style="position:absolute;">{{{h13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj13|}}}px;position:relative;">
<div style="position:absolute;">{{{j13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk13|}}}px;position:relative;">
<div style="position:absolute;">{{{k13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl13|}}}px;position:relative;">
<div style="position:absolute;">{{{l13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm13|}}}px;position:relative;">
<div style="position:absolute;">{{{m13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn13|}}}px;position:relative;">
<div style="position:absolute;">{{{n13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto13|}}}px;position:relative;">
<div style="position:absolute;">{{{o13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp13|}}}px;position:relative;">
<div style="position:absolute;">{{{p13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq13|}}}px;position:relative;">
<div style="position:absolute;">{{{q13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr13|}}}px;position:relative;">
<div style="position:absolute;">{{{r13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights13|}}}px;position:relative;">
<div style="position:absolute;">{{{s13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt13|}}}px;position:relative;">
<div style="position:absolute;">{{{t13|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">13</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">12</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta12|}}}px;position:relative;">
<div style="position:absolute;">{{{a12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb12|}}}px;position:relative;">
<div style="position:absolute;">{{{b12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc12|}}}px;position:relative;">
<div style="position:absolute;">{{{c12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd12|}}}px;position:relative;">
<div style="position:absolute;">{{{d12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte12|}}}px;position:relative;">
<div style="position:absolute;">{{{e12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf12|}}}px;position:relative;">
<div style="position:absolute;">{{{f12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg12|}}}px;position:relative;">
<div style="position:absolute;">{{{g12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth12|}}}px;position:relative;">
<div style="position:absolute;">{{{h12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj12|}}}px;position:relative;">
<div style="position:absolute;">{{{j12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk12|}}}px;position:relative;">
<div style="position:absolute;">{{{k12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl12|}}}px;position:relative;">
<div style="position:absolute;">{{{l12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm12|}}}px;position:relative;">
<div style="position:absolute;">{{{m12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn12|}}}px;position:relative;">
<div style="position:absolute;">{{{n12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto12|}}}px;position:relative;">
<div style="position:absolute;">{{{o12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp12|}}}px;position:relative;">
<div style="position:absolute;">{{{p12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq12|}}}px;position:relative;">
<div style="position:absolute;">{{{q12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr12|}}}px;position:relative;">
<div style="position:absolute;">{{{r12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights12|}}}px;position:relative;">
<div style="position:absolute;">{{{s12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt12|}}}px;position:relative;">
<div style="position:absolute;">{{{t12|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">12</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">11</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta11|}}}px;position:relative;">
<div style="position:absolute;">{{{a11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb11|}}}px;position:relative;">
<div style="position:absolute;">{{{b11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc11|}}}px;position:relative;">
<div style="position:absolute;">{{{c11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd11|}}}px;position:relative;">
<div style="position:absolute;">{{{d11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte11|}}}px;position:relative;">
<div style="position:absolute;">{{{e11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf11|}}}px;position:relative;">
<div style="position:absolute;">{{{f11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg11|}}}px;position:relative;">
<div style="position:absolute;">{{{g11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth11|}}}px;position:relative;">
<div style="position:absolute;">{{{h11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj11|}}}px;position:relative;">
<div style="position:absolute;">{{{j11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk11|}}}px;position:relative;">
<div style="position:absolute;">{{{k11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl11|}}}px;position:relative;">
<div style="position:absolute;">{{{l11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm11|}}}px;position:relative;">
<div style="position:absolute;">{{{m11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn11|}}}px;position:relative;">
<div style="position:absolute;">{{{n11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto11|}}}px;position:relative;">
<div style="position:absolute;">{{{o11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp11|}}}px;position:relative;">
<div style="position:absolute;">{{{p11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq11|}}}px;position:relative;">
<div style="position:absolute;">{{{q11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr11|}}}px;position:relative;">
<div style="position:absolute;">{{{r11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights11|}}}px;position:relative;">
<div style="position:absolute;">{{{s11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt11|}}}px;position:relative;">
<div style="position:absolute;">{{{t11|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">11</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">10</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta10|}}}px;position:relative;">
<div style="position:absolute;">{{{a10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb10|}}}px;position:relative;">
<div style="position:absolute;">{{{b10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc10|}}}px;position:relative;">
<div style="position:absolute;">{{{c10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd10|}}}px;position:relative;">
<div style="position:absolute;border-radius:calc({{{squareSize|30}}}px / 2);background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div>
<div style="position:absolute;">{{{d10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte10|}}}px;position:relative;">
<div style="position:absolute;">{{{e10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf10|}}}px;position:relative;">
<div style="position:absolute;">{{{f10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg10|}}}px;position:relative;">
<div style="position:absolute;">{{{g10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth10|}}}px;position:relative;">
<div style="position:absolute;">{{{h10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj10|}}}px;position:relative;">
<div style="position:absolute;">{{{j10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk10|}}}px;position:relative;">
<div style="position:absolute;border-radius:calc({{{squareSize|30}}}px / 2);background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div>
<div style="position:absolute;">{{{k10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl10|}}}px;position:relative;">
<div style="position:absolute;">{{{l10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm10|}}}px;position:relative;">
<div style="position:absolute;">{{{m10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn10|}}}px;position:relative;">
<div style="position:absolute;">{{{n10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto10|}}}px;position:relative;">
<div style="position:absolute;">{{{o10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp10|}}}px;position:relative;">
<div style="position:absolute;">{{{p10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq10|}}}px;position:relative;">
<div style="position:absolute;border-radius:calc({{{squareSize|30}}}px / 2);background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div>
<div style="position:absolute;">{{{q10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr10|}}}px;position:relative;">
<div style="position:absolute;">{{{r10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights10|}}}px;position:relative;">
<div style="position:absolute;">{{{s10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt10|}}}px;position:relative;">
<div style="position:absolute;">{{{t10|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">10</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">9</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta9|}}}px;position:relative;">
<div style="position:absolute;">{{{a9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb9|}}}px;position:relative;">
<div style="position:absolute;">{{{b9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc9|}}}px;position:relative;">
<div style="position:absolute;">{{{c9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd9|}}}px;position:relative;">
<div style="position:absolute;">{{{d9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte9|}}}px;position:relative;">
<div style="position:absolute;">{{{e9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf9|}}}px;position:relative;">
<div style="position:absolute;">{{{f9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg9|}}}px;position:relative;">
<div style="position:absolute;">{{{g9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth9|}}}px;position:relative;">
<div style="position:absolute;">{{{h9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj9|}}}px;position:relative;">
<div style="position:absolute;">{{{j9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk9|}}}px;position:relative;">
<div style="position:absolute;">{{{k9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl9|}}}px;position:relative;">
<div style="position:absolute;">{{{l9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm9|}}}px;position:relative;">
<div style="position:absolute;">{{{m9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn9|}}}px;position:relative;">
<div style="position:absolute;">{{{n9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto9|}}}px;position:relative;">
<div style="position:absolute;">{{{o9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp9|}}}px;position:relative;">
<div style="position:absolute;">{{{p9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq9|}}}px;position:relative;">
<div style="position:absolute;">{{{q9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr9|}}}px;position:relative;">
<div style="position:absolute;">{{{r9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights9|}}}px;position:relative;">
<div style="position:absolute;">{{{s9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt9|}}}px;position:relative;">
<div style="position:absolute;">{{{t9|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">9</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">8</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta8|}}}px;position:relative;">
<div style="position:absolute;">{{{a8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb8|}}}px;position:relative;">
<div style="position:absolute;">{{{b8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc8|}}}px;position:relative;">
<div style="position:absolute;">{{{c8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd8|}}}px;position:relative;">
<div style="position:absolute;">{{{d8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte8|}}}px;position:relative;">
<div style="position:absolute;">{{{e8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf8|}}}px;position:relative;">
<div style="position:absolute;">{{{f8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg8|}}}px;position:relative;">
<div style="position:absolute;">{{{g8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth8|}}}px;position:relative;">
<div style="position:absolute;">{{{h8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj8|}}}px;position:relative;">
<div style="position:absolute;">{{{j8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk8|}}}px;position:relative;">
<div style="position:absolute;">{{{k8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl8|}}}px;position:relative;">
<div style="position:absolute;">{{{l8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm8|}}}px;position:relative;">
<div style="position:absolute;">{{{m8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn8|}}}px;position:relative;">
<div style="position:absolute;">{{{n8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto8|}}}px;position:relative;">
<div style="position:absolute;">{{{o8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp8|}}}px;position:relative;">
<div style="position:absolute;">{{{p8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq8|}}}px;position:relative;">
<div style="position:absolute;">{{{q8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr8|}}}px;position:relative;">
<div style="position:absolute;">{{{r8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights8|}}}px;position:relative;">
<div style="position:absolute;">{{{s8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt8|}}}px;position:relative;">
<div style="position:absolute;">{{{t8|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">8</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">7</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta7|}}}px;position:relative;">
<div style="position:absolute;">{{{a7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb7|}}}px;position:relative;">
<div style="position:absolute;">{{{b7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc7|}}}px;position:relative;">
<div style="position:absolute;">{{{c7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd7|}}}px;position:relative;">
<div style="position:absolute;">{{{d7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte7|}}}px;position:relative;">
<div style="position:absolute;">{{{e7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf7|}}}px;position:relative;">
<div style="position:absolute;">{{{f7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg7|}}}px;position:relative;">
<div style="position:absolute;">{{{g7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth7|}}}px;position:relative;">
<div style="position:absolute;">{{{h7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj7|}}}px;position:relative;">
<div style="position:absolute;">{{{j7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk7|}}}px;position:relative;">
<div style="position:absolute;">{{{k7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl7|}}}px;position:relative;">
<div style="position:absolute;">{{{l7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm7|}}}px;position:relative;">
<div style="position:absolute;">{{{m7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn7|}}}px;position:relative;">
<div style="position:absolute;">{{{n7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto7|}}}px;position:relative;">
<div style="position:absolute;">{{{o7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp7|}}}px;position:relative;">
<div style="position:absolute;">{{{p7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq7|}}}px;position:relative;">
<div style="position:absolute;">{{{q7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr7|}}}px;position:relative;">
<div style="position:absolute;">{{{r7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights7|}}}px;position:relative;">
<div style="position:absolute;">{{{s7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt7|}}}px;position:relative;">
<div style="position:absolute;">{{{t7|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">7</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">6</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta6|}}}px;position:relative;">
<div style="position:absolute;">{{{a6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb6|}}}px;position:relative;">
<div style="position:absolute;">{{{b6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc6|}}}px;position:relative;">
<div style="position:absolute;">{{{c6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd6|}}}px;position:relative;">
<div style="position:absolute;">{{{d6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte6|}}}px;position:relative;">
<div style="position:absolute;">{{{e6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf6|}}}px;position:relative;">
<div style="position:absolute;">{{{f6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg6|}}}px;position:relative;">
<div style="position:absolute;">{{{g6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth6|}}}px;position:relative;">
<div style="position:absolute;">{{{h6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj6|}}}px;position:relative;">
<div style="position:absolute;">{{{j6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk6|}}}px;position:relative;">
<div style="position:absolute;">{{{k6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl6|}}}px;position:relative;">
<div style="position:absolute;">{{{l6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm6|}}}px;position:relative;">
<div style="position:absolute;">{{{m6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn6|}}}px;position:relative;">
<div style="position:absolute;">{{{n6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto6|}}}px;position:relative;">
<div style="position:absolute;">{{{o6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp6|}}}px;position:relative;">
<div style="position:absolute;">{{{p6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq6|}}}px;position:relative;">
<div style="position:absolute;">{{{q6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr6|}}}px;position:relative;">
<div style="position:absolute;">{{{r6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights6|}}}px;position:relative;">
<div style="position:absolute;">{{{s6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt6|}}}px;position:relative;">
<div style="position:absolute;">{{{t6|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">6</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">5</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta5|}}}px;position:relative;">
<div style="position:absolute;">{{{a5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb5|}}}px;position:relative;">
<div style="position:absolute;">{{{b5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc5|}}}px;position:relative;">
<div style="position:absolute;">{{{c5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd5|}}}px;position:relative;">
<div style="position:absolute;">{{{d5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte5|}}}px;position:relative;">
<div style="position:absolute;">{{{e5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf5|}}}px;position:relative;">
<div style="position:absolute;">{{{f5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg5|}}}px;position:relative;">
<div style="position:absolute;">{{{g5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth5|}}}px;position:relative;">
<div style="position:absolute;">{{{h5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj5|}}}px;position:relative;">
<div style="position:absolute;">{{{j5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk5|}}}px;position:relative;">
<div style="position:absolute;">{{{k5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl5|}}}px;position:relative;">
<div style="position:absolute;">{{{l5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm5|}}}px;position:relative;">
<div style="position:absolute;">{{{m5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn5|}}}px;position:relative;">
<div style="position:absolute;">{{{n5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto5|}}}px;position:relative;">
<div style="position:absolute;">{{{o5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp5|}}}px;position:relative;">
<div style="position:absolute;">{{{p5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq5|}}}px;position:relative;">
<div style="position:absolute;">{{{q5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr5|}}}px;position:relative;">
<div style="position:absolute;">{{{r5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights5|}}}px;position:relative;">
<div style="position:absolute;">{{{s5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt5|}}}px;position:relative;">
<div style="position:absolute;">{{{t5|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">5</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">4</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta4|}}}px;position:relative;">
<div style="position:absolute;">{{{a4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb4|}}}px;position:relative;">
<div style="position:absolute;">{{{b4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc4|}}}px;position:relative;">
<div style="position:absolute;">{{{c4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd4|}}}px;position:relative;">
<div style="position:absolute;border-radius:calc({{{squareSize|30}}}px / 2);background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div>
<div style="position:absolute;">{{{d4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte4|}}}px;position:relative;">
<div style="position:absolute;">{{{e4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf4|}}}px;position:relative;">
<div style="position:absolute;">{{{f4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg4|}}}px;position:relative;">
<div style="position:absolute;">{{{g4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth4|}}}px;position:relative;">
<div style="position:absolute;">{{{h4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj4|}}}px;position:relative;">
<div style="position:absolute;">{{{j4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk4|}}}px;position:relative;">
<div style="position:absolute;border-radius:calc({{{squareSize|30}}}px / 2);background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div>
<div style="position:absolute;">{{{k4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl4|}}}px;position:relative;">
<div style="position:absolute;">{{{l4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm4|}}}px;position:relative;">
<div style="position:absolute;">{{{m4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn4|}}}px;position:relative;">
<div style="position:absolute;">{{{n4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto4|}}}px;position:relative;">
<div style="position:absolute;">{{{o4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp4|}}}px;position:relative;">
<div style="position:absolute;">{{{p4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq4|}}}px;position:relative;">
<div style="position:absolute;border-radius:calc({{{squareSize|30}}}px / 2);background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div>
<div style="position:absolute;">{{{q4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr4|}}}px;position:relative;">
<div style="position:absolute;">{{{r4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights4|}}}px;position:relative;">
<div style="position:absolute;">{{{s4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt4|}}}px;position:relative;">
<div style="position:absolute;">{{{t4|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">4</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">3</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta3|}}}px;position:relative;">
<div style="position:absolute;">{{{a3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb3|}}}px;position:relative;">
<div style="position:absolute;">{{{b3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc3|}}}px;position:relative;">
<div style="position:absolute;">{{{c3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd3|}}}px;position:relative;">
<div style="position:absolute;">{{{d3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte3|}}}px;position:relative;">
<div style="position:absolute;">{{{e3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf3|}}}px;position:relative;">
<div style="position:absolute;">{{{f3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg3|}}}px;position:relative;">
<div style="position:absolute;">{{{g3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth3|}}}px;position:relative;">
<div style="position:absolute;">{{{h3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj3|}}}px;position:relative;">
<div style="position:absolute;">{{{j3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk3|}}}px;position:relative;">
<div style="position:absolute;">{{{k3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl3|}}}px;position:relative;">
<div style="position:absolute;">{{{l3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm3|}}}px;position:relative;">
<div style="position:absolute;">{{{m3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn3|}}}px;position:relative;">
<div style="position:absolute;">{{{n3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto3|}}}px;position:relative;">
<div style="position:absolute;">{{{o3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp3|}}}px;position:relative;">
<div style="position:absolute;">{{{p3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq3|}}}px;position:relative;">
<div style="position:absolute;">{{{q3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr3|}}}px;position:relative;">
<div style="position:absolute;">{{{r3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights3|}}}px;position:relative;">
<div style="position:absolute;">{{{s3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt3|}}}px;position:relative;">
<div style="position:absolute;">{{{t3|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">3</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">2</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta2|}}}px;position:relative;">
<div style="position:absolute;">{{{a2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb2|}}}px;position:relative;">
<div style="position:absolute;">{{{b2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc2|}}}px;position:relative;">
<div style="position:absolute;">{{{c2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd2|}}}px;position:relative;">
<div style="position:absolute;">{{{d2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte2|}}}px;position:relative;">
<div style="position:absolute;">{{{e2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf2|}}}px;position:relative;">
<div style="position:absolute;">{{{f2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg2|}}}px;position:relative;">
<div style="position:absolute;">{{{g2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth2|}}}px;position:relative;">
<div style="position:absolute;">{{{h2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj2|}}}px;position:relative;">
<div style="position:absolute;">{{{j2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk2|}}}px;position:relative;">
<div style="position:absolute;">{{{k2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl2|}}}px;position:relative;">
<div style="position:absolute;">{{{l2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm2|}}}px;position:relative;">
<div style="position:absolute;">{{{m2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn2|}}}px;position:relative;">
<div style="position:absolute;">{{{n2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto2|}}}px;position:relative;">
<div style="position:absolute;">{{{o2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp2|}}}px;position:relative;">
<div style="position:absolute;">{{{p2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq2|}}}px;position:relative;">
<div style="position:absolute;">{{{q2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr2|}}}px;position:relative;">
<div style="position:absolute;">{{{r2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights2|}}}px;position:relative;">
<div style="position:absolute;">{{{s2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt2|}}}px;position:relative;">
<div style="position:absolute;">{{{t2|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">2</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">1</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta1|}}}px;position:relative;">
<div style="position:absolute;">{{{a1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb1|}}}px;position:relative;">
<div style="position:absolute;">{{{b1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc1|}}}px;position:relative;">
<div style="position:absolute;">{{{c1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd1|}}}px;position:relative;">
<div style="position:absolute;">{{{d1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte1|}}}px;position:relative;">
<div style="position:absolute;">{{{e1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf1|}}}px;position:relative;">
<div style="position:absolute;">{{{f1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg1|}}}px;position:relative;">
<div style="position:absolute;">{{{g1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth1|}}}px;position:relative;">
<div style="position:absolute;">{{{h1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj1|}}}px;position:relative;">
<div style="position:absolute;">{{{j1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk1|}}}px;position:relative;">
<div style="position:absolute;">{{{k1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl1|}}}px;position:relative;">
<div style="position:absolute;">{{{l1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm1|}}}px;position:relative;">
<div style="position:absolute;">{{{m1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn1|}}}px;position:relative;">
<div style="position:absolute;">{{{n1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto1|}}}px;position:relative;">
<div style="position:absolute;">{{{o1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp1|}}}px;position:relative;">
<div style="position:absolute;">{{{p1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq1|}}}px;position:relative;">
<div style="position:absolute;">{{{q1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr1|}}}px;position:relative;">
<div style="position:absolute;">{{{r1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights1|}}}px;position:relative;">
<div style="position:absolute;">{{{s1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt1|}}}px;position:relative;">
<div style="position:absolute;">{{{t1|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left;z-index:1;padding-left:4px;">1</div>
<div></div>
<div style="align-self:start;text-align:center;z-index:1;">A</div>
<div style="align-self:start;text-align:center;z-index:1;">B</div>
<div style="align-self:start;text-align:center;z-index:1;">C</div>
<div style="align-self:start;text-align:center;z-index:1;">D</div>
<div style="align-self:start;text-align:center;z-index:1;">E</div>
<div style="align-self:start;text-align:center;z-index:1;">F</div>
<div style="align-self:start;text-align:center;z-index:1;">G</div>
<div style="align-self:start;text-align:center;z-index:1;">H</div>
<div style="align-self:start;text-align:center;z-index:1;">J</div>
<div style="align-self:start;text-align:center;z-index:1;">K</div>
<div style="align-self:start;text-align:center;z-index:1;">L</div>
<div style="align-self:start;text-align:center;z-index:1;">M</div>
<div style="align-self:start;text-align:center;z-index:1;">N</div>
<div style="align-self:start;text-align:center;z-index:1;">O</div>
<div style="align-self:start;text-align:center;z-index:1;">P</div>
<div style="align-self:start;text-align:center;z-index:1;">Q</div>
<div style="align-self:start;text-align:center;z-index:1;">R</div>
<div style="align-self:start;text-align:center;z-index:1;">S</div>
<div style="align-self:start;text-align:center;z-index:1;">T</div>
<div></div>}}}
</div>
<noinclude>
Weitere Informationen unter [[Vorlage:Goboard9]]
[[Category:GameBoardTemplates|Game board templates]]
</noinclude>

Vorlage:Goboard15

2022-10-18T09:45:25Z

MHiero789: Die Seite wurde neu angelegt: „<div class="notation grid" style=" display:grid; grid:{{{hideNotation|2rem}}} repeat({{{boardSize|15}}},{{{squareSize|30}}}px) {{{hideNotation|2rem}}} / {{{hid…“

<div class="notation grid" style="
display:grid;
grid:{{{hideNotation|2rem}}} repeat({{{boardSize|15}}},{{{squareSize|30}}}px) {{{hideNotation|2rem}}} / {{{hideNotation|2rem}}} repeat({{{boardSize|15}}},{{{squareSize|30}}}px) {{{hideNotation|2rem}}};
gap:{{{gridlineThickness|1}}}px;
position:relative;">

<div class="board background" style="
background:{{{boardColour|#e5c079}}};
width:100%;
height:100%;
grid-area:1 / 1 / -1 / -1;
position:absolute;
border-radius:{{{cornerRadius|8}}}px;"></div>

<div class="grid" style="
display:grid;
grid:repeat(calc({{{boardSize|15}}} - 1),{{{squareSize|30}}}px) / repeat(calc({{{boardSize|15}}} - 1),{{{squareSize|30}}}px);
gap:{{{gridlineThickness|1}}}px;
left:calc(({{{squareSize|30}}}px / 2) + ({{{gridlineThickness|1}}}px / 2));
top :calc(({{{squareSize|30}}}px / 2) + ({{{gridlineThickness|1}}}px / 2));
grid-area:calc({{{hideNotation|1 + }}}1) / calc({{{hideNotation|1 + }}}1) / calc(-1{{{hideNotation| - 1}}}) / calc(-1{{{hideNotation| - 1}}});
position:absolute;">
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
</div>{{{hideNotation|
<div></div>
<div style="align-self:end;text-align:center;z-index:1;">A</div>
<div style="align-self:end;text-align:center;z-index:1;">B</div>
<div style="align-self:end;text-align:center;z-index:1;">C</div>
<div style="align-self:end;text-align:center;z-index:1;">D</div>
<div style="align-self:end;text-align:center;z-index:1;">E</div>
<div style="align-self:end;text-align:center;z-index:1;">F</div>
<div style="align-self:end;text-align:center;z-index:1;">G</div>
<div style="align-self:end;text-align:center;z-index:1;">H</div>
<div style="align-self:end;text-align:center;z-index:1;">J</div>
<div style="align-self:end;text-align:center;z-index:1;">K</div>
<div style="align-self:end;text-align:center;z-index:1;">L</div>
<div style="align-self:end;text-align:center;z-index:1;">M</div>
<div style="align-self:end;text-align:center;z-index:1;">N</div>
<div style="align-self:end;text-align:center;z-index:1;">O</div>
<div style="align-self:end;text-align:center;z-index:1;">P</div>
<div></div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">15</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta15|}}}px;position:relative;">
<div style="position:absolute;">{{{a15|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb15|}}}px;position:relative;">
<div style="position:absolute;">{{{b15|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc15|}}}px;position:relative;">
<div style="position:absolute;">{{{c15|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd15|}}}px;position:relative;">
<div style="position:absolute;">{{{d15|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte15|}}}px;position:relative;">
<div style="position:absolute;">{{{e15|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf15|}}}px;position:relative;">
<div style="position:absolute;">{{{f15|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg15|}}}px;position:relative;">
<div style="position:absolute;">{{{g15|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth15|}}}px;position:relative;">
<div style="position:absolute;">{{{h15|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj15|}}}px;position:relative;">
<div style="position:absolute;">{{{j15|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk15|}}}px;position:relative;">
<div style="position:absolute;">{{{k15|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl15|}}}px;position:relative;">
<div style="position:absolute;">{{{l15|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm15|}}}px;position:relative;">
<div style="position:absolute;">{{{m15|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn15|}}}px;position:relative;">
<div style="position:absolute;">{{{n15|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto15|}}}px;position:relative;">
<div style="position:absolute;">{{{o15|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp15|}}}px;position:relative;">
<div style="position:absolute;">{{{p15|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">15</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">14</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta14|}}}px;position:relative;">
<div style="position:absolute;">{{{a14|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb14|}}}px;position:relative;">
<div style="position:absolute;">{{{b14|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc14|}}}px;position:relative;">
<div style="position:absolute;">{{{c14|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd14|}}}px;position:relative;">
<div style="position:absolute;">{{{d14|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte14|}}}px;position:relative;">
<div style="position:absolute;">{{{e14|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf14|}}}px;position:relative;">
<div style="position:absolute;">{{{f14|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg14|}}}px;position:relative;">
<div style="position:absolute;">{{{g14|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth14|}}}px;position:relative;">
<div style="position:absolute;">{{{h14|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj14|}}}px;position:relative;">
<div style="position:absolute;">{{{j14|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk14|}}}px;position:relative;">
<div style="position:absolute;">{{{k14|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl14|}}}px;position:relative;">
<div style="position:absolute;">{{{l14|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm14|}}}px;position:relative;">
<div style="position:absolute;">{{{m14|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn14|}}}px;position:relative;">
<div style="position:absolute;">{{{n14|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto14|}}}px;position:relative;">
<div style="position:absolute;">{{{o14|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp14|}}}px;position:relative;">
<div style="position:absolute;">{{{p14|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">14</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">13</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta13|}}}px;position:relative;">
<div style="position:absolute;">{{{a13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb13|}}}px;position:relative;">
<div style="position:absolute;">{{{b13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc13|}}}px;position:relative;">
<div style="position:absolute;">{{{c13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd13|}}}px;position:relative;">
<div style="position:absolute;">{{{d13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte13|}}}px;position:relative;">
<div style="position:absolute;">{{{e13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf13|}}}px;position:relative;">
<div style="position:absolute;">{{{f13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg13|}}}px;position:relative;">
<div style="position:absolute;">{{{g13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth13|}}}px;position:relative;">
<div style="position:absolute;">{{{h13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj13|}}}px;position:relative;">
<div style="position:absolute;">{{{j13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk13|}}}px;position:relative;">
<div style="position:absolute;">{{{k13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl13|}}}px;position:relative;">
<div style="position:absolute;">{{{l13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm13|}}}px;position:relative;">
<div style="position:absolute;">{{{m13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn13|}}}px;position:relative;">
<div style="position:absolute;">{{{n13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto13|}}}px;position:relative;">
<div style="position:absolute;">{{{o13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp13|}}}px;position:relative;">
<div style="position:absolute;">{{{p13|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">13</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">12</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta12|}}}px;position:relative;">
<div style="position:absolute;">{{{a12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb12|}}}px;position:relative;">
<div style="position:absolute;">{{{b12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc12|}}}px;position:relative;">
<div style="position:absolute;">{{{c12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd12|}}}px;position:relative;">
<div style="position:absolute;border-radius:calc({{{squareSize|30}}}px / 2);background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div>
<div style="position:absolute;">{{{d12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte12|}}}px;position:relative;">
<div style="position:absolute;">{{{e12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf12|}}}px;position:relative;">
<div style="position:absolute;">{{{f12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg12|}}}px;position:relative;">
<div style="position:absolute;">{{{g12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth12|}}}px;position:relative;">
<div style="position:absolute;border-radius:calc({{{squareSize|30}}}px / 2);background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div>
<div style="position:absolute;">{{{h12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj12|}}}px;position:relative;">
<div style="position:absolute;">{{{j12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk12|}}}px;position:relative;">
<div style="position:absolute;">{{{k12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl12|}}}px;position:relative;">
<div style="position:absolute;">{{{l12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm12|}}}px;position:relative;">
<div style="position:absolute;border-radius:calc({{{squareSize|30}}}px / 2);background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div>
<div style="position:absolute;">{{{m12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn12|}}}px;position:relative;">
<div style="position:absolute;">{{{n12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto12|}}}px;position:relative;">
<div style="position:absolute;">{{{o12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp12|}}}px;position:relative;">
<div style="position:absolute;">{{{p12|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">12</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">11</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta11|}}}px;position:relative;">
<div style="position:absolute;">{{{a11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb11|}}}px;position:relative;">
<div style="position:absolute;">{{{b11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc11|}}}px;position:relative;">
<div style="position:absolute;">{{{c11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd11|}}}px;position:relative;">
<div style="position:absolute;">{{{d11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte11|}}}px;position:relative;">
<div style="position:absolute;">{{{e11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf11|}}}px;position:relative;">
<div style="position:absolute;">{{{f11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg11|}}}px;position:relative;">
<div style="position:absolute;">{{{g11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth11|}}}px;position:relative;">
<div style="position:absolute;">{{{h11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj11|}}}px;position:relative;">
<div style="position:absolute;">{{{j11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk11|}}}px;position:relative;">
<div style="position:absolute;">{{{k11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl11|}}}px;position:relative;">
<div style="position:absolute;">{{{l11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm11|}}}px;position:relative;">
<div style="position:absolute;">{{{m11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn11|}}}px;position:relative;">
<div style="position:absolute;">{{{n11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto11|}}}px;position:relative;">
<div style="position:absolute;">{{{o11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp11|}}}px;position:relative;">
<div style="position:absolute;">{{{p11|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">11</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">10</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta10|}}}px;position:relative;">
<div style="position:absolute;">{{{a10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb10|}}}px;position:relative;">
<div style="position:absolute;">{{{b10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc10|}}}px;position:relative;">
<div style="position:absolute;">{{{c10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd10|}}}px;position:relative;">
<div style="position:absolute;">{{{d10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte10|}}}px;position:relative;">
<div style="position:absolute;">{{{e10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf10|}}}px;position:relative;">
<div style="position:absolute;">{{{f10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg10|}}}px;position:relative;">
<div style="position:absolute;">{{{g10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth10|}}}px;position:relative;">
<div style="position:absolute;">{{{h10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj10|}}}px;position:relative;">
<div style="position:absolute;">{{{j10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk10|}}}px;position:relative;">
<div style="position:absolute;">{{{k10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl10|}}}px;position:relative;">
<div style="position:absolute;">{{{l10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm10|}}}px;position:relative;">
<div style="position:absolute;">{{{m10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn10|}}}px;position:relative;">
<div style="position:absolute;">{{{n10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto10|}}}px;position:relative;">
<div style="position:absolute;">{{{o10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp10|}}}px;position:relative;">
<div style="position:absolute;">{{{p10|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">10</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">9</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta9|}}}px;position:relative;">
<div style="position:absolute;">{{{a9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb9|}}}px;position:relative;">
<div style="position:absolute;">{{{b9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc9|}}}px;position:relative;">
<div style="position:absolute;">{{{c9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd9|}}}px;position:relative;">
<div style="position:absolute;">{{{d9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte9|}}}px;position:relative;">
<div style="position:absolute;">{{{e9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf9|}}}px;position:relative;">
<div style="position:absolute;">{{{f9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg9|}}}px;position:relative;">
<div style="position:absolute;">{{{g9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth9|}}}px;position:relative;">
<div style="position:absolute;">{{{h9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj9|}}}px;position:relative;">
<div style="position:absolute;">{{{j9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk9|}}}px;position:relative;">
<div style="position:absolute;">{{{k9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl9|}}}px;position:relative;">
<div style="position:absolute;">{{{l9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm9|}}}px;position:relative;">
<div style="position:absolute;">{{{m9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn9|}}}px;position:relative;">
<div style="position:absolute;">{{{n9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto9|}}}px;position:relative;">
<div style="position:absolute;">{{{o9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp9|}}}px;position:relative;">
<div style="position:absolute;">{{{p9|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">9</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">8</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta8|}}}px;position:relative;">
<div style="position:absolute;">{{{a8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb8|}}}px;position:relative;">
<div style="position:absolute;">{{{b8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc8|}}}px;position:relative;">
<div style="position:absolute;">{{{c8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd8|}}}px;position:relative;">
<div style="position:absolute;border-radius:calc({{{squareSize|30}}}px / 2);background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div>
<div style="position:absolute;">{{{d8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte8|}}}px;position:relative;">
<div style="position:absolute;">{{{e8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf8|}}}px;position:relative;">
<div style="position:absolute;">{{{f8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg8|}}}px;position:relative;">
<div style="position:absolute;">{{{g8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth8|}}}px;position:relative;">
<div style="position:absolute;border-radius:calc({{{squareSize|30}}}px / 2);background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div>
<div style="position:absolute;">{{{h8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj8|}}}px;position:relative;">
<div style="position:absolute;">{{{j8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk8|}}}px;position:relative;">
<div style="position:absolute;">{{{k8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl8|}}}px;position:relative;">
<div style="position:absolute;">{{{l8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm8|}}}px;position:relative;">
<div style="position:absolute;border-radius:calc({{{squareSize|30}}}px / 2);background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div>
<div style="position:absolute;">{{{m8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn8|}}}px;position:relative;">
<div style="position:absolute;">{{{n8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto8|}}}px;position:relative;">
<div style="position:absolute;">{{{o8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp8|}}}px;position:relative;">
<div style="position:absolute;">{{{p8|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">8</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">7</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta7|}}}px;position:relative;">
<div style="position:absolute;">{{{a7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb7|}}}px;position:relative;">
<div style="position:absolute;">{{{b7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc7|}}}px;position:relative;">
<div style="position:absolute;">{{{c7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd7|}}}px;position:relative;">
<div style="position:absolute;">{{{d7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte7|}}}px;position:relative;">
<div style="position:absolute;">{{{e7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf7|}}}px;position:relative;">
<div style="position:absolute;">{{{f7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg7|}}}px;position:relative;">
<div style="position:absolute;">{{{g7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth7|}}}px;position:relative;">
<div style="position:absolute;">{{{h7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj7|}}}px;position:relative;">
<div style="position:absolute;">{{{j7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk7|}}}px;position:relative;">
<div style="position:absolute;">{{{k7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl7|}}}px;position:relative;">
<div style="position:absolute;">{{{l7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm7|}}}px;position:relative;">
<div style="position:absolute;">{{{m7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn7|}}}px;position:relative;">
<div style="position:absolute;">{{{n7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto7|}}}px;position:relative;">
<div style="position:absolute;">{{{o7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp7|}}}px;position:relative;">
<div style="position:absolute;">{{{p7|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">7</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">6</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta6|}}}px;position:relative;">
<div style="position:absolute;">{{{a6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb6|}}}px;position:relative;">
<div style="position:absolute;">{{{b6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc6|}}}px;position:relative;">
<div style="position:absolute;">{{{c6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd6|}}}px;position:relative;">
<div style="position:absolute;">{{{d6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte6|}}}px;position:relative;">
<div style="position:absolute;">{{{e6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf6|}}}px;position:relative;">
<div style="position:absolute;">{{{f6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg6|}}}px;position:relative;">
<div style="position:absolute;">{{{g6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth6|}}}px;position:relative;">
<div style="position:absolute;">{{{h6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj6|}}}px;position:relative;">
<div style="position:absolute;">{{{j6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk6|}}}px;position:relative;">
<div style="position:absolute;">{{{k6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl6|}}}px;position:relative;">
<div style="position:absolute;">{{{l6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm6|}}}px;position:relative;">
<div style="position:absolute;">{{{m6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn6|}}}px;position:relative;">
<div style="position:absolute;">{{{n6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto6|}}}px;position:relative;">
<div style="position:absolute;">{{{o6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp6|}}}px;position:relative;">
<div style="position:absolute;">{{{p6|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">6</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">5</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta5|}}}px;position:relative;">
<div style="position:absolute;">{{{a5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb5|}}}px;position:relative;">
<div style="position:absolute;">{{{b5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc5|}}}px;position:relative;">
<div style="position:absolute;">{{{c5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd5|}}}px;position:relative;">
<div style="position:absolute;">{{{d5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte5|}}}px;position:relative;">
<div style="position:absolute;">{{{e5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf5|}}}px;position:relative;">
<div style="position:absolute;">{{{f5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg5|}}}px;position:relative;">
<div style="position:absolute;">{{{g5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth5|}}}px;position:relative;">
<div style="position:absolute;">{{{h5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj5|}}}px;position:relative;">
<div style="position:absolute;">{{{j5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk5|}}}px;position:relative;">
<div style="position:absolute;">{{{k5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl5|}}}px;position:relative;">
<div style="position:absolute;">{{{l5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm5|}}}px;position:relative;">
<div style="position:absolute;">{{{m5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn5|}}}px;position:relative;">
<div style="position:absolute;">{{{n5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto5|}}}px;position:relative;">
<div style="position:absolute;">{{{o5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp5|}}}px;position:relative;">
<div style="position:absolute;">{{{p5|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">5</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">4</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta4|}}}px;position:relative;">
<div style="position:absolute;">{{{a4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb4|}}}px;position:relative;">
<div style="position:absolute;">{{{b4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc4|}}}px;position:relative;">
<div style="position:absolute;">{{{c4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd4|}}}px;position:relative;">
<div style="position:absolute;border-radius:calc({{{squareSize|30}}}px / 2);background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div>
<div style="position:absolute;">{{{d4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte4|}}}px;position:relative;">
<div style="position:absolute;">{{{e4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf4|}}}px;position:relative;">
<div style="position:absolute;">{{{f4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg4|}}}px;position:relative;">
<div style="position:absolute;">{{{g4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth4|}}}px;position:relative;">
<div style="position:absolute;border-radius:calc({{{squareSize|30}}}px / 2);background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div>
<div style="position:absolute;">{{{h4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj4|}}}px;position:relative;">
<div style="position:absolute;">{{{j4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk4|}}}px;position:relative;">
<div style="position:absolute;">{{{k4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl4|}}}px;position:relative;">
<div style="position:absolute;">{{{l4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm4|}}}px;position:relative;">
<div style="position:absolute;border-radius:calc({{{squareSize|30}}}px / 2);background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div>
<div style="position:absolute;">{{{m4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn4|}}}px;position:relative;">
<div style="position:absolute;">{{{n4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto4|}}}px;position:relative;">
<div style="position:absolute;">{{{o4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp4|}}}px;position:relative;">
<div style="position:absolute;">{{{p4|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">4</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">3</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta3|}}}px;position:relative;">
<div style="position:absolute;">{{{a3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb3|}}}px;position:relative;">
<div style="position:absolute;">{{{b3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc3|}}}px;position:relative;">
<div style="position:absolute;">{{{c3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd3|}}}px;position:relative;">
<div style="position:absolute;">{{{d3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte3|}}}px;position:relative;">
<div style="position:absolute;">{{{e3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf3|}}}px;position:relative;">
<div style="position:absolute;">{{{f3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg3|}}}px;position:relative;">
<div style="position:absolute;">{{{g3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth3|}}}px;position:relative;">
<div style="position:absolute;">{{{h3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj3|}}}px;position:relative;">
<div style="position:absolute;">{{{j3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk3|}}}px;position:relative;">
<div style="position:absolute;">{{{k3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl3|}}}px;position:relative;">
<div style="position:absolute;">{{{l3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm3|}}}px;position:relative;">
<div style="position:absolute;">{{{m3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn3|}}}px;position:relative;">
<div style="position:absolute;">{{{n3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto3|}}}px;position:relative;">
<div style="position:absolute;">{{{o3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp3|}}}px;position:relative;">
<div style="position:absolute;">{{{p3|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">3</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">2</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta2|}}}px;position:relative;">
<div style="position:absolute;">{{{a2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb2|}}}px;position:relative;">
<div style="position:absolute;">{{{b2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc2|}}}px;position:relative;">
<div style="position:absolute;">{{{c2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd2|}}}px;position:relative;">
<div style="position:absolute;">{{{d2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte2|}}}px;position:relative;">
<div style="position:absolute;">{{{e2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf2|}}}px;position:relative;">
<div style="position:absolute;">{{{f2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg2|}}}px;position:relative;">
<div style="position:absolute;">{{{g2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth2|}}}px;position:relative;">
<div style="position:absolute;">{{{h2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj2|}}}px;position:relative;">
<div style="position:absolute;">{{{j2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk2|}}}px;position:relative;">
<div style="position:absolute;">{{{k2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl2|}}}px;position:relative;">
<div style="position:absolute;">{{{l2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm2|}}}px;position:relative;">
<div style="position:absolute;">{{{m2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn2|}}}px;position:relative;">
<div style="position:absolute;">{{{n2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto2|}}}px;position:relative;">
<div style="position:absolute;">{{{o2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp2|}}}px;position:relative;">
<div style="position:absolute;">{{{p2|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">2</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">1</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta1|}}}px;position:relative;">
<div style="position:absolute;">{{{a1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb1|}}}px;position:relative;">
<div style="position:absolute;">{{{b1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc1|}}}px;position:relative;">
<div style="position:absolute;">{{{c1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd1|}}}px;position:relative;">
<div style="position:absolute;">{{{d1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte1|}}}px;position:relative;">
<div style="position:absolute;">{{{e1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf1|}}}px;position:relative;">
<div style="position:absolute;">{{{f1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg1|}}}px;position:relative;">
<div style="position:absolute;">{{{g1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth1|}}}px;position:relative;">
<div style="position:absolute;">{{{h1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj1|}}}px;position:relative;">
<div style="position:absolute;">{{{j1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk1|}}}px;position:relative;">
<div style="position:absolute;">{{{k1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl1|}}}px;position:relative;">
<div style="position:absolute;">{{{l1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm1|}}}px;position:relative;">
<div style="position:absolute;">{{{m1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn1|}}}px;position:relative;">
<div style="position:absolute;">{{{n1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto1|}}}px;position:relative;">
<div style="position:absolute;">{{{o1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp1|}}}px;position:relative;">
<div style="position:absolute;">{{{p1|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left;z-index:1;padding-left:4px;">1</div>
<div></div>
<div style="align-self:start;text-align:center;z-index:1;">A</div>
<div style="align-self:start;text-align:center;z-index:1;">B</div>
<div style="align-self:start;text-align:center;z-index:1;">C</div>
<div style="align-self:start;text-align:center;z-index:1;">D</div>
<div style="align-self:start;text-align:center;z-index:1;">E</div>
<div style="align-self:start;text-align:center;z-index:1;">F</div>
<div style="align-self:start;text-align:center;z-index:1;">G</div>
<div style="align-self:start;text-align:center;z-index:1;">H</div>
<div style="align-self:start;text-align:center;z-index:1;">J</div>
<div style="align-self:start;text-align:center;z-index:1;">K</div>
<div style="align-self:start;text-align:center;z-index:1;">L</div>
<div style="align-self:start;text-align:center;z-index:1;">M</div>
<div style="align-self:start;text-align:center;z-index:1;">N</div>
<div style="align-self:start;text-align:center;z-index:1;">O</div>
<div style="align-self:start;text-align:center;z-index:1;">P</div>
<div></div>}}}
</div>
<noinclude>
Weitere Informationen unter [[Vorlage:Goboard9]]
[[Category:GameBoardTemplates|Game board templates]]
</noinclude>

Vorlage:Goboard13

2022-10-18T09:43:13Z

MHiero789: Die Seite wurde neu angelegt: „<div class="notation grid" style=" display:grid; grid:{{{hideNotation|2rem}}} repeat({{{boardSize|13}}},{{{squareSize|30}}}px) {{{hideNotation|2rem}}} / {{{hid…“

<div class="notation grid" style="
display:grid;
grid:{{{hideNotation|2rem}}} repeat({{{boardSize|13}}},{{{squareSize|30}}}px) {{{hideNotation|2rem}}} / {{{hideNotation|2rem}}} repeat({{{boardSize|13}}},{{{squareSize|30}}}px) {{{hideNotation|2rem}}};
gap:{{{gridlineThickness|1}}}px;
position:relative;">

<div class="board background" style="
background:{{{boardColour|#e5c079}}};
width:100%;
height:100%;
grid-area:1 / 1 / -1 / -1;
position:absolute;
border-radius:{{{cornerRadius|8}}}px;"></div>

<div class="grid" style="
display:grid;
grid:repeat(calc({{{boardSize|13}}} - 1),{{{squareSize|30}}}px) / repeat(calc({{{boardSize|13}}} - 1),{{{squareSize|30}}}px);
gap:{{{gridlineThickness|1}}}px;
left:calc(({{{squareSize|30}}}px / 2) + ({{{gridlineThickness|1}}}px / 2));
top :calc(({{{squareSize|30}}}px / 2) + ({{{gridlineThickness|1}}}px / 2));
grid-area:calc({{{hideNotation|1 + }}}1) / calc({{{hideNotation|1 + }}}1) / calc(-1{{{hideNotation| - 1}}}) / calc(-1{{{hideNotation| - 1}}});
position:absolute;">
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
</div>{{{hideNotation|
<div></div>
<div style="align-self:end;text-align:center;z-index:1;">A</div>
<div style="align-self:end;text-align:center;z-index:1;">B</div>
<div style="align-self:end;text-align:center;z-index:1;">C</div>
<div style="align-self:end;text-align:center;z-index:1;">D</div>
<div style="align-self:end;text-align:center;z-index:1;">E</div>
<div style="align-self:end;text-align:center;z-index:1;">F</div>
<div style="align-self:end;text-align:center;z-index:1;">G</div>
<div style="align-self:end;text-align:center;z-index:1;">H</div>
<div style="align-self:end;text-align:center;z-index:1;">J</div>
<div style="align-self:end;text-align:center;z-index:1;">K</div>
<div style="align-self:end;text-align:center;z-index:1;">L</div>
<div style="align-self:end;text-align:center;z-index:1;">M</div>
<div style="align-self:end;text-align:center;z-index:1;">N</div>
<div></div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">13</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta13|}}}px;position:relative;">
<div style="position:absolute;">{{{a13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb13|}}}px;position:relative;">
<div style="position:absolute;">{{{b13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc13|}}}px;position:relative;">
<div style="position:absolute;">{{{c13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd13|}}}px;position:relative;">
<div style="position:absolute;">{{{d13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte13|}}}px;position:relative;">
<div style="position:absolute;">{{{e13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf13|}}}px;position:relative;">
<div style="position:absolute;">{{{f13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg13|}}}px;position:relative;">
<div style="position:absolute;">{{{g13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth13|}}}px;position:relative;">
<div style="position:absolute;">{{{h13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj13|}}}px;position:relative;">
<div style="position:absolute;">{{{j13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk13|}}}px;position:relative;">
<div style="position:absolute;">{{{k13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl13|}}}px;position:relative;">
<div style="position:absolute;">{{{l13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm13|}}}px;position:relative;">
<div style="position:absolute;">{{{m13|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn13|}}}px;position:relative;">
<div style="position:absolute;">{{{n13|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">13</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">12</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta12|}}}px;position:relative;">
<div style="position:absolute;">{{{a12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb12|}}}px;position:relative;">
<div style="position:absolute;">{{{b12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc12|}}}px;position:relative;">
<div style="position:absolute;">{{{c12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd12|}}}px;position:relative;">
<div style="position:absolute;">{{{d12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte12|}}}px;position:relative;">
<div style="position:absolute;">{{{e12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf12|}}}px;position:relative;">
<div style="position:absolute;">{{{f12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg12|}}}px;position:relative;">
<div style="position:absolute;">{{{g12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth12|}}}px;position:relative;">
<div style="position:absolute;">{{{h12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj12|}}}px;position:relative;">
<div style="position:absolute;">{{{j12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk12|}}}px;position:relative;">
<div style="position:absolute;">{{{k12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl12|}}}px;position:relative;">
<div style="position:absolute;">{{{l12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm12|}}}px;position:relative;">
<div style="position:absolute;">{{{m12|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn12|}}}px;position:relative;">
<div style="position:absolute;">{{{n12|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">12</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">11</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta11|}}}px;position:relative;">
<div style="position:absolute;">{{{a11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb11|}}}px;position:relative;">
<div style="position:absolute;">{{{b11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc11|}}}px;position:relative;">
<div style="position:absolute;">{{{c11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd11|}}}px;position:relative;">
<div style="position:absolute;">{{{d11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte11|}}}px;position:relative;">
<div style="position:absolute;">{{{e11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf11|}}}px;position:relative;">
<div style="position:absolute;">{{{f11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg11|}}}px;position:relative;">
<div style="position:absolute;">{{{g11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth11|}}}px;position:relative;">
<div style="position:absolute;">{{{h11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj11|}}}px;position:relative;">
<div style="position:absolute;">{{{j11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk11|}}}px;position:relative;">
<div style="position:absolute;">{{{k11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl11|}}}px;position:relative;">
<div style="position:absolute;">{{{l11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm11|}}}px;position:relative;">
<div style="position:absolute;">{{{m11|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn11|}}}px;position:relative;">
<div style="position:absolute;">{{{n11|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">11</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">10</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta10|}}}px;position:relative;">
<div style="position:absolute;">{{{a10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb10|}}}px;position:relative;">
<div style="position:absolute;">{{{b10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc10|}}}px;position:relative;">
<div style="position:absolute;">{{{c10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd10|}}}px;position:relative;">
<div style="position:absolute;border-radius:calc({{{squareSize|30}}}px / 2);background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div>
<div style="position:absolute;">{{{d10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte10|}}}px;position:relative;">
<div style="position:absolute;">{{{e10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf10|}}}px;position:relative;">
<div style="position:absolute;">{{{f10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg10|}}}px;position:relative;">
<div style="position:absolute;">{{{g10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth10|}}}px;position:relative;">
<div style="position:absolute;">{{{h10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj10|}}}px;position:relative;">
<div style="position:absolute;">{{{j10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk10|}}}px;position:relative;">
<div style="position:absolute;border-radius:calc({{{squareSize|30}}}px / 2);background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div>
<div style="position:absolute;">{{{k10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl10|}}}px;position:relative;">
<div style="position:absolute;">{{{l10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm10|}}}px;position:relative;">
<div style="position:absolute;">{{{m10|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn10|}}}px;position:relative;">
<div style="position:absolute;">{{{n10|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">10</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">9</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta9|}}}px;position:relative;">
<div style="position:absolute;">{{{a9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb9|}}}px;position:relative;">
<div style="position:absolute;">{{{b9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc9|}}}px;position:relative;">
<div style="position:absolute;">{{{c9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd9|}}}px;position:relative;">
<div style="position:absolute;">{{{d9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte9|}}}px;position:relative;">
<div style="position:absolute;">{{{e9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf9|}}}px;position:relative;">
<div style="position:absolute;">{{{f9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg9|}}}px;position:relative;">
<div style="position:absolute;">{{{g9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth9|}}}px;position:relative;">
<div style="position:absolute;">{{{h9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj9|}}}px;position:relative;">
<div style="position:absolute;">{{{j9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk9|}}}px;position:relative;">
<div style="position:absolute;">{{{k9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl9|}}}px;position:relative;">
<div style="position:absolute;">{{{l9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm9|}}}px;position:relative;">
<div style="position:absolute;">{{{m9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn9|}}}px;position:relative;">
<div style="position:absolute;">{{{n9|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">9</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">8</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta8|}}}px;position:relative;">
<div style="position:absolute;">{{{a8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb8|}}}px;position:relative;">
<div style="position:absolute;">{{{b8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc8|}}}px;position:relative;">
<div style="position:absolute;">{{{c8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd8|}}}px;position:relative;">
<div style="position:absolute;">{{{d8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte8|}}}px;position:relative;">
<div style="position:absolute;">{{{e8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf8|}}}px;position:relative;">
<div style="position:absolute;">{{{f8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg8|}}}px;position:relative;">
<div style="position:absolute;">{{{g8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth8|}}}px;position:relative;">
<div style="position:absolute;">{{{h8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj8|}}}px;position:relative;">
<div style="position:absolute;">{{{j8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk8|}}}px;position:relative;">
<div style="position:absolute;">{{{k8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl8|}}}px;position:relative;">
<div style="position:absolute;">{{{l8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm8|}}}px;position:relative;">
<div style="position:absolute;">{{{m8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn8|}}}px;position:relative;">
<div style="position:absolute;">{{{n8|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">8</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">7</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta7|}}}px;position:relative;">
<div style="position:absolute;">{{{a7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb7|}}}px;position:relative;">
<div style="position:absolute;">{{{b7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc7|}}}px;position:relative;">
<div style="position:absolute;">{{{c7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd7|}}}px;position:relative;">
<div style="position:absolute;">{{{d7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte7|}}}px;position:relative;">
<div style="position:absolute;">{{{e7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf7|}}}px;position:relative;">
<div style="position:absolute;">{{{f7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg7|}}}px;position:relative;">
<div style="position:absolute;border-radius:calc({{{squareSize|30}}}px / 2);background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div>
<div style="position:absolute;">{{{g7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth7|}}}px;position:relative;">
<div style="position:absolute;">{{{h7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj7|}}}px;position:relative;">
<div style="position:absolute;">{{{j7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk7|}}}px;position:relative;">
<div style="position:absolute;">{{{k7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl7|}}}px;position:relative;">
<div style="position:absolute;">{{{l7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm7|}}}px;position:relative;">
<div style="position:absolute;">{{{m7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn7|}}}px;position:relative;">
<div style="position:absolute;">{{{n7|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">7</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">6</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta6|}}}px;position:relative;">
<div style="position:absolute;">{{{a6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb6|}}}px;position:relative;">
<div style="position:absolute;">{{{b6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc6|}}}px;position:relative;">
<div style="position:absolute;">{{{c6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd6|}}}px;position:relative;">
<div style="position:absolute;">{{{d6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte6|}}}px;position:relative;">
<div style="position:absolute;">{{{e6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf6|}}}px;position:relative;">
<div style="position:absolute;">{{{f6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg6|}}}px;position:relative;">
<div style="position:absolute;">{{{g6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth6|}}}px;position:relative;">
<div style="position:absolute;">{{{h6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj6|}}}px;position:relative;">
<div style="position:absolute;">{{{j6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk6|}}}px;position:relative;">
<div style="position:absolute;">{{{k6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl6|}}}px;position:relative;">
<div style="position:absolute;">{{{l6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm6|}}}px;position:relative;">
<div style="position:absolute;">{{{m6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn6|}}}px;position:relative;">
<div style="position:absolute;">{{{n6|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">6</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">5</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta5|}}}px;position:relative;">
<div style="position:absolute;">{{{a5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb5|}}}px;position:relative;">
<div style="position:absolute;">{{{b5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc5|}}}px;position:relative;">
<div style="position:absolute;">{{{c5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd5|}}}px;position:relative;">
<div style="position:absolute;">{{{d5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte5|}}}px;position:relative;">
<div style="position:absolute;">{{{e5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf5|}}}px;position:relative;">
<div style="position:absolute;">{{{f5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg5|}}}px;position:relative;">
<div style="position:absolute;">{{{g5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth5|}}}px;position:relative;">
<div style="position:absolute;">{{{h5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj5|}}}px;position:relative;">
<div style="position:absolute;">{{{j5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk5|}}}px;position:relative;">
<div style="position:absolute;">{{{k5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl5|}}}px;position:relative;">
<div style="position:absolute;">{{{l5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm5|}}}px;position:relative;">
<div style="position:absolute;">{{{m5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn5|}}}px;position:relative;">
<div style="position:absolute;">{{{n5|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">5</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">4</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta4|}}}px;position:relative;">
<div style="position:absolute;">{{{a4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb4|}}}px;position:relative;">
<div style="position:absolute;">{{{b4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc4|}}}px;position:relative;">
<div style="position:absolute;">{{{c4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd4|}}}px;position:relative;">
<div style="position:absolute;border-radius:calc({{{squareSize|30}}}px / 2);background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div>
<div style="position:absolute;">{{{d4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte4|}}}px;position:relative;">
<div style="position:absolute;">{{{e4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf4|}}}px;position:relative;">
<div style="position:absolute;">{{{f4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg4|}}}px;position:relative;">
<div style="position:absolute;">{{{g4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth4|}}}px;position:relative;">
<div style="position:absolute;">{{{h4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj4|}}}px;position:relative;">
<div style="position:absolute;">{{{j4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk4|}}}px;position:relative;">
<div style="position:absolute;border-radius:calc({{{squareSize|30}}}px / 2);background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div>
<div style="position:absolute;">{{{k4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl4|}}}px;position:relative;">
<div style="position:absolute;">{{{l4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm4|}}}px;position:relative;">
<div style="position:absolute;">{{{m4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn4|}}}px;position:relative;">
<div style="position:absolute;">{{{n4|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">4</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">3</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta3|}}}px;position:relative;">
<div style="position:absolute;">{{{a3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb3|}}}px;position:relative;">
<div style="position:absolute;">{{{b3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc3|}}}px;position:relative;">
<div style="position:absolute;">{{{c3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd3|}}}px;position:relative;">
<div style="position:absolute;">{{{d3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte3|}}}px;position:relative;">
<div style="position:absolute;">{{{e3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf3|}}}px;position:relative;">
<div style="position:absolute;">{{{f3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg3|}}}px;position:relative;">
<div style="position:absolute;">{{{g3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth3|}}}px;position:relative;">
<div style="position:absolute;">{{{h3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj3|}}}px;position:relative;">
<div style="position:absolute;">{{{j3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk3|}}}px;position:relative;">
<div style="position:absolute;">{{{k3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl3|}}}px;position:relative;">
<div style="position:absolute;">{{{l3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm3|}}}px;position:relative;">
<div style="position:absolute;">{{{m3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn3|}}}px;position:relative;">
<div style="position:absolute;">{{{n3|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">3</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">2</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta2|}}}px;position:relative;">
<div style="position:absolute;">{{{a2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb2|}}}px;position:relative;">
<div style="position:absolute;">{{{b2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc2|}}}px;position:relative;">
<div style="position:absolute;">{{{c2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd2|}}}px;position:relative;">
<div style="position:absolute;">{{{d2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte2|}}}px;position:relative;">
<div style="position:absolute;">{{{e2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf2|}}}px;position:relative;">
<div style="position:absolute;">{{{f2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg2|}}}px;position:relative;">
<div style="position:absolute;">{{{g2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth2|}}}px;position:relative;">
<div style="position:absolute;">{{{h2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj2|}}}px;position:relative;">
<div style="position:absolute;">{{{j2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk2|}}}px;position:relative;">
<div style="position:absolute;">{{{k2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl2|}}}px;position:relative;">
<div style="position:absolute;">{{{l2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm2|}}}px;position:relative;">
<div style="position:absolute;">{{{m2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn2|}}}px;position:relative;">
<div style="position:absolute;">{{{n2|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">2</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">1</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta1|}}}px;position:relative;">
<div style="position:absolute;">{{{a1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb1|}}}px;position:relative;">
<div style="position:absolute;">{{{b1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc1|}}}px;position:relative;">
<div style="position:absolute;">{{{c1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd1|}}}px;position:relative;">
<div style="position:absolute;">{{{d1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte1|}}}px;position:relative;">
<div style="position:absolute;">{{{e1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf1|}}}px;position:relative;">
<div style="position:absolute;">{{{f1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg1|}}}px;position:relative;">
<div style="position:absolute;">{{{g1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth1|}}}px;position:relative;">
<div style="position:absolute;">{{{h1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj1|}}}px;position:relative;">
<div style="position:absolute;">{{{j1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk1|}}}px;position:relative;">
<div style="position:absolute;">{{{k1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl1|}}}px;position:relative;">
<div style="position:absolute;">{{{l1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm1|}}}px;position:relative;">
<div style="position:absolute;">{{{m1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn1|}}}px;position:relative;">
<div style="position:absolute;">{{{n1|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left;z-index:1;padding-left:4px;">1</div>
<div></div>
<div style="align-self:start;text-align:center;z-index:1;">A</div>
<div style="align-self:start;text-align:center;z-index:1;">B</div>
<div style="align-self:start;text-align:center;z-index:1;">C</div>
<div style="align-self:start;text-align:center;z-index:1;">D</div>
<div style="align-self:start;text-align:center;z-index:1;">E</div>
<div style="align-self:start;text-align:center;z-index:1;">F</div>
<div style="align-self:start;text-align:center;z-index:1;">G</div>
<div style="align-self:start;text-align:center;z-index:1;">H</div>
<div style="align-self:start;text-align:center;z-index:1;">J</div>
<div style="align-self:start;text-align:center;z-index:1;">K</div>
<div style="align-self:start;text-align:center;z-index:1;">L</div>
<div style="align-self:start;text-align:center;z-index:1;">M</div>
<div style="align-self:start;text-align:center;z-index:1;">N</div>
<div></div>}}}
</div>
<noinclude>
For documentation see [[Template:Goboard9]]
[[Category:GameBoardTemplates|Game board templates]]
</noinclude>

Vorlage:Goboard9

2022-10-18T09:41:22Z

MHiero789: Die Seite wurde neu angelegt: „<noinclude> == Basic <nowiki>{{goboard}}</nowiki> template == </noinclude> <div class="notation grid" style="display:grid; grid:{{{hideNotation|1.5rem}}} repea…“

<noinclude>
== Basic <nowiki>{{goboard}}</nowiki> template ==
</noinclude>
<div class="notation grid" style="display:grid;
grid:{{{hideNotation|1.5rem}}} repeat({{{boardSize|9}}},{{{squareSize|30}}}px) {{{hideNotation|1.5rem}}} / {{{hideNotation|1.5rem}}} repeat({{{boardSize|9}}},{{{squareSize|30}}}px) {{{hideNotation|1.5rem}}};
gap:{{{gridlineThickness|1}}}px;
position:relative;">
<div class="board background" style="background:{{{boardColour|#e5c079}}};
width:100%;height:100%;
grid-area:1 / 1 / -1 / -1;
position:absolute;
border-radius:{{{cornerRadius|8}}}px;"></div>
<div class="grid" style="display:grid;
grid:repeat(calc({{{boardSize|9}}} - 1),{{{squareSize|30}}}px) / repeat(calc({{{boardSize|9}}} - 1),{{{squareSize|30}}}px);
gap:{{{gridlineThickness|1}}}px;
left:calc(({{{squareSize|30}}}px / 2) + ({{{gridlineThickness|1}}}px / 2));
top :calc(({{{squareSize|30}}}px / 2) + ({{{gridlineThickness|1}}}px / 2));
grid-area:calc({{{hideNotation|1 + }}}1) / calc({{{hideNotation|1 + }}}1) / calc(-1{{{hideNotation| - 1}}}) / calc(-1{{{hideNotation| - 1}}});
position:absolute;">
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
<div style="outline:{{{gridlineThickness|1}}}px solid {{{gridColour|#000}}};width:100%;height:100%"></div>
</div>{{{hideNotation|
<div></div>
<div style="align-self:end;text-align:center;z-index:1;">A</div>
<div style="align-self:end;text-align:center;z-index:1;">B</div>
<div style="align-self:end;text-align:center;z-index:1;">C</div>
<div style="align-self:end;text-align:center;z-index:1;">D</div>
<div style="align-self:end;text-align:center;z-index:1;">E</div>
<div style="align-self:end;text-align:center;z-index:1;">F</div>
<div style="align-self:end;text-align:center;z-index:1;">G</div>
<div style="align-self:end;text-align:center;z-index:1;">H</div>
<div style="align-self:end;text-align:center;z-index:1;">J</div>
<div></div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">9</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlighta9|}}}px;position:relative;">
<div style="position:absolute;">{{{a9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightb9|}}}px;position:relative;">
<div style="position:absolute;">{{{b9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightc9|}}}px;position:relative;">
<div style="position:absolute;">{{{c9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightd9|}}}px;position:relative;">
<div style="position:absolute;">{{{d9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlighte9|}}}px;position:relative;">
<div style="position:absolute;">{{{e9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightf9|}}}px;position:relative;">
<div style="position:absolute;">{{{f9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightg9|}}}px;position:relative;">
<div style="position:absolute;">{{{g9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlighth9|}}}px;position:relative;">
<div style="position:absolute;">{{{h9|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightj9|}}}px;position:relative;">
<div style="position:absolute;">{{{j9|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">9</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">8</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlighta8|}}}px;position:relative;">
<div style="position:absolute;">{{{a8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightb8|}}}px;position:relative;">
<div style="position:absolute;">{{{b8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightc8|}}}px;position:relative;">
<div style="position:absolute;">{{{c8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightd8|}}}px;position:relative;">
<div style="position:absolute;">{{{d8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlighte8|}}}px;position:relative;">
<div style="position:absolute;">{{{e8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightf8|}}}px;position:relative;">
<div style="position:absolute;">{{{f8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightg8|}}}px;position:relative;">
<div style="position:absolute;">{{{g8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlighth8|}}}px;position:relative;">
<div style="position:absolute;">{{{h8|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightj8|}}}px;position:relative;">
<div style="position:absolute;">{{{j8|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">8</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">7</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlighta7|}}}px;position:relative;">
<div style="position:absolute;">{{{a7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightb7|}}}px;position:relative;">
<div style="position:absolute;">{{{b7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightc7|}}}px;position:relative;">
<div style="position:absolute;border-radius:50%;background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div>
<div style="position:absolute;">{{{c7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightd7|}}}px;position:relative;">
<div style="position:absolute;">{{{d7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlighte7|}}}px;position:relative;">
<div style="position:absolute;">{{{e7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightf7|}}}px;position:relative;">
<div style="position:absolute;">{{{f7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightg7|}}}px;position:relative;">
<div style="position:absolute;border-radius:50%;background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div>
<div style="position:absolute;">{{{g7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlighth7|}}}px;position:relative;">
<div style="position:absolute;">{{{h7|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightj7|}}}px;position:relative;">
<div style="position:absolute;">{{{j7|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">7</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">6</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlighta6|}}}px;position:relative;">
<div style="position:absolute;">{{{a6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightb6|}}}px;position:relative;">
<div style="position:absolute;">{{{b6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightc6|}}}px;position:relative;">
<div style="position:absolute;">{{{c6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightd6|}}}px;position:relative;">
<div style="position:absolute;">{{{d6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlighte6|}}}px;position:relative;">
<div style="position:absolute;">{{{e6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightf6|}}}px;position:relative;">
<div style="position:absolute;">{{{f6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightg6|}}}px;position:relative;">
<div style="position:absolute;">{{{g6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlighth6|}}}px;position:relative;">
<div style="position:absolute;">{{{h6|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightj6|}}}px;position:relative;">
<div style="position:absolute;">{{{j6|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">6</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">5</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlighta5|}}}px;position:relative;">
<div style="position:absolute;">{{{a5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightb5|}}}px;position:relative;">
<div style="position:absolute;">{{{b5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightc5|}}}px;position:relative;">
<div style="position:absolute;">{{{c5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightd5|}}}px;position:relative;">
<div style="position:absolute;">{{{d5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlighte5|}}}px;position:relative;">
<div style="position:absolute;border-radius:50%;background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div>
<div style="position:absolute;">{{{e5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightf5|}}}px;position:relative;">
<div style="position:absolute;">{{{f5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightg5|}}}px;position:relative;">
<div style="position:absolute;">{{{g5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlighth5|}}}px;position:relative;">
<div style="position:absolute;">{{{h5|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightj5|}}}px;position:relative;">
<div style="position:absolute;">{{{j5|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">5</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">4</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlighta4|}}}px;position:relative;">
<div style="position:absolute;">{{{a4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightb4|}}}px;position:relative;">
<div style="position:absolute;">{{{b4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightc4|}}}px;position:relative;">
<div style="position:absolute;">{{{c4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightd4|}}}px;position:relative;">
<div style="position:absolute;">{{{d4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlighte4|}}}px;position:relative;">
<div style="position:absolute;">{{{e4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightf4|}}}px;position:relative;">
<div style="position:absolute;">{{{f4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightg4|}}}px;position:relative;">
<div style="position:absolute;">{{{g4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlighth4|}}}px;position:relative;">
<div style="position:absolute;">{{{h4|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightj4|}}}px;position:relative;">
<div style="position:absolute;">{{{j4|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">4</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">3</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlighta3|}}}px;position:relative;">
<div style="position:absolute;">{{{a3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightb3|}}}px;position:relative;">
<div style="position:absolute;">{{{b3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightc3|}}}px;position:relative;">
<div style="position:absolute;border-radius:50%;background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div>
<div style="position:absolute;">{{{c3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightd3|}}}px;position:relative;">
<div style="position:absolute;">{{{d3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlighte3|}}}px;position:relative;">
<div style="position:absolute;">{{{e3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightf3|}}}px;position:relative;">
<div style="position:absolute;">{{{f3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightg3|}}}px;position:relative;">
<div style="position:absolute;border-radius:50%;background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div>
<div style="position:absolute;">{{{g3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlighth3|}}}px;position:relative;">
<div style="position:absolute;">{{{h3|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightj3|}}}px;position:relative;">
<div style="position:absolute;">{{{j3|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">3</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">2</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlighta2|}}}px;position:relative;">
<div style="position:absolute;">{{{a2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightb2|}}}px;position:relative;">
<div style="position:absolute;">{{{b2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightc2|}}}px;position:relative;">
<div style="position:absolute;">{{{c2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightd2|}}}px;position:relative;">
<div style="position:absolute;">{{{d2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlighte2|}}}px;position:relative;">
<div style="position:absolute;">{{{e2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightf2|}}}px;position:relative;">
<div style="position:absolute;">{{{f2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightg2|}}}px;position:relative;">
<div style="position:absolute;">{{{g2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlighth2|}}}px;position:relative;">
<div style="position:absolute;">{{{h2|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightj2|}}}px;position:relative;">
<div style="position:absolute;">{{{j2|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">2</div>
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">1</div>}}}
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlighta1|}}}px;position:relative;">
<div style="position:absolute;">{{{a1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightb1|}}}px;position:relative;">
<div style="position:absolute;">{{{b1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightc1|}}}px;position:relative;">
<div style="position:absolute;">{{{c1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightd1|}}}px;position:relative;">
<div style="position:absolute;">{{{d1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlighte1|}}}px;position:relative;">
<div style="position:absolute;">{{{e1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightf1|}}}px;position:relative;">
<div style="position:absolute;">{{{f1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightg1|}}}px;position:relative;">
<div style="position:absolute;">{{{g1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlighth1|}}}px;position:relative;">
<div style="position:absolute;">{{{h1|}}}</div>
</div>
</div>
<div style="display:grid;">
<div style="display:grid;place-items:center;border-radius:50%;outline-offset:-5px;outline:solid {{{highlightj1|}}}px;position:relative;">
<div style="position:absolute;">{{{j1|}}}</div>
</div>
</div>{{{hideNotation|<div style="align-self:center;text-align:left;z-index:1;padding-left:4px;">1</div>
<div></div>
<div style="align-self:start;text-align:center;z-index:1;">A</div>
<div style="align-self:start;text-align:center;z-index:1;">B</div>
<div style="align-self:start;text-align:center;z-index:1;">C</div>
<div style="align-self:start;text-align:center;z-index:1;">D</div>
<div style="align-self:start;text-align:center;z-index:1;">E</div>
<div style="align-self:start;text-align:center;z-index:1;">F</div>
<div style="align-self:start;text-align:center;z-index:1;">G</div>
<div style="align-self:start;text-align:center;z-index:1;">H</div>
<div style="align-self:start;text-align:center;z-index:1;">J</div>
<div></div>}}}
</div>
<noinclude>
To insert a goboard template into a BGA wiki page, simply type one of <code><nowiki>{{goboard9}}</nowiki></code>/<code><nowiki>{{goboard13}}</nowiki></code>/<code><nowiki>{{goboard15}}</nowiki></code>/<code><nowiki>{{goboard19}}</nowiki></code> depending on size when editing the page, or alternatively copy one of the examples below.

'''Note:''' Game Help pages ''(e.g. '''[[Gamehelpclassicgo|GameHelpClassicGo]]''')'' display on:
# BGA's game pages: ''(e.g. '''https://boardgamearena.com/gamepanel?game=classicgo''')'' HOW TO PLAY? > See More > RULES SUMMARY and
# In-game: How to play? > GAME HELP.

=== Available parameters ===

<div style="display:grid;grid-template-columns:minmax(min-content,max-content);gap:1.5rem;overflow:hidden;text-overflow:ellipsis;">
<div style="display:flex;flex-flow:row wrap;gap:0.5rem;">
<div style="border-top:0.25rem solid red ;border-left:0.15rem solid red ;border-radius:0.5rem 0.5rem 0 0;padding-left:0.2rem;font-weight:bold;width:8rem;">Parameter</div>
<div style="border-top:0.25rem solid orange;border-left:0.15rem solid orange;border-radius:0.5rem 0.5rem 0 0;padding-left:0.2rem;font-weight:bold;width:8rem;">Default value</div>
<div style="border-top:0.25rem solid green ;border-left:0.15rem solid green ;border-radius:0.5rem 0.5rem 0 0;padding-left:0.2rem;font-weight:bold;width:8rem;">Example</div>
<div style="border-top:0.25rem solid cyan ;border-left:0.15rem solid cyan ;border-radius:0.5rem 0.5rem 0 0;padding-left:0.2rem;font-weight:bold;width:8rem;">Description</div>
</div>
<div style="display:flex;flex-flow:row wrap;gap:0.5rem;">
<div style="border-top:0.2rem solid red ;border-left:0.15rem solid red ;border-radius:0.5rem 0.5rem 0 0;"><code>a1</code></div>
<div style="border-top:0.2rem solid orange;border-left:0.15rem solid orange;border-radius:0.5rem 0.5rem 0 0;"><code>null</code></div>
<div style="border-top:0.2rem solid green ;border-left:0.15rem solid green ;border-radius:0.5rem 0.5rem 0 0;"><code><nowiki>{{goboard9 | a1={{BlackStone}}}}</nowiki></code></div>
<div style="border-top:0.2rem solid cyan ;border-left:0.15rem solid cyan ;border-radius:0.5rem 0.5rem 0 0;padding-left:0.2rem;"><b><i>Optional:</i></b> place an image in any square using <code><b>[letter][digit]</b>=<nowiki>[[</nowiki>File:<b>ImageFileName</b>|<b>Image Tooltip</b><nowiki>]]</nowiki></code> or <code><b>[letter][digit]</b>=<nowiki>{{</nowiki><b>templateName</b><nowiki>}}</nowiki></code> where <code><b>[letter][digit]</b></code> is the algebraic coordinate<br><b>[[Special:Upload|Upload your game piece image here]]</b></div>
</div>
<div style="display:flex;flex-flow:row wrap;gap:0.5rem;">
<div style="border-top:0.2rem solid red ;border-left:0.15rem solid red ;border-radius:0.5rem 0.5rem 0 0;"><code>highlighta1</code></div>
<div style="border-top:0.2rem solid orange;border-left:0.15rem solid orange;border-radius:0.5rem 0.5rem 0 0;"><code>null</code></div>
<div style="border-top:0.2rem solid green ;border-left:0.15rem solid green ;border-radius:0.5rem 0.5rem 0 0;"><code><nowiki>{{goboard9 | highlighta1=red 3}}</nowiki></code></div>
<div style="border-top:0.2rem solid cyan ;border-left:0.15rem solid cyan ;border-radius:0.5rem 0.5rem 0 0;padding-left:0.2rem;"><b><i>Optional:</i></b> highlight any intersection using <code>highlight<b>[letter][digit]</b>=<b>[string] [1-9]</b></code> where <code><b>[string]</b></code> is any valid colour and <code><b>[1-9]</b></code> is the circle thickness in px units</div>
</div>
<div style="display:flex;flex-flow:row wrap;gap:0.5rem;">
<div style="border-top:0.2rem solid red ;border-left:0.15rem solid red ;border-radius:0.5rem 0.5rem 0 0;"><code>squareSize</code></div>
<div style="border-top:0.2rem solid orange;border-left:0.15rem solid orange;border-radius:0.5rem 0.5rem 0 0;"><code><nowiki>30</nowiki></code></div>
<div style="border-top:0.2rem solid green ;border-left:0.15rem solid green ;border-radius:0.5rem 0.5rem 0 0;"><code><nowiki>{{goboard9 | squareSize=40}}</nowiki></code></div>
<div style="border-top:0.2rem solid cyan ;border-left:0.15rem solid cyan ;border-radius:0.5rem 0.5rem 0 0;padding-left:0.2rem;"><b><i>Optional:</i></b> specify the square dimensions in px units</div>
</div>
<div style="display:flex;flex-flow:row wrap;gap:0.5rem;">
<div style="border-top:0.2rem solid red ;border-left:0.15rem solid red ;border-radius:0.5rem 0.5rem 0 0;"><code>boardColour</code></div>
<div style="border-top:0.2rem solid orange;border-left:0.15rem solid orange;border-radius:0.5rem 0.5rem 0 0;"><code>#e5c079</code> (light brown)</div>
<div style="border-top:0.2rem solid green ;border-left:0.15rem solid green ;border-radius:0.5rem 0.5rem 0 0;"><code><nowiki>{{goboard9 | boardColour=lightgreen}}</nowiki></code></div>
<div style="border-top:0.2rem solid cyan ;border-left:0.15rem solid cyan ;border-radius:0.5rem 0.5rem 0 0;padding-left:0.2rem;"><b><i>Optional:</i></b> specify the board colour as <code><b>[string]</b></code> where <code><b>[string]</b></code> is any valid <code>style="background:<b>[string]</b>;"</code></div>
</div>
<div style="display:flex;flex-flow:row wrap;gap:0.5rem;">
<div style="border-top:0.2rem solid red ;border-left:0.15rem solid red ;border-radius:0.5rem 0.5rem 0 0;"><code>cornerRadius</code></div>
<div style="border-top:0.2rem solid orange;border-left:0.15rem solid orange;border-radius:0.5rem 0.5rem 0 0;"><code>8</code></div>
<div style="border-top:0.2rem solid green ;border-left:0.15rem solid green ;border-radius:0.5rem 0.5rem 0 0;"><code><nowiki>{{goboard9 | cornerRadius=10}}</nowiki></code></div>
<div style="border-top:0.2rem solid cyan ;border-left:0.15rem solid cyan ;border-radius:0.5rem 0.5rem 0 0;padding-left:0.2rem;"><b><i>Optional:</i></b> specify the corner radius in px units</div>
</div>
<div style="display:flex;flex-flow:row wrap;gap:0.5rem;">
<div style="border-top:0.2rem solid red ;border-left:0.15rem solid red ;border-radius:0.5rem 0.5rem 0 0;"><code>hideNotation</code></div>
<div style="border-top:0.2rem solid orange;border-left:0.15rem solid orange;border-radius:0.5rem 0.5rem 0 0;"><code>[A-J]</code>/<code>[1-9]</code></div>
<div style="border-top:0.2rem solid green ;border-left:0.15rem solid green ;border-radius:0.5rem 0.5rem 0 0;"><code><nowiki>{{goboard9 | hideNotation=}}</nowiki></code></div>
<div style="border-top:0.2rem solid cyan ;border-left:0.15rem solid cyan ;border-radius:0.5rem 0.5rem 0 0;padding-left:0.2rem;"><b><i>Optional:</i></b> hide algebraic notation</div>
</div>
<div style="display:flex;flex-flow:row wrap;gap:0.5rem;">
<div style="border-top:0.2rem solid red ;border-left:0.15rem solid red ;border-radius:0.5rem 0.5rem 0 0;"><code>gridlineThickness</code></div>
<div style="border-top:0.2rem solid orange;border-left:0.15rem solid orange;border-radius:0.5rem 0.5rem 0 0;"><code>1</code></div>
<div style="border-top:0.2rem solid green ;border-left:0.15rem solid green ;border-radius:0.5rem 0.5rem 0 0;"><code><nowiki>{{goboard9 | gridlineThickness=2}}</nowiki></code></div>
<div style="border-top:0.2rem solid cyan ;border-left:0.15rem solid cyan ;border-radius:0.5rem 0.5rem 0 0;padding-left:0.2rem;"><b><i>Optional:</i></b> specify the gridline thickness in px units</div>
</div>
<div style="display:flex;flex-flow:row wrap;gap:0.5rem;">
<div style="border-top:0.2rem solid red ;border-left:0.15rem solid red ;border-radius:0.5rem 0.5rem 0 0;"><code>starSize</code></div>
<div style="border-top:0.2rem solid orange;border-left:0.15rem solid orange;border-radius:0.5rem 0.5rem 0 0;"><code>6</code></div>
<div style="border-top:0.2rem solid green ;border-left:0.15rem solid green ;border-radius:0.5rem 0.5rem 0 0;"><code><nowiki>{{goboard9 | starSize=8}}</nowiki></code></div>
<div style="border-top:0.2rem solid cyan ;border-left:0.15rem solid cyan ;border-radius:0.5rem 0.5rem 0 0;padding-left:0.2rem;"><b><i>Optional:</i></b> specify the star size (dots for handicap) in px units</div>
</div>
<div style="display:flex;flex-flow:row wrap;gap:0.5rem;">
<div style="border-top:0.2rem solid red ;border-left:0.15rem solid red ;border-radius:0.5rem 0.5rem 0 0;"><code>gridColour</code></div>
<div style="border-top:0.2rem solid orange;border-left:0.15rem solid orange;border-radius:0.5rem 0.5rem 0 0;"><code>#000</code> (black)</div>
<div style="border-top:0.2rem solid green ;border-left:0.15rem solid green ;border-radius:0.5rem 0.5rem 0 0;"><code><nowiki>{{goboard9 | gridColour=blue}}</nowiki></code></div>
<div style="border-top:0.2rem solid cyan ;border-left:0.15rem solid cyan ;border-radius:0.5rem 0.5rem 0 0;padding-left:0.2rem;"><b><i>Optional:</i></b> specify the grid colour as <code><b>[string]</b></code> where <code><b>[string]</b></code> is any valid <code>style="background:<b>[string]</b>;"</code></div>
</div>
</div>

== Examples ==

=== Go ===

<div style="float:right; width:260px; border:solid #aaa 1px; background:#fff; padding:1rem; margin-left:1rem;"><center><b>Repeating the same position with the same player turn is illegal</b>
<div style="position:relative; width:210px; height:180px; overflow:hidden; margin:1rem;"><div style="position:absolute; bottom:0px;">
{{goboard9 | starSize=0

| highlightd3=red 5

| c3={{whiteStone}}
| d2={{whiteStone}}
| d4={{whiteStone}}
| e3={{whiteStone}}

| b3={{blackStone}}
| c2={{blackStone}}
| c4={{blackStone}}
}}</div></div>
White has just placed their stone on c3 and captured black's stone on d3. Black cannot play on d3 again (capturing c3) because it would be the same position with the same player turn.
</center></div>

<pre>
<div style="float:right; width:260px; border:solid #aaa 1px; background:#fff; padding:1rem; margin-left:1rem;"><center><b>Repeating the same position with the same player turn is illegal</b>
<div style="position:relative; width:210px; height:180px; overflow:hidden; margin:1rem;"><div style="position:absolute; bottom:0px;">
{{goboard9 | starSize=0

| highlightd3=red 5

| c3={{whiteStone}}
| d2={{whiteStone}}
| d4={{whiteStone}}
| e3={{whiteStone}}

| b3={{blackStone}}
| c2={{blackStone}}
| c4={{blackStone}}
}}</div></div>
White has just placed their stone on c3 and captured black's stone on d3. Black cannot play on d3 again (capturing c3) because it would be the same position with the same player turn.
</center></div>
</pre>

----
<div style="float:right;">
{{goboard19
| c3={{blackStone}}
| c7={{blackStone}}

| highlightc7=red 7

| e6={{whiteStone}}

| highlighte4=blue 2
}}
</div>

<pre>
{{goboard19
| c3={{blackStone}}
| c7={{blackStone}}

| highlightc7=red 7

| e6={{whiteStone}}

| highlighte4=blue 2
}}
</pre>

=== Gomoku ===

Freestyle

Renju

Caro

Omok

Ninuki-renju

=== Pente ===

=== Connect 6 ===

[[Category:GameBoardTemplates|Game board templates]]
</noinclude>

Vorlage:WhiteStone

2022-10-18T09:38:42Z

MHiero789: Die Seite wurde neu angelegt: „<div style="width:30px;height:30px;background:rgba(255,255,255,1);border-radius:50%;box-shadow:inset 0px 0px 1px 1px rgba(255,255,255,0.2),inset 0px -10px 20px…“

<div style="width:30px;height:30px;background:rgba(255,255,255,1);border-radius:50%;box-shadow:inset 0px 0px 1px 1px rgba(255,255,255,0.2),inset 0px -10px 20px 1px rgba(0,0,0,0.2),inset 0px -4px 10px -1px rgba(0,0,0,0.2),0px 2px 1px -1px rgba(0,0,0,0.4);"></div>
<noinclude>
[[Category:GamePieceTemplates|Game piece templates]]
</noinclude>

Vorlage:BlackStone

2022-10-18T09:37:22Z

MHiero789: Die Seite wurde neu angelegt: „<div style="width:30px;height:30px;background:rgba(150,150,150,1);border-radius:50%;box-shadow:inset 0px 0px 1px 1px rgba(255,255,255,0.2),inset 0px -10px 20px…“

<div style="width:30px;height:30px;background:rgba(150,150,150,1);border-radius:50%;box-shadow:inset 0px 0px 1px 1px rgba(255,255,255,0.2),inset 0px -10px 20px 1px rgba(0,0,0,0.9),inset 0px -4px 10px -1px rgba(0,0,0,0.2),0px 2px 1px -1px rgba(0,0,0,0.4);"></div>
<noinclude>
[[Category:GamePieceTemplates|Game piece templates]]
</noinclude>

Gamehelpgomoku

2022-10-17T11:16:09Z

MHiero789: Die Seite wurde neu angelegt: „== Übersicht und Ziel == Gomoku, auch unter dem Namen Fünf in einer Reihe bekannt, ist ein abstraktes Strategiebrettspiel. Es wird traditionell mit einem <b…“

== Übersicht und Ziel ==

Gomoku, auch unter dem Namen Fünf in einer Reihe bekannt, ist ein abstraktes Strategiebrettspiel. Es wird traditionell mit einem <b>[[Gamehelpclassicgo|Go]]</b>-Brett und -Steinen gespielt.

Spielende platzieren einen Stein Ihrer Farbe abwechselnd auf freie Kreuzpunkte (Felder). Schwarz beginnt!
<div style="display:flex; flex-flow:row wrap;">{{blackStone}}{{whiteStone}}</div>

Die Person, die als erstes eine Reihe aus exakt 5 Steinen - entweder horizontal, vertikal oder diagonal - gelegt hat, gewinnt.

== Optionen ==

<div style="display:flex;flex-flow:row wrap;max-width:max-content;border:0.1rem solid #aaa;">
<div style="box-shadow:inset 0 0 0 0.1rem #f0f;background:#fef;padding:0.5rem;width:max-content;">nur Trainingsmodus</div>
<div style="box-shadow:inset 0 0 0 0.1rem #0f0;background:#efe;padding:0.5rem;width:max-content;">normaler Modus</div>
<div style="box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;width:max-content;">anderer Modus</div>
</div>

=== Brettgröße ===

<div style="display:flex;flex-flow:row wrap;max-width:max-content;border:0.1rem solid #aaa;">
<div style="box-shadow:inset 0 0 0 0.1rem #f0f;background:#fef;padding:0.5rem;">9x9{{goboard9 | squareSize=10 | starSize=0 | hideNotation=}}</div>
<div style="box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;">13x13{{goboard13 | squareSize=10 | starSize=0 | hideNotation=}}</div>
<div style="box-shadow:inset 0 0 0 0.1rem #0f0;background:#efe;padding:0.5rem;">15x15{{goboard15 | squareSize=10 | starSize=0 | hideNotation=}}</div>
<div style="box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;">19x19{{goboard19 | squareSize=10 | starSize=0 | hideNotation=}}</div>
</div>

=== Varianten ===

Die Siegbedingungen des Spiels werden über dem Spielbrett angezeigt:

<div class=winning conditions" style="display:grid;max-width:50rem;border:0.1rem solid #aaa;">
<div style="grid-area: 1 / 1 / 2 / 2;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;font-weight:bold;">Variante</div>
<div style="grid-area: 1 / 2 / 2 / 3;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;font-weight:bold;">Erklärung</div>
<div style="grid-area: 2 / 1 / 3 / 2;box-shadow:inset 0 0 0 0.1rem #0f0;background:#efe;padding:0.5rem;font-weight:bold;">Standard</div>
<div style="grid-area: 2 / 2 / 3 / 3;box-shadow:inset 0 0 0 0.1rem #0f0;background:#efe;padding:0.5rem;">Bringe<b>exakt 5</b> Steine in eine horizontale, vertikale, oder diagonale Reihe.
Eine Reihe aus sechs oder mehr Steinen zu generieren bringt <b>keinen</b> Sieg.</div>
<div style="grid-area: 3 / 1 / 4 / 2;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;font-weight:bold;">Freestyle</div>
<div style="grid-area: 3 / 2 / 4 / 3;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;">Bringe <b>wenigstens 5</b> Steine in eine horizontale, vertikale, oder diagonale Reihe.</div>
<div style="grid-area: 4 / 1 / 5 / 2;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;font-weight:bold;">Caro</div>
<div style="grid-area: 4 / 2 / 5 / 3;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;">Entweder:
# Bringe<b>exakt 5</b> Steine in eine horizontale, vertikale, oder diagonale Reihe, die an ihren beiden Enden freie Felder besitzt.
# Bringe<b>mehr als 5</b> Steine in eine horizontale, vertikale, oder diagonale Reihe, egal ob an deren Ende freie Felder sind.</div>
</div>

=== Eröffnungsregel ===

Die ersten drei Optionen sind aufgrund des Eröffnungsvorteils nicht verfügbar.

<div class=winning conditions" style="display:grid;max-width:50rem;border:0.1rem solid #aaa;">
<div style="grid-area:1 / 1 / 2 / 2;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;font-weight:bold;">Eröffnungsregel</div>
<div style="grid-area:1 / 2 / 2 / 3;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;font-weight:bold;">Erklärung</div>
<div style="grid-area:2 / 1 / 3 / 2;box-shadow:inset 0 0 0 0.1rem #f0f;background:#fef;padding:0.5rem;font-weight:bold;">Keine</div>
<div style="grid-area:3 / 1 / 4 / 2;box-shadow:inset 0 0 0 0.1rem #f0f;background:#fef;padding:0.5rem;font-weight:bold;">Pro</div>
<div style="grid-area:4 / 1 / 5 / 2;box-shadow:inset 0 0 0 0.1rem #f0f;background:#fef;padding:0.5rem;font-weight:bold;">Lange Pro</div>
<div style="grid-area:5 / 1 / 6 / 2;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;font-weight:bold;">Tausch</div>
<div style="grid-area:6 / 1 / 7 / 2;box-shadow:inset 0 0 0 0.1rem #0f0;background:#efe;padding:0.5rem;font-weight:bold;">Tausch2</div>
<div style="grid-area:2 / 2 / 3 / 3;box-shadow:inset 0 0 0 0.1rem #f0f;background:#fef;padding:0.5rem;">Das Spiel startet ohne Eröffnungsregel.</div>
<div style="grid-area:3 / 2 / 4 / 3;box-shadow:inset 0 0 0 0.1rem #f0f;background:#fef;padding:0.5rem;">Der erste Stein der eröffnenden Person muss in der Mitte des Bretts platziert werden.
Der zweite Stein der als zweites spielenden Person kann frei auf dem Brett platziert werden.
Der dritte Stein (von der Person die das Spiel eröffnet hat) muss wenigstens <b>drei</b> Kreuzungspunkte (Felder) vom ersten Stein entfernt platziert werden.</div>
<div style="grid-area:4 / 2 / 5 / 3;box-shadow:inset 0 0 0 0.1rem #f0f;background:#fef;padding:0.5rem;">Der erste Stein muss in der Mitte des Bretts platziert werden.
Der zweite Stein der als zweites spielenden Person kann frei auf dem Brett platziert werden.
Der zweiter Stein der Person, die das Spiel eröffnet hat, muss wenigstens <b>vier</b> Kreuzungspunkte (Felder) entfernt vom ersten Stein platziert werden.</div>
<div style="grid-area:5 / 2 / 6 / 3;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;">Die eröffnende Person platziert <b>drei</b> Steine, zwei schwarze und einen weißen Stein.
Die zweite Person wählt mit welcher Farbe diese spielen will.
Die weiß spielende Person platziert regulär den zweiten weißen Stein.</div>
<div style="grid-area:6 / 2 / 7 / 3;box-shadow:inset 0 0 0 0.1rem #0f0;background:#efe;padding:0.5rem;">Die eröffnende Person platziert <b>drei</b> Steine, zwei schwarze und einen weißen Stein.
Die zweite Person wählt aus drei Optionen:
# das Spiel mit schwarzen Steinen,
# das Spiel mit weißen Steinen und dem anschließenden Platzieren eines zweiten weißen Steins,
# das Platzieren eines weiteren weißen sowie eines weiteren schwarzen Steins und der Überlassung der Farbwahl der anderen Person.</div>
</div>

=== Einstellungen ===

Öffnen Sie das Menü oben rechts im Spielbildschirm oder den Reiter 'Optionen' unter dem Spielbrett, um zu den Einstellungen zu gelangen.

<div class=winning conditions" style="display:grid;max-width:50rem;border:0.1rem solid #aaa;">
<div style="grid-area:1 / 1 / 2 / 2;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;font-weight:bold;">Einstellungen</div>
<div style="grid-area:1 / 2 / 2 / 3;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;font-weight:bold;">Erklärung</div>
<div style="grid-area:2 / 1 / 4 / 2;box-shadow:inset 0 0 0 0.1rem #0f0;background:#efe;padding:0.5rem;font-weight:bold;">Bestätigungen anzeigen</div>
<div style="grid-area:4 / 1 / 6 / 2;box-shadow:inset 0 0 0 0.1rem #0f0;background:#efe;padding:0.5rem;font-weight:bold;">Hervorheben letzter Zug</div>
<div style="grid-area:6 / 1 / 8 / 2;box-shadow:inset 0 0 0 0.1rem #0f0;background:#efe;padding:0.5rem;font-weight:bold;">Zeige Koordinaten</div>
<div style="grid-area:2 / 2 / 3 / 3;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;">Aktiviert: Bestätigungsknopf wird nach dem Platzieren eines Steins angezeigt.
Spieler:In muss den gemachten Zug bestätigen.
Rote Knöpfe sind nicht zurücknehmbar.</div>
<div style="grid-area:3 / 2 / 4 / 3;box-shadow:inset 0 0 0 0.1rem #0f0;background:#efe;padding:0.5rem;">Deaktiviert: Kein Rückgängigmachen eines Zuges, mit Ausnahme:
* Tausch: die ersten drei Steine
* Tausch2: die ersten zwei Steine sowie der vierte Stein bei der dritten Option
:: see [[#Opening_rule|Opening rule]]</div>
<div style="grid-area:4 / 2 / 5 / 3;box-shadow:inset 0 0 0 0.1rem #0f0;background:#efe;padding:0.5rem;">Aktiviert: Der letzte Zug wird mit einem kleinen orangeroten Kreis hervorgehoben.</div>
<div style="grid-area:5 / 2 / 6 / 3;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;">Deaktiviert</div>
<div style="grid-area:6 / 2 / 7 / 3;box-shadow:inset 0 0 0 0.1rem #0f0;background:#efe;padding:0.5rem;">Aktiviert</div>
<div style="grid-area:7 / 2 / 8 / 3;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;">Deaktiviert</div>
</div>