This is a documentation for Board Game Arena: play board games online !

Template:Goboard13: Difference between revisions

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

Latest revision as of 17:00, 22 December 2021

A
B
C
D
E
F
G
H
J
K
L
M
N
13
13
12
12
11
11
10
10
9
9
8
8
7
7
6
6
5
5
4
4
3
3
2
2
1
1
A
B
C
D
E
F
G
H
J
K
L
M
N

For documentation see Template:Goboard9

Retrieved from "http:///index.php?title=Template:Goboard13&oldid=10710"