<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta charset="utf-8" />

  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <link rel="stylesheet" href="https://cdn02.moecube.com:444/ygopro/assets/deck/base.min.css" />
  <link rel="stylesheet" href="https://cdn02.moecube.com:444/ygopro/assets/deck/fancy.min.css" />
  <link rel="stylesheet" href="https://cdn02.moecube.com:444/ygopro/assets/deck/main.css" />
  <script src="https://cdn02.moecube.com:444/ygopro/assets/deck/compatibility.min.js"></script>
  <script src="https://cdn02.moecube.com:444/ygopro/assets/deck/theViewer.min.js"></script>
  <!--<script src="https://cdn02.moecube.com:444/ygopro/assets/js/dom-to-image.min.js"></script>-->
  <script>
    try {
      theViewer.defaultViewer = new theViewer.Viewer({});
    } catch (e) { }
  </script>
  <title></title>
</head>

<body>
  <div id="sidebar">
    <div id="outline">
    </div>
  </div>
  <div id="page-container">
    <div id="pf1" class="pf w0 h0" data-page-no="1">
      <div class="pc pc1 w0 h0">
        <img class="bi x0 y0 w1 h1" alt="" src="https://cdn02.moecube.com:444/ygopro/assets/deck/bg1.png" />
        <div class="c x1 y1 w2 h2">
          <div class="t m0 x2 h3 y2 ff1 fs0 fc0 sc0 ls0 ws0">Yu<span class="ls1">#<span class="ls2">Gi</span>#<span class="ls3">Oh!)Deck)Lis<span class="_ _0"></span>t)Form<span
              class="ls1">)<span class="_ _1"> </span>)</span>
            </span>
            </span>
          </div>
          <div class="t m0 x0 h4 y3 ff2 fs0 fc0 sc0 ls1 ws0">!</div>
        </div>
        <div class="c x3 y4 w3 h5">
          <div class="t m0 x4 h6 y5 ff2 fs0 fc0 sc0 ls4 ws0">Name/<span class="ff3 ls5"></span><span class="ls1">:!</span></div>
        </div>
        <div class="c x5 y4 w4 h5">
          <div class="t m0 x4 h4 y5 ff5 fs0 fc0 sc0 ls1 ws0">{{deck.name}}</div>
        </div>
        <div class="c x6 y4 w5 h5">
          <div class="t m0 x4 h4 y5 ff2 fs0 fc0 sc0 ls1 ws0">!</div>
        </div>
        <div class="c x7 y4 w6 h5">
          <div class="t m0 x4 h6 y5 ff2 fs0 fc0 sc0 ls6 ws0">Event/<span class="ff3 ls5"></span><span class="ls1">:!</span></div>
        </div>
        <div class="c x8 y4 w7 h5">
          <div class="t m0 x4 h4 y5 ff5 fs0 fc0 sc0 ls1 ws0">{{ deck.event }}</div>
        </div>
        <div class="c x1 y1 w2 h2">
          <div class="t m0 x0 h4 y6 ff2 fs0 fc0 sc0 ls1 ws0">!</div>
        </div>
        <div class="t m0 x9 h7 y7 ff4 fs0 fc0 sc0 ls7 ws0">Card Game <span class="ff2">ID:<span class="ls1">!<span class="_ _2"> </span>!<span class="_ _3"> </span>!<span class="_ _3"> </span>!</span>
          </span>
        </div>
        <div class="c xa y8 w8 h8">
          <div class="t m0 x4 h4 y9 ff2 fs0 fc0 sc0 ls1 ws0">!</div>
        </div>
        <div class="c xb y8 w8 h8">
          <div class="t m0 x4 h4 y9 ff2 fs0 fc0 sc0 ls1 ws0">!</div>
        </div>
        <div class="c xc y8 w8 h8">
          <div class="t m0 x4 h4 y9 ff2 fs0 fc0 sc0 ls1 ws0">!</div>
        </div>
        <div class="t m0 xd h4 ya ff2 fs0 fc0 sc0 ls1 ws0">!</div>
        <div class="c xe y8 w9 h8">
          <div class="t m0 x4 h4 y9 ff2 fs0 fc0 sc0 ls1 ws0">!</div>
        </div>
        <div class="c xf y8 wa h8">
          <div class="t m0 x4 h4 y9 ff2 fs0 fc0 sc0 ls1 ws0">!</div>
        </div>
        <div class="c x6 y8 w5 h8">
          <div class="t m0 x4 h4 y9 ff2 fs0 fc0 sc0 ls1 ws0">!</div>
        </div>
        <div class="c x7 y8 wb h8">
          <div class="t m0 x4 h6 yb ff2 fs0 fc0 sc0 ls8 ws0">Date/<span class="ff3 ls5"></span><span class="ls1">:!</span></div>
        </div>
        <div class="t m0 x10 h9 yc ff5 fs1 fc1 sc0 ls1 ws0"> </div>
        <div class="t m0 x11 h9 yd ff5 fs1 fc1 sc0 ls1 ws0">d d</div>
        <div class="t m0 x12 h9 yc ff5 fs1 fc1 sc0 ls1 ws1">
          <span class="_ _4"></span>
          <span class="_ _4"></span>
          <span class="ff2 ws2">
            <span class="ff6">-
              <span class="_ _5"></span>
          <span class="_ _5"></span>
          </span>
          </span>
        </div>
        <div class="t m0 x13 h9 ye ff5 fs1 fc1 sc0 ls1 ws1">m<span class="_ _6"></span>m</div>
        <div class="t m0 x14 h9 yc ff5 fs1 fc1 sc0 ls1 ws1"> <span class="_ _4"></span> <span class="_ _4"></span><span class="ff6 ws3"> -<span class="ff5"> <span class="_ _5"></span></span>
          </span>
        </div>
        <div class="t m0 x15 h9 yf ff5 fs1 fc1 sc0 ls1 ws0">y y</div>
        <div class="c x1 y1 w2 h2">
          <div class="t m0 x0 ha y10 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
        </div>
        <div class="c x3 y11 wc hb">
          <div class="t m0 x4 hc y12 ff2 fs2 fc0 sc0 ls9 ws0">Monsters!/!<span class="ff3 ls1"><span class="ff2">!</span></span>
          </div>
        </div>
        <div class="c x16 y11 wc hb">
          <div class="t m0 x4 hc y12 ff2 fs2 fc0 sc0 lsa ws0">Spells!/!<span class="ff3 ls1"><span class="ff2">!</span></span>
          </div>
        </div>
        <div class="c x17 y11 wc hb">
          <div class="t m0 x4 hc y12 ff2 fs2 fc0 sc0 lsb ws0">Traps!/!<span class="ff3 ls1"><span class="ff2">!</span></span>
          </div>
        </div>
        <div class="c x3 y13 wd hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.monster[0].num}}</div>
        </div>
        <div class="c x18 y13 we hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.monster[0].name}}</div>
        </div>
        <div class="c x16 y13 w9 hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.spells[0].num}}</div>
        </div>
        <div class="c x19 y13 wf hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.spells[0].name}}</div>
        </div>
        <div class="c x17 y13 w10 hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.traps[0].num}}</div>
        </div>
        <div class="c x1a y13 w11 hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.traps[0].name}}</div>
        </div>
        <div class="c x3 y15 wd hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.monster[1].num}}</div>
        </div>
        <div class="c x18 y15 we hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.monster[1].name}}</div>
        </div>
        <div class="c x16 y15 w9 hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.spells[1].num}}</div>
        </div>
        <div class="c x19 y15 wf hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.spells[1].name}}</div>
        </div>
        <div class="c x17 y15 w10 hd">
          <div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.traps[1].num}}</div>
        </div>
        <div class="c x1a y15 w11 hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.traps[1].name}}</div>
        </div>
        <div class="c x3 y16 wd he">
          <div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.monster[2].num}}</div>
        </div>
        <div class="c x18 y16 we he">
          <div class="t m0 x4 ha y17 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.monster[2].name}}</div>
        </div>
        <div class="c x16 y16 w9 he">
          <div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.spells[2].num}}</div>
        </div>
        <div class="c x19 y16 wf he">
          <div class="t m0 x4 ha y17 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.spells[2].name}}</div>
        </div>
        <div class="c x17 y16 w10 he">
          <div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.traps[2].num}}</div>
        </div>
        <div class="c x1a y16 w11 he">
          <div class="t m0 x4 ha y17 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.traps[2].name}}</div>
        </div>
        <div class="c x3 y18 wd hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.monster[3].num}}</div>
        </div>
        <div class="c x18 y18 we hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.monster[3].name}}</div>
        </div>
        <div class="c x16 y18 w9 hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.spells[3].num}}</div>
        </div>
        <div class="c x19 y18 wf hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.spells[3].name}}</div>
        </div>
        <div class="c x17 y18 w10 hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.traps[3].num}}</div>
        </div>
        <div class="c x1a y18 w11 hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.traps[3].name}}</div>
        </div>
        <div class="c x3 y19 wd hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.monster[4].num}}</div>
        </div>
        <div class="c x18 y19 we hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.monster[4].name}}</div>
        </div>
        <div class="c x16 y19 w9 hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.spells[4].num}}</div>
        </div>
        <div class="c x19 y19 wf hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.spells[4].name}}</div>
        </div>
        <div class="c x17 y19 w10 hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.traps[4].num}}</div>
        </div>
        <div class="c x1a y19 w11 hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.traps[4].name}}</div>
        </div>
        <div class="c x3 y1a wd he">
          <div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.monster[5].num}}</div>
        </div>
        <div class="c x18 y1a we he">
          <div class="t m0 x4 ha y17 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.monster[5].name}}</div>
        </div>
        <div class="c x16 y1a w9 he">
          <div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.spells[5].num}}</div>
        </div>
        <div class="c x19 y1a wf he">
          <div class="t m0 x4 ha y17 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.spells[5].name}}</div>
        </div>
        <div class="c x17 y1a w10 he">
          <div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.traps[5].num}}</div>
        </div>
        <div class="c x1a y1a w11 he">
          <div class="t m0 x4 ha y17 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.traps[5].name}}</div>
        </div>
        <div class="c x3 y1b wd he">
          <div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.monster[6].num}}</div>
        </div>
        <div class="c x18 y1b we he">
          <div class="t m0 x4 ha y17 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.monster[6].name}}</div>
        </div>
        <div class="c x16 y1b w9 he">
          <div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.spells[6].num}}</div>
        </div>
        <div class="c x19 y1b wf he">
          <div class="t m0 x4 ha y17 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.spells[6].name}}</div>
        </div>
        <div class="c x17 y1b w10 he">
          <div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.traps[6].num}}</div>
        </div>
        <div class="c x1a y1b w11 he">
          <div class="t m0 x4 ha y17 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.traps[6].name}}</div>
        </div>
        <div class="c x3 y1c wd hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.monster[7].num}}</div>
        </div>
        <div class="c x18 y1c we hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.monster[7].name}}</div>
        </div>
        <div class="c x16 y1c w9 hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.spells[7].num}}</div>
        </div>
        <div class="c x19 y1c wf hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.spells[7].name}}</div>
        </div>
        <div class="c x17 y1c w10 hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.traps[7].num}}</div>
        </div>
        <div class="c x1a y1c w11 hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.traps[7].name}}</div>
        </div>
        <div class="c x3 y1d wd hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.monster[8].num}}</div>
        </div>
        <div class="c x18 y1d we hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.monster[8].name}}</div>
        </div>
        <div class="c x16 y1d w9 hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.spells[8].num}}</div>
        </div>
        <div class="c x19 y1d wf hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.spells[8].name}}</div>
        </div>
        <div class="c x17 y1d w10 hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.traps[8].num}}</div>
        </div>
        <div class="c x1a y1d w11 hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.traps[8].name}}</div>
        </div>
        <div class="c x3 y1e wd he">
          <div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.monster[9].num}}</div>
        </div>
        <div class="c x18 y1e we he">
          <div class="t m0 x4 ha y17 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.monster[9].name}}</div>
        </div>
        <div class="c x16 y1e w9 he">
          <div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.spells[9].num}}</div>
        </div>
        <div class="c x19 y1e wf he">
          <div class="t m0 x4 ha y17 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.spells[9].name}}</div>
        </div>
        <div class="c x17 y1e w10 he">
          <div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.traps[9].num}}</div>
        </div>
        <div class="c x1a y1e w11 he">
          <div class="t m0 x4 ha y17 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.traps[9].name}}</div>
        </div>
        <div class="c x3 y1f wd hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.monster[10].num}}</div>
        </div>
        <div class="c x18 y1f we hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.monster[10].name}}</div>
        </div>
        <div class="c x16 y1f w9 hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.spells[10].num}}</div>
        </div>
        <div class="c x19 y1f wf hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.spells[10].name}}</div>
        </div>
        <div class="c x17 y1f w10 hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.traps[10].num}}</div>
        </div>
        <div class="c x1a y1f w11 hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.traps[10].name}}</div>
        </div>

        <div class="c x3 y20 wd hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.monster[11].num}}</div>
        </div>
        <div class="c x18 y20 we hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.monster[11].name}}</div>
        </div>
        <div class="c x16 y20 w9 hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.spells[11].num}}</div>
        </div>
        <div class="c x19 y20 wf hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.spells[11].name}}</div>
        </div>
        <div class="c x17 y20 w10 hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.traps[11].num}}</div>
        </div>
        <div class="c x1a y20 w11 hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.traps[11].name}}</div>
        </div>
        <div class="c x3 y21 wd he">
          <div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.monster[12].num}}</div>
        </div>
        <div class="c x18 y21 we he">
          <div class="t m0 x4 ha y17 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.monster[12].name}}</div>
        </div>
        <div class="c x16 y21 w9 he">
          <div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.spells[12].num}}</div>
        </div>
        <div class="c x19 y21 wf he">
          <div class="t m0 x4 ha y17 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.spells[12].name}}</div>
        </div>
        <div class="c x17 y21 w10 he">
          <div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.traps[12].num}}</div>
        </div>
        <div class="c x1a y21 w11 he">
          <div class="t m0 x4 ha y17 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.traps[12].name}}</div>
        </div>
        <div class="c x3 y22 wd hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.monster[13].num}}</div>
        </div>
        <div class="c x18 y22 we hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.monster[13].name}}</div>
        </div>
        <div class="c x16 y22 w9 hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.spells[13].num}}</div>
        </div>
        <div class="c x19 y22 wf hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.spells[13].name}}</div>
        </div>
        <div class="c x17 y22 w10 hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.traps[13].num}}</div>
        </div>
        <div class="c x1a y22 w11 hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.traps[13].name}}</div>
        </div>
        <div class="c x3 y23 wd hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.monster[14].num}}</div>
        </div>
        <div class="c x18 y23 we hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.monster[14].name}}</div>
        </div>
        <div class="c x16 y23 w9 hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.spells[14].num}}</div>
        </div>
        <div class="c x19 y23 wf hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.spells[14].name}}</div>
        </div>
        <div class="c x17 y23 w10 hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.traps[14].num}}</div>
        </div>
        <div class="c x1a y23 w11 hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.traps[14].name}}</div>
        </div>
        <div class="c x3 y24 wd he">
          <div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.monster[15].num}}</div>
        </div>
        <div class="c x18 y24 we he">
          <div class="t m0 x4 ha y17 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.monster[15].name}}</div>
        </div>
        <div class="c x16 y24 w9 he">
          <div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.spells[15].num}}</div>
        </div>
        <div class="c x19 y24 wf he">
          <div class="t m0 x4 ha y17 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.spells[15].name}}</div>
        </div>
        <div class="c x17 y24 w10 he">
          <div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.traps[15].num}}</div>
        </div>
        <div class="c x1a y24 w11 he">
          <div class="t m0 x4 ha y17 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.traps[15].name}}</div>
        </div>
        <div class="c x3 y25 wd he">
          <div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.monster[16].num}}</div>
        </div>
        <div class="c x18 y25 we he">
          <div class="t m0 x4 ha y17 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.monster[16].name}}</div>
        </div>
        <div class="c x16 y25 w9 he">
          <div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.spells[16].num}}</div>
        </div>
        <div class="c x19 y25 wf he">
          <div class="t m0 x4 ha y17 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.spells[16].name}}</div>
        </div>
        <div class="c x17 y25 w10 he">
          <div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.traps[16].num}}</div>
        </div>
        <div class="c x1a y25 w11 he">
          <div class="t m0 x4 ha y17 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.traps[16].name}}</div>
        </div>
        <div class="c x3 y26 wd hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.monster[17].num}}</div>
        </div>
        <div class="c x18 y26 we hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.monster[17].name}}</div>
        </div>
        <div class="c x16 y26 w9 hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.spells[17].num}}</div>
        </div>
        <div class="c x19 y26 wf hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.spells[17].name}}</div>
        </div>
        <div class="c x17 y26 w10 hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.traps[17].num}}</div>
        </div>
        <div class="c x1a y26 w11 hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.traps[17].name}}</div>
        </div>
        <div class="c x3 y27 wd hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.monster[18].num}}</div>
        </div>
        <div class="c x18 y27 we hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.monster[18].name}}</div>
        </div>
        <div class="c x16 y27 w9 hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.spells[18].num}}</div>
        </div>
        <div class="c x19 y27 wf hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.spells[18].name}}</div>
        </div>
        <div class="c x17 y27 w10 hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.traps[18].num}}</div>
        </div>
        <div class="c x1a y27 w11 hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.traps[18].name}}</div>
        </div>
        <div class="c x3 y28 wd he">
          <div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.monster[19].num}}</div>
        </div>
        <div class="c x18 y28 we he">
          <div class="t m0 x4 ha y17 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.monster[19].name}}</div>
        </div>
        <div class="c x16 y28 w9 he">
          <div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.spells[19].num}}</div>
        </div>
        <div class="c x19 y28 wf he">
          <div class="t m0 x4 ha y17 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.spells[19].name}}</div>
        </div>
        <div class="c x17 y28 w10 he">
          <div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.traps[19].num}}</div>
        </div>
        <div class="c x1a y28 w11 he">
          <div class="t m0 x4 ha y17 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.traps[19].name}}</div>
        </div>

        <div class="c x3 y29 wd hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.monsterTotal}}</div>
        </div>
        <div class="c x18 y29 we hd">
          <div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 lsc ws0">&lt;&lt;&lt;!Total!Monster!Cards<span class="ls1">!</span></div>
        </div>
        <div class="c x16 y29 w9 hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.spellTotal}}</div>
        </div>
        <div class="c x19 y29 wf hd">
          <div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 lsc ws0">&lt;&lt;&lt;!Total!Spell!Cards<span class="ls1">!</span></div>
        </div>
        <div class="c x17 y29 w10 hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.trapTotal}}</div>
        </div>
        <div class="c x1a y29 w11 hd">
          <div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 lsc ws0">&lt;&lt;&lt;!Total!Trap!Cards<span class="ls1">!</span></div>
        </div>
        <div class="c x3 y2a w12 hf">
          <div class="t m0 x4 h10 y2b ff2 fs3 fc0 sc0 ls1 ws0">!</div>
        </div>
        <div class="c x3 y2c w13 h11">
          <div class="t m0 x4 hc y2d ff2 fs2 fc0 sc0 lsd ws0">Extra!Deck!/!<span class="ff3 ls1"><span class="ff2">!</span></span>
          </div>
        </div>
        <div class="c x16 y2c w13 h11">
          <div class="t m0 x4 hc y2d ff2 fs2 fc0 sc0 lsa ws0">Side!Deck!/!<span class="ff3 ls1"><span class="ff2">!</span></span>
          </div>
        </div>
        <div class="c x17 y2c w10 h11">
          <div class="t m0 x4 ha y9 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
        </div>
        <div class="c x1a y2c w14 h11">
          <div class="t m0 x1 h10 y2e ff2 fs3 fc0 sc0 lse ws0">Main!Deck<span class="_ _0"></span>!</div>
          <div class="t m0 x1b h10 y2f ff2 fs3 fc0 sc0 lsf ws0">Total<span class="ls1">!</span></div>
        </div>
        <div class="c x1c y2c w15 h11">
          <div class="t m0 x1 h10 y2e ff2 fs3 fc0 sc0 ls10 ws0">Extra!Deck!</div>
          <div class="t m0 x1b h10 y2f ff2 fs3 fc0 sc0 lsf ws0">Total<span class="ls1">!</span></div>
        </div>
        <div class="c x1d y2c w14 h11">
          <div class="t m0 x1e h10 y2e ff2 fs3 fc0 sc0 ls11 ws0">Side!Deck!</div>
          <div class="t m0 x1b h10 y2f ff2 fs3 fc0 sc0 lsf ws0">Total<span class="ls1">!</span></div>
        </div>
        <div class="c x3 y30 wd he">
          <div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.extra[0].num}}</div>
        </div>
        <div class="c x18 y30 w16 he">
          <div class="t m0 x4 ha y17 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.extra[0].name}}</div>
        </div>
        <div class="c x16 y30 w10 he">
          <div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.side[0].num}}</div>
        </div>
        <div class="c x19 y30 wf he">
          <div class="t m0 x4 ha y17 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.side[0].name}}</div>
        </div>

        <!--<div class="c x17 y30 w10 he">
          <div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
        </div>
        <div class="c x1a y30 w14 he">
          <div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
        </div>
        <div class="c x1c y30 w15 he">
          <div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
        </div>
        <div class="c x1d y30 w14 he">
          <div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
        </div>-->

        <div class="c x3 y31 wd he">
          <div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.extra[1].num}}</div>
        </div>
        <div class="c x18 y31 w16 he">
          <div class="t m0 x4 ha y17 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.extra[1].name}}</div>
        </div>
        <div class="c x16 y31 w10 he">
          <div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.side[1].num}}</div>
        </div>
        <div class="c x19 y31 wf he">
          <div class="t m0 x4 ha y17 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.side[1].name}}</div>
        </div>

        <!--<div class="c x17 y31 w17 he">
          <div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
        </div>
        <div class="c x1a y31 w18 he">
          <div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
        </div>-->

        <div class="c x3 y32 wd hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.extra[2].num}}</div>
        </div>
        <div class="c x18 y32 w16 hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.extra[2].name}}</div>
        </div>
        <div class="c x16 y32 w10 hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.side[2].num}}</div>
        </div>
        <div class="c x19 y32 wf hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.side[2].name}}</div>
        </div>

        <!--<div class="c x17 y32 w17 hd">
          <div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
        </div>
        <div class="c x1a y32 w18 hd">
          <div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
        </div>-->

        <div class="c x3 y33 wd hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.extra[3].num}}</div>
        </div>
        <div class="c x18 y33 w16 hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.extra[3].name}}</div>
        </div>
        <div class="c x16 y33 w10 hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.side[3].num}}</div>
        </div>
        <div class="c x19 y33 wf hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.side[3].name}}</div>
        </div>

        <div class="c x17 y33 w9 hd">
          <div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
        </div>
        <div class="c x1a y33 w19 hd">
          <div class="t m0 x9 h12 y14 ff1 fs2 fc0 sc0 ls1 ws0">For)Judge)Use)Only)</div>
        </div>
        <div class="c x3 y34 wd hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.extra[4].num}}</div>
        </div>
        <div class="c x18 y34 w16 hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.extra[4].name}}</div>
        </div>
        <div class="c x16 y34 w10 hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.side[4].num}}</div>
        </div>
        <div class="c x19 y34 wf hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.side[4].name}}</div>
        </div>
        <div class="c x17 y34 w9 hd">
          <div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0"></div>
        </div>
        <div class="c x1a y34 w19 hd">
          <div class="t m0 x4 h13 y35 ff2 fs4 fc0 sc0 lsb ws0">Deck!L<span class="ls12">ist!checked?<span class="ls1">!</span></span>
          </div>
        </div>
        <div class="c x3 y36 wd he">
          <div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.extra[5].num}}</div>
        </div>
        <div class="c x18 y36 w16 he">
          <div class="t m0 x4 ha y17 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.extra[5].name}}</div>
        </div>
        <div class="c x16 y36 w10 he">
          <div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.side[5].num}}</div>
        </div>
        <div class="c x19 y36 wf he">
          <div class="t m0 x4 ha y17 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.side[5].name}}</div>
        </div>
        <div class="c x17 y36 w9 he">
          <div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
        </div>
        <div class="c x1a y36 w1a he">
          <div class="t m0 x4 h13 y37 ff2 fs4 fc0 sc0 lsb ws0">Judge!Initial<span class="ls1">!</span></div>
        </div>
        <div class="c x1c y36 w1b he">
          <div class="t m0 x4 h13 y37 ff2 fs4 fc0 sc0 lsa ws0">Infraction(s):<span class="ls1">!</span></div>
        </div>
        <div class="c x3 y38 wd hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.extra[6].num}}</div>
        </div>
        <div class="c x18 y38 w16 hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.extra[6].name}}</div>
        </div>
        <div class="c x16 y38 w10 hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.side[6].num}}</div>
        </div>
        <div class="c x19 y38 wf hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.side[6].name}}</div>
        </div>
        <div class="c x17 y38 w9 hd">
          <div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0"></div>
        </div>
        <div class="c x1a y39 w19 h14">
          <div class="t m0 x4 h13 y3a ff2 fs4 fc0 sc0 lsb ws0">Description:<span class="ls1">!</span></div>
        </div>
        <div class="c x3 y39 wd hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.extra[7].num}}</div>
        </div>
        <div class="c x18 y39 w16 hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.extra[7].name}}</div>
        </div>
        <div class="c x16 y39 w10 hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.side[7].num}}</div>
        </div>
        <div class="c x19 y39 wf hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.side[7].name}}</div>
        </div>
        <div class="c x17 y39 w9 hd">
          <div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
        </div>
        <div class="c x3 y3b wd hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.extra[8].num}}</div>
        </div>
        <div class="c x18 y3b w16 hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.extra[8].name}}</div>
        </div>
        <div class="c x16 y3b w10 hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.side[8].num}}</div>
        </div>
        <div class="c x19 y3b wf hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.side[8].name}}</div>
        </div>
        <div class="c x17 y3b w9 hd">
          <div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
        </div>
        <div class="c x1a y3b w19 hd">
          <div class="t m0 x4 h13 y35 ff2 fs4 fc0 sc0 lsb ws0">Deck!Check!Round:<span class="ls1">!</span></div>
        </div>
        <div class="c x3 y3c wd he">
          <div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.extra[9].num}}</div>
        </div>
        <div class="c x18 y3c w16 he">
          <div class="t m0 x4 ha y17 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.extra[9].name}}</div>
        </div>
        <div class="c x16 y3c w10 he">
          <div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.side[9].num}}</div>
        </div>
        <div class="c x19 y3c wf he">
          <div class="t m0 x4 ha y17 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.side[9].name}}</div>
        </div>
        <div class="c x17 y3c w9 he">
          <div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0"></div>
        </div>
        <div class="c x1a y3c w1a he">
          <div class="t m0 x4 h13 y37 ff2 fs4 fc0 sc0 lsb ws0">Judge<span class="ls1">!<span class="lsa">Initial</span>!</span>
          </div>
        </div>
        <div class="c x1c y3c w1b he">
          <div class="t m0 x4 h13 y37 ff2 fs4 fc0 sc0 lsa ws0">Infraction(s):<span class="ls1">!</span></div>
        </div>
        <div class="c x3 y3d wd hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.extra[10].num}}</div>
        </div>
        <div class="c x18 y3d w16 hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.extra[10].name}}</div>
        </div>
        <div class="c x16 y3d w10 hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.side[10].num}}</div>
        </div>
        <div class="c x19 y3d wf hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.side[10].name}}</div>
        </div>
        <div class="c x17 y3d w9 hd">
          <div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0"></div>
        </div>
        <div class="c x1a y3e w19 h14">
          <div class="t m0 x4 h13 y3a ff2 fs4 fc0 sc0 lsb ws0">Description:<span class="ls1">!</span></div>
        </div>
        <div class="c x3 y3e wd hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.extra[11].num}}</div>
        </div>
        <div class="c x18 y3e w16 hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.extra[11].name}}</div>
        </div>
        <div class="c x16 y3e w10 hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.side[11].num}}</div>
        </div>
        <div class="c x19 y3e wf hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.side[11].name}}</div>
        </div>
        <div class="c x17 y3e w9 hd">
          <div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
        </div>
        <div class="c x3 y3f wd hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.extra[12].num}}</div>
        </div>
        <div class="c x18 y3f w16 hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.extra[12].name}}</div>
        </div>
        <div class="c x16 y3f w10 hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.side[12].num}}</div>
        </div>
        <div class="c x19 y3f wf hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.side[12].name}}</div>
        </div>
        <div class="c x17 y3f w9 hd">
          <div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
        </div>
        <div class="c x1a y3f w19 hd">
          <div class="t m0 x4 h13 y35 ff2 fs4 fc0 sc0 lsb ws0">Deck!Check!Round:<span class="ls1">!!</span></div>
        </div>
        <div class="c x3 y40 wd hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.extra[13].num}}</div>
        </div>
        <div class="c x18 y40 w16 hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.extra[13].name}}</div>
        </div>
        <div class="c x16 y40 w10 hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.side[13].num}}</div>
        </div>
        <div class="c x19 y40 wf hd">
          <div class="t m0 x4 ha y14 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.side[13].name}}</div>
        </div>
        <div class="c x17 y40 w9 hd">
          <div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
        </div>
        <div class="c x1a y40 w1a hd">
          <div class="t m0 x4 h13 y35 ff2 fs4 fc0 sc0 lsb ws0">Judge!Initial<span class="ls1">!</span></div>
        </div>
        <div class="c x1c y40 w1b hd">
          <div class="t m0 x4 h13 y35 ff2 fs4 fc0 sc0 lsa ws0">Infraction(s):<span class="ls1">!</span></div>
        </div>
        <div class="c x3 y41 wd he">
          <div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.extra[14].num}}</div>
        </div>
        <div class="c x18 y41 w16 he">
          <div class="t m0 x4 ha y17 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.extra[14].name}}</div>
        </div>
        <div class="c x16 y41 w10 he">
          <div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.side[14].num}}</div>
        </div>
        <div class="c x19 y41 wf he">
          <div class="t m0 x4 ha y17 ff5 fs2 fc0 sc0 ls1 ws0">{{deck.side[14].name}}</div>
        </div>
        <div class="c x17 y41 w9 he">
          <div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
        </div>
        <div class="c x1a y42 w19 h15">
          <div class="t m0 x4 h13 y43 ff2 fs4 fc0 sc0 lsb ws0">Description:<span class="ls1">!</span></div>
        </div>
        <div class="c x3 y42 wd hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.extraTotal}}</div>
        </div>
        <div class="c x18 y42 w16 hd">
          <div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 lsc ws0">&lt;&lt;&lt;!Total!Extra!Deck!<span class="ls1">!</span></div>
        </div>
        <div class="c x16 y42 w10 hd">
          <div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.sideTotal}}</div>
        </div>
        <div class="c x19 y42 wf hd">
          <div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 lsc ws0">&lt;&lt;&lt;!Total!Side!Deck<span class="ls1">!</span></div>
        </div>
        <div class="c x17 y42 w9 hd">
          <div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
        </div>
        <div class="c x1 y1 w2 h2">
          <div class="t m0 x0 ha y44 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
        </div>
        <div class="c x3 y45 w1c h14">
          <div class="t m0 x4 ha y46 ff2 fs2 fc0 sc0 ls1 ws0">Please!fill!up!the!official!card!name!or!set!number!<span class="ls12">clearly</span>.!</div>
          <div class="t m0 x4 hc y12 ff3 fs2 fc0 sc0 ls1 ws0"><span class="ff2">!</span></div>
        </div>
        <div class="c x1 y1 w2 h2">
          <div class="t m0 x0 ha y47 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
          <div class="t m0 x0 ha y48 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
        </div>

        <!--card game id-->
        <div class="c x1f y49 w1d h16">
          <div class="t m0 x20 h17 y4a ff7 fs5 fc0 sc0 ls1 ws0">{{deck.gameid[0]}}</div>
        </div>
        <div class="c x21 y49 w1d h16">
          <div class="t m0 x20 h17 y4a ff7 fs5 fc0 sc0 ls1 ws0">{{deck.gameid[1]}}</div>
        </div>
        <div class="c x22 y49 w1e h16">
          <div class="t m0 x20 h17 y4a ff7 fs5 fc0 sc0 ls1 ws0">{{deck.gameid[2]}}</div>
        </div>
        <div class="c xa y49 w1d h16">
          <div class="t m0 x20 h17 y4a ff7 fs5 fc0 sc0 ls1 ws0">{{deck.gameid[3]}}</div>
        </div>
        <div class="c xb y49 w1d h16">
          <div class="t m0 x20 h17 y4a ff7 fs5 fc0 sc0 ls1 ws0">{{deck.gameid[4]}}</div>
        </div>
        <div class="c xc y49 w1e h16">
          <div class="t m0 x20 h17 y4a ff7 fs5 fc0 sc0 ls1 ws0">{{deck.gameid[5]}}</div>
        </div>
        <div class="c x23 y49 w1e h16">
          <div class="t m0 x20 h17 y4a ff7 fs5 fc0 sc0 ls1 ws0">{{deck.gameid[6]}}</div>
        </div>
        <div class="c x24 y49 w1d h16">
          <div class="t m0 x20 h17 y4a ff7 fs5 fc0 sc0 ls1 ws0">{{deck.gameid[7]}}</div>
        </div>
        <div class="c xe y49 w1e h16">
          <div class="t m0 x20 h17 y4a ff7 fs5 fc0 sc0 ls1 ws0">{{deck.gameid[8]}}</div>
        </div>
        <div class="c xf y49 w1e h16">
          <div class="t m0 x20 h17 y4a ff7 fs5 fc0 sc0 ls1 ws0">{{deck.gameid[9]}}</div>
        </div>

        <!--date-->
        <div class="c x10 y4b w1f h18">
          <div class="t m0 x20 h17 y4c ff7 fs5 fc0 sc0 ls1 ws0">{{deck.date[0]}}</div>
        </div>
        <div class="c x25 y4d w1f h19">
          <div class="t m0 x20 h17 y4e ff7 fs5 fc0 sc0 ls1 ws0">{{deck.date[1]}}</div>
        </div>
        <div class="c x26 y4f w1f h16">
          <div class="t m0 x20 h17 y4a ff7 fs5 fc0 sc0 ls1 ws0">{{deck.date[2]}}</div>
        </div>
        <div class="c x27 y50 w1f h19">
          <div class="t m0 x20 h17 y4e ff7 fs5 fc0 sc0 ls1 ws0">{{deck.date[3]}}</div>
        </div>
        <div class="c x28 y4d w1f h19">
          <div class="t m0 x20 h17 y4e ff7 fs5 fc0 sc0 ls1 ws0">{{deck.date[4]}}</div>
        </div>
        <div class="c x29 y4b w20 h18">
          <div class="t m0 x20 h17 y4c ff7 fs5 fc0 sc0 ls1 ws0">{{deck.date[5]}}</div>
        </div>

        <!--total-->
        <div class="c x2a y51 w21 h1a">
          <div class="t m0 x0 h1b y52 ff7 fs2 fc0 sc0 ls1 ws0">{{deck.sideTotal}}</div>
        </div>
        <div class="c x1c y53 w22 h1c">
          <div class="t m0 x2b h1b y54 ff7 fs2 fc0 sc0 ls1 ws0">{{deck.extraTotal}}</div>
        </div>
        <div class="c x1a y53 w23 h1d">
          <div class="t m0 x2b h1b y55 ff7 fs2 fc0 sc0 ls1 ws0">{{deck.mainTotal}}</div>
        </div>
      </div>
      <div class="pi" data-data='{"ctm":[1.000000,0.000000,0.000000,1.000000,0.000000,0.000000]}'></div>
    </div>
    <!--<div style="position: absolute;width:50px;height: 50px;right:200px; bottom:100px;background-color: red;"></div>-->
  </div>
  <div class="loading-indicator">

  </div>
</body>

<script src="https://unpkg.com/vue@2.1.10/dist/vue.js"></script>
<script src="https://unpkg.com/vue-resource@1.2.0/dist/vue-resource.min.js"></script>
<script src="https://unpkg.com/jquery@3.3.1/dist/jquery.js"></script>
<script>
  function getParameterByName(name, url) {
    if (!url) url = window.location.href;
    name = name.replace(/[\[\]]/g, "\\$&");
    var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
      results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, " "));
  }
  new Vue({
    el: '#page-container',
    created: function () {
      var id = getParameterByName('id');
      if (id) {
        this.deck.name = getParameterByName('name');
        this.deck.event = getParameterByName('event');
        var gameid = getParameterByName('gameid');
        var img = getParameterByName('img');
        var print = getParameterByName('print');

        if (gameid) {
          var gameid_arr = gameid.split('');
          for (var i = 0; i < gameid_arr.length; i++) {
            this.deck.gameid[i] = gameid_arr[i];
          }
        }

        var date = getParameterByName('date');

        if (date) {
          this.deck.date = date.split('')
        }

        // var URL = "http://localhost:3000/api"
        var URL = "https://sapi.moecube.com:444/ygopro/arena"
        var params = {
          page: this.page
        }
        Vue.http.get(URL + '/deckdata/' + id, { 'params': params }).then((res) => {

          this.deck.monster = res.data.deck.monster
          this.deck.spells = res.data.deck.spells
          this.deck.traps = res.data.deck.traps
          this.deck.extra = res.data.deck.extra
          this.deck.side = res.data.deck.side

          var length = this.deck.monster.length
          if (length < 20) {
            for (var i = 0; i < 20 - length; i++) {
              this.deck.monster.push({ "name": "", "num": "" })
            }
          }
          length = this.deck.spells.length
          if (length < 20) {
            for (var i = 0; i < 20 - length; i++) {
              this.deck.spells.push({ "name": "", "num": "" })
            }
          }
          length = this.deck.traps.length
          if (length < 20) {
            for (var i = 0; i < 20 - length; i++) {
              this.deck.traps.push({ "name": "", "num": "" })
            }
          }
          length = this.deck.extra.length
          if (length < 15) {
            for (var i = 0; i < 15 - length; i++) {
              this.deck.extra.push({ "name": "", "num": "" })
            }
          }
          length = this.deck.side.length
          if (length < 20) {
            for (var i = 0; i < 15 - length; i++) {
              this.deck.side.push({ "name": "", "num": "" })
            }
          }

          this.calTotal();

          // if (img && img === "true") {
          //   setTimeout(function () {
          //     domtoimage.toJpeg(document.getElementById('page-container'), { quality: 1 })
          //       .then(function (dataUrl) {
          //         var link = document.createElement('a');
          //         link.download = 'deck-image.jpeg';
          //         link.href = dataUrl;
          //         link.click();
          //       });
          //   }, 100)
          // }

          if (print && print === "true") {
            setTimeout(function () {
                window.print();
            }, 500)
          }
        }, (res) => {
        })
      } else {
        this.calTotal()
      }


    },
    watch: {
      date: function (val) {

      },
    },
    data: function () {
      return {
        deck: {
          name: "Joe xx xx 3",
          event: "",
          gameid: ["", "", "", "", "", "", "", "", "", ""],
          date: ["", "", "", "", "", ""],
          monsterTotal: 0,
          spellTotal: 0,
          trapTotal: 0,
          extraTotal: 0,
          sideTotal: 0,
          mainTotal: 0,
          monster: [
            { "name": "幻变骚灵·寻道梅露辛", "num": 3 },
            { "name": "幻变骚灵·泛在羽衣精", "num": 2 },
            { "name": "增殖的G", "num": 3 },
            { "name": "幻变骚灵·多功能诈骗者", "num": 3 },
            { "name": "幻变骚灵·网络傀儡师", "num": 3 },
            { "name": "灰流丽", "num": 3 },
            { "name": "幽鬼兔", "num": 2 },
            { "name": "黑羽-胧影之业风", "num": 1 },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
          ],
          spells: [
            { "name": "强欲而谦虚之壶", "num": 3 },
            { "name": "强欲而贪欲之壶", "num": 1 },
            { "name": "宇宙旋风", "num": 2 },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
          ],
          traps: [
            { "name": "幻变骚灵物化", "num": 2 },
            { "name": "激流葬", "num": 2 },
            { "name": "无限泡影", "num": 2 },
            { "name": "幻变骚灵协议", "num": 3 },
            { "name": "个人欺骗攻击", "num": 3 },
            { "name": "神之警告", "num": 1 },
            { "name": "神之通告", "num": 2 },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
          ],
          extra: [
            { "name": "方程3式3同  调士", "num": 3 },
            { "name": "科技属 奇3妙 魔术师", "num": 1 },
            { "name": "瑚之龙", "num": 1 },
            { "name": "生命激流龙", "num": 1 },
            { "name": "连接栗子球", "num": 1 },
            { "name": "幻变骚灵·十六巫赫斯提", "num": 2 },
            { "name": "水晶机巧-继承玻纤", "num": 2 },
            { "name": "梦幻崩影·地狱犬", "num": 1 },
            { "name": "梦幻崩影·凤凰", "num": 1 },
            { "name": "刚炼装勇士·银金公主", "num": 1 },
            { "name": "梦幻崩影·独角兽", "num": 1 },
            { "name": "装弹枪管龙", "num": 1 },
            { "name": "拓扑逻辑轰炸龙", "num": 1 },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
          ],
          side: [
            { "name": "冲浪检察官", "num": 2 },
            { "name": "幻变骚灵·查询昆提兰那克", "num": 1 },
            { "name": "浮幽樱", "num": 2 },
            { "name": "鹰身女妖的羽毛扫", "num": 1 },
            { "name": "黑洞", "num": 1 },
            { "name": "墓穴的指名者", "num": 2 },
            { "name": "颉颃胜负", "num": 3 },
            { "name": "长眠不醒的噩梦", "num": 2 },
            { "name": "神之宣告", "num": 1 },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
            { "name": "", "num": "" },
          ]
        }
      }
    },
    methods: {
      calTotal: function () {
        this.deck.monsterTotal = this.deck.monster.reduce(function (a, b) {
          let x = a.num;
          let y = b.num;
          if (isNaN(a.num) || a.num === "") {
            x = 0
          }
          if (isNaN(b.num) || b.num === "") {
            y = 0
          }
          return { num: x + y }
        }).num;

        this.deck.spellTotal = this.deck.spells.reduce(function (a, b) {
          let x = a.num;
          let y = b.num;
          if (isNaN(a.num) || a.num === "") {
            x = 0
          }
          if (isNaN(b.num) || b.num === "") {
            y = 0
          }
          return { num: x + y }
        }).num;

        this.deck.trapTotal = this.deck.traps.reduce(function (a, b) {
          let x = a.num;
          let y = b.num;
          if (isNaN(a.num) || a.num === "") {
            x = 0
          }
          if (isNaN(b.num) || b.num === "") {
            y = 0
          }
          return { num: x + y }
        }).num;

        this.deck.extraTotal = this.deck.extra.reduce(function (a, b) {
          let x = a.num;
          let y = b.num;
          if (isNaN(a.num) || a.num === "") {
            x = 0
          }
          if (isNaN(b.num) || b.num === "") {
            y = 0
          }
          return { num: x + y }
        }).num;

        this.deck.sideTotal = this.deck.side.reduce(function (a, b) {
          let x = a.num;
          let y = b.num;
          if (isNaN(a.num) || a.num === "") {
            x = 0
          }
          if (isNaN(b.num) || b.num === "") {
            y = 0
          }
          return { num: x + y }
        }).num;

        this.deck.mainTotal = parseInt(this.deck.monsterTotal) + parseInt(this.deck.spellTotal) + parseInt(this.deck.trapTotal)
      }
    }
  })

</script>

</html>
