pt.puzzle-sudoku.com Open in urlscan Pro
52.25.152.19  Public Scan

Form analysis
1 forms found in the DOM

Name: answerForm — POST /

<form method="post" action="/" name="answerForm" id="puzzleForm" onsubmit="Game.saveState();Game.tickTimer();this.jstimerPersonal.value = Game.getTimer();this.ansH.value=Game.serializeSolution()"><input type="hidden" name="jstimer" value="0"><input
    type="hidden" name="jsPersonalTimer" value=""><input type="hidden" name="jstimerPersonal" value=""><input type="hidden" name="stopClock" value="0"><input type="hidden" name="fromSolved" value="0"><input type="hidden" name="robot" id="robot"
    value="" data-info="Attention!!!
If you are reading this you most likely have created an awsome automatic solver.
I have created a special ROBOTS hall of fame. It is not fun to compete against those slow HUMANS :)
Set the value of this field to 1
">
  <div class="noprint new" id="topControls">
    <p></p>
    <div id="zoomHolder"><button title="Zoom" id="btnZoom" type="button" class="button" onclick="toggleZoomSlider()"><i class="icon-zoom-in-3"></i></button>
      <div id="zoomSlider"><input id="btnResetZoom" type="button" value="100%" class="button" onclick="this.form.zoomslider.value=1;setZoom(1)"><input id="zoomslider" name="zoomslider" ondblclick="this.value=1;setZoom(1)" type="range" min="0.15"
          max="3" step="0.05" oninput="setZoom(this.value)" onchange="setZoom(this.value)"></div>
    </div><button title="Settings" id="btnSettings" type="button" class="button" onclick="$('.footer-buttons').toggleClass('hidden')"><i class="icon-cog"></i></button><input
      mvvm-css="visibility:Settings.get('global.hide-timer')?'hidden':'visible'|display:Settings.get('global.non-competitive-timer')?'none':'inline-block'" class="clock" readonly="" type="text" name="jstimerShow" value=""
      style="visibility: visible; display: inline-block;"><span id="noncomph" mvvm-css="visibility:Settings.get('global.hide-timer')?'hidden':'visible'|display:Settings.get('global.non-competitive-timer')&amp;&amp;!(0)?'inline-block':'none'"
      style="visibility: visible; display: none;"><button title="Pause" id="btnPause" type="button" class="button" onclick="Game.pauseTimer(true)"><i class="icon-pause"></i></button><button title="Resume" id="btnResume" type="button" class="button"
        onclick="Game.resumeTimer(true)"><i class="icon-play"></i></button><input class="clock" readonly="" type="text" name="jstimerShowPersonal" value=""></span><button title="Undo [Ctrl+Z]" id="btnUndo" type="button" class="button"
      onclick="Game.undo()"><i class="icon-reply"></i></button><button title="Redo [Ctrl+Y]" id="btnRedo" type="button" class="button" onclick="Game.redo()"><i class="icon-forward"></i></button>
    <p></p>
  </div>
  <div class="footer-buttons noprint hidden">
    <div class="footer-buttons-holder pinned" mvvm-class="pinned:Settings.get('sudoku.pin-toolbar')">
      <a class="btn" onclick="Game.eraseNumber();" title="Erase [Del, 0]"><i class="icon icon-eraser"></i></a><a class="btn pencil" onclick="Settings.set('sudoku.pencil', !Settings.get('sudoku.pencil'));" mvvm-class="on:Settings.get('sudoku.pencil')" title="Pencil [Space, +]"><i class="icon icon-edit"></i></a>
    </div>
    <div class="options clear">
      <div><label for="pin-toolbar"><input type="checkbox" id="pin-toolbar" mvvm-checked="Settings.get('sudoku.pin-toolbar')" onclick="Settings.set('sudoku.pin-toolbar', this.checked);settingsApply();" checked="checked"> Pin toolbar </label></div>
      <div><label for="show-checkpoints"><input type="checkbox" id="show-checkpoints" mvvm-checked="Settings.get('global.show-checkpoints')" onclick="Settings.set('global.show-checkpoints', this.checked);settingsApply();"> Show checkpoints </label>
      </div>
      <div><label for="hide-timer"><input type="checkbox" id="hide-timer" mvvm-checked="Settings.get('global.hide-timer')" onclick="Settings.set('global.hide-timer', this.checked);settingsApply();"> Hide the timer </label></div>
      <div style="margin-left: 20px" mvvm-show="!Settings.get('global.hide-timer')"><label for="non-competitive-timer"><input type="checkbox" id="non-competitive-timer" mvvm-checked="Settings.get('global.non-competitive-timer')"
            onclick="Settings.set('global.non-competitive-timer', this.checked);settingsApply();"> Non-competitive (personal) timer </label></div>
      <div><label for="night-mode"><input type="checkbox" id="night-mode" onclick="switchNightMode(this.checked);"> Night mode </label></div>
      <div><label for="lefthanded"><input type="checkbox" id="lefthanded" mvvm-checked="Settings.get('global.left-handed')" onclick="Settings.set('global.left-handed', this.checked);settingsApply();"> Left handed </label></div>
      <div><label for="highlight-duplicates"><input type="checkbox" id="highlight-duplicates" mvvm-checked="Settings.get('sudoku.highlight-duplicates')" onclick="Settings.set('sudoku.highlight-duplicates', this.checked);settingsApply();"> Highlight
          duplicates (errors) </label></div>
      <div><label for="highlight-pencil-duplicates"><input type="checkbox" id="highlight-pencil-duplicates" mvvm-checked="Settings.get('sudoku.highlight-pencil-duplicates')"
            onclick="Settings.set('sudoku.highlight-pencil-duplicates', this.checked);settingsApply();"> Highlight wrong notes (errors) </label></div>
      <div><label for="highlight-current-row-col"><input type="checkbox" id="highlight-current-row-col" mvvm-checked="Settings.get('sudoku.highlight-current-row-col')"
            onclick="Settings.set('sudoku.highlight-current-row-col', this.checked);settingsApply();"> Highlight current row and column </label></div>
      <div><label for="highlight-current-area"><input type="checkbox" id="highlight-current-area" mvvm-checked="Settings.get('sudoku.highlight-current-area')" onclick="Settings.set('sudoku.highlight-current-area', this.checked);settingsApply();">
          Highlight current block </label></div>
      <div><label for="highlight-same"><input type="checkbox" id="highlight-same" mvvm-checked="Settings.get('sudoku.highlight-same')" onclick="Settings.set('sudoku.highlight-same', this.checked);settingsApply();"> Highlight same numbers </label>
      </div>
      <div><label for="auto-notes"><input type="checkbox" id="auto-notes" mvvm-checked="Settings.get('sudoku.auto-notes')"
            onclick="Settings.set('sudoku.auto-notes', this.checked);settingsApply();if (this.checked) Game.fillNotes(); else Game.removeNotes()"> Auto load pencil notes </label></div>
      <div><label for="auto-remove-notes"><input type="checkbox" id="auto-remove-notes" mvvm-checked="Settings.get('sudoku.auto-remove-notes')" onclick="Settings.set('sudoku.auto-remove-notes', this.checked);settingsApply();"> Auto remove notes
        </label></div>
      <div><label for="gray-out-completed"><input type="checkbox" id="gray-out-completed" mvvm-checked="Settings.get('sudoku.gray-out-completed')" onclick="Settings.set('sudoku.gray-out-completed', this.checked);settingsApply();" checked="checked">
          Gray out completed numbers </label></div>
      <div><label for="number-first"><input type="checkbox" id="number-first" mvvm-checked="Settings.get('sudoku.number-first')" onclick="Settings.set('sudoku.number-first', this.checked);settingsApply();"> Select number first </label></div>
      <div><label for="color-blind"><input type="checkbox" id="color-blind" mvvm-checked="Settings.get('global.color-blind')" onclick="Settings.set('global.color-blind', this.checked);settingsApply();"> Use blue for errors </label></div>
    </div>
  </div>
  <div id="puzzleContainerRalativeDiv">
    <div id="puzzleContainerOverflowDiv">
      <div id="puzzleContainerDiv">
        <table id="puzzleContainer" cellpadding="0" cellspacing="0" align="center">
          <tbody>
            <tr>
              <td class="brd">
                <div id="rel">
                  <div id="scene">
                    <div id="stage1" class="icon-pause" onclick="Game.resumeTimer(1)" mvvm-class="pencil-mode:Settings.get('sudoku.pencil')">
                      <div style="position: relative; width: 296px; height: 296px; visibility: visible; transform: scale(1); margin: 1px 36px 1px 1px;" id="game" class="sudoku3x3" unselectable="on" tabindex="1">
                        <div class="sudoku-cell-back" style="position: absolute; top: 4px; left: 4px; width: 288px; height: 288px; background-color: rgb(0, 0, 0); z-index: 100;">
                          <div class="print-helper"></div>
                          <div class="cell selectable" style="top: 3px; left: 3px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable task" style="top: 3px; left: 34px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">1</div>
                          </div>
                          <div class="cell selectable" style="top: 3px; left: 65px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable" style="top: 3px; left: 98px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable" style="top: 3px; left: 129px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable" style="top: 3px; left: 160px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable" style="top: 3px; left: 193px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable task" style="top: 3px; left: 224px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">6</div>
                          </div>
                          <div class="cell selectable" style="top: 3px; left: 255px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable task" style="top: 34px; left: 3px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">7</div>
                          </div>
                          <div class="cell selectable" style="top: 34px; left: 34px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable task" style="top: 34px; left: 65px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">3</div>
                          </div>
                          <div class="cell selectable" style="top: 34px; left: 98px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable" style="top: 34px; left: 129px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable" style="top: 34px; left: 160px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable task" style="top: 34px; left: 193px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">5</div>
                          </div>
                          <div class="cell selectable" style="top: 34px; left: 224px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable task" style="top: 34px; left: 255px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">4</div>
                          </div>
                          <div class="cell selectable" style="top: 65px; left: 3px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable task" style="top: 65px; left: 34px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">6</div>
                          </div>
                          <div class="cell selectable task" style="top: 65px; left: 65px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">2</div>
                          </div>
                          <div class="cell selectable task" style="top: 65px; left: 98px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">3</div>
                          </div>
                          <div class="cell selectable" style="top: 65px; left: 129px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable task" style="top: 65px; left: 160px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">5</div>
                          </div>
                          <div class="cell selectable task" style="top: 65px; left: 193px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">1</div>
                          </div>
                          <div class="cell selectable task" style="top: 65px; left: 224px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">7</div>
                          </div>
                          <div class="cell selectable" style="top: 65px; left: 255px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable" style="top: 98px; left: 3px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable" style="top: 98px; left: 34px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable task" style="top: 98px; left: 65px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">5</div>
                          </div>
                          <div class="cell selectable task" style="top: 98px; left: 98px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">2</div>
                          </div>
                          <div class="cell selectable" style="top: 98px; left: 129px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable task" style="top: 98px; left: 160px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">1</div>
                          </div>
                          <div class="cell selectable task" style="top: 98px; left: 193px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">9</div>
                          </div>
                          <div class="cell selectable" style="top: 98px; left: 224px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable" style="top: 98px; left: 255px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable" style="top: 129px; left: 3px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable" style="top: 129px; left: 34px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable" style="top: 129px; left: 65px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable" style="top: 129px; left: 98px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable" style="top: 129px; left: 129px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable" style="top: 129px; left: 160px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable" style="top: 129px; left: 193px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable" style="top: 129px; left: 224px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable" style="top: 129px; left: 255px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable" style="top: 160px; left: 3px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable" style="top: 160px; left: 34px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable task" style="top: 160px; left: 65px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">1</div>
                          </div>
                          <div class="cell selectable task" style="top: 160px; left: 98px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">8</div>
                          </div>
                          <div class="cell selectable" style="top: 160px; left: 129px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable task" style="top: 160px; left: 160px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">4</div>
                          </div>
                          <div class="cell selectable task" style="top: 160px; left: 193px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">7</div>
                          </div>
                          <div class="cell selectable" style="top: 160px; left: 224px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable" style="top: 160px; left: 255px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable" style="top: 193px; left: 3px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable task" style="top: 193px; left: 34px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">5</div>
                          </div>
                          <div class="cell selectable task" style="top: 193px; left: 65px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">6</div>
                          </div>
                          <div class="cell selectable task" style="top: 193px; left: 98px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">7</div>
                          </div>
                          <div class="cell selectable" style="top: 193px; left: 129px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable task" style="top: 193px; left: 160px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">8</div>
                          </div>
                          <div class="cell selectable task" style="top: 193px; left: 193px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">3</div>
                          </div>
                          <div class="cell selectable task" style="top: 193px; left: 224px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">1</div>
                          </div>
                          <div class="cell selectable" style="top: 193px; left: 255px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable task" style="top: 224px; left: 3px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">9</div>
                          </div>
                          <div class="cell selectable" style="top: 224px; left: 34px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable task" style="top: 224px; left: 65px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">7</div>
                          </div>
                          <div class="cell selectable" style="top: 224px; left: 98px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable" style="top: 224px; left: 129px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable" style="top: 224px; left: 160px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable task" style="top: 224px; left: 193px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">6</div>
                          </div>
                          <div class="cell selectable" style="top: 224px; left: 224px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable task" style="top: 224px; left: 255px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">2</div>
                          </div>
                          <div class="cell selectable" style="top: 255px; left: 3px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable task" style="top: 255px; left: 34px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">3</div>
                          </div>
                          <div class="cell selectable" style="top: 255px; left: 65px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable" style="top: 255px; left: 98px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable" style="top: 255px; left: 129px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable" style="top: 255px; left: 160px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable" style="top: 255px; left: 193px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                          <div class="cell selectable task" style="top: 255px; left: 224px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">5</div>
                          </div>
                          <div class="cell selectable" style="top: 255px; left: 255px; width: 28px; height: 28px;">
                            <div class="number" style="position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;"></div>
                            <div class="pencil" style="display: none; position: absolute; top: 0px; left: 0px; width: 28px; height: 28px;">
                              <div class="pencilNumber pencilNumber1" style="position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;">1</div>
                              <div class="pencilNumber pencilNumber2" style="position: absolute; top: 0px; left: 9px; width: 9px; height: 9px;">2</div>
                              <div class="pencilNumber pencilNumber3" style="position: absolute; top: 0px; left: 18px; width: 9px; height: 9px;">3</div>
                              <div class="pencilNumber pencilNumber4" style="position: absolute; top: 9px; left: 0px; width: 9px; height: 9px;">4</div>
                              <div class="pencilNumber pencilNumber5" style="position: absolute; top: 9px; left: 9px; width: 9px; height: 9px;">5</div>
                              <div class="pencilNumber pencilNumber6" style="position: absolute; top: 9px; left: 18px; width: 9px; height: 9px;">6</div>
                              <div class="pencilNumber pencilNumber7" style="position: absolute; top: 18px; left: 0px; width: 9px; height: 9px;">7</div>
                              <div class="pencilNumber pencilNumber8" style="position: absolute; top: 18px; left: 9px; width: 9px; height: 9px;">8</div>
                              <div class="pencilNumber pencilNumber9" style="position: absolute; top: 18px; left: 18px; width: 9px; height: 9px;">9</div>
                            </div>
                          </div>
                        </div>
                        <div id="buttonsBottom" style="position: absolute; bottom: -30px; left: 0px; width: 296px; height: 34px; transform-origin: right center 0px; z-index: 200;">
                          <div class="cell button button1" style="bottom: 0px; left: 9px; width: 28px; height: 28px;">1</div>
                          <div class="cell button button2" style="bottom: 0px; left: 40px; width: 28px; height: 28px;">2</div>
                          <div class="cell button button3" style="bottom: 0px; left: 71px; width: 28px; height: 28px;">3</div>
                          <div class="cell button button4" style="bottom: 0px; left: 102px; width: 28px; height: 28px;">4</div>
                          <div class="cell button button5" style="bottom: 0px; left: 133px; width: 28px; height: 28px;">5</div>
                          <div class="cell button button6" style="bottom: 0px; left: 164px; width: 28px; height: 28px;">6</div>
                          <div class="cell button button7" style="bottom: 0px; left: 195px; width: 28px; height: 28px;">7</div>
                          <div class="cell button button8" style="bottom: 0px; left: 226px; width: 28px; height: 28px;">8</div>
                          <div class="cell button button9" style="bottom: 0px; left: 257px; width: 28px; height: 28px;">9</div>
                        </div>
                        <div id="buttonsRight" style="position: absolute; top: 0px; right: -30px; width: 34px; height: 296px; transform-origin: right center 0px; z-index: 200;">
                          <div class="cell button button1" style="top: 9px; right: 0px; width: 28px; height: 28px;">1</div>
                          <div class="cell button button2" style="top: 40px; right: 0px; width: 28px; height: 28px;">2</div>
                          <div class="cell button button3" style="top: 71px; right: 0px; width: 28px; height: 28px;">3</div>
                          <div class="cell button button4" style="top: 102px; right: 0px; width: 28px; height: 28px;">4</div>
                          <div class="cell button button5" style="top: 133px; right: 0px; width: 28px; height: 28px;">5</div>
                          <div class="cell button button6" style="top: 164px; right: 0px; width: 28px; height: 28px;">6</div>
                          <div class="cell button button7" style="top: 195px; right: 0px; width: 28px; height: 28px;">7</div>
                          <div class="cell button button8" style="top: 226px; right: 0px; width: 28px; height: 28px;">8</div>
                          <div class="cell button button9" style="top: 257px; right: 0px; width: 28px; height: 28px;">9</div>
                        </div>
                      </div>
                    </div>
                    <div class="helper-crosshair" style="display: none;"><i class="icon icon-cursor"></i><i class="icon icon-move"></i>
                      <div class="crosshair-btn"></div>
                    </div>
                  </div>
                  <script type="text/javascript">
                    var Game = {};
                    var Puzzle = {};
                    var task = 'a1e6a7a3c5a4a6_2_3a5_1_7c5_2a1_9m1_8a4_7c5_6_7a8_3_1a9a7c6a2a3e5a';
                    var loadedId = 0;
                    $(document).ready(function() {
                      Game = $('#game').sudoku({
                        ident: 'sudoku.0',
                        task: task,
                        token: document.forms['answerForm'].param.value,
                        puzzleID: $('#puzzleID').text(),
                        puzzleWidth: 3,
                        puzzleHeight: 3,
                        localTimer: new Date().getTime(),
                        relativeTo: '#puzzleContainerOverflowDiv',
                        noCheck: true,
                        gutter: 4,
                        sandwich: 0,
                        onLoaded: function() {
                          updateCheckpoints();
                        }
                      }).initGame();
                      $(window).on('scroll', function() {});
                      Game.panzoomAction = function() {
                        this.zoomingPanning = true;
                        this.repositionHelpers();
                      };
                      var savedState;
                      if ((savedState = Game.getSaved()) && (!loadedId || (loadedId == Game.getSaved().puzzleID.replaceAll(',', '')))) {
                        if (!savedState.savedState.solved || 0 || 0) {
                          Game.loadGame(savedState);
                          document.forms['answerForm'].param.value = Game.getSetting('token');
                          if (Game.getSetting('puzzleID')) $('#puzzleID').text(Game.getSetting('puzzleID'));
                          startTime = Game.getSetting('localTimer');
                        } else {
                          Game.resetTimer();
                        }
                      } else {
                        Settings.remove(Game.getSaveIdent());
                        Game.resetTimer();
                      }
                      Game.plSize = 0;
                      Game.initEventHandlers();
                      $('#stage').on('mousedown touchstart', function(e) {
                        e.preventDefault();
                      }).contextmenu(function() {
                        return false;
                      });
                      $('body').addClass('ingame');
                      var scale = Settings.get(Game.getSaveIdent() + '.saved-zoom');
                      if (!scale) scale = 1;
                      $('#zoomslider').val(scale).change();
                      setZoom(scale);
                      Layout.init();
                    });
                  </script>
                </div>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
    <div class="helper-nodc" style="position: absolute; top: 100px; left: 100px; z-index: 1000;"></div>
  </div>
  <div class="noprint" id="checkpointsHolder" mvvm-show="Settings.get('global.show-checkpoints')" style="display: none;"><button title="Save checkpoint [Ctrl+S]" id="btnSave" type="button" class="button"
      onclick="Game.saveCheckpoint();updateCheckpoints();"><i class="icon-floppy"></i></button><span class="checkpoints">&nbsp;</span></div>
  <div class="noprint" id="additionalGameOptions"></div>
  <div class="puzzleInfo">
    <p>3x3 Sudoku Básico Puzzle ID: <span id="puzzleID">82,539,381</span></p>
  </div>
  <div class="noprint puzzleButtons"><input type="hidden" name="b" value="1"><input type="hidden" name="size" value="0"><input type="hidden" name="param"
      value="amU5JG5vXTBkd2IxP1hdY0EtP1ZNP2VqKHFfNz80eEZhODsgKzEjeT9hKDs7XiwzYnBDRnxRQERhUTZDRUt0dWVoSlV2ZFt9V0hrU2JyPVRZYlFObEIsfWJnM3BsJCBebzZeSkcwfWRUVUFzRT4xYmR2KFFIQ2J4L3FTMyU2LzN+IEggVHphXXN+RWpjPTppK1JXQmNgYn4yLSYsUiF+U19DKFBpQnhLdCRqSHpyU0xBVCljJVZeYzFGVFE0ZkQx"><input
      type="hidden" name="w" value="3"><input type="hidden" name="h" value="3"><input type="hidden" name="ansH" value=""><input class="button" type="submit" name="ready" id="btnReady" value="   Pronto   " title="Pronto [Enter]"><input class="button"
      type="submit" name="startover" id="btnStartOver" value="   Recomeçar   " onclick="return confirm('Are you sure?')"><input class="button" type="button" onclick="window.print()" id="btnPrint" value=" Imprimir... "
      title=" Imprimir [Ctrl+P] "><button class="button" id="btnShare"> Share <i class="icon icon-facebook"></i><i class="icon icon-twitter"></i></button><input class="button" type="submit" name="new" id="btnNew" value="   Novo Puzzle   ">
    <div id="shareContainer">
      <div id="shareContainerLoader"><i class="icon-spin5 icon-spin"></i></div>
      <div id="shareContainerElements"><input type="hidden" id="shareLinkText"
          value="Help Me! I'm Stuck."><a href="" target="_blank" class="icon icon-facebook shareLinkFB" id="shareLinkFB">Share</a><a href="" target="_blank" class="icon icon-twitter shareLinkTW" id="shareLinkTW">Share</a><br>
        <div id="shareLinkInputContainer"> Progress Permalink: <input type="text" id="shareLinkInput" onclick="this.setSelectionRange(0, this.value.length)"> Progress Screenshot: <input type="text" id="shareImgInput"
            onclick="this.setSelectionRange(0, this.value.length)"> Embed URL: <input type="text" id="shareEmbedURLInput" onclick="this.setSelectionRange(0, this.value.length)"> Embed Code: <input type="text" id="shareEmbedInput"
            onclick="this.setSelectionRange(0, this.value.length)"></div>
      </div><a id="shareContainerClose" onclick="$('#shareContainer').hide()"><i class="icon icon-cancel"></i></a>
    </div>
    <p><a href="/faq.php" class="red"><b>O que é suposto fazer?</b></a></p><br>
  </div>
  <div class="clear"></div>
</form>

Text Content

SUDOKU


Traduz este website.

Special thanks to zeli for the translation



Sudoku é um puzzle com regras simples e soluções desafiantes.

As regras do sudoku são simples Tens de introduzir um dígito numérico de 1 a 9
em cada célula de uma matriz 9x9 feita por regiões de 3x3, começando com vários
dígitos dados nalgumas células. Cada linha, coluna e região só pode conter
apenas uma vez cada número.

Esconder as regras

Mostrar as regras
 * 3x3 Sudoku Básico
 * 3x3 Sudoku Fácil
 * 3x3 Sudoku Intermédio
 * 3x3 Sudoku Avançado
 * 3x3 Sudoku Extremo
 * 3x3 Sudoku Diabólico
 * 3x4 Sudoku
 * 4x4 Sudoku
 * Special Daily Sudoku
 * Especial da Semana Sudoku
 * Special Monthly Sudoku
 * Daily Sandwich Sudoku
   
   
 * Killer Sudoku
 * Jigsaw Sudoku

Become a Patron

Feedback | Puzzle específico | FAQ

Impressão em Quantidade | Melhores Resultados

Privacy Policy

Go to the old version





Share






Disable Ads

Pin toolbar
Show checkpoints
Hide the timer
Non-competitive (personal) timer
Night mode
Left handed
Highlight duplicates (errors)
Highlight wrong notes (errors)
Highlight current row and column
Highlight current block
Highlight same numbers
Auto load pencil notes
Auto remove notes
Gray out completed numbers
Select number first
Use blue for errors
1
2
3
4
5
6
7
8
9
1
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
6
1
2
3
4
5
6
7
8
9
7
1
2
3
4
5
6
7
8
9
3
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
5
1
2
3
4
5
6
7
8
9
4
1
2
3
4
5
6
7
8
9
6
2
3
1
2
3
4
5
6
7
8
9
5
1
7
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
5
2
1
2
3
4
5
6
7
8
9
1
9
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
1
8
1
2
3
4
5
6
7
8
9
4
7
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
5
6
7
1
2
3
4
5
6
7
8
9
8
3
1
1
2
3
4
5
6
7
8
9
9
1
2
3
4
5
6
7
8
9
7
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
6
1
2
3
4
5
6
7
8
9
2
1
2
3
4
5
6
7
8
9
3
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
5
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9



 


3x3 Sudoku Básico Puzzle ID: 82,539,381

Share
ShareShare

Progress Permalink: Progress Screenshot: Embed URL: Embed Code:

O que é suposto fazer?




Mais Puzzles de Lógica: 
hideshowTentsBattleshipsPipesHitoriHeyawakeShingokiMasyuStitchesAquariumTapaStar
BattleKakurasuSkyscrapersFutoshikiWord search gamesShakashakaKakuroJigsaw
SudokuKiller SudokuBinairoNonogramsSlither LinkSudokuAcender as
LuzesHashiShikakuNurikabeDominosa

2021-08-23 02:39:54

pt.puzzle-sudoku.com
Tens de ter o teu javascript ligadopara poderes jogar online. Contudo podes
imprimir uma cópia.

Disable Ads