npm run art renders the standalone SVGs and the 1200 by 630 card through Sharp, a development dependency only.
5 lines
42 KiB
XML
5 lines
42 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" class="artwork svelte-14xsz9c calm" data-set="copenhagen" viewBox="0 0 452 452" role="img" aria-label="Copenhagen board in its opening position"><style>.artwork.svelte-14xsz9c {
|
|
/* Copenhagen: a crafted oak board, polished counters and brass inlay. */--surface-light: #bd935c;--surface-dark: #79502d;--rim-light: #e0bf84;--attacker-light: #63564a;--defender-light: #fff4d8;--king-light: #ffe4a0;--wood: #a77945;--wood-line: rgba(30, 16, 6, 0.55);--coord: #302216;--square: rgba(255, 240, 210, 0.08);--square-edge: rgba(255, 250, 235, 0.11);--throne: rgba(240, 165, 58, 0.35);--corner: rgba(109, 52, 29, 0.22);--attacker: #2a2320;--attacker-rim: #211a15;--defender: #ece4d0;--defender-rim: #b9ab8b;--king: #f0d58a;--king-rim: #a67c1a;--crown: #6b4a0f;}
|
|
|
|
/* Tablut: an excavated-object aesthetic, with limestone and aged counters. */.artwork[data-set='tablut'].svelte-14xsz9c {--surface-light: #aaa18b;--surface-dark: #797564;--rim-light: #c4b99e;--attacker-light: #534f43;--defender-light: #ded0ae;--king-light: #e5cc92;--wood: #8a8578;--wood-line: rgba(36, 32, 27, 0.45);--coord: #37362c;--square: rgba(255, 250, 235, 0.05);--square-edge: rgba(255, 250, 235, 0.09);--throne: rgba(120, 100, 70, 0.4);--corner: transparent;--attacker: #3d3530;--attacker-rim: #29281f;--defender: #cfc4ad;--defender-rim: #8c8069;--king: #c9b27a;--king-rim: #7d6636;--crown: #5a4a2a;}.artwork.svelte-14xsz9c {width:100%;height:auto;display:block;}.wood.svelte-14xsz9c {stroke:#79502d;stroke-width:1.4;}.stain.svelte-14xsz9c {fill:#fff;pointer-events:none;}.chip.svelte-14xsz9c {fill:rgba(28, 24, 20, 0.42);stroke:rgba(230, 222, 205, 0.18);stroke-width:0.6;pointer-events:none;}.crack.svelte-14xsz9c {fill:none;stroke:rgba(43, 39, 29, 0.48);stroke-width:0.5;stroke-linecap:round;pointer-events:none;}.coord.svelte-14xsz9c {fill:#302216;font-family:Georgia, serif;font-size:9px;font-weight:600;pointer-events:none;}.square.svelte-14xsz9c {fill:rgba(255, 240, 210, 0.08);stroke:rgba(30, 16, 6, 0.55);stroke-width:0.65;cursor:default;transition:fill 0.3s ease;}.square.edge.svelte-14xsz9c {fill:rgba(255, 250, 235, 0.11);}.square.throne.svelte-14xsz9c {fill:rgba(240, 165, 58, 0.35);}.square.corner.svelte-14xsz9c {fill:rgba(109, 52, 29, 0.22);}.square.last.svelte-14xsz9c {fill:rgba(140, 200, 224, 0.28);}.square.target.svelte-14xsz9c {cursor:pointer;}.square.fallen.svelte-14xsz9c {fill:rgba(224, 101, 92, 0.45);}.square.svelte-14xsz9c:focus-visible {outline:none;stroke:#9ccbdd;stroke-width:2.5;}.hint.svelte-14xsz9c {fill:#9ccbdd;opacity:0.85;}.piece.svelte-14xsz9c {transition:transform 0.36s cubic-bezier(0.2, 0.7, 0.2, 1),
|
|
opacity 0.3s ease;}.piece.dying.svelte-14xsz9c {opacity:0;}.board-rim.svelte-14xsz9c {fill:none;stroke:#e0bf84;stroke-width:0.7;opacity:0.65;pointer-events:none;}.join.svelte-14xsz9c {fill:none;stroke:#50351f;stroke-width:0.6;opacity:0.18;pointer-events:none;}.surface-wear.svelte-14xsz9c {pointer-events:none;}.crack-light.svelte-14xsz9c {fill:none;stroke:#e1d6bd;stroke-width:0.55;opacity:0.45;}.inlay.svelte-14xsz9c {fill:none;stroke:#e0bf84;stroke-width:0.8;opacity:0.75;pointer-events:none;}.artwork[data-set='tablut'].svelte-14xsz9c .inlay.svelte-14xsz9c {stroke:#494638;opacity:0.45;}.piece.svelte-14xsz9c {--piece-rim: #b9ab8b;}.piece.attacker.svelte-14xsz9c {--piece-rim: #211a15;}.piece.king.svelte-14xsz9c {--piece-rim: #a67c1a;}.piece.svelte-14xsz9c .shadow.svelte-14xsz9c {fill:#16130e;opacity:0.28;}.piece.svelte-14xsz9c .base.svelte-14xsz9c {fill:#b9ab8b;}.piece.svelte-14xsz9c .body.svelte-14xsz9c {stroke:#b9ab8b;stroke-width:0.65;}.bevel-light.svelte-14xsz9c {fill:none;stroke:#fff1cc;stroke-width:0.9;opacity:0.48;stroke-linecap:round;}.bevel-dark.svelte-14xsz9c {fill:none;stroke:#211d16;stroke-width:0.8;opacity:0.3;stroke-linecap:round;}.turned.svelte-14xsz9c {fill:none;stroke:#b9ab8b;stroke-width:0.45;opacity:0.35;}.counter-wear.svelte-14xsz9c {fill:none;stroke:#534b37;stroke-width:0.5;opacity:0.3;stroke-linecap:round;}.attacker.svelte-14xsz9c .counter-wear.svelte-14xsz9c {stroke:#d6c6a3;opacity:0.23;}.artwork[data-set='tablut'].svelte-14xsz9c .bevel-light.svelte-14xsz9c {opacity:0.25;stroke-width:1.1;}.artwork[data-set='tablut'].svelte-14xsz9c .turned.svelte-14xsz9c {display:none;}.pit.svelte-14xsz9c {fill:#544b38;opacity:0.3;}.attacker.svelte-14xsz9c .pit.svelte-14xsz9c {fill:#d6c6a3;opacity:0.2;}.piece.svelte-14xsz9c .crown.svelte-14xsz9c {fill:#6b4a0f;stroke:#6b4a0f;stroke-width:0.7;stroke-linejoin:round;}.piece.svelte-14xsz9c .crown-gleam.svelte-14xsz9c {fill:#f8e5b2;stroke:#f8e5b2;stroke-width:0.9;opacity:0.7;}.piece.selected.svelte-14xsz9c .body.svelte-14xsz9c {stroke:#9ccbdd;stroke-width:2.5;}.calm.svelte-14xsz9c .piece.svelte-14xsz9c, .calm.svelte-14xsz9c .square.svelte-14xsz9c {transition:none;}.piece.attacker .base{fill:#211a15}.piece.attacker .body,.piece.attacker .turned{stroke:#211a15}.piece.defender .base{fill:#b9ab8b}.piece.defender .body,.piece.defender .turned{stroke:#b9ab8b}.piece.king .base{fill:#a67c1a}.piece.king .body,.piece.king .turned{stroke:#a67c1a}</style><defs><linearGradient id="s1-surface" x2="0.85" y2="1"><stop stop-color="#bd935c"></stop><stop offset="0.48" stop-color="#a77945"></stop><stop offset="1" stop-color="#79502d"></stop></linearGradient><filter id="s1-grain" x="0" y="0" width="100%" height="100%"><feTurbulence type="fractalNoise" baseFrequency="0.025 0.5" numOctaves="3" seed="7" result="noise"></feTurbulence><feColorMatrix in="noise" type="saturate" values="0"></feColorMatrix><feComponentTransfer result="soft"><feFuncA type="linear" slope="0.13"></feFuncA></feComponentTransfer><feBlend in="SourceGraphic" in2="soft" mode="multiply"></feBlend></filter><filter id="s1-worn" x="-5%" y="-5%" width="110%" height="110%"><feTurbulence type="fractalNoise" baseFrequency="0.09" numOctaves="2" seed="3" result="warp"></feTurbulence><feDisplacementMap in="SourceGraphic" in2="warp" scale="1.15" xChannelSelector="R" yChannelSelector="G"></feDisplacementMap></filter><filter id="s1-mottle" x="0" y="0" width="100%" height="100%"><feTurbulence type="fractalNoise" baseFrequency="0.025" numOctaves="3" seed="11"></feTurbulence><feColorMatrix type="matrix" values="0 0 0 0 0.20 0 0 0 0 0.17 0 0 0 0 0.12 0.28 0 0 0 0"></feColorMatrix><feComposite in2="SourceGraphic" operator="in"></feComposite></filter><radialGradient id="s1-attacker" cx="32%" cy="24%" r="80%"><stop stop-color="#63564a"></stop><stop offset="0.65" stop-color="#2a2320"></stop><stop offset="1" stop-color="#211a15"></stop></radialGradient><radialGradient id="s1-defender" cx="32%" cy="24%" r="80%"><stop stop-color="#fff4d8"></stop><stop offset="0.65" stop-color="#ece4d0"></stop><stop offset="1" stop-color="#b9ab8b"></stop></radialGradient><radialGradient id="s1-king" cx="32%" cy="24%" r="80%"><stop stop-color="#ffe4a0"></stop><stop offset="0.65" stop-color="#f0d58a"></stop><stop offset="1" stop-color="#a67c1a"></stop></radialGradient></defs><rect class="wood svelte-14xsz9c" x="0.7" y="0.7" width="450.6" height="450.6" rx="6" fill="url(#s1-surface)" filter="url(#s1-grain)"></rect><rect class="board-rim svelte-14xsz9c" x="2" y="2" width="448" height="448" rx="5"></rect><path class="join svelte-14xsz9c" d="M102.8 3 v446"></path><path class="join svelte-14xsz9c" d="M230.4 3 v446"></path><path class="join svelte-14xsz9c" d="M353.6 3 v446"></path><g class="surface-wear svelte-14xsz9c" aria-hidden="true"></g><g><rect class="square svelte-14xsz9c corner" data-i="0" x="6" y="6" width="40" height="40" aria-label="a11"></rect><rect class="square svelte-14xsz9c" data-i="1" x="46" y="6" width="40" height="40" aria-label="b11"></rect><rect class="square svelte-14xsz9c" data-i="2" x="86" y="6" width="40" height="40" aria-label="c11"></rect><rect class="square svelte-14xsz9c" data-i="3" x="126" y="6" width="40" height="40" aria-label="d11, an attacker"></rect><rect class="square svelte-14xsz9c" data-i="4" x="166" y="6" width="40" height="40" aria-label="e11, an attacker"></rect><rect class="square svelte-14xsz9c" data-i="5" x="206" y="6" width="40" height="40" aria-label="f11, an attacker"></rect><rect class="square svelte-14xsz9c" data-i="6" x="246" y="6" width="40" height="40" aria-label="g11, an attacker"></rect><rect class="square svelte-14xsz9c" data-i="7" x="286" y="6" width="40" height="40" aria-label="h11, an attacker"></rect><rect class="square svelte-14xsz9c" data-i="8" x="326" y="6" width="40" height="40" aria-label="i11"></rect><rect class="square svelte-14xsz9c" data-i="9" x="366" y="6" width="40" height="40" aria-label="j11"></rect><rect class="square svelte-14xsz9c corner" data-i="10" x="406" y="6" width="40" height="40" aria-label="k11"></rect><rect class="square svelte-14xsz9c" data-i="11" x="6" y="46" width="40" height="40" aria-label="a10"></rect><rect class="square svelte-14xsz9c" data-i="12" x="46" y="46" width="40" height="40" aria-label="b10"></rect><rect class="square svelte-14xsz9c" data-i="13" x="86" y="46" width="40" height="40" aria-label="c10"></rect><rect class="square svelte-14xsz9c" data-i="14" x="126" y="46" width="40" height="40" aria-label="d10"></rect><rect class="square svelte-14xsz9c" data-i="15" x="166" y="46" width="40" height="40" aria-label="e10"></rect><rect class="square svelte-14xsz9c" data-i="16" x="206" y="46" width="40" height="40" aria-label="f10, an attacker"></rect><rect class="square svelte-14xsz9c" data-i="17" x="246" y="46" width="40" height="40" aria-label="g10"></rect><rect class="square svelte-14xsz9c" data-i="18" x="286" y="46" width="40" height="40" aria-label="h10"></rect><rect class="square svelte-14xsz9c" data-i="19" x="326" y="46" width="40" height="40" aria-label="i10"></rect><rect class="square svelte-14xsz9c" data-i="20" x="366" y="46" width="40" height="40" aria-label="j10"></rect><rect class="square svelte-14xsz9c" data-i="21" x="406" y="46" width="40" height="40" aria-label="k10"></rect><rect class="square svelte-14xsz9c" data-i="22" x="6" y="86" width="40" height="40" aria-label="a9"></rect><rect class="square svelte-14xsz9c" data-i="23" x="46" y="86" width="40" height="40" aria-label="b9"></rect><rect class="square svelte-14xsz9c" data-i="24" x="86" y="86" width="40" height="40" aria-label="c9"></rect><rect class="square svelte-14xsz9c" data-i="25" x="126" y="86" width="40" height="40" aria-label="d9"></rect><rect class="square svelte-14xsz9c" data-i="26" x="166" y="86" width="40" height="40" aria-label="e9"></rect><rect class="square svelte-14xsz9c" data-i="27" x="206" y="86" width="40" height="40" aria-label="f9"></rect><rect class="square svelte-14xsz9c" data-i="28" x="246" y="86" width="40" height="40" aria-label="g9"></rect><rect class="square svelte-14xsz9c" data-i="29" x="286" y="86" width="40" height="40" aria-label="h9"></rect><rect class="square svelte-14xsz9c" data-i="30" x="326" y="86" width="40" height="40" aria-label="i9"></rect><rect class="square svelte-14xsz9c" data-i="31" x="366" y="86" width="40" height="40" aria-label="j9"></rect><rect class="square svelte-14xsz9c" data-i="32" x="406" y="86" width="40" height="40" aria-label="k9"></rect><rect class="square svelte-14xsz9c" data-i="33" x="6" y="126" width="40" height="40" aria-label="a8, an attacker"></rect><rect class="square svelte-14xsz9c" data-i="34" x="46" y="126" width="40" height="40" aria-label="b8"></rect><rect class="square svelte-14xsz9c" data-i="35" x="86" y="126" width="40" height="40" aria-label="c8"></rect><rect class="square svelte-14xsz9c" data-i="36" x="126" y="126" width="40" height="40" aria-label="d8"></rect><rect class="square svelte-14xsz9c" data-i="37" x="166" y="126" width="40" height="40" aria-label="e8"></rect><rect class="square svelte-14xsz9c" data-i="38" x="206" y="126" width="40" height="40" aria-label="f8, a defender"></rect><rect class="square svelte-14xsz9c" data-i="39" x="246" y="126" width="40" height="40" aria-label="g8"></rect><rect class="square svelte-14xsz9c" data-i="40" x="286" y="126" width="40" height="40" aria-label="h8"></rect><rect class="square svelte-14xsz9c" data-i="41" x="326" y="126" width="40" height="40" aria-label="i8"></rect><rect class="square svelte-14xsz9c" data-i="42" x="366" y="126" width="40" height="40" aria-label="j8"></rect><rect class="square svelte-14xsz9c" data-i="43" x="406" y="126" width="40" height="40" aria-label="k8, an attacker"></rect><rect class="square svelte-14xsz9c" data-i="44" x="6" y="166" width="40" height="40" aria-label="a7, an attacker"></rect><rect class="square svelte-14xsz9c" data-i="45" x="46" y="166" width="40" height="40" aria-label="b7"></rect><rect class="square svelte-14xsz9c" data-i="46" x="86" y="166" width="40" height="40" aria-label="c7"></rect><rect class="square svelte-14xsz9c" data-i="47" x="126" y="166" width="40" height="40" aria-label="d7"></rect><rect class="square svelte-14xsz9c" data-i="48" x="166" y="166" width="40" height="40" aria-label="e7, a defender"></rect><rect class="square svelte-14xsz9c" data-i="49" x="206" y="166" width="40" height="40" aria-label="f7, a defender"></rect><rect class="square svelte-14xsz9c" data-i="50" x="246" y="166" width="40" height="40" aria-label="g7, a defender"></rect><rect class="square svelte-14xsz9c" data-i="51" x="286" y="166" width="40" height="40" aria-label="h7"></rect><rect class="square svelte-14xsz9c" data-i="52" x="326" y="166" width="40" height="40" aria-label="i7"></rect><rect class="square svelte-14xsz9c" data-i="53" x="366" y="166" width="40" height="40" aria-label="j7"></rect><rect class="square svelte-14xsz9c" data-i="54" x="406" y="166" width="40" height="40" aria-label="k7, an attacker"></rect><rect class="square svelte-14xsz9c" data-i="55" x="6" y="206" width="40" height="40" aria-label="a6, an attacker"></rect><rect class="square svelte-14xsz9c" data-i="56" x="46" y="206" width="40" height="40" aria-label="b6, an attacker"></rect><rect class="square svelte-14xsz9c" data-i="57" x="86" y="206" width="40" height="40" aria-label="c6"></rect><rect class="square svelte-14xsz9c" data-i="58" x="126" y="206" width="40" height="40" aria-label="d6, a defender"></rect><rect class="square svelte-14xsz9c" data-i="59" x="166" y="206" width="40" height="40" aria-label="e6, a defender"></rect><rect class="square svelte-14xsz9c throne" data-i="60" x="206" y="206" width="40" height="40" aria-label="f6, the king"></rect><rect class="square svelte-14xsz9c" data-i="61" x="246" y="206" width="40" height="40" aria-label="g6, a defender"></rect><rect class="square svelte-14xsz9c" data-i="62" x="286" y="206" width="40" height="40" aria-label="h6, a defender"></rect><rect class="square svelte-14xsz9c" data-i="63" x="326" y="206" width="40" height="40" aria-label="i6"></rect><rect class="square svelte-14xsz9c" data-i="64" x="366" y="206" width="40" height="40" aria-label="j6, an attacker"></rect><rect class="square svelte-14xsz9c" data-i="65" x="406" y="206" width="40" height="40" aria-label="k6, an attacker"></rect><rect class="square svelte-14xsz9c" data-i="66" x="6" y="246" width="40" height="40" aria-label="a5, an attacker"></rect><rect class="square svelte-14xsz9c" data-i="67" x="46" y="246" width="40" height="40" aria-label="b5"></rect><rect class="square svelte-14xsz9c" data-i="68" x="86" y="246" width="40" height="40" aria-label="c5"></rect><rect class="square svelte-14xsz9c" data-i="69" x="126" y="246" width="40" height="40" aria-label="d5"></rect><rect class="square svelte-14xsz9c" data-i="70" x="166" y="246" width="40" height="40" aria-label="e5, a defender"></rect><rect class="square svelte-14xsz9c" data-i="71" x="206" y="246" width="40" height="40" aria-label="f5, a defender"></rect><rect class="square svelte-14xsz9c" data-i="72" x="246" y="246" width="40" height="40" aria-label="g5, a defender"></rect><rect class="square svelte-14xsz9c" data-i="73" x="286" y="246" width="40" height="40" aria-label="h5"></rect><rect class="square svelte-14xsz9c" data-i="74" x="326" y="246" width="40" height="40" aria-label="i5"></rect><rect class="square svelte-14xsz9c" data-i="75" x="366" y="246" width="40" height="40" aria-label="j5"></rect><rect class="square svelte-14xsz9c" data-i="76" x="406" y="246" width="40" height="40" aria-label="k5, an attacker"></rect><rect class="square svelte-14xsz9c" data-i="77" x="6" y="286" width="40" height="40" aria-label="a4, an attacker"></rect><rect class="square svelte-14xsz9c" data-i="78" x="46" y="286" width="40" height="40" aria-label="b4"></rect><rect class="square svelte-14xsz9c" data-i="79" x="86" y="286" width="40" height="40" aria-label="c4"></rect><rect class="square svelte-14xsz9c" data-i="80" x="126" y="286" width="40" height="40" aria-label="d4"></rect><rect class="square svelte-14xsz9c" data-i="81" x="166" y="286" width="40" height="40" aria-label="e4"></rect><rect class="square svelte-14xsz9c" data-i="82" x="206" y="286" width="40" height="40" aria-label="f4, a defender"></rect><rect class="square svelte-14xsz9c" data-i="83" x="246" y="286" width="40" height="40" aria-label="g4"></rect><rect class="square svelte-14xsz9c" data-i="84" x="286" y="286" width="40" height="40" aria-label="h4"></rect><rect class="square svelte-14xsz9c" data-i="85" x="326" y="286" width="40" height="40" aria-label="i4"></rect><rect class="square svelte-14xsz9c" data-i="86" x="366" y="286" width="40" height="40" aria-label="j4"></rect><rect class="square svelte-14xsz9c" data-i="87" x="406" y="286" width="40" height="40" aria-label="k4, an attacker"></rect><rect class="square svelte-14xsz9c" data-i="88" x="6" y="326" width="40" height="40" aria-label="a3"></rect><rect class="square svelte-14xsz9c" data-i="89" x="46" y="326" width="40" height="40" aria-label="b3"></rect><rect class="square svelte-14xsz9c" data-i="90" x="86" y="326" width="40" height="40" aria-label="c3"></rect><rect class="square svelte-14xsz9c" data-i="91" x="126" y="326" width="40" height="40" aria-label="d3"></rect><rect class="square svelte-14xsz9c" data-i="92" x="166" y="326" width="40" height="40" aria-label="e3"></rect><rect class="square svelte-14xsz9c" data-i="93" x="206" y="326" width="40" height="40" aria-label="f3"></rect><rect class="square svelte-14xsz9c" data-i="94" x="246" y="326" width="40" height="40" aria-label="g3"></rect><rect class="square svelte-14xsz9c" data-i="95" x="286" y="326" width="40" height="40" aria-label="h3"></rect><rect class="square svelte-14xsz9c" data-i="96" x="326" y="326" width="40" height="40" aria-label="i3"></rect><rect class="square svelte-14xsz9c" data-i="97" x="366" y="326" width="40" height="40" aria-label="j3"></rect><rect class="square svelte-14xsz9c" data-i="98" x="406" y="326" width="40" height="40" aria-label="k3"></rect><rect class="square svelte-14xsz9c" data-i="99" x="6" y="366" width="40" height="40" aria-label="a2"></rect><rect class="square svelte-14xsz9c" data-i="100" x="46" y="366" width="40" height="40" aria-label="b2"></rect><rect class="square svelte-14xsz9c" data-i="101" x="86" y="366" width="40" height="40" aria-label="c2"></rect><rect class="square svelte-14xsz9c" data-i="102" x="126" y="366" width="40" height="40" aria-label="d2"></rect><rect class="square svelte-14xsz9c" data-i="103" x="166" y="366" width="40" height="40" aria-label="e2"></rect><rect class="square svelte-14xsz9c" data-i="104" x="206" y="366" width="40" height="40" aria-label="f2, an attacker"></rect><rect class="square svelte-14xsz9c" data-i="105" x="246" y="366" width="40" height="40" aria-label="g2"></rect><rect class="square svelte-14xsz9c" data-i="106" x="286" y="366" width="40" height="40" aria-label="h2"></rect><rect class="square svelte-14xsz9c" data-i="107" x="326" y="366" width="40" height="40" aria-label="i2"></rect><rect class="square svelte-14xsz9c" data-i="108" x="366" y="366" width="40" height="40" aria-label="j2"></rect><rect class="square svelte-14xsz9c" data-i="109" x="406" y="366" width="40" height="40" aria-label="k2"></rect><rect class="square svelte-14xsz9c corner" data-i="110" x="6" y="406" width="40" height="40" aria-label="a1"></rect><rect class="square svelte-14xsz9c" data-i="111" x="46" y="406" width="40" height="40" aria-label="b1"></rect><rect class="square svelte-14xsz9c" data-i="112" x="86" y="406" width="40" height="40" aria-label="c1"></rect><rect class="square svelte-14xsz9c" data-i="113" x="126" y="406" width="40" height="40" aria-label="d1, an attacker"></rect><rect class="square svelte-14xsz9c" data-i="114" x="166" y="406" width="40" height="40" aria-label="e1, an attacker"></rect><rect class="square svelte-14xsz9c" data-i="115" x="206" y="406" width="40" height="40" aria-label="f1, an attacker"></rect><rect class="square svelte-14xsz9c" data-i="116" x="246" y="406" width="40" height="40" aria-label="g1, an attacker"></rect><rect class="square svelte-14xsz9c" data-i="117" x="286" y="406" width="40" height="40" aria-label="h1, an attacker"></rect><rect class="square svelte-14xsz9c" data-i="118" x="326" y="406" width="40" height="40" aria-label="i1"></rect><rect class="square svelte-14xsz9c" data-i="119" x="366" y="406" width="40" height="40" aria-label="j1"></rect><rect class="square svelte-14xsz9c corner" data-i="120" x="406" y="406" width="40" height="40" aria-label="k1"></rect><g class="inlay svelte-14xsz9c" transform="translate(226 226)" aria-hidden="true"><path d="M0 -15 L15 0 0 15 -15 0 Z"></path><path d="M-7 0 H7 M0 -7 V7"></path></g><g class="inlay svelte-14xsz9c" transform="translate(26 26)" aria-hidden="true"><path d="M0 -15 L15 0 0 15 -15 0 Z"></path><path d="M-7 0 H7 M0 -7 V7"></path></g><g class="inlay svelte-14xsz9c" transform="translate(426 26)" aria-hidden="true"><path d="M0 -15 L15 0 0 15 -15 0 Z"></path><path d="M-7 0 H7 M0 -7 V7"></path></g><g class="inlay svelte-14xsz9c" transform="translate(26 426)" aria-hidden="true"><path d="M0 -15 L15 0 0 15 -15 0 Z"></path><path d="M-7 0 H7 M0 -7 V7"></path></g><g class="inlay svelte-14xsz9c" transform="translate(426 426)" aria-hidden="true"><path d="M0 -15 L15 0 0 15 -15 0 Z"></path><path d="M-7 0 H7 M0 -7 V7"></path></g><g class="piece attacker svelte-14xsz9c" style="transform: translate(146px, 26px)" pointer-events="none"><ellipse class="shadow svelte-14xsz9c" cx="1" cy="3" rx="14" ry="12.5"></ellipse><g><circle class="base svelte-14xsz9c" cy="1.2" r="13.6"></circle><ellipse class="body svelte-14xsz9c" rx="13.2" ry="13.2" fill="url(#s1-attacker)"></ellipse><path class="bevel-light svelte-14xsz9c" d="M-11.5 3 A12 12 0 0 1 8 -9"></path><path class="bevel-dark svelte-14xsz9c" d="M11.5 -3 A12 12 0 0 1 -7 9.8"></path><circle class="turned svelte-14xsz9c" r="10.2"></circle></g></g><g class="piece attacker svelte-14xsz9c" style="transform: translate(186px, 26px)" pointer-events="none"><ellipse class="shadow svelte-14xsz9c" cx="1" cy="3" rx="14" ry="12.5"></ellipse><g><circle class="base svelte-14xsz9c" cy="1.2" r="13.6"></circle><ellipse class="body svelte-14xsz9c" rx="13.2" ry="13.2" fill="url(#s1-attacker)"></ellipse><path class="bevel-light svelte-14xsz9c" d="M-11.5 3 A12 12 0 0 1 8 -9"></path><path class="bevel-dark svelte-14xsz9c" d="M11.5 -3 A12 12 0 0 1 -7 9.8"></path><circle class="turned svelte-14xsz9c" r="10.2"></circle></g></g><g class="piece attacker svelte-14xsz9c" style="transform: translate(226px, 26px)" pointer-events="none"><ellipse class="shadow svelte-14xsz9c" cx="1" cy="3" rx="14" ry="12.5"></ellipse><g><circle class="base svelte-14xsz9c" cy="1.2" r="13.6"></circle><ellipse class="body svelte-14xsz9c" rx="13.2" ry="13.2" fill="url(#s1-attacker)"></ellipse><path class="bevel-light svelte-14xsz9c" d="M-11.5 3 A12 12 0 0 1 8 -9"></path><path class="bevel-dark svelte-14xsz9c" d="M11.5 -3 A12 12 0 0 1 -7 9.8"></path><circle class="turned svelte-14xsz9c" r="10.2"></circle></g></g><g class="piece attacker svelte-14xsz9c" style="transform: translate(266px, 26px)" pointer-events="none"><ellipse class="shadow svelte-14xsz9c" cx="1" cy="3" rx="14" ry="12.5"></ellipse><g><circle class="base svelte-14xsz9c" cy="1.2" r="13.6"></circle><ellipse class="body svelte-14xsz9c" rx="13.2" ry="13.2" fill="url(#s1-attacker)"></ellipse><path class="bevel-light svelte-14xsz9c" d="M-11.5 3 A12 12 0 0 1 8 -9"></path><path class="bevel-dark svelte-14xsz9c" d="M11.5 -3 A12 12 0 0 1 -7 9.8"></path><circle class="turned svelte-14xsz9c" r="10.2"></circle></g></g><g class="piece attacker svelte-14xsz9c" style="transform: translate(306px, 26px)" pointer-events="none"><ellipse class="shadow svelte-14xsz9c" cx="1" cy="3" rx="14" ry="12.5"></ellipse><g><circle class="base svelte-14xsz9c" cy="1.2" r="13.6"></circle><ellipse class="body svelte-14xsz9c" rx="13.2" ry="13.2" fill="url(#s1-attacker)"></ellipse><path class="bevel-light svelte-14xsz9c" d="M-11.5 3 A12 12 0 0 1 8 -9"></path><path class="bevel-dark svelte-14xsz9c" d="M11.5 -3 A12 12 0 0 1 -7 9.8"></path><circle class="turned svelte-14xsz9c" r="10.2"></circle></g></g><g class="piece attacker svelte-14xsz9c" style="transform: translate(226px, 66px)" pointer-events="none"><ellipse class="shadow svelte-14xsz9c" cx="1" cy="3" rx="14" ry="12.5"></ellipse><g><circle class="base svelte-14xsz9c" cy="1.2" r="13.6"></circle><ellipse class="body svelte-14xsz9c" rx="13.2" ry="13.2" fill="url(#s1-attacker)"></ellipse><path class="bevel-light svelte-14xsz9c" d="M-11.5 3 A12 12 0 0 1 8 -9"></path><path class="bevel-dark svelte-14xsz9c" d="M11.5 -3 A12 12 0 0 1 -7 9.8"></path><circle class="turned svelte-14xsz9c" r="10.2"></circle></g></g><g class="piece attacker svelte-14xsz9c" style="transform: translate(26px, 146px)" pointer-events="none"><ellipse class="shadow svelte-14xsz9c" cx="1" cy="3" rx="14" ry="12.5"></ellipse><g><circle class="base svelte-14xsz9c" cy="1.2" r="13.6"></circle><ellipse class="body svelte-14xsz9c" rx="13.2" ry="13.2" fill="url(#s1-attacker)"></ellipse><path class="bevel-light svelte-14xsz9c" d="M-11.5 3 A12 12 0 0 1 8 -9"></path><path class="bevel-dark svelte-14xsz9c" d="M11.5 -3 A12 12 0 0 1 -7 9.8"></path><circle class="turned svelte-14xsz9c" r="10.2"></circle></g></g><g class="piece defender svelte-14xsz9c" style="transform: translate(226px, 146px)" pointer-events="none"><ellipse class="shadow svelte-14xsz9c" cx="1" cy="3" rx="14" ry="12.5"></ellipse><g><circle class="base svelte-14xsz9c" cy="1.2" r="13.6"></circle><ellipse class="body svelte-14xsz9c" rx="13.2" ry="13.2" fill="url(#s1-defender)"></ellipse><path class="bevel-light svelte-14xsz9c" d="M-11.5 3 A12 12 0 0 1 8 -9"></path><path class="bevel-dark svelte-14xsz9c" d="M11.5 -3 A12 12 0 0 1 -7 9.8"></path><circle class="turned svelte-14xsz9c" r="10.2"></circle></g></g><g class="piece attacker svelte-14xsz9c" style="transform: translate(426px, 146px)" pointer-events="none"><ellipse class="shadow svelte-14xsz9c" cx="1" cy="3" rx="14" ry="12.5"></ellipse><g><circle class="base svelte-14xsz9c" cy="1.2" r="13.6"></circle><ellipse class="body svelte-14xsz9c" rx="13.2" ry="13.2" fill="url(#s1-attacker)"></ellipse><path class="bevel-light svelte-14xsz9c" d="M-11.5 3 A12 12 0 0 1 8 -9"></path><path class="bevel-dark svelte-14xsz9c" d="M11.5 -3 A12 12 0 0 1 -7 9.8"></path><circle class="turned svelte-14xsz9c" r="10.2"></circle></g></g><g class="piece attacker svelte-14xsz9c" style="transform: translate(26px, 186px)" pointer-events="none"><ellipse class="shadow svelte-14xsz9c" cx="1" cy="3" rx="14" ry="12.5"></ellipse><g><circle class="base svelte-14xsz9c" cy="1.2" r="13.6"></circle><ellipse class="body svelte-14xsz9c" rx="13.2" ry="13.2" fill="url(#s1-attacker)"></ellipse><path class="bevel-light svelte-14xsz9c" d="M-11.5 3 A12 12 0 0 1 8 -9"></path><path class="bevel-dark svelte-14xsz9c" d="M11.5 -3 A12 12 0 0 1 -7 9.8"></path><circle class="turned svelte-14xsz9c" r="10.2"></circle></g></g><g class="piece defender svelte-14xsz9c" style="transform: translate(186px, 186px)" pointer-events="none"><ellipse class="shadow svelte-14xsz9c" cx="1" cy="3" rx="14" ry="12.5"></ellipse><g><circle class="base svelte-14xsz9c" cy="1.2" r="13.6"></circle><ellipse class="body svelte-14xsz9c" rx="13.2" ry="13.2" fill="url(#s1-defender)"></ellipse><path class="bevel-light svelte-14xsz9c" d="M-11.5 3 A12 12 0 0 1 8 -9"></path><path class="bevel-dark svelte-14xsz9c" d="M11.5 -3 A12 12 0 0 1 -7 9.8"></path><circle class="turned svelte-14xsz9c" r="10.2"></circle></g></g><g class="piece defender svelte-14xsz9c" style="transform: translate(226px, 186px)" pointer-events="none"><ellipse class="shadow svelte-14xsz9c" cx="1" cy="3" rx="14" ry="12.5"></ellipse><g><circle class="base svelte-14xsz9c" cy="1.2" r="13.6"></circle><ellipse class="body svelte-14xsz9c" rx="13.2" ry="13.2" fill="url(#s1-defender)"></ellipse><path class="bevel-light svelte-14xsz9c" d="M-11.5 3 A12 12 0 0 1 8 -9"></path><path class="bevel-dark svelte-14xsz9c" d="M11.5 -3 A12 12 0 0 1 -7 9.8"></path><circle class="turned svelte-14xsz9c" r="10.2"></circle></g></g><g class="piece defender svelte-14xsz9c" style="transform: translate(266px, 186px)" pointer-events="none"><ellipse class="shadow svelte-14xsz9c" cx="1" cy="3" rx="14" ry="12.5"></ellipse><g><circle class="base svelte-14xsz9c" cy="1.2" r="13.6"></circle><ellipse class="body svelte-14xsz9c" rx="13.2" ry="13.2" fill="url(#s1-defender)"></ellipse><path class="bevel-light svelte-14xsz9c" d="M-11.5 3 A12 12 0 0 1 8 -9"></path><path class="bevel-dark svelte-14xsz9c" d="M11.5 -3 A12 12 0 0 1 -7 9.8"></path><circle class="turned svelte-14xsz9c" r="10.2"></circle></g></g><g class="piece attacker svelte-14xsz9c" style="transform: translate(426px, 186px)" pointer-events="none"><ellipse class="shadow svelte-14xsz9c" cx="1" cy="3" rx="14" ry="12.5"></ellipse><g><circle class="base svelte-14xsz9c" cy="1.2" r="13.6"></circle><ellipse class="body svelte-14xsz9c" rx="13.2" ry="13.2" fill="url(#s1-attacker)"></ellipse><path class="bevel-light svelte-14xsz9c" d="M-11.5 3 A12 12 0 0 1 8 -9"></path><path class="bevel-dark svelte-14xsz9c" d="M11.5 -3 A12 12 0 0 1 -7 9.8"></path><circle class="turned svelte-14xsz9c" r="10.2"></circle></g></g><g class="piece attacker svelte-14xsz9c" style="transform: translate(26px, 226px)" pointer-events="none"><ellipse class="shadow svelte-14xsz9c" cx="1" cy="3" rx="14" ry="12.5"></ellipse><g><circle class="base svelte-14xsz9c" cy="1.2" r="13.6"></circle><ellipse class="body svelte-14xsz9c" rx="13.2" ry="13.2" fill="url(#s1-attacker)"></ellipse><path class="bevel-light svelte-14xsz9c" d="M-11.5 3 A12 12 0 0 1 8 -9"></path><path class="bevel-dark svelte-14xsz9c" d="M11.5 -3 A12 12 0 0 1 -7 9.8"></path><circle class="turned svelte-14xsz9c" r="10.2"></circle></g></g><g class="piece attacker svelte-14xsz9c" style="transform: translate(66px, 226px)" pointer-events="none"><ellipse class="shadow svelte-14xsz9c" cx="1" cy="3" rx="14" ry="12.5"></ellipse><g><circle class="base svelte-14xsz9c" cy="1.2" r="13.6"></circle><ellipse class="body svelte-14xsz9c" rx="13.2" ry="13.2" fill="url(#s1-attacker)"></ellipse><path class="bevel-light svelte-14xsz9c" d="M-11.5 3 A12 12 0 0 1 8 -9"></path><path class="bevel-dark svelte-14xsz9c" d="M11.5 -3 A12 12 0 0 1 -7 9.8"></path><circle class="turned svelte-14xsz9c" r="10.2"></circle></g></g><g class="piece defender svelte-14xsz9c" style="transform: translate(146px, 226px)" pointer-events="none"><ellipse class="shadow svelte-14xsz9c" cx="1" cy="3" rx="14" ry="12.5"></ellipse><g><circle class="base svelte-14xsz9c" cy="1.2" r="13.6"></circle><ellipse class="body svelte-14xsz9c" rx="13.2" ry="13.2" fill="url(#s1-defender)"></ellipse><path class="bevel-light svelte-14xsz9c" d="M-11.5 3 A12 12 0 0 1 8 -9"></path><path class="bevel-dark svelte-14xsz9c" d="M11.5 -3 A12 12 0 0 1 -7 9.8"></path><circle class="turned svelte-14xsz9c" r="10.2"></circle></g></g><g class="piece defender svelte-14xsz9c" style="transform: translate(186px, 226px)" pointer-events="none"><ellipse class="shadow svelte-14xsz9c" cx="1" cy="3" rx="14" ry="12.5"></ellipse><g><circle class="base svelte-14xsz9c" cy="1.2" r="13.6"></circle><ellipse class="body svelte-14xsz9c" rx="13.2" ry="13.2" fill="url(#s1-defender)"></ellipse><path class="bevel-light svelte-14xsz9c" d="M-11.5 3 A12 12 0 0 1 8 -9"></path><path class="bevel-dark svelte-14xsz9c" d="M11.5 -3 A12 12 0 0 1 -7 9.8"></path><circle class="turned svelte-14xsz9c" r="10.2"></circle></g></g><g class="piece king svelte-14xsz9c" style="transform: translate(226px, 226px)" pointer-events="none"><ellipse class="shadow svelte-14xsz9c" cx="1" cy="3" rx="14" ry="12.5"></ellipse><g><circle class="base svelte-14xsz9c" cy="1.2" r="13.6"></circle><ellipse class="body svelte-14xsz9c" rx="13.2" ry="13.2" fill="url(#s1-king)"></ellipse><path class="bevel-light svelte-14xsz9c" d="M-11.5 3 A12 12 0 0 1 8 -9"></path><path class="bevel-dark svelte-14xsz9c" d="M11.5 -3 A12 12 0 0 1 -7 9.8"></path><circle class="turned svelte-14xsz9c" r="10.2"></circle><path class="crown-gleam svelte-14xsz9c" transform="translate(0.25 0.55)" d="M-8 4 V-5 L-4 0 0 -7 4 0 8 -5 V4 Z M-7 6 H7"></path><path class="crown svelte-14xsz9c" d="M-8 4 V-5 L-4 0 0 -7 4 0 8 -5 V4 Z M-7 6 H7"></path></g></g><g class="piece defender svelte-14xsz9c" style="transform: translate(266px, 226px)" pointer-events="none"><ellipse class="shadow svelte-14xsz9c" cx="1" cy="3" rx="14" ry="12.5"></ellipse><g><circle class="base svelte-14xsz9c" cy="1.2" r="13.6"></circle><ellipse class="body svelte-14xsz9c" rx="13.2" ry="13.2" fill="url(#s1-defender)"></ellipse><path class="bevel-light svelte-14xsz9c" d="M-11.5 3 A12 12 0 0 1 8 -9"></path><path class="bevel-dark svelte-14xsz9c" d="M11.5 -3 A12 12 0 0 1 -7 9.8"></path><circle class="turned svelte-14xsz9c" r="10.2"></circle></g></g><g class="piece defender svelte-14xsz9c" style="transform: translate(306px, 226px)" pointer-events="none"><ellipse class="shadow svelte-14xsz9c" cx="1" cy="3" rx="14" ry="12.5"></ellipse><g><circle class="base svelte-14xsz9c" cy="1.2" r="13.6"></circle><ellipse class="body svelte-14xsz9c" rx="13.2" ry="13.2" fill="url(#s1-defender)"></ellipse><path class="bevel-light svelte-14xsz9c" d="M-11.5 3 A12 12 0 0 1 8 -9"></path><path class="bevel-dark svelte-14xsz9c" d="M11.5 -3 A12 12 0 0 1 -7 9.8"></path><circle class="turned svelte-14xsz9c" r="10.2"></circle></g></g><g class="piece attacker svelte-14xsz9c" style="transform: translate(386px, 226px)" pointer-events="none"><ellipse class="shadow svelte-14xsz9c" cx="1" cy="3" rx="14" ry="12.5"></ellipse><g><circle class="base svelte-14xsz9c" cy="1.2" r="13.6"></circle><ellipse class="body svelte-14xsz9c" rx="13.2" ry="13.2" fill="url(#s1-attacker)"></ellipse><path class="bevel-light svelte-14xsz9c" d="M-11.5 3 A12 12 0 0 1 8 -9"></path><path class="bevel-dark svelte-14xsz9c" d="M11.5 -3 A12 12 0 0 1 -7 9.8"></path><circle class="turned svelte-14xsz9c" r="10.2"></circle></g></g><g class="piece attacker svelte-14xsz9c" style="transform: translate(426px, 226px)" pointer-events="none"><ellipse class="shadow svelte-14xsz9c" cx="1" cy="3" rx="14" ry="12.5"></ellipse><g><circle class="base svelte-14xsz9c" cy="1.2" r="13.6"></circle><ellipse class="body svelte-14xsz9c" rx="13.2" ry="13.2" fill="url(#s1-attacker)"></ellipse><path class="bevel-light svelte-14xsz9c" d="M-11.5 3 A12 12 0 0 1 8 -9"></path><path class="bevel-dark svelte-14xsz9c" d="M11.5 -3 A12 12 0 0 1 -7 9.8"></path><circle class="turned svelte-14xsz9c" r="10.2"></circle></g></g><g class="piece attacker svelte-14xsz9c" style="transform: translate(26px, 266px)" pointer-events="none"><ellipse class="shadow svelte-14xsz9c" cx="1" cy="3" rx="14" ry="12.5"></ellipse><g><circle class="base svelte-14xsz9c" cy="1.2" r="13.6"></circle><ellipse class="body svelte-14xsz9c" rx="13.2" ry="13.2" fill="url(#s1-attacker)"></ellipse><path class="bevel-light svelte-14xsz9c" d="M-11.5 3 A12 12 0 0 1 8 -9"></path><path class="bevel-dark svelte-14xsz9c" d="M11.5 -3 A12 12 0 0 1 -7 9.8"></path><circle class="turned svelte-14xsz9c" r="10.2"></circle></g></g><g class="piece defender svelte-14xsz9c" style="transform: translate(186px, 266px)" pointer-events="none"><ellipse class="shadow svelte-14xsz9c" cx="1" cy="3" rx="14" ry="12.5"></ellipse><g><circle class="base svelte-14xsz9c" cy="1.2" r="13.6"></circle><ellipse class="body svelte-14xsz9c" rx="13.2" ry="13.2" fill="url(#s1-defender)"></ellipse><path class="bevel-light svelte-14xsz9c" d="M-11.5 3 A12 12 0 0 1 8 -9"></path><path class="bevel-dark svelte-14xsz9c" d="M11.5 -3 A12 12 0 0 1 -7 9.8"></path><circle class="turned svelte-14xsz9c" r="10.2"></circle></g></g><g class="piece defender svelte-14xsz9c" style="transform: translate(226px, 266px)" pointer-events="none"><ellipse class="shadow svelte-14xsz9c" cx="1" cy="3" rx="14" ry="12.5"></ellipse><g><circle class="base svelte-14xsz9c" cy="1.2" r="13.6"></circle><ellipse class="body svelte-14xsz9c" rx="13.2" ry="13.2" fill="url(#s1-defender)"></ellipse><path class="bevel-light svelte-14xsz9c" d="M-11.5 3 A12 12 0 0 1 8 -9"></path><path class="bevel-dark svelte-14xsz9c" d="M11.5 -3 A12 12 0 0 1 -7 9.8"></path><circle class="turned svelte-14xsz9c" r="10.2"></circle></g></g><g class="piece defender svelte-14xsz9c" style="transform: translate(266px, 266px)" pointer-events="none"><ellipse class="shadow svelte-14xsz9c" cx="1" cy="3" rx="14" ry="12.5"></ellipse><g><circle class="base svelte-14xsz9c" cy="1.2" r="13.6"></circle><ellipse class="body svelte-14xsz9c" rx="13.2" ry="13.2" fill="url(#s1-defender)"></ellipse><path class="bevel-light svelte-14xsz9c" d="M-11.5 3 A12 12 0 0 1 8 -9"></path><path class="bevel-dark svelte-14xsz9c" d="M11.5 -3 A12 12 0 0 1 -7 9.8"></path><circle class="turned svelte-14xsz9c" r="10.2"></circle></g></g><g class="piece attacker svelte-14xsz9c" style="transform: translate(426px, 266px)" pointer-events="none"><ellipse class="shadow svelte-14xsz9c" cx="1" cy="3" rx="14" ry="12.5"></ellipse><g><circle class="base svelte-14xsz9c" cy="1.2" r="13.6"></circle><ellipse class="body svelte-14xsz9c" rx="13.2" ry="13.2" fill="url(#s1-attacker)"></ellipse><path class="bevel-light svelte-14xsz9c" d="M-11.5 3 A12 12 0 0 1 8 -9"></path><path class="bevel-dark svelte-14xsz9c" d="M11.5 -3 A12 12 0 0 1 -7 9.8"></path><circle class="turned svelte-14xsz9c" r="10.2"></circle></g></g><g class="piece attacker svelte-14xsz9c" style="transform: translate(26px, 306px)" pointer-events="none"><ellipse class="shadow svelte-14xsz9c" cx="1" cy="3" rx="14" ry="12.5"></ellipse><g><circle class="base svelte-14xsz9c" cy="1.2" r="13.6"></circle><ellipse class="body svelte-14xsz9c" rx="13.2" ry="13.2" fill="url(#s1-attacker)"></ellipse><path class="bevel-light svelte-14xsz9c" d="M-11.5 3 A12 12 0 0 1 8 -9"></path><path class="bevel-dark svelte-14xsz9c" d="M11.5 -3 A12 12 0 0 1 -7 9.8"></path><circle class="turned svelte-14xsz9c" r="10.2"></circle></g></g><g class="piece defender svelte-14xsz9c" style="transform: translate(226px, 306px)" pointer-events="none"><ellipse class="shadow svelte-14xsz9c" cx="1" cy="3" rx="14" ry="12.5"></ellipse><g><circle class="base svelte-14xsz9c" cy="1.2" r="13.6"></circle><ellipse class="body svelte-14xsz9c" rx="13.2" ry="13.2" fill="url(#s1-defender)"></ellipse><path class="bevel-light svelte-14xsz9c" d="M-11.5 3 A12 12 0 0 1 8 -9"></path><path class="bevel-dark svelte-14xsz9c" d="M11.5 -3 A12 12 0 0 1 -7 9.8"></path><circle class="turned svelte-14xsz9c" r="10.2"></circle></g></g><g class="piece attacker svelte-14xsz9c" style="transform: translate(426px, 306px)" pointer-events="none"><ellipse class="shadow svelte-14xsz9c" cx="1" cy="3" rx="14" ry="12.5"></ellipse><g><circle class="base svelte-14xsz9c" cy="1.2" r="13.6"></circle><ellipse class="body svelte-14xsz9c" rx="13.2" ry="13.2" fill="url(#s1-attacker)"></ellipse><path class="bevel-light svelte-14xsz9c" d="M-11.5 3 A12 12 0 0 1 8 -9"></path><path class="bevel-dark svelte-14xsz9c" d="M11.5 -3 A12 12 0 0 1 -7 9.8"></path><circle class="turned svelte-14xsz9c" r="10.2"></circle></g></g><g class="piece attacker svelte-14xsz9c" style="transform: translate(226px, 386px)" pointer-events="none"><ellipse class="shadow svelte-14xsz9c" cx="1" cy="3" rx="14" ry="12.5"></ellipse><g><circle class="base svelte-14xsz9c" cy="1.2" r="13.6"></circle><ellipse class="body svelte-14xsz9c" rx="13.2" ry="13.2" fill="url(#s1-attacker)"></ellipse><path class="bevel-light svelte-14xsz9c" d="M-11.5 3 A12 12 0 0 1 8 -9"></path><path class="bevel-dark svelte-14xsz9c" d="M11.5 -3 A12 12 0 0 1 -7 9.8"></path><circle class="turned svelte-14xsz9c" r="10.2"></circle></g></g><g class="piece attacker svelte-14xsz9c" style="transform: translate(146px, 426px)" pointer-events="none"><ellipse class="shadow svelte-14xsz9c" cx="1" cy="3" rx="14" ry="12.5"></ellipse><g><circle class="base svelte-14xsz9c" cy="1.2" r="13.6"></circle><ellipse class="body svelte-14xsz9c" rx="13.2" ry="13.2" fill="url(#s1-attacker)"></ellipse><path class="bevel-light svelte-14xsz9c" d="M-11.5 3 A12 12 0 0 1 8 -9"></path><path class="bevel-dark svelte-14xsz9c" d="M11.5 -3 A12 12 0 0 1 -7 9.8"></path><circle class="turned svelte-14xsz9c" r="10.2"></circle></g></g><g class="piece attacker svelte-14xsz9c" style="transform: translate(186px, 426px)" pointer-events="none"><ellipse class="shadow svelte-14xsz9c" cx="1" cy="3" rx="14" ry="12.5"></ellipse><g><circle class="base svelte-14xsz9c" cy="1.2" r="13.6"></circle><ellipse class="body svelte-14xsz9c" rx="13.2" ry="13.2" fill="url(#s1-attacker)"></ellipse><path class="bevel-light svelte-14xsz9c" d="M-11.5 3 A12 12 0 0 1 8 -9"></path><path class="bevel-dark svelte-14xsz9c" d="M11.5 -3 A12 12 0 0 1 -7 9.8"></path><circle class="turned svelte-14xsz9c" r="10.2"></circle></g></g><g class="piece attacker svelte-14xsz9c" style="transform: translate(226px, 426px)" pointer-events="none"><ellipse class="shadow svelte-14xsz9c" cx="1" cy="3" rx="14" ry="12.5"></ellipse><g><circle class="base svelte-14xsz9c" cy="1.2" r="13.6"></circle><ellipse class="body svelte-14xsz9c" rx="13.2" ry="13.2" fill="url(#s1-attacker)"></ellipse><path class="bevel-light svelte-14xsz9c" d="M-11.5 3 A12 12 0 0 1 8 -9"></path><path class="bevel-dark svelte-14xsz9c" d="M11.5 -3 A12 12 0 0 1 -7 9.8"></path><circle class="turned svelte-14xsz9c" r="10.2"></circle></g></g><g class="piece attacker svelte-14xsz9c" style="transform: translate(266px, 426px)" pointer-events="none"><ellipse class="shadow svelte-14xsz9c" cx="1" cy="3" rx="14" ry="12.5"></ellipse><g><circle class="base svelte-14xsz9c" cy="1.2" r="13.6"></circle><ellipse class="body svelte-14xsz9c" rx="13.2" ry="13.2" fill="url(#s1-attacker)"></ellipse><path class="bevel-light svelte-14xsz9c" d="M-11.5 3 A12 12 0 0 1 8 -9"></path><path class="bevel-dark svelte-14xsz9c" d="M11.5 -3 A12 12 0 0 1 -7 9.8"></path><circle class="turned svelte-14xsz9c" r="10.2"></circle></g></g><g class="piece attacker svelte-14xsz9c" style="transform: translate(306px, 426px)" pointer-events="none"><ellipse class="shadow svelte-14xsz9c" cx="1" cy="3" rx="14" ry="12.5"></ellipse><g><circle class="base svelte-14xsz9c" cy="1.2" r="13.6"></circle><ellipse class="body svelte-14xsz9c" rx="13.2" ry="13.2" fill="url(#s1-attacker)"></ellipse><path class="bevel-light svelte-14xsz9c" d="M-11.5 3 A12 12 0 0 1 8 -9"></path><path class="bevel-dark svelte-14xsz9c" d="M11.5 -3 A12 12 0 0 1 -7 9.8"></path><circle class="turned svelte-14xsz9c" r="10.2"></circle></g></g></g></svg> |