#!/usr/bin/perl
#
# This script generates an SVG card deck suitable for KDE
# card games.
# Currently developed to generate a deck for lskat from a public domain image.
#

use MIME::Base64;

my $year = 2009;
my $author = "Luciano Montanaro <mikelima@cirulla.net>";

# Width and height of the card board
my $boardwidth = 1024;
my $boardheight = 804;

# Width and height of each card
my $width = 128;
my $height = 201;

# corner radius
my $cradius = 9; 

# offset from card border to pattern border
my $off = 6;

# width and height of card figure
my $figwidth = $width - 2 * $off;
my $figheight = $height - 2 * $off;
my $figradius = $cradius - 2;

my $centerx = $width / 2;
my $centery = $height / 2 - 1;

my @suits = ("heart", "diamond", "spade", "club");

# A Skat deck only has cards down to 7. The Ace is really the Queen, King is
# itself, queen is high knave, jack is low knave. I guess.
my @cardnames = ("1", "king", "queen", "jack", "10", "9", "8", "7", "6", "5", "4", "3", "2");

my $viewwidth =  @cardnames * $width;
my $viewheight = (1 + @suits) * $height;

my $ratiox = 1;
my $ratioy = 1;

my $suitsize = 16;
my @column = ($centerx - 2 * ($suitsize + 2) - $off, $centerx - $off, $centerx + 2 * ($suitsize + 2) - $off);
my @row = ($off + $suitsize, 
	$off + 2 * $suitsize, 
	$off + 3 * $suitsize,  
	$off + 4 * $suitsize, 
	$centery,
);

# Rows for "branched" suits.
my $bspacing = 14;

my @brow = ($off + $bspacing, 
	$off + 2 * $bspacing, 
	$off + 3 * $bspacing,  
	$off + 4 * $bspacing, 
	$off + 5 * $bspacing, 
	$off + $figwidth / 2, 
);

sub generate_court_images()
{
	for ($i = 0; $i < 4; $i++) {
		for ($j = 0; $j < 4; $j++) {
			my $pngname = 1 + $j * 4 + $i;
			my $offsetx = $j * $width;
			my $offsety = $i * $height;
			my $cardid = "$cardnames[$j]_$suits[$i]";
			open(CARD, "<images/$cardid.png");
			binmode(CARD);
			my @card_data = <CARD>;
			my $card_encoded = encode_base64(join("", @card_data));
			print <<EOF;
<g id="img_$cardid" transform="scale(1) translate(-64,-98)" >
<image xlink:href="data:image/png;base64,$card_encoded" />
</g>
EOF
		}
	}
}

sub generate_groups($$)
{
	my $suit = shift;
	my $image = shift;

	if ($suit eq "diamond" || $suit eq "heart") {
	print <<EOF;
<g id="g-1_${suit}" >
<use x="$centerx" y="$centery" xlink:href="#img_1_$suit" />
<use x="$column[0]" y="$row[0]" xlink:href="#${image}-30" />
<use x="$column[1]" y="$row[0]" xlink:href="#i1" />
<use x="$column[2]" y="$row[0]" xlink:href="#m-${image}-30" />
</g>

<g id="g-2_${suit}" >
<use x="$column[0]" y="$row[1]" xlink:href="#${image}" />
<use x="$column[2]" y="$row[1]" xlink:href="#${image}" />
<use x="$column[1]" y="$row[0]" xlink:href="#i2" />
</g>

<g id="g-3_${suit}" >
<use x="$column[0]" y="$row[1]" xlink:href="#${image}" />
<use x="$column[2]" y="$row[1]" xlink:href="#${image}" />
<use x="$column[1]" y="$row[0]" xlink:href="#${image}" />
<use x="$column[0]" y="$row[0]" xlink:href="#i3" />
</g>

<g id="g-4_${suit}" >
<use x="$column[0]" y="$row[1]" xlink:href="#${image}" />
<use x="$column[1]" y="$row[0]" xlink:href="#${image}" />
<use x="$column[1]" y="$row[2]" xlink:href="#${image}" />
<use x="$column[2]" y="$row[1]" xlink:href="#${image}" />
<use x="$column[0]" y="$row[0]" xlink:href="#i4" />
</g>

<g id="g-5_${suit}" >
<use x="$column[0]" y="$row[3]" xlink:href="#${image}" />
<use x="$column[2]" y="$row[3]" xlink:href="#${image}" />
<use x="$column[0]" y="$row[1]" xlink:href="#${image}" />
<use x="$column[2]" y="$row[1]" xlink:href="#${image}" />
<use x="$column[1]" y="$row[0]" xlink:href="#${image}" />
<use x="$column[0]" y="$row[0]" xlink:href="#i5" />
</g>

<g id="g-6_${suit}" >
<use x="$column[0]" y="$row[3]" xlink:href="#${image}" />
<use x="$column[0]" y="$row[1]" xlink:href="#${image}" />
<use x="$column[1]" y="$row[0]" xlink:href="#${image}" />
<use x="$column[1]" y="$row[2]" xlink:href="#${image}" />
<use x="$column[2]" y="$row[3]" xlink:href="#${image}" />
<use x="$column[2]" y="$row[1]" xlink:href="#${image}" />
<use x="$column[0]" y="$row[0]" xlink:href="#i6" />
</g>

<g id="g-7_${suit}" >
<use x="$column[0]" y="$row[3]" xlink:href="#${image}" />
<use x="$column[2]" y="$row[3]" xlink:href="#${image}" />
<use x="$column[0]" y="$row[2]" xlink:href="#${image}" />
<use x="$column[2]" y="$row[2]" xlink:href="#${image}" />
<use x="$column[0]" y="$row[1]" xlink:href="#${image}" />
<use x="$column[2]" y="$row[1]" xlink:href="#${image}" />
<use x="$column[1]" y="$row[0]" xlink:href="#${image}" />
<use x="$column[0]" y="$row[0]" xlink:href="#i7" />
</g>

<g id="g-8_${suit}" >
<use x="$column[0]" y="$row[3]" xlink:href="#${image}" />
<use x="$column[2]" y="$row[3]" xlink:href="#${image}" />
<use x="$column[0]" y="$row[2]" xlink:href="#${image}" />
<use x="$column[2]" y="$row[2]" xlink:href="#${image}" />
<use x="$column[0]" y="$row[1]" xlink:href="#${image}" />
<use x="$column[2]" y="$row[1]" xlink:href="#${image}" />
<use x="$column[0]" y="$row[0]" xlink:href="#${image}" />
<use x="$column[2]" y="$row[0]" xlink:href="#${image}" />
<use x="$column[1]" y="$row[0]" xlink:href="#i8" />
</g>

<g id="g-9_${suit}" >
<use x="$column[0]" y="$row[3]" xlink:href="#${image}" />
<use x="$column[2]" y="$row[3]" xlink:href="#${image}" />
<use x="$column[0]" y="$row[2]" xlink:href="#${image}" />
<use x="$column[1]" y="$row[2]" xlink:href="#${image}" />
<use x="$column[2]" y="$row[2]" xlink:href="#${image}" />
<use x="$column[0]" y="$row[1]" xlink:href="#${image}" />
<use x="$column[1]" y="$row[1]" xlink:href="#${image}" />
<use x="$column[2]" y="$row[1]" xlink:href="#${image}" />
<use x="$column[1]" y="$row[0]" xlink:href="#${image}" />
<use x="$column[0]" y="$row[0]" xlink:href="#i9" />
</g>

<g id="g-10_${suit}" >
<use x="$column[0]" y="$row[3]" xlink:href="#${image}" />
<use x="$column[2]" y="$row[3]" xlink:href="#${image}" />
<use x="$column[2]" y="$row[2]" xlink:href="#${image}" />
<use x="$column[1]" y="$row[2]" xlink:href="#${image}" />
<use x="$column[0]" y="$row[2]" xlink:href="#${image}" />
<use x="$column[2]" y="$row[1]" xlink:href="#${image}" />
<use x="$column[1]" y="$row[1]" xlink:href="#${image}" />
<use x="$column[0]" y="$row[1]" xlink:href="#${image}" />
<use x="$column[0]" y="$row[0]" xlink:href="#${image}" />
<use x="$column[2]" y="$row[0]" xlink:href="#${image}" />
<use x="$column[1]" y="$row[0]" xlink:href="#i10" />
</g>

<g id="g-jack_${suit}" >
<use x="$centerx" y="$centery" xlink:href="#img_jack_$suit" />
<use x="$column[0]" y="$row[3]" xlink:href="#${image}" />
<use x="$column[2]" y="$row[0]" xlink:href="#iu" />
</g>

<g id="g-queen_${suit}" >
<use x="$centerx" y="$centery" xlink:href="#img_queen_$suit" />
<use x="$column[0]" y="$row[0]" xlink:href="#${image}" />
<use x="$column[2]" y="$row[0]" xlink:href="#io" />
</g>

<g id="g-king_${suit}" >
<use x="$centerx" y="$centery" xlink:href="#img_king_$suit" />
<use x="$column[0]" y="$row[0]" xlink:href="#${image}" />
<use x="$column[2]" y="$row[0]" xlink:href="#ik" />
</g>
EOF
	} else {
	print <<EOF;
<g id="g-1_${suit}" >
<use x="$centerx" y="$centery" xlink:href="#img_1_$suit" />
<use x="$column[0]" y="$row[0]" xlink:href="#${image}-30" />
<use x="$column[1]" y="$row[0]" xlink:href="#i1" />
<use x="$column[2]" y="$row[0]" xlink:href="#m-${image}-30" />
<use x="$column[1]" y="$row[0]" xlink:href="#i1" />
</g>

<g id="g-2_${suit}" >
<use x="$column[1]" y="$brow[2]" xlink:href="#branch" />
<use x="$column[1]" y="$brow[0]" xlink:href="#beams" />
<use x="$column[0]" y="$brow[0]" xlink:href="#${image}-90" />
<use x="$column[2]" y="$brow[0]" xlink:href="#m-${image}-90" />
<use x="$column[1]" y="$row[0]" xlink:href="#i2" />
</g>

<g id="g-3_${suit}" >
<use x="$column[1]" y="$brow[2]" xlink:href="#branch" />
<use x="$column[1]" y="$brow[1]" xlink:href="#beams" />
<use x="$column[0]" y="$brow[1]" xlink:href="#${image}-90" />
<use x="$column[1]" y="$brow[0]" xlink:href="#${image}" />
<use x="$column[2]" y="$brow[1]" xlink:href="#m-${image}-90" />
<use x="$column[0]" y="$row[0]" xlink:href="#i3" />
</g>

<g id="g-4_${suit}" >
<use x="$column[1]" y="$brow[2]" xlink:href="#branch" />
<use x="$column[1]" y="$brow[0]" xlink:href="#beams" />
<use x="$column[1]" y="$brow[1]" xlink:href="#beams" />
<use x="$column[0]" y="$brow[1]" xlink:href="#${image}-90" />
<use x="$column[0]" y="$brow[0]" xlink:href="#${image}-90" />
<use x="$column[2]" y="$brow[1]" xlink:href="#m-${image}-90" />
<use x="$column[2]" y="$brow[0]" xlink:href="#m-${image}-90" />
<use x="$column[1]" y="$row[0]" xlink:href="#i4" />
</g>

<g id="g-5_${suit}" >
<use x="$column[1]" y="$brow[2]" xlink:href="#branch" />
<use x="$column[1]" y="$brow[1]" xlink:href="#beams" />
<use x="$column[1]" y="$brow[2]" xlink:href="#beams" />
<use x="$column[1]" y="$brow[0]" xlink:href="#${image}" />
<use x="$column[0]" y="$brow[2]" xlink:href="#${image}-90" />
<use x="$column[0]" y="$brow[1]" xlink:href="#${image}-90" />
<use x="$column[2]" y="$brow[2]" xlink:href="#m-${image}-90" />
<use x="$column[2]" y="$brow[1]" xlink:href="#m-${image}-90" />
<use x="$column[0]" y="$row[0]" xlink:href="#i5" />
</g>

<g id="g-6_${suit}" >
<use x="$column[1]" y="$brow[2]" xlink:href="#branch" />
<use x="$column[1]" y="$brow[0]" xlink:href="#beams" />
<use x="$column[1]" y="$brow[1]" xlink:href="#beams" />
<use x="$column[1]" y="$brow[2]" xlink:href="#beams" />
<use x="$column[0]" y="$brow[2]" xlink:href="#${image}-90" />
<use x="$column[0]" y="$brow[1]" xlink:href="#${image}-90" />
<use x="$column[0]" y="$brow[0]" xlink:href="#${image}-90" />
<use x="$column[2]" y="$brow[2]" xlink:href="#m-${image}-90" />
<use x="$column[2]" y="$brow[1]" xlink:href="#m-${image}-90" />
<use x="$column[2]" y="$brow[0]" xlink:href="#m-${image}-90" />
<use x="$column[1]" y="$row[0]" xlink:href="#i6" />
</g>

<g id="g-7_${suit}" >
<use x="$column[1]" y="$brow[2]" xlink:href="#branch" />
<use x="$column[1]" y="$brow[1]" xlink:href="#beams" />
<use x="$column[1]" y="$brow[2]" xlink:href="#beams" />
<use x="$column[1]" y="$brow[3]" xlink:href="#beams" />
<use x="$column[1]" y="$brow[0]" xlink:href="#${image}" />
<use x="$column[0]" y="$brow[3]" xlink:href="#${image}-90" />
<use x="$column[0]" y="$brow[2]" xlink:href="#${image}-90" />
<use x="$column[0]" y="$brow[1]" xlink:href="#${image}-90" />
<use x="$column[2]" y="$brow[3]" xlink:href="#m-${image}-90" />
<use x="$column[2]" y="$brow[2]" xlink:href="#m-${image}-90" />
<use x="$column[2]" y="$brow[1]" xlink:href="#m-${image}-90" />
<use x="$column[0]" y="$row[0]" xlink:href="#i7" />
</g>

<g id="g-8_${suit}" >
<use x="$column[1]" y="$brow[2]" xlink:href="#branch" />
<use x="$column[1]" y="$brow[0]" xlink:href="#beams" />
<use x="$column[1]" y="$brow[1]" xlink:href="#beams" />
<use x="$column[1]" y="$brow[2]" xlink:href="#beams" />
<use x="$column[1]" y="$brow[3]" xlink:href="#beams" />
<use x="$column[0]" y="$brow[3]" xlink:href="#${image}-90" />
<use x="$column[0]" y="$brow[2]" xlink:href="#${image}-90" />
<use x="$column[0]" y="$brow[1]" xlink:href="#${image}-90" />
<use x="$column[0]" y="$brow[0]" xlink:href="#${image}-90" />
<use x="$column[2]" y="$brow[3]" xlink:href="#m-${image}-90" />
<use x="$column[2]" y="$brow[2]" xlink:href="#m-${image}-90" />
<use x="$column[2]" y="$brow[1]" xlink:href="#m-${image}-90" />
<use x="$column[2]" y="$brow[0]" xlink:href="#m-${image}-90" />
<use x="$column[1]" y="$row[0]" xlink:href="#i8" />
</g>

<g id="g-9_${suit}" >
<use x="$column[1]" y="$brow[2]" xlink:href="#branch" />
<use x="$column[1]" y="$brow[1]" xlink:href="#beams" />
<use x="$column[1]" y="$brow[2]" xlink:href="#beams" />
<use x="$column[1]" y="$brow[3]" xlink:href="#beams" />
<use x="$column[1]" y="$brow[4]" xlink:href="#beams" />
<use x="$column[1]" y="$brow[0]" xlink:href="#${image}" />
<use x="$column[0]" y="$brow[4]" xlink:href="#${image}-90" />
<use x="$column[0]" y="$brow[3]" xlink:href="#${image}-90" />
<use x="$column[0]" y="$brow[2]" xlink:href="#${image}-90" />
<use x="$column[0]" y="$brow[1]" xlink:href="#${image}-90" />
<use x="$column[2]" y="$brow[4]" xlink:href="#m-${image}-90" />
<use x="$column[2]" y="$brow[3]" xlink:href="#m-${image}-90" />
<use x="$column[2]" y="$brow[2]" xlink:href="#m-${image}-90" />
<use x="$column[2]" y="$brow[1]" xlink:href="#m-${image}-90" />
<use x="$column[0]" y="$row[0]" xlink:href="#i9" />
</g>

<g id="g-10_${suit}" >
<use x="$column[1]" y="$brow[2]" xlink:href="#branch" />
<use x="$column[1]" y="$brow[0]" xlink:href="#beams" />
<use x="$column[1]" y="$brow[1]" xlink:href="#beams" />
<use x="$column[1]" y="$brow[2]" xlink:href="#beams" />
<use x="$column[1]" y="$brow[3]" xlink:href="#beams" />
<use x="$column[1]" y="$brow[4]" xlink:href="#beams" />
<use x="$column[0]" y="$brow[4]" xlink:href="#${image}-90" />
<use x="$column[0]" y="$brow[3]" xlink:href="#${image}-90" />
<use x="$column[0]" y="$brow[2]" xlink:href="#${image}-90" />
<use x="$column[0]" y="$brow[1]" xlink:href="#${image}-90" />
<use x="$column[0]" y="$brow[0]" xlink:href="#${image}-90" />
<use x="$column[2]" y="$brow[4]" xlink:href="#m-${image}-90" />
<use x="$column[2]" y="$brow[3]" xlink:href="#m-${image}-90" />
<use x="$column[2]" y="$brow[2]" xlink:href="#m-${image}-90" />
<use x="$column[2]" y="$brow[1]" xlink:href="#m-${image}-90" />
<use x="$column[2]" y="$brow[0]" xlink:href="#m-${image}-90" />
<use x="$column[1]" y="$row[0]" xlink:href="#i10" />
</g>

<g id="g-jack_${suit}" >
<use x="$centerx" y="$centery" xlink:href="#img_jack_$suit" />
<use x="$column[0]" y="$row[3]" xlink:href="#${image}" />
<use x="$column[2]" y="$row[0]" xlink:href="#iu" />
</g>

<g id="g-queen_${suit}" >
<use x="$centerx" y="$centery" xlink:href="#img_queen_$suit" />
<use x="$column[0]" y="$row[0]" xlink:href="#${image}" />
<use x="$column[2]" y="$row[0]" xlink:href="#io" />
</g>

<g id="g-king_${suit}" >
<use x="$centerx" y="$centery" xlink:href="#img_king_$suit" />
<use x="$column[0]" y="$row[0]" xlink:href="#${image}" />
<use x="$column[2]" y="$row[0]" xlink:href="#ik" />
</g>
EOF
	}
}

print <<EOF;
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!--

Copyright $year $author

This program is free software: you can redistribute it and/or modify it under
the terms of the Lesser GNU General Public License as published by the Free
Software Foundation, either version 3 of the License, or (at your option) any
later version.

This program is distributed in the hope that it will be useful, but WITHOUT ANY
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
PARTICULAR PURPOSE.  See the GNU Lesser General Public License for more
details.

You should have received a copy of the GNU Lesser General Public License along
with this program.  If not, see <http://www.gnu.org/licenses/>.

-->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
id="deck" width="$viewwidth" height="$viewheight" 
viewBox="0 0 $viewwidth $viewheight"
>
<metadata>
<!--
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
-->
</metadata>
<defs>
<!-- Gradients, for the shading -->
<linearGradient id="shadow-gradient" >
<stop offset="0" style="stop-color:#000;stop-opacity:0.15" />
<stop offset="0.7" style="stop-color:#fff;stop-opacity:0" />
<stop offset="1" style="stop-color:#000;stop-opacity:0.1" />
</linearGradient>
<linearGradient id="back-shadow-gradient" >
<stop offset="0" style="stop-color:#000;stop-opacity:0.1" />
<stop offset="0.3" style="stop-color:#fff;stop-opacity:0.3" />
<stop offset="1" style="stop-color:#000;stop-opacity:0.2" />
</linearGradient>
<linearGradient id="texture-gradient" x1="0%" x2="5%" spreadMethod="repeat">
<stop offset="0" style="stop-color:#210;stop-opacity:0.1" />
<stop offset="0.3" style="stop-color:#ffe;stop-opacity:0.1" />
<stop offset="0.5" style="stop-color:#320;stop-opacity:0.1" />
<stop offset="0.7" style="stop-color:#fed;stop-opacity:0.1" />
<stop offset="1" style="stop-color:#210;stop-opacity:0.1" />
</linearGradient>
<!-- The card outline -->
<g id="card-outline">
<rect width="$width" x="0.4" y="0.4" rx="$cradius" height="$height" 
style="fill:white;stroke:#ccc;stroke-width:0.8" />
</g>
<g id="card-shadow">
<rect width="$width" x="0.1" y="0.1" rx="$cradius" height="$height" 
style="fill:url(#shadow-gradient);stroke:none" />
<rect width="$width" x="0.1" y="0.1" rx="$cradius" height="$height" 
style="fill:url(#texture-gradient);stroke:none;opacity:0.5" />
</g>
<g id="back-shadow">
<rect width="$width" x="0.1" y="0.1" rx="$cradius" height="$height" 
style="fill:url(#back-shadow-gradient);stroke:none" />
<rect width="$width" x="0.1" y="0.1" rx="$cradius" height="$height" 
style="fill:url(#texture-gradient);stroke:none;opacity:0.5" />
</g>
<pattern patternUnits="userSpaceOnUse" width="$boardwidth" height="$boardheight" id="cardboard">
<image y="0" x="0" width="$boardwidth" height="$boardheight" xlink:href="$image" />
</pattern>
EOF

print <<EOF;
<!-- The K-gear logo, for the firm logo on the ace of hearts -->
<g id="k-logo" transform="scale(0.03555)">
<polygon
points="95.6421,148.227
95.6421,30.5293
124.227,27.793
123.924,79.4941
161.637,29.0107
192.047,36.0029
152.814,86.4878
191.742,140.015
161.939,149.445
123.924,93.7866
123.924,143.968
95.6421,148.227
" />
<path
d="
M163.82,156.836
L161.351,157.618
C160.99,157.731 160.598,157.596 160.386,157.283
C160.386,157.283 155.514,150.153 149.223,140.946
C141.702,155.665 126.401,165.747 108.732,165.747
C83.6294,165.747 63.2773,145.394 63.2773,120.29
C63.2773,101.822 74.293,85.9395 90.106,78.8247
L90.106,67.0986
C87.228,68.1055 84.4463,69.3188 81.8037,70.7583
C81.8013,70.7563 81.7978,70.7515 81.7905,70.7476
L60.3784,56.7046
C59.8013,56.3276 59.0415,56.4058 58.5566,56.894
L47.3379,68.1108
C46.8662,68.584 46.7773,69.3188 47.125,69.8916
L60.2593,91.5229
C57.9297,95.4394 56.064,99.6626 54.7295,104.117
L30.6157,109.133
C29.9448,109.272 29.4614,109.866 29.4614,110.555
L29.4614,126.417
C29.4614,127.088 29.9194,127.669 30.5659,127.826
L53.9702,133.546
C55.2183,138.706 57.1528,143.597 59.709,148.092
L46.1626,168.75
C45.7847,169.328 45.8638,170.088 46.352,170.575
L57.5674,181.792
C58.0391,182.262 58.7754,182.353 59.3506,182.007
L80.5786,169.115
C84.7485,171.521 89.2456,173.415 93.9985,174.699
L98.9512,198.513
C99.0908,199.188 99.688,199.668 100.372,199.668
L116.237,199.668
C116.904,199.668 117.485,199.213 117.645,198.559
L123.479,174.695
C128.379,173.373 133.013,171.402 137.284,168.886
L158.204,182.604
C158.779,182.983 159.539,182.907 160.027,182.418
L171.246,171.202
C171.721,170.727 171.807,169.994 171.458,169.422
L163.82,156.836z " />
</g>
<g id="k-logo-big" transform="scale(0.0425)" >
<path
d="
M76.0205,20.674
L100.121,18.9199
C100.121,33.4105 100.121,47.8248 100.121,62.239
C109.73,47.7485 120.407,33.3342 132.456,19.3775
L158.311,25.9364
C146.719,38.8254 134.897,53.1634 125.441,67.5014
C134.517,82.7546 144.507,96.7124 157.854,112.575
L132.916,119.972
C118.959,104.338 110.57,89.3135 100.121,73.1451
L100.121,116.083
L76.0205,119.135
L76.0205,20.674
L76.0205,20.674z " />
<path
d="
M100.35,139.803
C114.46,136.827 110.875,132.557 122.39,139.269
L129.865,144.53
C131.239,145.217 132.535,146.438 133.831,145.14
C136.653,142.471 139.399,139.726 142.22,137.057
C143.441,135.76 142.22,134.309 141.61,133.319
L141.533,133.319
L136.119,125.617
L132.534,126.915
C131.62,127.525 130.398,127.219 129.332,125.771
L121.4,115.398
C114.078,125.541 102.257,132.1 88.8342,132.1
C66.7181,132.1 48.7193,114.103 48.7193,91.9849
C48.7193,76.2741 57.795,62.6225 70.9879,56.0636
L70.9879,46.8354
C70.5304,47.0642 70.0738,47.2167 69.6904,47.3693
C64.5053,49.5047 64.1992,50.4962 55.7337,45.6152
L48.2606,40.2765
C46.8868,39.6664 45.5903,38.3699 44.2948,39.6664
C41.473,42.412 38.7274,45.1576 35.9055,47.9031
C34.6853,49.1234 35.9818,50.6487 36.5157,51.6402
L42.2335,59.7244
L46.4292,65.6731
C47.0393,66.5121 47.2671,66.5883 46.9631,67.1985
C46.5828,67.8086 46.2767,68.3425 45.8953,68.9526
C40.3279,78.5621 44.2175,79.3248 32.32,82.4517
L23.2443,83.977
C21.8726,84.4346 20.0422,84.4346 19.9649,86.3413
C19.9649,90.2308 19.8886,94.1204 19.8886,98.01
C19.8123,99.7641 21.7963,99.9177 22.9403,100.222
L32.6272,101.976
L39.8724,103.273
C40.8639,103.427 41.0906,103.273 41.3204,104.035
C44.2959,116.924 48.1844,113.874 41.7007,125.085
L36.4394,132.635
C35.753,133.932 34.5317,135.229 35.8293,136.524
C38.5748,139.346 41.2431,142.094 43.9887,144.916
C45.2089,146.134 46.7343,144.839 47.7268,144.306
L55.8099,138.586
L61.835,134.466
C62.6749,133.78 62.7512,133.552 63.3613,133.932
C75.4103,141.484 75.8679,136.068 79.3762,148.805
L81.054,157.879
C81.5116,159.253 81.5879,161.007 83.4183,161.083
C87.3078,161.083 91.2737,161.083 95.1632,161.083
C96.9174,161.083 97.071,159.099 97.2987,157.955
L98.9766,148.194
L100.121,141.023
C100.197,140.337 100.197,140.029 100.35,139.803z
M114.917,133.701
C114.841,133.776 114.764,133.776 114.687,133.776
C114.764,133.776 114.764,133.701 114.841,133.701
L114.917,133.701z
M101.111,139.497
C100.883,139.573 100.577,139.65 100.349,139.803
C100.501,139.649 100.731,139.573 101.111,139.497z" />
<path
d="
M89.1393,129.202
C101.798,129.202 112.933,122.794 119.645,113.031
L119.187,112.27
C111.332,120.963 102.562,126.607 89.063,126.913
C72.2845,127.217 55.2771,112.193 55.1998,92.5156
C55.0483,79.8555 60.9198,71.3137 70.9106,65.2124
L70.9106,59.8737
C59.6995,66.2038 52.074,78.3301 52.074,92.1354
C52.074,112.497 68.6989,129.202 89.1393,129.202z" />
</g>
<g id="big-logo">
<use xlink:href="#k-logo-big" transform="translate(4.5, 4.5) scale(14, 14) translate(-4.5, -4.5)"/>
</g>
<!-- Suits -->

<!-- This is the base shadow, it may be used by any of the four suits -->
<linearGradient id="base-shadow" >
<stop offset="0" style="stop-color:#000;stop-opacity:1" />
<stop offset="1" style="stop-color:#000;stop-opacity:0" />
</linearGradient>

<!-- Heart (Same) -->
<linearGradient xlink:href="#base-shadow" id="heart-shadow" 
y1="8" x1="14" y2="8" gradientUnits="userSpaceOnUse" x2="8" />

<path id="heart-shape"
d="M4.5942,0.124594
C1.80826,0.124593 0.257141,2.00514 0.0771044,4.34282
C0.0673999,4.46886 0.060598,4.58832 0.0588903,4.71685
C0.0589019,4.73102 0.0588145,4.74427 0.0588903,4.75841
C0.0585989,4.77263 0.0590768,4.78572 0.0588903,4.79997
C0.0609244,4.8135 0.0568095,4.82802 0.0588903,4.84153
C0.124461,9.35304 3.52015,12.3564 6.68881,14.8364
C6.69267,14.8397 6.70317,14.8332 6.70703,14.8364
C6.795,14.9053 6.87449,14.9762 6.96202,15.0442
C7.29842,15.325 7.63486,15.6106 7.9638,15.8754
C7.97464,15.867 7.98937,15.8631 8.00023,15.8546
C8.01109,15.8631 8.02581,15.867 8.03666,15.8754
C8.44881,15.5436 8.87102,15.2144 9.29343,14.8572
C9.30019,14.8515 9.30487,14.8422 9.31164,14.8364
C9.33234,14.8202 9.34556,14.7903 9.36628,14.7741
C12.5171,12.3035 15.8764,9.32357 15.9416,4.84153
C15.942,4.81336 15.9414,4.78669 15.9416,4.75841
C15.9387,4.6159 15.9362,4.48229 15.9233,4.34282
C15.7433,2.00514 14.1922,0.124593 11.4063,0.124594
C9.35839,0.124594 8.40333,0.78155 8.00023,1.18434
C7.5971,0.78155 6.64206,0.124594 4.5942,0.124594z" />
<g id="heart" transform="scale(1.9) translate(-8,-8)" >
<!--
<rect x="0" y="0" width="16" height="16" style="fill:cyan;stroke:blue;" />
-->
<use 
style="opacity:1;fill:#f00;fill-opacity:1;fill-rule:nonzero;stroke:#000;stroke-width:0.33;stroke-linecap:round;stroke-linejoin:round;marker:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline;overflow:visible" 
xlink:href="#heart-shape" />
<use 
style="opacity:0.5;fill:url(#heart-shadow);fill-opacity:1;fill-rule:nonzero;stroke:none;marker:none;display:inline;overflow:visible" 
xlink:href="#heart-shape" />
</g>
<use id="heart-30" xlink:href="#heart" transform="rotate(-30)" />
<use id="m-heart-30" xlink:href="#heart-30" transform="scale(-1,1)" />
<!-- Bells (Diamonds) -->
<linearGradient id="bell-lg3290" >
<stop offset="0" style="stop-color:#000;stop-opacity:1" />
<stop offset="1" style="stop-color:#000;stop-opacity:0" />
</linearGradient>
<linearGradient id="bell-lg3340" >
<stop offset="0" style="stop-color:#000;stop-opacity:0.5" />
<stop offset="1" style="stop-color:#000;stop-opacity:0" />
</linearGradient>
<linearGradient id="bell-lg3237" >
<stop offset="0" style="stop-color:#fef;stop-opacity:0.96" />
<stop offset="1" style="stop-color:#fe8;stop-opacity:0" />
</linearGradient>
<linearGradient id="bell-lg3171" >
<stop offset="0" style="stop-color:#000;stop-opacity:1" />
<stop offset="1" style="stop-color:#000;stop-opacity:0" />
</linearGradient>
<linearGradient id="bell-lg3308" >
<stop offset="0" style="stop-color:#000;stop-opacity:1" />
<stop offset="1" style="stop-color:#000;stop-opacity:0" />
</linearGradient>
<linearGradient xlink:href="#bell-lg3308" id="bell-lg2438" y1="237.762" x1="617.963" y2="236.224" gradientUnits="userSpaceOnUse" x2="610.871" />
<linearGradient xlink:href="#bell-lg3171" id="bell-lg2442" y1="225.466" x1="625.148" y2="225.345" gradientUnits="userSpaceOnUse" x2="610.495" />
<radialGradient fx="605.372" fy="217.142" cx="605.372" cy="217.142" gradientTransform="matrix(0.470127,0.730845,-0.7336936,0.471965,482.335,-320.71147)" xlink:href="#bell-lg3237" id="radialGradient2445" r="13.5198" gradientUnits="userSpaceOnUse" />
<radialGradient fx="605.576" fy="245.158" cx="605.576" cy="245.158" gradientTransform="matrix(0.674239,-0.7385134,0.883829,0.806907,-14.720547,491.597)" xlink:href="#bell-lg3340" id="radialGradient2453" r="7.60263" gradientUnits="userSpaceOnUse" />
<linearGradient xlink:href="#bell-lg3290" id="bell-lg2457" y1="239.033" x1="625.669" y2="233.771" gradientUnits="userSpaceOnUse" x2="618.168" />
<g id="bell" transform="scale(1.9) translate(-8,-8)" >
<g transform="matrix(0.529725,0,0,0.529725,-315.99305,-113.69996)" >
<path style="opacity:1;fill:#fe0;fill-opacity:1;fill-rule:nonzero;stroke:#000;stroke-width:0.377554;stroke-linecap:round;stroke-linejoin:round;marker:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline;overflow:visible"
d="M625.148,228.097
C625.193,232.596 622.724,236.98 618.914,239.35
C614.773,242.025 609.164,242.156 604.901,239.685
C600.943,237.478 598.25,233.156 598.119,228.614
C597.905,224.221 600.09,219.835 603.672,217.299
C607.599,214.413 613.108,213.929 617.488,216.057
C621.686,218.015 624.721,222.271 625.095,226.901
C625.13,227.299 625.148,227.698 625.148,228.097z" />
<g>
<path style="opacity:1;fill:#008000;fill-opacity:1;fill-rule:nonzero;stroke:#000;stroke-width:0.377554;stroke-linecap:round;stroke-linejoin:round;marker:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline;overflow:visible"
d="M608.276,233.719
C607.309,235.357 607.655,237.461 608.694,238.977
C609.247,239.823 609.964,240.557 610.776,241.156
C610.547,242.292 610.318,243.427 610.088,244.562
C610.568,244.521 611.047,244.479 611.526,244.438
C611.467,244.179 611.869,244.597 612.181,244.487
C612.463,244.512 612.744,244.537 613.026,244.562
C612.797,243.427 612.568,242.292 612.338,241.156
C614.23,239.883 615.685,237.63 615.334,235.28
C615.163,233.883 614.306,232.666 613.173,231.865
C612.526,231.421 611.866,230.623 611.016,231.114
C609.828,231.606 608.917,232.631 608.276,233.719z" />
<path style="opacity:1;fill:#008000;fill-opacity:1;fill-rule:nonzero;stroke:#000;stroke-width:0.377554;stroke-linecap:round;stroke-linejoin:round;marker:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline;overflow:visible"
d="M612.114,231.983
C612.526,233.583 612.557,235.268 612.186,236.879
C612.001,237.973 611.63,239.037 611.504,240.138
C611.506,240.869 611.64,241.593 611.79,242.305" />
<path style="opacity:1;fill:url(#bell-lg2438);fill-opacity:1;fill-rule:nonzero;stroke:#000;stroke-width:0.377554;stroke-linecap:round;stroke-linejoin:round;marker:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline;overflow:visible"
d="M608.276,233.719
C607.309,235.357 607.655,237.461 608.694,238.977
C609.247,239.823 609.964,240.557 610.776,241.156
C610.547,242.292 610.318,243.427 610.088,244.562
C610.568,244.521 611.047,244.479 611.526,244.438
C611.467,244.179 611.869,244.597 612.181,244.487
C612.463,244.512 612.744,244.537 613.026,244.562
C612.797,243.427 612.568,242.292 612.338,241.156
C614.23,239.883 615.685,237.63 615.334,235.28
C615.163,233.883 614.306,232.666 613.173,231.865
C612.526,231.421 611.866,230.623 611.016,231.114
C609.828,231.606 608.917,232.631 608.276,233.719z" />
</g>
<path style="opacity:1;fill:#f00;fill-opacity:1;fill-rule:nonzero;stroke:#000;stroke-width:0.377554;stroke-linecap:round;stroke-linejoin:round;marker:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline;overflow:visible"
d="M611.312,224.531
C606.967,224.53 602.615,224.876 598.344,225.688
C597.921,227.735 598.052,229.878 598.656,231.875
C607.253,230.406 616.035,230.71 624.688,231.469
C625.229,229.51 625.308,227.426 624.875,225.438
C620.374,224.909 615.848,224.532 611.312,224.531z" />
<path style="opacity:0.632302;fill:url(#bell-lg2442);fill-opacity:1;fill-rule:nonzero;stroke:none;marker:none;display:inline;overflow:visible"
d="M625.148,228.097
C625.193,232.596 622.724,236.98 618.914,239.35
C614.773,242.025 609.164,242.156 604.901,239.685
C600.943,237.478 598.25,233.156 598.119,228.614
C597.905,224.221 600.09,219.835 603.672,217.299
C607.599,214.413 613.108,213.929 617.488,216.057
C621.686,218.015 624.721,222.271 625.095,226.901
C625.13,227.299 625.148,227.698 625.148,228.097z" />
<g>
<path style="opacity:0.632302;fill:url(#radialGradient2445);fill-opacity:1;fill-rule:nonzero;stroke:none;marker:none;display:inline;overflow:visible"
d="M625.148,228.097
C625.193,232.596 622.724,236.98 618.914,239.35
C614.773,242.025 609.164,242.156 604.901,239.685
C600.943,237.478 598.25,233.156 598.119,228.614
C597.905,224.221 600.09,219.835 603.672,217.299
C607.599,214.413 613.108,213.929 617.488,216.057
C621.686,218.015 624.721,222.271 625.095,226.901
C625.13,227.299 625.148,227.698 625.148,228.097z" />
<g>
<path style="opacity:1;fill:none;stroke:#000;stroke-width:0.377554;stroke-linecap:round;stroke-linejoin:round;marker:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline;overflow:visible"
d="M611.312,224.531
C606.967,224.53 602.615,224.876 598.344,225.688
C597.921,227.735 598.052,229.878 598.656,231.875
C607.253,230.406 616.035,230.71 624.688,231.469
C625.229,229.51 625.308,227.426 624.875,225.438
C620.374,224.909 615.848,224.532 611.312,224.531z" />
<path style="opacity:1;fill:none;stroke:#000;stroke-width:0.377554;stroke-linecap:round;stroke-linejoin:round;marker:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline;overflow:visible"
d="M624.865,230.465
C617.406,229.45 609.818,229.352 602.338,230.203
C601.031,230.356 599.729,230.543 598.432,230.769" />
<path style="opacity:1;fill:none;stroke:#000;stroke-width:0.377554;stroke-linecap:round;stroke-linejoin:round;marker:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline;overflow:visible"
d="M624.966,226.539
C616.556,225.644 608.036,225.492 599.629,226.501
C599.176,226.557 598.723,226.617 598.271,226.681" />
</g>
</g>
<path style="opacity:1;fill:#000;fill-opacity:1;fill-rule:nonzero;stroke:none;marker:none;display:inline;overflow:visible"
d="M611.625,214.75
C611.062,214.711 610.505,214.694 610.686,215.426
C610.608,216.366 610.418,217.29 610.094,218.176
C609.846,218.949 610.038,220.049 610.938,220.281
C611.618,220.526 612.521,220.407 613.021,219.853
C613.634,218.988 613.131,217.93 612.866,217.038
C612.726,216.293 612.598,215.54 612.562,214.781
C612.25,214.76 611.938,214.75 611.625,214.75z" />
<path style="opacity:1;fill:#008000;fill-opacity:1;fill-rule:nonzero;stroke:#000;stroke-width:0.377554;stroke-linecap:round;stroke-linejoin:round;marker:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline;overflow:visible"
d="M606.973,236.692
C607.719,238.099 608.46,239.575 609.646,240.669
C610.784,240.488 612.239,240.552 612.892,241.669
C613.296,242.367 613.337,243.201 613.298,243.987
C612.867,244.239 612.437,244.492 612.006,244.744
C612.215,243.629 611.753,242.38 610.705,241.855
C610.153,241.567 609.522,241.304 608.907,241.293
C607.51,241.533 606.071,241.335 604.682,241.109
C603.866,240.955 602.998,240.73 602.447,240.059
C601.07,238.745 600.252,236.945 599.933,235.086
C599.613,233.92 599.014,232.847 598.305,231.874
C600.793,231.822 603.338,232.665 605.219,234.312
C605.954,234.98 606.529,235.807 606.973,236.692z" />
<path style="opacity:1;fill:url(#radialGradient2453);fill-opacity:1;fill-rule:nonzero;stroke:none;marker:none;display:inline;overflow:visible"
d="M606.973,236.692
C607.719,238.099 608.46,239.575 609.646,240.669
C610.784,240.488 612.239,240.552 612.892,241.669
C613.296,242.367 613.337,243.201 613.298,243.987
C612.867,244.239 612.437,244.492 612.006,244.744
C612.215,243.629 611.753,242.38 610.705,241.855
C610.153,241.567 609.522,241.304 608.907,241.293
C607.51,241.533 606.071,241.335 604.682,241.109
C603.866,240.955 602.998,240.73 602.447,240.059
C601.07,238.745 600.252,236.945 599.933,235.086
C599.613,233.92 599.014,232.847 598.305,231.874
C600.793,231.822 603.338,232.665 605.219,234.312
C605.954,234.98 606.529,235.807 606.973,236.692z" />
<path style="opacity:1;fill:#008000;fill-opacity:1;fill-rule:nonzero;stroke:#000;stroke-width:0.377554;stroke-linecap:round;stroke-linejoin:round;marker:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline;overflow:visible"
d="M616.463,236.449
C615.716,237.856 614.975,239.332 613.789,240.426
C612.651,240.245 611.196,240.309 610.543,241.426
C610.139,242.124 610.098,242.958 610.137,243.744
C610.568,243.996 610.998,244.249 611.429,244.501
C611.22,243.386 611.682,242.137 612.73,241.612
C613.282,241.324 613.913,241.062 614.528,241.05
C615.926,241.29 617.364,241.092 618.753,240.866
C619.57,240.713 620.437,240.487 620.989,239.816
C622.366,238.502 623.183,236.702 623.502,234.843
C623.822,233.677 624.421,232.604 625.13,231.631
C622.642,231.579 620.097,232.422 618.216,234.069
C617.482,234.738 616.906,235.564 616.463,236.449z" />
<path style="opacity:1;fill:url(#bell-lg2457);fill-opacity:1;fill-rule:nonzero;stroke:none;marker:none;display:inline;overflow:visible"
d="M616.463,236.449
C615.716,237.856 614.975,239.332 613.789,240.426
C612.651,240.245 611.196,240.309 610.543,241.426
C610.139,242.124 610.098,242.958 610.137,243.744
C610.568,243.996 610.998,244.249 611.429,244.501
C611.22,243.386 611.682,242.137 612.73,241.612
C613.282,241.324 613.913,241.062 614.528,241.05
C615.926,241.29 617.364,241.092 618.753,240.866
C619.57,240.713 620.437,240.487 620.989,239.816
C622.366,238.502 623.183,236.702 623.502,234.843
C623.822,233.677 624.421,232.604 625.13,231.631
C622.642,231.579 620.097,232.422 618.216,234.069
C617.482,234.738 616.906,235.564 616.463,236.449z" />
</g>
</g>
<use id="bell-30" xlink:href="#bell" transform="rotate(-30)" />
<use id="m-bell-30" xlink:href="#bell-30" transform="scale(-1,1)" />
<!-- Leaves (Spades) -->
<linearGradient id="leaf-lg3829" >
<stop offset="0" style="stop-color:#000;stop-opacity:0.498" />
<stop offset="1" style="stop-color:#000;stop-opacity:0" />
</linearGradient>
<linearGradient xlink:href="#leaf-lg3829" id="leaf-lg2591" y1="45.4271" x1="673.785" y2="45.4271" gradientUnits="userSpaceOnUse" x2="668.302" />
<linearGradient id="leaf-lg3803" >
<stop offset="0" style="stop-color:#000;stop-opacity:0.5" />
<stop offset="1" style="stop-color:#000;stop-opacity:0" />
</linearGradient>
<linearGradient xlink:href="#leaf-lg3803" id="leaf-lg2589" y1="50.9321" x1="684.605" y2="50.7702" gradientUnits="userSpaceOnUse" x2="678.172" />
<g id="leaf" transform="scale(1.9) translate(-8, -8)" >
<g transform="matrix(0.578062,0,0,0.578062,-381.44738,-19.944396)" >
<path style="fill:#fe0;fill-opacity:1;fill-rule:nonzero;stroke:#000;stroke-width:0.345984;stroke-linecap:round;stroke-linejoin:round;marker:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline;overflow:visible" d="M673.685,34.6022C672.376,35.7379 671.408,37.1303 670.709,38.7238C669.751,37.1306 668.062,35.9765 666.358,34.8312C666.358,34.8312 667.675,38.7246 667.732,40.7846C667.846,45.0208 663.038,48.112 662.923,53.8365C662.813,59.3357 665.104,62.0332 668.419,62.0798C672.147,62.1331 673.685,60.1335 673.685,60.1335M673.374,53.0626C671.182,52.3605 669.117,52.6714 667.077,53.1771M673.259,47.1664C671.777,46.4244 670.2,46.5364 668.565,47.1664M673.202,41.3274C672.026,40.6185 670.964,40.8224 669.939,41.3274" />
<path style="fill:#008000;fill-opacity:1;fill-rule:nonzero;stroke:#000;stroke-width:0.345984;stroke-linecap:round;stroke-linejoin:round;marker:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline;overflow:visible" d="M673.739,34.6022C675.048,35.7379 676.016,37.1303 676.715,38.7238C677.673,37.1306 679.362,35.9765 681.066,34.8312C681.066,34.8312 679.749,38.7246 679.692,40.7846C679.578,45.0208 684.386,48.112 684.501,53.8365C684.611,59.3357 682.32,62.0332 679.005,62.0798C675.277,62.1331 673.739,60.1335 673.739,60.1335M674.05,53.0626C676.242,52.3605 678.307,52.6714 680.347,53.1771M674.165,47.1664C675.647,46.4244 677.224,46.5364 678.859,47.1664M674.222,41.3274C675.398,40.6185 676.46,40.8224 677.485,41.3274" />
<path style="fill:#008000;fill-opacity:1;fill-rule:nonzero;stroke:#000;stroke-width:0.345984;stroke-linecap:round;stroke-linejoin:round;marker:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline;overflow:visible" d="M673.775,34.687L673.775,60.1038" />
<path style="fill:url(#leaf-lg2589);fill-opacity:1;fill-rule:nonzero;stroke:#000;stroke-width:0.345984;stroke-linecap:round;stroke-linejoin:round;marker:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline;overflow:visible" d="M673.739,34.6022C675.048,35.7379 676.016,37.1303 676.715,38.7238C677.673,37.1306 679.362,35.9765 681.066,34.8312C681.066,34.8312 679.749,38.7246 679.692,40.7846C679.578,45.0208 684.386,48.112 684.501,53.8365C684.611,59.3357 682.32,62.0332 679.005,62.0798C675.277,62.1331 673.739,60.1335 673.739,60.1335M674.05,53.0626C676.242,52.3605 678.307,52.6714 680.347,53.1771M674.165,47.1664C675.647,46.4244 677.224,46.5364 678.859,47.1664M674.222,41.3274C675.398,40.6185 676.46,40.8224 677.485,41.3274" />
<path style="fill:url(#leaf-lg2591);fill-opacity:1;fill-rule:nonzero;stroke:#000;stroke-width:0.345984;stroke-linecap:round;stroke-linejoin:round;marker:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline;overflow:visible" d="M673.685,34.6022C672.376,35.7379 671.408,37.1303 670.709,38.7238C669.751,37.1306 668.062,35.9765 666.358,34.8312C666.358,34.8312 667.675,38.7246 667.732,40.7846C667.846,45.0208 663.038,48.112 662.923,53.8365C662.813,59.3357 665.104,62.0332 668.419,62.0798C672.147,62.1331 673.685,60.1335 673.685,60.1335M673.374,53.0626C671.182,52.3605 669.117,52.6714 667.077,53.1771M673.259,47.1664C671.777,46.4244 670.2,46.5364 668.565,47.1664M673.202,41.3274C672.026,40.6185 670.964,40.8224 669.939,41.3274" />
</g>
</g>

<use id="leaf-30" xlink:href="#leaf" transform="rotate(-30)" />
<use id="m-leaf-30" xlink:href="#leaf-30" transform="scale(-1,1)" />
<use id="leaf-90" xlink:href="#leaf" transform="rotate(90) scale(1,-1)" />
<use id="m-leaf-90" xlink:href="#leaf-90" transform="scale(-1,1)" />

<!-- Acorns (Clubs) -->
<linearGradient id="acorn-lg3387" >
<stop offset="0" style="stop-color:#000;stop-opacity:1" />
<stop offset="1" style="stop-color:#000;stop-opacity:0" />
</linearGradient>
<linearGradient gradientTransform="translate(0.627415,7.77185)" xlink:href="#base-shadow" id="acorn-lg2550" y1="803.417" x1="1499.56" y2="803.538" gradientUnits="userSpaceOnUse" x2="1488.61" />
<linearGradient gradientTransform="translate(-3.2056392,-2.0243168e-2)" xlink:href="#base-shadow" id="acorn-lg2558" y1="787.54" x1="1500.84" y2="787.56" gradientUnits="userSpaceOnUse" x2="1492.16" />
<g id="acorn" transform="scale(1.9) translate(-8,-8)" >
<g transform="matrix(0.507206,0,0,0.507206,-747.65968,-395.38787)" >
<g transform="translate(-0.6071758,-8.8647662)" >
<g transform="translate(0.465501,9.10764)" >
<path style="opacity:1;fill:#080;fill-opacity:1;fill-rule:nonzero;stroke:#000;stroke-width:0.394317;stroke-linecap:round;stroke-linejoin:round;marker:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline;overflow:visible" d="M1500.17,802.789C1500.19,805.25 1498.65,807.483 1496.65,808.803C1493.17,811.117 1488.47,811.348 1484.71,809.591C1482.37,808.502 1480.31,806.426 1479.89,803.802C1479.49,801.52 1480.52,799.173 1482.21,797.657C1485.05,795.079 1489.22,794.321 1492.9,795.165C1495.67,795.803 1498.38,797.491 1499.59,800.147C1499.97,800.974 1500.17,801.88 1500.17,802.789z" />
<path style="opacity:1;fill:none;stroke:#000;stroke-width:0.394317;stroke-linecap:round;stroke-linejoin:round;marker:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline;overflow:visible" d="M1499.12,799.328C1499.13,799.876 1498.34,800.285 1497.91,800.616C1495.52,802.078 1492.64,802.451 1489.88,802.445C1487.2,802.405 1484.42,802.106 1482,800.865C1481.53,800.564 1480.77,800.225 1480.62,799.693" />
<path style="opacity:1;fill:none;stroke:#000;stroke-width:0.394317;stroke-linecap:round;stroke-linejoin:round;marker:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline;overflow:visible" d="M1499.8,800.786C1499.81,801.345 1498.96,801.745 1498.51,802.073C1496.03,803.491 1493.1,803.87 1490.28,803.902C1487.35,803.891 1484.32,803.626 1481.62,802.385C1481.03,802.068 1480.35,801.767 1479.98,801.181L1479.99,801.158L1480.01,801.15" />
<path style="opacity:1;fill:none;stroke:#000;stroke-width:0.394317;stroke-linecap:round;stroke-linejoin:round;marker:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline;overflow:visible" d="M1500.08,802.486C1500.09,803.049 1499.22,803.446 1498.77,803.773C1496.24,805.181 1493.29,805.561 1490.44,805.602C1487.46,805.599 1484.4,805.345 1481.63,804.149C1480.98,803.819 1480.23,803.509 1479.82,802.881L1479.83,802.858L1479.85,802.85" />
<path style="opacity:1;fill:none;stroke:#000;stroke-width:0.394317;stroke-linecap:round;stroke-linejoin:round;marker:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline;overflow:visible" d="M1499.92,804.186C1499.93,804.747 1499.07,805.146 1498.62,805.473C1496.12,806.893 1493.17,807.27 1490.33,807.303C1487.37,807.291 1484.32,807.027 1481.59,805.786C1481,805.468 1480.31,805.169 1479.94,804.581L1479.95,804.558L1479.97,804.55" />
<path style="opacity:1;fill:none;stroke:#000;stroke-width:0.394317;stroke-linecap:round;stroke-linejoin:round;marker:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline;overflow:visible" d="M1499.28,805.886C1499.3,806.434 1498.5,806.842 1498.08,807.173C1495.68,808.636 1492.8,809.008 1490.04,809.002C1487.36,808.962 1484.58,808.663 1482.16,807.422C1481.69,807.121 1480.93,806.782 1480.78,806.25" />
</g>
<path style="opacity:0.506;fill:url(#acorn-lg2550);fill-opacity:1;fill-rule:nonzero;stroke:#000;stroke-width:0.394317;stroke-linecap:round;stroke-linejoin:round;marker:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline;overflow:visible" d="M1500.63,811.897C1500.66,814.358 1499.12,816.591 1497.12,817.911C1493.64,820.224 1488.94,820.456 1485.18,818.699C1482.84,817.61 1480.78,815.534 1480.36,812.91C1479.95,810.628 1480.98,808.281 1482.68,806.765C1485.51,804.186 1489.69,803.428 1493.36,804.272C1496.14,804.91 1498.84,806.598 1500.06,809.255C1500.43,810.082 1500.64,810.988 1500.63,811.897z" />
</g>
<g transform="translate(-3.1822433,-2.024e-2)" >
<path style="opacity:1;fill:#fe0;fill-opacity:1;fill-rule:nonzero;stroke:#000;stroke-width:0.394317;stroke-linecap:round;stroke-linejoin:round;marker:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline;overflow:visible" d="M1485.4,787.474C1485.4,791.411 1485.38,795.349 1485.34,799.286C1485.62,799.916 1486.38,800.13 1486.96,800.415C1489.23,801.343 1491.73,801.342 1494.14,801.306C1496.28,801.223 1498.54,800.947 1500.36,799.729C1501,799.317 1500.59,798.47 1500.69,797.851C1500.64,794.357 1500.63,790.861 1500.61,787.367C1500.45,785.269 1499.44,783.239 1497.77,781.941C1496.38,780.832 1494.72,780.149 1493.03,779.661C1490.74,780.1 1488.51,781.255 1487.16,783.207C1486.26,784.474 1485.73,785.964 1485.4,787.474z" />
<g transform="translate(0.02025,0)" >
<path style="opacity:1;fill:#f00;fill-opacity:1;fill-rule:nonzero;stroke:#000;stroke-width:0.394317;stroke-linecap:round;stroke-linejoin:round;marker:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline;overflow:visible" d="M1485.36,794.246C1485.36,795.942 1485.31,797.644 1485.35,799.337C1485.83,800.007 1486.69,800.249 1487.42,800.558C1489.7,801.332 1492.16,801.318 1494.55,801.247C1496.55,801.141 1498.64,800.827 1500.35,799.688C1500.99,799.257 1500.57,798.385 1500.68,797.747C1500.66,796.59 1500.65,795.434 1500.64,794.277C1500.08,794.962 1499.17,795.214 1498.38,795.533C1496.08,796.246 1493.64,796.232 1491.25,796.142C1489.33,796.024 1487.33,795.711 1485.7,794.62C1485.57,794.516 1485.43,794.401 1485.36,794.246z" />
<path style="opacity:1;fill:none;stroke:#000;stroke-width:0.394317;stroke-linecap:round;stroke-linejoin:round;marker:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline;overflow:visible" d="M1500.53,798.438C1499.01,799.501 1497.1,799.789 1495.3,799.987C1492.55,800.203 1489.7,800.069 1487.08,799.123C1486.45,798.876 1485.83,798.566 1485.31,798.114" />
<path style="opacity:1;fill:none;stroke:#000;stroke-width:0.394317;stroke-linecap:round;stroke-linejoin:round;marker:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline;overflow:visible" d="M1500.53,797.143C1499.01,798.206 1497.1,798.494 1495.3,798.692C1492.55,798.908 1489.7,798.774 1487.08,797.827C1486.45,797.581 1485.83,797.271 1485.31,796.819" />
<path style="opacity:1;fill:none;stroke:#000;stroke-width:0.394317;stroke-linecap:round;stroke-linejoin:round;marker:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline;overflow:visible" d="M1500.57,795.746C1499.05,796.81 1497.14,797.097 1495.34,797.295C1492.59,797.511 1489.74,797.377 1487.12,796.431C1486.49,796.184 1485.87,795.874 1485.35,795.422" />
</g>
</g>
<path style="opacity:0.53;fill:url(#acorn-lg2558);fill-opacity:1;fill-rule:nonzero;stroke:#000;stroke-width:0.394317;stroke-linecap:round;stroke-linejoin:round;marker:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline;overflow:visible" d="M1482.22,787.453C1482.22,791.391 1482.2,795.328 1482.16,799.266C1482.44,799.896 1483.2,800.11 1483.78,800.394C1486.05,801.323 1488.55,801.322 1490.96,801.285C1493.1,801.203 1495.36,800.926 1497.18,799.708C1497.82,799.297 1497.41,798.449 1497.51,797.831C1497.46,794.336 1497.45,790.841 1497.43,787.347C1497.27,785.248 1496.26,783.218 1494.59,781.921C1493.2,780.811 1491.54,780.129 1489.85,779.641C1487.56,780.079 1485.33,781.235 1483.98,783.187C1483.08,784.454 1482.55,785.943 1482.22,787.453z" />
</g>
</g>

<use id="acorn-30" xlink:href="#acorn" transform="rotate(-30)" />
<use id="m-acorn-30" xlink:href="#acorn-30" transform="scale(-1,1)" />
<use id="acorn-90" xlink:href="#acorn" transform="rotate(90) scale(1,-1)" />
<use id="m-acorn-90" xlink:href="#acorn-90" transform="scale(-1,1)" />

<!-- Misc -->

<!-- Branch for acorn and leaf suits -->
<linearGradient xlink:href="#base-shadow" id="branch-shadow" y1="16.8634" x1="9.7804" y2="16.826" x2="7.49379" gradientUnits="userSpaceOnUse" />
<path id="branch-shape"
d="M9.6804,31.5705
C8.74726,25.8495 7.82474,20.6743 8.76184,12.1049
C9.16404,8.42683 8.55476,2.34506 7.66117,0.0705477
C7.44301,2.5986 7.89582,7.80213 7.17014,11.5255
C5.8647,18.2235 6.34083,25.357 6.77271,31.4897
C8.16081,32.2148 8.92355,31.8975 9.6804,31.5705z" />

<g id="branch" transform="scale(1.85) translate(-8,-8)" >
<g>
<use
style="opacity:1;fill:#f00;fill-opacity:1;fill-rule:nonzero;stroke:#000;stroke-width:0.2;stroke-linecap:round;stroke-linejoin:round;marker:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline;overflow:visible" 
xlink:href="#branch-shape"
/>
<use 
style="opacity:1;fill:url(#branch-shadow);fill-opacity:1;" 
xlink:href="#branch-shape" 
/>
</g>
</g>

<!-- Beams for leaves/acorns -->
<linearGradient id="beam-lg3223" >
<stop offset="0" style="stop-color:#000;stop-opacity:1" />
<stop offset="1" style="stop-color:#000;stop-opacity:0" />
</linearGradient>
<linearGradient id="beam-lg3211" >
<stop offset="0" style="stop-color:#f00;stop-opacity:1" />
<stop offset="1" style="stop-color:#000;stop-opacity:1" />
</linearGradient>
<linearGradient xlink:href="#beam-lg3223" id="beam-lg3309" y1="14.7936" x1="16.8826" y2="14.8359" gradientUnits="userSpaceOnUse" x2="15.9152" />
<linearGradient gradientTransform="matrix(-0.8213696,0,0,0.595421,29.0519,6.55316)" xlink:href="#beam-lg3211" id="beam-lg3324" y1="7.8193" x1="14.5882" y2="7.89012" gradientUnits="userSpaceOnUse" x2="-0.83899504" />
<linearGradient gradientTransform="matrix(0.82137,0,0,0.595421,2.9481,6.55316)" xlink:href="#beam-lg3211" id="beam-lg3327" y1="7.56773" x1="6.16856" y2="7.72893" gradientUnits="userSpaceOnUse" x2="23.1163" />
<g id="beams" transform="scale(1.9,1.9) translate(-16,-7)">
<g>
<path style="fill:url(#beam-lg3327);fill-opacity:1;fill-rule:nonzero;stroke:#000;stroke-width:0.2;stroke-linecap:round;stroke-linejoin:round;marker:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline;overflow:visible" d="M2.35898,6.30567C5.52266,7.48385 13.3562,10.0412 14.7657,15.0752C14.8747,15.4635 16.0844,15.0986 16.0343,15.3092C15.0165,10.2098 7.31394,6.89969 2.35898,6.30567z" />
<path style="fill:url(#beam-lg3324);fill-opacity:1;fill-rule:nonzero;stroke:#000;stroke-width:0.2;stroke-linecap:round;stroke-linejoin:round;marker:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline;overflow:visible" d="M29.641,6.30567C26.4773,7.48385 18.6438,10.0412 17.2343,15.0752C17.1253,15.4635 15.9156,15.0986 15.9657,15.3092C16.9835,10.2098 24.6861,6.89969 29.641,6.30567z" />
<g transform="matrix(2.15881,0,0,2.44045,-18.59376,-23.080802)" >
<path style="fill:#fe0;fill-opacity:1;fill-rule:nonzero;stroke:#000;stroke-width:0.0889303;stroke-linecap:round;stroke-linejoin:round;marker:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline;overflow:visible" d="M16.4242,15.1347A0.509014,0.627784 0 1 1 15.4062,15.1347A0.509014,0.627784 0 1 1 16.4242,15.1347z" transform="matrix(1.39802,0,0,0.686691,-6.2253541,5.12246)" />
<path style="fill:url(#beam-lg3309);fill-opacity:1;fill-rule:nonzero;stroke:#000;stroke-width:0.0889303;stroke-linecap:round;stroke-linejoin:round;marker:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline;overflow:visible" d="M16.4242,15.1347A0.509014,0.627784 0 1 1 15.4062,15.1347A0.509014,0.627784 0 1 1 16.4242,15.1347z" transform="matrix(1.39802,0,0,0.686691,-6.2253541,5.12246)" />
</g>
</g>
</g>

<!-- Indices (small numbers) -->

<!-- Ace -->
<g id="i1" transform="scale(2) translate(-8,-8)">
<path style="fill:#000;fill-opacity:1;stroke:none;"
d="M10.829,2.094
C10.829,0.840001 9.773,2.54562e-15 8.243,2.54562e-15
L5.171,2.54562e-15 L5.171,0.402 L5.807,0.402 L5.807,3.714 L5.171,3.714 L5.171,4.116 L8.243,4.116
C9.803,4.116 10.829,3.282 10.829,2.094
M9.845,2.088
C9.845,2.64 9.803,3.714 8.003,3.714
L6.695,3.714 L6.695,0.402 L7.997,0.402
C8.447,0.402 8.963,0.486 9.317,0.744
C9.623,0.972 9.845,1.302 9.845,2.088" />
</g>
<!-- King -->
<g id="ik" transform="scale(2) translate(-8,-10)">
<path style="fill:#000;" 
d="M10.952,4.116
L10.952,3.714L10.382,3.714L8.27,1.662L10.19,0.402L10.832,0.402L10.832,1.75476e-07
C10.574,0.0240002 10.316,0.0240002 10.058,0.0240002
L9.032,1.75476e-07L9.032,0.402L9.284,0.402L6.62,2.142L6.62,0.402L7.256,0.402L7.256,1.75476e-07L6.152,0.0240002L5.048,1.75476e-07L5.048,0.402L5.684,0.402L5.684,3.714L5.048,3.714L5.048,4.116L6.152,4.092L7.256,4.116L7.256,3.714L6.62,3.714L6.62,2.736L7.592,2.1L9.254,3.714L8.942,3.714L8.942,4.116L10.034,4.092
C10.352,4.092 10.64,4.098 10.952,4.116" />
</g>
<!-- Ober -->
<g id="io" transform="scale(2) translate(-8,-10)">
<path style="fill:#000;" 
d="M10.778,2.088
C10.778,1.002 9.962,-0.10199982 8,-0.10199982
C6.032,-0.10199982 5.222,1.008 5.222,2.088
C5.222,3.144 6.038,4.218 8,4.218
C9.968,4.218 10.778,3.138 10.778,2.088M9.746,1.986
C9.746,3.09 9.236,3.834 8,3.834
C6.68,3.834 6.254,2.994 6.254,1.986
C6.254,1.59 6.32,1.062 6.71,0.69
C7.082,0.348001 7.61,0.27 8,0.27
C8.39,0.27 8.888,0.342001 9.278,0.684
C9.674,1.032 9.746,1.578 9.746,1.986" />
</g>
<!-- Under -->
<g id="iu" transform="scale(2) translate(-8,-10)">
<path style="fill:#000;" 
d="M10.847,0.402
L10.847,1.75476e-07
C10.667,0.00600017 10.319,0.0240002 9.929,0.0240002
C9.539,0.0240002 9.209,0.0120002 9.011,1.75476e-07
L9.011,0.402L9.647,0.402L9.647,2.712
C9.647,3.558 8.915,3.816 8.099,3.816
C6.989,3.816 6.725,3.33 6.725,2.73
L6.725,0.402L7.361,0.402L7.361,1.75476e-07L6.257,0.0240002L5.153,1.75476e-07L5.153,0.402L5.789,0.402L5.789,2.724
C5.789,3.492 6.485,4.218 8.081,4.218
C9.665,4.218 10.211,3.42 10.211,2.73
L10.211,0.402L10.847,0.402" />
</g>
<!-- Ten -->
<g id="i10" transform="scale(2) translate(-8,-10)">
<path style="fill:#000;" 
d="M11.021,4.116
L11.021,3.714L10.361,3.714L8.531,1.836L9.929,0.402L10.655,0.402L10.655,1.75476e-07L9.755,0.0240002
L8.741,1.75476e-07L8.741,0.402L9.143,0.402L8.141,1.434L7.139,0.402L7.469,0.402L7.469,1.75476e-07
C7.133,0.0240002 6.677,0.0240002 6.335,0.0240002
L5.309,1.75476e-07L5.309,0.402L5.975,0.402L7.559,2.034L5.921,3.714L5.189,3.714L5.189,4.116
C5.441,4.104 5.723,4.092 6.095,4.092
L7.103,4.116L7.103,3.714L6.707,3.714L7.949,2.436L9.191,3.714L8.861,3.714L8.861,4.116
C9.197,4.092 9.653,4.092 9.995,4.092
L11.021,4.116" />
</g>
<!-- Nine -->
<g id="i9" transform="scale(2) translate(-8,-10)">
<path style="fill:#000;" 
d="M5.74466,4.116
L5.74466,3.714L5.07866,3.714L5.07866,0.402L5.74466,0.402L5.74466,1.75476e-07
C5.37866,0.0240002 4.97666,0.0240002 4.61066,0.0240002
C4.24466,0.0240002 3.84266,0.0240002 3.47666,1.75476e-07
L3.47666,0.402L4.14266,0.402L4.14266,3.714L3.47666,3.714L3.47666,4.116
C3.84266,4.092 4.24466,4.092 4.61066,4.092
C4.97666,4.092 5.37866,4.092 5.74466,4.116M12.5233,4.116
L12.5233,3.714L11.8633,3.714L10.0333,1.836L11.4313,0.402L12.1573,0.402L12.1573,1.75476e-07L11.2573,0.0240002L10.2433,1.75476e-07L10.2433,0.402L10.6453,0.402L9.64334,1.434L8.64134,0.402L8.97134,0.402L8.97134,1.75476e-07
C8.63534,0.0240002 8.17934,0.0240002 7.83734,0.0240002
L6.81134,1.75476e-07L6.81134,0.402L7.47734,0.402L9.06134,2.034L7.42334,3.714L6.69134,3.714L6.69134,4.116
C6.94334,4.104 7.22534,4.092 7.59734,4.092
L8.60534,4.116L8.60534,3.714L8.20934,3.714L9.45134,2.436L10.6933,3.714L10.3633,3.714L10.3633,4.116
C10.6993,4.092 11.1553,4.092 11.4973,4.092
L12.5233,4.116" />
</g>
<!-- Eight -->
<g id="i8" transform="scale(2) translate(-8,-10)">
<path style="fill:#000;" 
d="M6.17047,0.402
L6.17047,1.75476e-07
C5.91247,0.0180002 5.63047,0.0240002 5.37247,0.0240002
L4.46647,1.75476e-07L4.46647,0.402L4.94647,0.402L3.32647,3.54L1.70647,0.402L2.19247,0.402L2.19247,1.75476e-07L1.10647,0.0240002L0.122469,1.75476e-07L0.122469,0.402L0.710469,0.402L2.57647,4.02
C2.67847,4.212 2.76847,4.218 2.91247,4.218
L3.38047,4.218
C3.50647,4.218 3.60847,4.218 3.70447,4.038
L5.58247,0.402L6.17047,0.402M9.26816,4.116L9.26816,3.714L8.60216,3.714L8.60216,0.402L9.26816,0.402L9.26816,1.75476e-07
C8.90216,0.0240002 8.50016,0.0240002 8.13416,0.0240002
C7.76816,0.0240002 7.36616,0.0240002 7.00016,1.75476e-07
L7.00016,0.402L7.66616,0.402L7.66616,3.714L7.00016,3.714L7.00016,4.116
C7.36616,4.092 7.76816,4.092 8.13416,4.092
C8.50016,4.092 8.90216,4.092 9.26816,4.116M12.5728,4.116
L12.5728,3.714L11.9068,3.714L11.9068,0.402L12.5728,0.402L12.5728,1.75476e-07
C12.2068,0.0240002 11.8048,0.0240002 11.4388,0.0240002
C11.0728,0.0240002 10.6708,0.0240002 10.3048,1.75476e-07
L10.3048,0.402L10.9708,0.402L10.9708,3.714L10.3048,3.714L10.3048,4.116
C10.6708,4.092 11.0728,4.092 11.4388,4.092
C11.8048,4.092 12.2068,4.092 12.5728,4.116M15.8775,4.116
L15.8775,3.714L15.2115,3.714L15.2115,0.402L15.8775,0.402L15.8775,1.75476e-07
C15.5115,0.0240002 15.1095,0.0240002 14.7435,0.0240002
C14.3775,0.0240002 13.9755,0.0240002 13.6095,1.75476e-07
L13.6095,0.402L14.2755,0.402L14.2755,3.714L13.6095,3.714L13.6095,4.116
C13.9755,4.092 14.3775,4.092 14.7435,4.092
C15.1095,4.092 15.5115,4.092 15.8775,4.116" />
</g>
<!-- Seven -->
<g id="i7" transform="scale(2) translate(-8,-10)">
<path style="fill:#000;" 
d="M7.82281,0.402
L7.82281,1.75476e-07
C7.56481,0.0180002 7.28281,0.0240002 7.02481,0.0240002
L6.11881,1.75476e-07L6.11881,0.402L6.59881,0.402L4.97881,3.54L3.35881,0.402L3.84481,0.402L3.84481,1.75476e-07L2.75881,0.0240002L1.77481,1.75476e-07L1.77481,0.402L2.36281,0.402L4.22881,4.02
C4.33081,4.212 4.42081,4.218 4.56481,4.218
L5.03281,4.218
C5.15881,4.218 5.26081,4.218 5.35681,4.038
L7.23481,0.402L7.82281,0.402M10.9205,4.116L10.9205,3.714L10.2545,3.714L10.2545,0.402L10.9205,0.402L10.9205,1.75476e-07
C10.5545,0.0240002 10.1525,0.0240002 9.7865,0.0240002
C9.4205,0.0240002 9.0185,0.0240002 8.6525,1.75476e-07
L8.6525,0.402L9.3185,0.402L9.3185,3.714L8.6525,3.714L8.6525,4.116
C9.0185,4.092 9.4205,4.092 9.7865,4.092
C10.1525,4.092 10.5545,4.092 10.9205,4.116M14.2252,4.116
L14.2252,3.714L13.5592,3.714L13.5592,0.402L14.2252,0.402L14.2252,1.75476e-07
C13.8592,0.0240002 13.4572,0.0240002 13.0912,0.0240002
C12.7252,0.0240002 12.3232,0.0240002 11.9572,1.75476e-07
L11.9572,0.402L12.6232,0.402L12.6232,3.714L11.9572,3.714L11.9572,4.116
C12.3232,4.092 12.7252,4.092 13.0912,4.092
C13.4572,4.092 13.8592,4.092 14.2252,4.116" />
</g>
<!-- Six -->
<g id="i6" transform="scale(2) translate(-8,-10)">
<path style="fill:#000;" 
d="M9.47516,0.402
L9.47516,1.75476e-07
C9.21716,0.0180002 8.93516,0.0240002 8.67716,0.0240002
L7.77116,1.75476e-07L7.77116,0.402L8.25116,0.402L6.63116,3.54L5.01116,0.402L5.49716,0.402L5.49716,1.75476e-07L4.41116,0.0240002L3.42716,1.75476e-07L3.42716,0.402L4.01516,0.402L5.88116,4.02
C5.98316,4.212 6.07316,4.218 6.21716,4.218
L6.68516,4.218
C6.81116,4.218 6.91316,4.218 7.00916,4.038
L8.88716,0.402L9.47516,0.402M12.5728,4.116L12.5728,3.714L11.9068,3.714L11.9068,0.402L12.5728,0.402L12.5728,1.75476e-07
C12.2068,0.0240002 11.8048,0.0240002 11.4388,0.0240002
C11.0728,0.0240002 10.6708,0.0240002 10.3048,1.75476e-07
L10.3048,0.402L10.9708,0.402L10.9708,3.714L10.3048,3.714L10.3048,4.116
C10.6708,4.092 11.0728,4.092 11.4388,4.092
C11.8048,4.092 12.2068,4.092 12.5728,4.116" />
</g>
<!-- Five -->
<g id="i5" transform="scale(2) translate(-8,-10)">
<path style="fill:#000;" 
d="M11.024,0.402
L11.024,1.75476e-07
C10.766,0.0180002 10.484,0.0240002 10.226,0.0240002
L9.32,1.75476e-07L9.32,0.402L9.8,0.402L8.18,3.54L6.56,0.402L7.046,0.402L7.046,1.75476e-07
L5.96,0.0240002L4.976,1.75476e-07L4.976,0.402L5.564,0.402L7.43,4.02
C7.532,4.212 7.622,4.218 7.766,4.218
L8.234,4.218
C8.36,4.218 8.462,4.218 8.558,4.038
L10.436,0.402L11.024,0.402" />
</g>
<!-- Four -->
<g id="i4" transform="scale(2) translate(-8,-10)">
<path style="fill:#000;" 
d="M5.89316,4.116L5.89316,3.714L5.22716,3.714L5.22716,0.402L5.89316,0.402L5.89316,1.75476e-07
C5.52716,0.0240002 5.12516,0.0240002 4.75916,0.0240002
C4.39316,0.0240002 3.99116,0.0240002 3.62516,1.75476e-07L3.62516,0.402L4.29116,0.402L4.29116,3.714L3.62516,3.714L3.62516,4.116
C3.99116,4.092 4.39316,4.092 4.75916,4.092
C5.12516,4.092 5.52716,4.092 5.89316,4.116M12.7798,0.402L12.7798,1.75476e-07
C12.5218,0.0180002 12.2398,0.0240002 11.9818,0.0240002L11.0758,1.75476e-07L11.0758,0.402L11.5558,0.402L9.93584,3.54L8.31584,0.402L8.80184,0.402L8.80184,1.75476e-07L7.71584,0.0240002L6.73184,1.75476e-07L6.73184,0.402L7.31984,0.402L9.18584,4.02
C9.28784,4.212 9.37784,4.218 9.52184,4.218L9.98984,4.218
C10.1158,4.218 10.2178,4.218 10.3138,4.038L12.1918,0.402L12.7798,0.402" />
</g>
<!-- Three -->
<g id="i3" transform="scale(2) translate(-8,-10)">
<path style="fill:#000;" 
d="M5.82931,4.116L5.82931,3.714L5.16331,3.714L5.16331,0.402L5.82931,0.402L5.82931,1.75476e-07
C5.46331,0.0240002 5.06131,0.0240002 4.69531,0.0240002
C4.32931,0.0240002 3.92731,0.0240002 3.56131,1.75476e-07L3.56131,0.402L4.22731,0.402L4.22731,3.714L3.56131,3.714L3.56131,4.116
C3.92731,4.092 4.32931,4.092 4.69531,4.092
C5.06131,4.092 5.46331,4.092 5.82931,4.116M9.134,4.116L9.134,3.714L8.468,3.714L8.468,0.402L9.134,0.402L9.134,1.75476e-07
C8.768,0.0240002 8.366,0.0240002 8,0.0240002
C7.634,0.0240002 7.232,0.0240002 6.866,1.75476e-07L6.866,0.402L7.532,0.402L7.532,3.714L6.866,3.714L6.866,4.116
C7.232,4.092 7.634,4.092 8,4.092
C8.366,4.092 8.768,4.092 9.134,4.116M12.4387,4.116L12.4387,3.714L11.7727,3.714L11.7727,0.402L12.4387,0.402L12.4387,1.75476e-07
C12.0727,0.0240002 11.6707,0.0240002 11.3047,0.0240002
C10.9387,0.0240002 10.5367,0.0240002 10.1707,1.75476e-07L10.1707,0.402L10.8367,0.402L10.8367,3.714L10.1707,3.714L10.1707,4.116
C10.5367,4.092 10.9387,4.092 11.3047,4.092
C11.6707,4.092 12.0727,4.092 12.4387,4.116" />
</g>
<!-- Two -->
<g id="i2" transform="scale(2) translate(-8,-10)">
<path style="fill:#000;" 
d="M7.48166,4.116L7.48166,3.714L6.81566,3.714L6.81566,0.402L7.48166,0.402L7.48166,1.75476e-07
C7.11566,0.0240002 6.71366,0.0240002 6.34766,0.0240002
C5.98166,0.0240002 5.57966,0.0240002 5.21366,1.75476e-07L5.21366,0.402L5.87966,0.402L5.87966,3.714L5.21366,3.714L5.21366,4.116
C5.57966,4.092 5.98166,4.092 6.34766,4.092
C6.71366,4.092 7.11566,4.092 7.48166,4.116M10.7863,4.116L10.7863,3.714L10.1203,3.714L10.1203,0.402L10.7863,0.402L10.7863,1.75476e-07
C10.4203,0.0240002 10.0183,0.0240002 9.65234,0.0240002
C9.28634,0.0240002 8.88434,0.0240002 8.51834,1.75476e-07L8.51834,0.402L9.18434,0.402L9.18434,3.714L8.51834,3.714L8.51834,4.116
C8.88434,4.092 9.28634,4.092 9.65234,4.092
C10.0183,4.092 10.4203,4.092 10.7863,4.116" />
</g>
<!-- Cards -->
EOF

# include external court images
generate_court_images();

# Generate all groups
generate_groups("heart", "heart");
generate_groups("diamond", "bell");
generate_groups("spade", "leaf");
generate_groups("club", "acorn");

# generate all cards: for each suit and each card name generate a card
my $leftborder = $off;
my $rightborder = $off + $figwidth;
my $centery = $height / 2 - 0.2;
for ($j = 0; $j < @suits; $j++) {
	print "<!-- $suits[$j] suit -->\n";
	for ($i = 0; $i < @cardnames; $i++) {
		my $cardid = "$cardnames[$i]_$suits[$j]";
		print <<EOF
<g id="$cardid">
<use xlink:href="#card-outline" />
<use x="$off" y="$off" xlink:href="#g-$cardid" />
<use x="$off" y="$off" xlink:href="#g-$cardid" transform="rotate(180,$centerx,$centery)" />
<rect x="$off" y="$off" width="$figwidth" height="$figheight" rx="$figradius" style="fill:none;stroke:black;stroke-width:0.4" /> 
<line x1="$leftborder" y1="$centery" x2="$rightborder" y2="$centery" style="stroke:black;stroke-width:0.4" />
<use xlink:href="#card-shadow" />
</g>
EOF
	}
}

print <<EOF;
<!-- Card groups, for easy displaying -->
EOF

# generate all suits (not strictly needed, but nice to see the cards when
# loading the deck in an editor)
for ($j = 0; $j < @suits; $j++) {
	print "<g id=\"$suits[$j]-suit\">\n";
	for ($i = 0; $i < @cardnames; $i++) {
		my $cardid = "$cardnames[$i]_$suits[$j]";
		my $x = $width * $i;
		print <<EOF;
<use x="$x" xlink:href="#$cardid" />
EOF
	}
	print "</g>\n";
}


my $boff = 4;
my $b2off = 6;
my $bwidth = $width - 2 * $boff;
my $bheight = $height - 2 * $boff;
my $bradius = $cradius - $boff;
my $b2width = $width - 2 * $b2off;
my $b2height = $height - 2 * $b2off;
my $b2radius = $cradius - $b2off;
my $cx = $width / 2;
my $cy = $height / 2;

print <<EOF;
<!-- Misc stuff: Card backs, jolly jokers... -->
<g id="back">
<use xlink:href="#card-outline"/>
<rect width="$b2width" height="$b2height" x="$b2off" y="$b2off" rx="$b2radius" style="fill:#04b;"/>
<rect width="$bwidth" x="$boff" y="$boff" rx="$bradius" height="$bheight" style="fill:none;stroke:#04b;stroke-width:1;"/>
<use x="$cx" y="$cy" style="fill:white;" xlink:href="#big-logo"/>
<use xlink:href="#back-shadow"/>
</g>
<g id="misc-cards">
<use x="0" xlink:href="#back"/>
</g>
</defs>
EOF

# generate suits for display
for ($j = 0; $j < @suits; $j++) {
	my $y = (0 + $height) * $j;
	print <<EOF;
<use y="$y" xlink:href="#$suits[$j]-suit"/>
EOF
}

my $y = $height * (@suits);
print <<EOF;
<use y="$y" xlink:href="#misc-cards"/>
</svg>
<!--
 vi: ts=4 sw=4 noautoindent
-->
EOF