This is a documentation for Board Game Arena: play board games online !
Template:Goboard19: Difference between revisions
Jump to navigation
Jump to search
Sammy McSam (talk | contribs) (Created page with "<div class="notation grid" style=" display:grid; grid:{{{hideNotation|2rem}}} repeat({{{boardSize|19}}},{{{squareSize|46}}}px) {{{hideNotation|2rem}}} / {{{hideNotation|2rem}}...") |
Sammy McSam (talk | contribs) (reduced default squareSize) |
||
(4 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|19}}},{{{squareSize| | grid:{{{hideNotation|2rem}}} repeat({{{boardSize|19}}},{{{squareSize|30}}}px) {{{hideNotation|2rem}}} / {{{hideNotation|2rem}}} repeat({{{boardSize|19}}},{{{squareSize|30}}}px) {{{hideNotation|2rem}}}; | ||
gap:{{{gridlineThickness|1}}}px; | 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}}}; | ||
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|19}}} - 1),{{{squareSize| | grid:repeat(calc({{{boardSize|19}}} - 1),{{{squareSize|30}}}px) / repeat(calc({{{boardSize|19}}} - 1),{{{squareSize|30}}}px); | ||
gap:{{{gridlineThickness|1}}}px; | gap:{{{gridlineThickness|1}}}px; | ||
left:calc(({{{squareSize|30}}}px / 2) + ({{{gridlineThickness|1}}}px / 2)); | |||
left:calc(({{{squareSize| | top :calc(({{{squareSize|30}}}px / 2) + ({{{gridlineThickness|1}}}px / 2)); | ||
top :calc(({{{squareSize| | |||
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 349: | Line 347: | ||
</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 style="align-self:end;text-align:center;">O</div> | <div style="align-self:end;text-align:center;z-index:1;">O</div> | ||
<div style="align-self:end;text-align:center;">P</div> | <div style="align-self:end;text-align:center;z-index:1;">P</div> | ||
<div style="align-self:end;text-align:center;">Q</div> | <div style="align-self:end;text-align:center;z-index:1;">Q</div> | ||
<div style="align-self:end;text-align:center;">R</div> | <div style="align-self:end;text-align:center;z-index:1;">R</div> | ||
<div style="align-self:end;text-align:center;">S</div> | <div style="align-self:end;text-align:center;z-index:1;">S</div> | ||
<div style="align-self:end;text-align:center;">T</div> | <div style="align-self:end;text-align:center;z-index:1;">T</div> | ||
<div></div> | <div></div> | ||
<div style="align-self:center;text-align:right;padding-right:4px;">19</div>}}} | <div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">19</div>}}} | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta19|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{a19|}}}</div> | <div style="position:absolute;">{{{a19|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb19|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{b19|}}}</div> | <div style="position:absolute;">{{{b19|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc19|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{c19|}}}</div> | <div style="position:absolute;">{{{c19|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd19|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{d19|}}}</div> | <div style="position:absolute;">{{{d19|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte19|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{e19|}}}</div> | <div style="position:absolute;">{{{e19|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf19|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{f19|}}}</div> | <div style="position:absolute;">{{{f19|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg19|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{g19|}}}</div> | <div style="position:absolute;">{{{g19|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth19|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{h19|}}}</div> | <div style="position:absolute;">{{{h19|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj19|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{j19|}}}</div> | <div style="position:absolute;">{{{j19|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk19|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{k19|}}}</div> | <div style="position:absolute;">{{{k19|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl19|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{l19|}}}</div> | <div style="position:absolute;">{{{l19|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm19|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{m19|}}}</div> | <div style="position:absolute;">{{{m19|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn19|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{n19|}}}</div> | <div style="position:absolute;">{{{n19|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto19|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{o19|}}}</div> | <div style="position:absolute;">{{{o19|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp19|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{p19|}}}</div> | <div style="position:absolute;">{{{p19|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq19|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{q19|}}}</div> | <div style="position:absolute;">{{{q19|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr19|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{r19|}}}</div> | <div style="position:absolute;">{{{r19|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights19|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{s19|}}}</div> | <div style="position:absolute;">{{{s19|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt19|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{t19|}}}</div> | <div style="position:absolute;">{{{t19|}}}</div> | ||
</div> | </div> | ||
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;padding-left :4px;">19</div> | </div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">19</div> | ||
<div style="align-self:center;text-align:right;padding-right:4px;">18</div>}}} | <div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">18</div>}}} | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta18|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{a18|}}}</div> | <div style="position:absolute;">{{{a18|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb18|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{b18|}}}</div> | <div style="position:absolute;">{{{b18|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc18|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{c18|}}}</div> | <div style="position:absolute;">{{{c18|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd18|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{d18|}}}</div> | <div style="position:absolute;">{{{d18|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte18|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{e18|}}}</div> | <div style="position:absolute;">{{{e18|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf18|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{f18|}}}</div> | <div style="position:absolute;">{{{f18|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg18|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{g18|}}}</div> | <div style="position:absolute;">{{{g18|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth18|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{h18|}}}</div> | <div style="position:absolute;">{{{h18|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj18|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{j18|}}}</div> | <div style="position:absolute;">{{{j18|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk18|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{k18|}}}</div> | <div style="position:absolute;">{{{k18|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl18|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{l18|}}}</div> | <div style="position:absolute;">{{{l18|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm18|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{m18|}}}</div> | <div style="position:absolute;">{{{m18|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn18|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{n18|}}}</div> | <div style="position:absolute;">{{{n18|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto18|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{o18|}}}</div> | <div style="position:absolute;">{{{o18|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp18|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{p18|}}}</div> | <div style="position:absolute;">{{{p18|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq18|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{q18|}}}</div> | <div style="position:absolute;">{{{q18|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr18|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{r18|}}}</div> | <div style="position:absolute;">{{{r18|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights18|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{s18|}}}</div> | <div style="position:absolute;">{{{s18|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt18|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{t18|}}}</div> | <div style="position:absolute;">{{{t18|}}}</div> | ||
</div> | </div> | ||
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;padding-left :4px;">18</div> | </div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">18</div> | ||
<div style="align-self:center;text-align:right;padding-right:4px;">17</div>}}} | <div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">17</div>}}} | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta17|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{a17|}}}</div> | <div style="position:absolute;">{{{a17|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb17|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{b17|}}}</div> | <div style="position:absolute;">{{{b17|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc17|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{c17|}}}</div> | <div style="position:absolute;">{{{c17|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd17|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{d17|}}}</div> | <div style="position:absolute;">{{{d17|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte17|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{e17|}}}</div> | <div style="position:absolute;">{{{e17|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf17|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{f17|}}}</div> | <div style="position:absolute;">{{{f17|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg17|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{g17|}}}</div> | <div style="position:absolute;">{{{g17|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth17|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{h17|}}}</div> | <div style="position:absolute;">{{{h17|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj17|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{j17|}}}</div> | <div style="position:absolute;">{{{j17|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk17|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{k17|}}}</div> | <div style="position:absolute;">{{{k17|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl17|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{l17|}}}</div> | <div style="position:absolute;">{{{l17|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm17|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{m17|}}}</div> | <div style="position:absolute;">{{{m17|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn17|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{n17|}}}</div> | <div style="position:absolute;">{{{n17|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto17|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{o17|}}}</div> | <div style="position:absolute;">{{{o17|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp17|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{p17|}}}</div> | <div style="position:absolute;">{{{p17|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq17|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{q17|}}}</div> | <div style="position:absolute;">{{{q17|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr17|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{r17|}}}</div> | <div style="position:absolute;">{{{r17|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights17|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{s17|}}}</div> | <div style="position:absolute;">{{{s17|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt17|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{t17|}}}</div> | <div style="position:absolute;">{{{t17|}}}</div> | ||
</div> | </div> | ||
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;padding-left :4px;">17</div> | </div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">17</div> | ||
<div style="align-self:center;text-align:right;padding-right:4px;">16</div>}}} | <div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">16</div>}}} | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta16|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{a16|}}}</div> | <div style="position:absolute;">{{{a16|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb16|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{b16|}}}</div> | <div style="position:absolute;">{{{b16|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc16|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{c16|}}}</div> | <div style="position:absolute;">{{{c16|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd16|}}}px;position:relative;"> | ||
<div style="position:absolute;border-radius:calc({{{squareSize| | <div style="position:absolute;border-radius:calc({{{squareSize|30}}}px / 2);background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div> | ||
<div style="position:absolute;">{{{d16|}}}</div> | <div style="position:absolute;">{{{d16|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte16|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{e16|}}}</div> | <div style="position:absolute;">{{{e16|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf16|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{f16|}}}</div> | <div style="position:absolute;">{{{f16|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg16|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{g16|}}}</div> | <div style="position:absolute;">{{{g16|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth16|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{h16|}}}</div> | <div style="position:absolute;">{{{h16|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj16|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{j16|}}}</div> | <div style="position:absolute;">{{{j16|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk16|}}}px;position:relative;"> | ||
<div style="position:absolute;border-radius:calc({{{squareSize| | <div style="position:absolute;border-radius:calc({{{squareSize|30}}}px / 2);background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div> | ||
<div style="position:absolute;">{{{k16|}}}</div> | <div style="position:absolute;">{{{k16|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl16|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{l16|}}}</div> | <div style="position:absolute;">{{{l16|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm16|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{m16|}}}</div> | <div style="position:absolute;">{{{m16|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn16|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{n16|}}}</div> | <div style="position:absolute;">{{{n16|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto16|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{o16|}}}</div> | <div style="position:absolute;">{{{o16|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp16|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{p16|}}}</div> | <div style="position:absolute;">{{{p16|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq16|}}}px;position:relative;"> | ||
<div style="position:absolute;border-radius:calc({{{squareSize| | <div style="position:absolute;border-radius:calc({{{squareSize|30}}}px / 2);background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div> | ||
<div style="position:absolute;">{{{q16|}}}</div> | <div style="position:absolute;">{{{q16|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr16|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{r16|}}}</div> | <div style="position:absolute;">{{{r16|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights16|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{s16|}}}</div> | <div style="position:absolute;">{{{s16|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt16|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{t16|}}}</div> | <div style="position:absolute;">{{{t16|}}}</div> | ||
</div> | </div> | ||
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;padding-left :4px;">16</div> | </div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">16</div> | ||
<div style="align-self:center;text-align:right;padding-right:4px;">15</div>}}} | <div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">15</div>}}} | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta15|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{a15|}}}</div> | <div style="position:absolute;">{{{a15|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb15|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{b15|}}}</div> | <div style="position:absolute;">{{{b15|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc15|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{c15|}}}</div> | <div style="position:absolute;">{{{c15|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd15|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{d15|}}}</div> | <div style="position:absolute;">{{{d15|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte15|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{e15|}}}</div> | <div style="position:absolute;">{{{e15|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf15|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{f15|}}}</div> | <div style="position:absolute;">{{{f15|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg15|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{g15|}}}</div> | <div style="position:absolute;">{{{g15|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth15|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{h15|}}}</div> | <div style="position:absolute;">{{{h15|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj15|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{j15|}}}</div> | <div style="position:absolute;">{{{j15|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk15|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{k15|}}}</div> | <div style="position:absolute;">{{{k15|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl15|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{l15|}}}</div> | <div style="position:absolute;">{{{l15|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm15|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{m15|}}}</div> | <div style="position:absolute;">{{{m15|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn15|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{n15|}}}</div> | <div style="position:absolute;">{{{n15|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto15|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{o15|}}}</div> | <div style="position:absolute;">{{{o15|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp15|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{p15|}}}</div> | <div style="position:absolute;">{{{p15|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq15|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{q15|}}}</div> | <div style="position:absolute;">{{{q15|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr15|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{r15|}}}</div> | <div style="position:absolute;">{{{r15|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights15|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{s15|}}}</div> | <div style="position:absolute;">{{{s15|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt15|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{t15|}}}</div> | <div style="position:absolute;">{{{t15|}}}</div> | ||
</div> | </div> | ||
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;padding-left :4px;">15</div> | </div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">15</div> | ||
<div style="align-self:center;text-align:right;padding-right:4px;">14</div>}}} | <div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">14</div>}}} | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta14|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{a14|}}}</div> | <div style="position:absolute;">{{{a14|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb14|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{b14|}}}</div> | <div style="position:absolute;">{{{b14|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc14|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{c14|}}}</div> | <div style="position:absolute;">{{{c14|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd14|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{d14|}}}</div> | <div style="position:absolute;">{{{d14|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte14|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{e14|}}}</div> | <div style="position:absolute;">{{{e14|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf14|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{f14|}}}</div> | <div style="position:absolute;">{{{f14|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg14|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{g14|}}}</div> | <div style="position:absolute;">{{{g14|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth14|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{h14|}}}</div> | <div style="position:absolute;">{{{h14|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj14|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{j14|}}}</div> | <div style="position:absolute;">{{{j14|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk14|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{k14|}}}</div> | <div style="position:absolute;">{{{k14|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl14|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{l14|}}}</div> | <div style="position:absolute;">{{{l14|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm14|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{m14|}}}</div> | <div style="position:absolute;">{{{m14|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn14|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{n14|}}}</div> | <div style="position:absolute;">{{{n14|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto14|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{o14|}}}</div> | <div style="position:absolute;">{{{o14|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp14|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{p14|}}}</div> | <div style="position:absolute;">{{{p14|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq14|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{q14|}}}</div> | <div style="position:absolute;">{{{q14|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr14|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{r14|}}}</div> | <div style="position:absolute;">{{{r14|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights14|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{s14|}}}</div> | <div style="position:absolute;">{{{s14|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt14|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{t14|}}}</div> | <div style="position:absolute;">{{{t14|}}}</div> | ||
</div> | </div> | ||
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;padding-left :4px;">14</div> | </div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">14</div> | ||
<div style="align-self:center;text-align:right;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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto13|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{o13|}}}</div> | <div style="position:absolute;">{{{o13|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp13|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{p13|}}}</div> | <div style="position:absolute;">{{{p13|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq13|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{q13|}}}</div> | <div style="position:absolute;">{{{q13|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr13|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{r13|}}}</div> | <div style="position:absolute;">{{{r13|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights13|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{s13|}}}</div> | <div style="position:absolute;">{{{s13|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt13|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{t13|}}}</div> | <div style="position:absolute;">{{{t13|}}}</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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto12|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{o12|}}}</div> | <div style="position:absolute;">{{{o12|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp12|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{p12|}}}</div> | <div style="position:absolute;">{{{p12|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq12|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{q12|}}}</div> | <div style="position:absolute;">{{{q12|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr12|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{r12|}}}</div> | <div style="position:absolute;">{{{r12|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights12|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{s12|}}}</div> | <div style="position:absolute;">{{{s12|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt12|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{t12|}}}</div> | <div style="position:absolute;">{{{t12|}}}</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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto11|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{o11|}}}</div> | <div style="position:absolute;">{{{o11|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp11|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{p11|}}}</div> | <div style="position:absolute;">{{{p11|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq11|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{q11|}}}</div> | <div style="position:absolute;">{{{q11|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr11|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{r11|}}}</div> | <div style="position:absolute;">{{{r11|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights11|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{s11|}}}</div> | <div style="position:absolute;">{{{s11|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt11|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{t11|}}}</div> | <div style="position:absolute;">{{{t11|}}}</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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto10|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{o10|}}}</div> | <div style="position:absolute;">{{{o10|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp10|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{p10|}}}</div> | <div style="position:absolute;">{{{p10|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq10|}}}px;position:relative;"> | ||
<div style="position:absolute;border-radius:calc({{{squareSize| | <div style="position:absolute;border-radius:calc({{{squareSize|30}}}px / 2);background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div> | ||
<div style="position:absolute;">{{{q10|}}}</div> | <div style="position:absolute;">{{{q10|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr10|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{r10|}}}</div> | <div style="position:absolute;">{{{r10|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights10|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{s10|}}}</div> | <div style="position:absolute;">{{{s10|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt10|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{t10|}}}</div> | <div style="position:absolute;">{{{t10|}}}</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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto9|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{o9|}}}</div> | <div style="position:absolute;">{{{o9|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp9|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{p9|}}}</div> | <div style="position:absolute;">{{{p9|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq9|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{q9|}}}</div> | <div style="position:absolute;">{{{q9|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr9|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{r9|}}}</div> | <div style="position:absolute;">{{{r9|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights9|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{s9|}}}</div> | <div style="position:absolute;">{{{s9|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt9|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{t9|}}}</div> | <div style="position:absolute;">{{{t9|}}}</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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto8|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{o8|}}}</div> | <div style="position:absolute;">{{{o8|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp8|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{p8|}}}</div> | <div style="position:absolute;">{{{p8|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq8|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{q8|}}}</div> | <div style="position:absolute;">{{{q8|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr8|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{r8|}}}</div> | <div style="position:absolute;">{{{r8|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights8|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{s8|}}}</div> | <div style="position:absolute;">{{{s8|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt8|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{t8|}}}</div> | <div style="position:absolute;">{{{t8|}}}</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| | <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| | <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| | <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| | <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| | <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| | <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| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg7|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{g7|}}}</div> | <div 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| | <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| | <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| | <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| | <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| | <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| | <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> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto7|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{o7|}}}</div> | <div style="position:absolute;">{{{o7|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp7|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{p7|}}}</div> | <div style="position:absolute;">{{{p7|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq7|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{q7|}}}</div> | <div style="position:absolute;">{{{q7|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr7|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{r7|}}}</div> | <div style="position:absolute;">{{{r7|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights7|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{s7|}}}</div> | <div style="position:absolute;">{{{s7|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt7|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{t7|}}}</div> | <div style="position:absolute;">{{{t7|}}}</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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto6|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{o6|}}}</div> | <div style="position:absolute;">{{{o6|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp6|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{p6|}}}</div> | <div style="position:absolute;">{{{p6|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq6|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{q6|}}}</div> | <div style="position:absolute;">{{{q6|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr6|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{r6|}}}</div> | <div style="position:absolute;">{{{r6|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights6|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{s6|}}}</div> | <div style="position:absolute;">{{{s6|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt6|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{t6|}}}</div> | <div style="position:absolute;">{{{t6|}}}</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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto5|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{o5|}}}</div> | <div style="position:absolute;">{{{o5|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp5|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{p5|}}}</div> | <div style="position:absolute;">{{{p5|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq5|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{q5|}}}</div> | <div style="position:absolute;">{{{q5|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr5|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{r5|}}}</div> | <div style="position:absolute;">{{{r5|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights5|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{s5|}}}</div> | <div style="position:absolute;">{{{s5|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt5|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{t5|}}}</div> | <div style="position:absolute;">{{{t5|}}}</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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto4|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{o4|}}}</div> | <div style="position:absolute;">{{{o4|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp4|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{p4|}}}</div> | <div style="position:absolute;">{{{p4|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq4|}}}px;position:relative;"> | ||
<div style="position:absolute;border-radius:calc({{{squareSize| | <div style="position:absolute;border-radius:calc({{{squareSize|30}}}px / 2);background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div> | ||
<div style="position:absolute;">{{{q4|}}}</div> | <div style="position:absolute;">{{{q4|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr4|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{r4|}}}</div> | <div style="position:absolute;">{{{r4|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights4|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{s4|}}}</div> | <div style="position:absolute;">{{{s4|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt4|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{t4|}}}</div> | <div style="position:absolute;">{{{t4|}}}</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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto3|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{o3|}}}</div> | <div style="position:absolute;">{{{o3|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp3|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{p3|}}}</div> | <div style="position:absolute;">{{{p3|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq3|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{q3|}}}</div> | <div style="position:absolute;">{{{q3|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr3|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{r3|}}}</div> | <div style="position:absolute;">{{{r3|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights3|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{s3|}}}</div> | <div style="position:absolute;">{{{s3|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt3|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{t3|}}}</div> | <div style="position:absolute;">{{{t3|}}}</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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto2|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{o2|}}}</div> | <div style="position:absolute;">{{{o2|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp2|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{p2|}}}</div> | <div style="position:absolute;">{{{p2|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq2|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{q2|}}}</div> | <div style="position:absolute;">{{{q2|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr2|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{r2|}}}</div> | <div style="position:absolute;">{{{r2|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights2|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{s2|}}}</div> | <div style="position:absolute;">{{{s2|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt2|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{t2|}}}</div> | <div style="position:absolute;">{{{t2|}}}</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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighto1|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{o1|}}}</div> | <div style="position:absolute;">{{{o1|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightp1|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{p1|}}}</div> | <div style="position:absolute;">{{{p1|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightq1|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{q1|}}}</div> | <div style="position:absolute;">{{{q1|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightr1|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{r1|}}}</div> | <div style="position:absolute;">{{{r1|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlights1|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{s1|}}}</div> | <div style="position:absolute;">{{{s1|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightt1|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{t1|}}}</div> | <div style="position:absolute;">{{{t1|}}}</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 style="align-self:start;text-align:center;">O</div> | <div style="align-self:start;text-align:center;z-index:1;">O</div> | ||
<div style="align-self:start;text-align:center;">P</div> | <div style="align-self:start;text-align:center;z-index:1;">P</div> | ||
<div style="align-self:start;text-align:center;">Q</div> | <div style="align-self:start;text-align:center;z-index:1;">Q</div> | ||
<div style="align-self:start;text-align:center;">R</div> | <div style="align-self:start;text-align:center;z-index:1;">R</div> | ||
<div style="align-self:start;text-align:center;">S</div> | <div style="align-self:start;text-align:center;z-index:1;">S</div> | ||
<div style="align-self:start;text-align:center;">T</div> | <div style="align-self:start;text-align:center;z-index:1;">T</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
O
P
Q
R
S
T
19
19
18
18
17
17
16
16
15
15
14
14
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
O
P
Q
R
S
T
For documentation see Template:Goboard9