svg mask {
    fill:black;
}

#Table {
    display: block;
    opacity: 1;
    position: absolute;
    font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: .5vw;
    width: auto;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: auto;
    transform-style: preserve-3d;
    -webkit-perspective-origin: 50% 50%;
    -moz-perspective-origin: 50% 50%;
    -o-perspective-origin: 50% 50%;
    -ms-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
    perspective:inherit;
    -webkit-perspective:none;
    -moz-perspective:700px;
    -moz-perspective:55vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top-left-radius: 5%;
    border-top-right-radius: 5%;
    border-bottom-left-radius: 80% 50%;
    border-bottom-right-radius: 80% 50%;
}

#Table[data-doublesided="true"] {
    border-top-left-radius: 80% 50%;
    border-top-right-radius: 80% 50%;
}

#Table.Full {
    z-index:1;
}


#Table[data-font-text="arial"], .font-arial { font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; }
#Table[data-font-text="times"], .font-times { font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif; }
#Table[data-font-text="georgia"], .font-georgia { font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; }
#Table[data-font-text="garamond"], .font-garamond { font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; }
#Table[data-font-text="verdana"], .font-verdana { font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; }
#Table[data-font-text="trebuchet"], .font-trebuchet { font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif; }

#Table[data-font-title="arial"] svg.Title, .font-arial { font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:24em;}
#Table[data-font-title="times"] svg.Title, .font-times { font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif; font-size:23em;}
#Table[data-font-title="impact"] svg.Title, .font-impact { font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif; font-size:22em; }
#Table[data-font-title="lobster"] svg.Title, .font-lobster { font-family: 'Lobster', cursive; }
#Table[data-font-title="playball"] svg.Title, .font-playball { font-family: 'Playball', cursive; font-size:26em; }
#Table[data-font-title="monoton"] svg.Title, .font-monoton { font-family: 'Monoton', cursive; font-size:14em;}
#Table[data-font-title="limelight"] svg.Title, .font-limelight { font-family: 'Limelight', cursive; font-size:18em;}
#Table[data-font-title="gravitas"] svg.Title, .font-gravitas { font-family: 'Gravitas One', cursive; font-size:14em;}
#Table[data-font-title="diplomata"] svg.Title, .font-diplomata { font-family: 'Diplomata SC', cursive; font-size:10em; }


#Table[data-font-subtitle="arial"] .Subtitle, .font-arial { font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; }
#Table[data-font-subtitle="times"] .Subtitle, .font-times { font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif; }
#Table[data-font-subtitle="impact"] .Subtitle, .font-impact { font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif; }
#Table[data-font-subtitle="lobster"] .Subtitle, .font-lobster { font-family: 'Lobster', cursive; }
#Table[data-font-subtitle="playball"] .Subtitle, .font-playball { font-family: 'Playball', cursive; }
#Table[data-font-subtitle="monoton"] .Subtitle, .font-monoton { font-family: 'Monoton', cursive; font-size: 4em }
#Table[data-font-subtitle="limelight"] .Subtitle, .font-limelight { font-family: 'Limelight', cursive; }
#Table[data-font-subtitle="diplomata"] .Subtitle, .font-diplomata { font-family: 'Diplomata SC', cursive; font-size: 2.7em;}
#Table[data-font-subtitle="gravitas"] .Subtitle, .font-gravitas { font-family: 'Gravitas One', cursive; font-size: 3.5em;}


#Table.Blur {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

#Table svg {
    pointer-events:none;
}

#Decoration {
    font-size:.4vw;
}

#Places {
    font-size:.4vw;
}

#Places.Free {
    display:block;
    position:absolute;
    transform-style:flat;
    z-index:3;
    top:0;
    left:0;
    right:0;
    bottom:0;
}


#Table #Pieces {
}

#Table #Messages {
}


#Table[data-feltimagefill="gold"] #Decoration svg { fill:url(#gradient-gold); }
#Table[data-feltimagefill="silver"] #Decoration svg { fill:url(#gradient-silver); }
#Table[data-feltimagefill="copper"] #Decoration svg { fill:url(#gradient-copper); }
#Table[data-feltimagefill="white"] #Decoration svg { fill:white; }
#Table[data-feltimagefill="black"] #Decoration svg { fill:black; }
#Table[data-feltimagefill="brushedmetal"] #Decoration svg { fill:url(#pattern-brushedmetal); }
#Table[data-feltimagefill="blackleather"] #Decoration svg { fill:url(#pattern-blackleather); }
#Table[data-feltimagefill="redvinyl"] #Decoration svg { fill:url(#pattern-redvinyl); }
#Table[data-feltimagefill="burledmaple"] #Decoration svg { fill:url(#pattern-burledmaple); }
#Table[data-feltimagefill="quartz"] #Decoration svg { fill:url(#pattern-quartz); }
#Table[data-feltimagefill="hammeredgold"] #Decoration svg { fill:url(#pattern-hammeredgold); }
#Table[data-feltimagefill="gray"] #Decoration svg { fill:#808080; }
#Table[data-feltimagefill="red"] #Decoration svg { fill:#C5002F; }
#Table[data-feltimagefill="green"] #Decoration svg { fill:#00A468; }
#Table[data-feltimagefill="yellow"] #Decoration svg { fill:#FFFF00; }
#Table[data-feltimagefill="blue"] #Decoration svg { fill:#0089C0; }
#Table[data-feltimagefill="aqua"] #Decoration svg { fill:#00FFFF; }
#Table[data-feltimagefill="aquamarine"] #Decoration svg { fill:#7FFFD4; }
#Table[data-feltimagefill="beige"] #Decoration svg { fill:#F5F5DC; }
#Table[data-feltimagefill="violet"] #Decoration svg { fill:#EE82EE; }
#Table[data-feltimagefill="pink"] #Decoration svg { fill:#FF1493; }


#Table[data-feltimagefilter="none"] #Decoration svg { filter:none; }
#Table[data-feltimagefilter="inset"] #Decoration svg { filter:url(#filter-inset); }
#Table[data-feltimagefilter="outset"] #Decoration svg { filter:url(#filter-outset); }
#Table[data-feltimagefilter="embed"] #Decoration svg { filter:url(#filter-embed); }
#Table[data-feltimagefilter="relief"] #Decoration svg { filter:url(#filter-relief); }
#Table[data-feltimagefilter="dropshadow"] #Decoration svg { filter:url(#filter-dropshadow); }
#Table[data-feltimagefilter="glow"] #Decoration svg { filter:url(#filter-glow); }
#Table[data-feltimagefilter="outline"] #Decoration svg { filter:url(#filter-outline); }

#Table[data-feltimageopacity="100"] #Decoration svg { fill-opacity:1; }
#Table[data-feltimageopacity="95"] #Decoration svg { fill-opacity:.95; }
#Table[data-feltimageopacity="90"] #Decoration svg { fill-opacity:.9; }
#Table[data-feltimageopacity="85"] #Decoration svg { fill-opacity:.85; }
#Table[data-feltimageopacity="80"] #Decoration svg { fill-opacity:.8; }
#Table[data-feltimageopacity="75"] #Decoration svg { fill-opacity:.75; }
#Table[data-feltimageopacity="70"] #Decoration svg { fill-opacity:.7; }
#Table[data-feltimageopacity="65"] #Decoration svg { fill-opacity:.65; }
#Table[data-feltimageopacity="60"] #Decoration svg { fill-opacity:.6; }
#Table[data-feltimageopacity="55"] #Decoration svg { fill-opacity:.55; }
#Table[data-feltimageopacity="50"] #Decoration svg { fill-opacity:.5; }
#Table[data-feltimageopacity="45"] #Decoration svg { fill-opacity:.45; }
#Table[data-feltimageopacity="40"] #Decoration svg { fill-opacity:.4; }
#Table[data-feltimageopacity="35"] #Decoration svg { fill-opacity:.35; }
#Table[data-feltimageopacity="30"] #Decoration svg { fill-opacity:.3; }
#Table[data-feltimageopacity="25"] #Decoration svg { fill-opacity:.25; }
#Table[data-feltimageopacity="20"] #Decoration svg { fill-opacity:.2; }
#Table[data-feltimageopacity="15"] #Decoration svg { fill-opacity:.15; }
#Table[data-feltimageopacity="10"] #Decoration svg { fill-opacity:.1; }
#Table[data-feltimageopacity="5"] #Decoration svg { fill-opacity:.05; }
#Table[data-feltimageopacity="0"] #Decoration svg { fill-opacity:0; }


#Table[data-felttextfill="white"] #Decoration .Custom.Text { color:white; text-shadow:0 0 2px black; background-color:rgba(0,0,0,.2); }
#Table[data-felttextfill="black"] #Decoration .Custom.Text { color:black; text-shadow:0 0 2px white; background-color:rgba(255,255,255,.3);}
#Table[data-felttextfill="beige"] #Decoration .Custom.Text { color:#F5F5DC; text-shadow:0 0 2px black; background-color:rgba(0,0,0,.2); }
#Table[data-felttextfill="yellow"] #Decoration .Custom.Text { color:#FFFF00; text-shadow:0 0 2px black; background-color:rgba(0,0,0,.2);}
#Table[data-felttextfill="aqua"] #Decoration .Custom.Text { color:#00FFFF; text-shadow:0 0 2px black; background-color:rgba(0,0,0,.2);}
#Table[data-felttextfill="aquamarine"] #Decoration .Custom.Text { color:#7FFFD4; text-shadow:0 0 2px black; background-color:rgba(0,0,0,.2);}
#Table[data-felttextfill="violet"] #Decoration .Custom.Text { color:#EE82EE; text-shadow:0 0 2px black; background-color:rgba(0,0,0,.2);}
#Table[data-felttextfill="pink"] #Decoration .Custom.Text { color:#FF1493; text-shadow:0 0 2px black; background-color:rgba(0,0,0,.2);}
#Table[data-felttextfill="quartz"] #Decoration .Custom.Text { color:#D5C3B2; text-shadow:0 0 2px black; background-color:rgba(0,0,0,.2);}
#Table[data-felttextfill="gray"] #Decoration .Custom.Text { color:#808080; text-shadow:0 0 1px black; background-color:rgba(255,255,255,.2); }
#Table[data-felttextfill="red"] #Decoration .Custom.Text { color:#C5002F; text-shadow:0 0 1px black; background-color:rgba(255,255,255,.2); }
#Table[data-felttextfill="green"] #Decoration .Custom.Text { color:#00A468; text-shadow:0 0 1px black; background-color:rgba(255,255,255,.2); }
#Table[data-felttextfill="blue"] #Decoration .Custom.Text { color:#0089C0; text-shadow:0 0 1px black; background-color:rgba(255,255,255,.2); }
#Table[data-felttextfill="gold"] #Decoration .Custom.Text { color: #D9C564; text-shadow:0 0 1px black; background-color:rgba(255,255,255,.2); }
#Table[data-felttextfill="silver"] #Decoration .Custom.Text { color: #868686; text-shadow:none; background-color:rgba(255,255,255,.2); }
#Table[data-felttextfill="copper"] #Decoration .Custom.Text { color: #CA7510; text-shadow:none; background-color:rgba(255,255,255,.2); }
#Table[data-felttextfill="brushedmetal"] #Decoration .Custom.Text { color:#A2A7AB; text-shadow:none; background-color:rgba(255,255,255,.2); }
#Table[data-felttextfill="blackleather"] #Decoration .Custom.Text { color:#212121; text-shadow:0 0 2px white; background-color:rgba(255,255,255,.2); }
#Table[data-felttextfill="redvinyl"] #Decoration .Custom.Text { color:#B05843; text-shadow:0 0 1px black; background-color:rgba(255,255,255,.2); }
#Table[data-felttextfill="burledmaple"] #Decoration .Custom.Text { color:#C8832F; text-shadow:0 0 1px black; background-color:rgba(255,255,255,.2); }
#Table[data-felttextfill="hammeredgold"] #Decoration .Custom.Text { color:#C28C16; text-shadow:0 0 1px black; background-color:rgba(255,255,255,.2); }

#Table[data-felttextopacity="100"] #Decoration .Custom.Text { opacity:1; }
#Table[data-felttextopacity="90"] #Decoration .Custom.Text { opacity:.9; }
#Table[data-felttextopacity="80"] #Decoration .Custom.Text { opacity:.8; }
#Table[data-felttextopacity="70"] #Decoration .Custom.Text { opacity:.7; }
#Table[data-felttextopacity="60"] #Decoration .Custom.Text { opacity:.6; }
#Table[data-felttextopacity="50"] #Decoration .Custom.Text { opacity:.5; }
#Table[data-felttextopacity="40"] #Decoration .Custom.Text { opacity:.4; }
#Table[data-felttextopacity="30"] #Decoration .Custom.Text { opacity:.3; }
#Table[data-felttextopacity="20"] #Decoration .Custom.Text { opacity:.2; }
#Table[data-felttextopacity="10"] #Decoration .Custom.Text { opacity:.1; }
#Table[data-felttextopacity="0"] #Decoration .Custom.Text { opacity:0; }



#Table .Title {
    display:block;
    position:absolute;
    top:9%;
    left:35%;
    width:30%;
    height:25%;
}

#Table svg.Title {
    display:block;
    position:absolute;
    font-family: 'Limelight', cursive;
    font-size:18em;
    top:9%;
    left:0;
    right:0;
    width:100%;
    height:25%;
}


#Table .Title svg {
    width:100%;
    height:100%;
    overflow:visible;
}




#Table .Subtitle {
    display:block;
    position:absolute;
    top:33%;
    left:0;
    right:0;
    width:100%;
    font-family: 'Limelight', cursive;
    font-size:5em;
    height:1.3em;
}

#Table .Subtitle.One { top:33%; }
#Table .Subtitle.Two { top:39%; }
#Table .Subtitle.Three { top:45%; }


#Table .Player, #Table .Banker {
    display:inline-block;
    position:absolute;
    top:33%;
    left:39%;
    width:8%;
    height:8%;
}

#Table .Banker {
    left:53%;
}

#Table .Player svg, #Table .Banker svg {
    width:100%;
    height:100%;
    font-size:16px;
}

#Table .Bumper {
    display:block;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    border-bottom:1px solid rgba(0,0,0,.8);
    border-top-left-radius:5%;
    border-top-right-radius:5%;
    border-bottom-left-radius:80% 50%;
    border-bottom-right-radius:80% 50%;
    background-color:#808080;
    background-repeat:repeat;
    background-position:50% 50%;
    box-shadow: inset 0 2em 2em rgba(255,241,224,.3), inset 0 -5em 7em rgba(31,14,0,.8);
    pointer-events:none;
}

#Room.Image #Table .Bumper {
    display:none;
}

#Table .Bumper[data-edge="Round"] { box-shadow: inset 0 2em 2em rgba(255,241,224,.3), inset 0 -5em 7em rgba(31,14,0,.8), inset 0 -.1em 1em rgba(31,14,0,.8); }
#Table .Bumper[data-edge="Square"] { box-shadow: inset 0 .4em .4em rgba(255,241,224,.5), inset 0 -3em 1px 3em rgba(0,0,0,.7); }
#Table .Bumper[data-edge="Flat"] { box-shadow: inset 0 1px 1px rgba(255,241,224,.7), inset -1px -1px 1px rgba(0,0,0,.7); }
#Table .Bumper[data-edge="None"] { box-shadow: none; }


#Table[data-doublesided="true"] .Bumper {
    border-top-left-radius:80% 50%;
    border-top-right-radius:80% 50%;
}

#Table .Bumper:after {
    content:"";
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-image:url(/Static/Images/Ceiling/aruba.jpg);
    background-position: 50% 50%;
    background-size:100% 100%;
    background-repeat:no-repeat;
    opacity:0;
    border-top-left-radius:5%;
    border-top-right-radius:5%;
    border-bottom-left-radius:80% 50%;
    border-bottom-right-radius:80% 50%;
}

#Room[data-reflection="aruba"] .Bumper:after { background-image:url(/Static/Images/Ceiling/aruba.jpg); }
#Room[data-reflection="macau"] .Bumper:after { background-image:url(/Static/Images/Ceiling/macau.jpg); }
#Room[data-reflection="nassau"] .Bumper:after { background-image:url(/Static/Images/Ceiling/nassau.jpg); }
#Room[data-reflection="atrium"] .Bumper:after { background-image:url(/Static/Images/Ceiling/atrium.jpg); }
#Room[data-reflection="sky"] .Bumper:after { background-image:url(/Static/Images/Ceiling/sky.jpg); }
#Room[data-reflection="dawn"] .Bumper:after { background-image:url(/Static/Images/Ceiling/dawn.jpg); }
#Room[data-reflection="moon"] .Bumper:after { background-image:url(/Static/Images/Ceiling/moon.jpg); }
#Room[data-reflection="stars"] .Bumper:after { background-image:url(/Static/Images/Ceiling/stars.jpg); }
#Room[data-reflection="trees"] .Bumper:after { background-image:url(/Static/Images/Ceiling/trees.jpg); }
#Room[data-reflection="dirt"] .Bumper:after { background-image:url(/Static/Images/Ceiling/dirt.png); }
#Room[data-reflection="wrinkles"] .Bumper:after { background-image:url(/Static/Images/Ceiling/wrinkles.png); }
#Room[data-reflection="indistinct"] .Bumper:after { background-image:url(/Static/Images/Ceiling/indistinct.jpg); }
#Room[data-reflection="studio"] .Bumper:after { background-image:url(/Static/Images/Ceiling/studio.jpg); }
#Room[data-reflection="darktolight"] .Bumper:after { background-image:url(/Static/Images/Ceiling/darktolight.jpg); }
#Room[data-reflection="lighttodark"] .Bumper:after { background-image:url(/Static/Images/Ceiling/lighttodark.jpg); }
#Room[data-reflection="redtoblue"] .Bumper:after { background-image:url(/Static/Images/Ceiling/redtoblue.jpg); }
#Room[data-reflection="lighten"] .Bumper:after { background-image:url(/Static/Images/Ceiling/lighten.jpg); }
#Room[data-reflection="darken"] .Bumper:after { background-image:url(/Static/Images/Ceiling/darken.jpg); }
#Room[data-reflection="dilate"] .Bumper:after { background-image:url(/Static/Images/Ceiling/dilate.png); }

#Room[data-bumperreflectivity="0"] .Bumper:after { opacity:0; }
#Room[data-bumperreflectivity="5"] .Bumper:after { opacity:.05; }
#Room[data-bumperreflectivity="10"] .Bumper:after { opacity:.1; }
#Room[data-bumperreflectivity="15"] .Bumper:after { opacity:.15; }
#Room[data-bumperreflectivity="20"] .Bumper:after { opacity:.2; }
#Room[data-bumperreflectivity="25"] .Bumper:after { opacity:.25; }
#Room[data-bumperreflectivity="30"] .Bumper:after { opacity:.3; }
#Room[data-bumperreflectivity="35"] .Bumper:after { opacity:.35; }
#Room[data-bumperreflectivity="40"] .Bumper:after { opacity:.4; }
#Room[data-bumperreflectivity="45"] .Bumper:after { opacity:.45; }
#Room[data-bumperreflectivity="50"] .Bumper:after { opacity:.5; }
#Room[data-bumperreflectivity="55"] .Bumper:after { opacity:.55; }
#Room[data-bumperreflectivity="60"] .Bumper:after { opacity:.6; }
#Room[data-bumperreflectivity="65"] .Bumper:after { opacity:.65; }
#Room[data-bumperreflectivity="70"] .Bumper:after { opacity:.7; }


#Table[data-doublesided="true"] .Bumper:after {
    border-top-left-radius:80% 50%;
    border-top-right-radius:80% 50%;
}


#Table .Border {
    display:block;
    position:absolute;
    left:7em;
    right:7em;
    bottom:7em;
    top:3em;
    background-color:#808080;
    border-top-left-radius:5%;
    border-top-right-radius:5%;
    border-bottom-left-radius:80% 50%;
    border-bottom-right-radius:80% 50%;
    box-shadow: inset 3px 3px 3px rgba(255,241,224,.4), inset -4px -4px 4px rgba(31,14,0,.4), 2px 2px 2px rgba(31,14,0,.6);
    pointer-events:none;
    background-repeat:repeat;
    background-position:50% 50%;
}


#Table[data-borderwidth="0"] .Border {
    display:none;
}


#Table[data-borderwidth="1"] .Border {
    left:9em;
    right:9em;
    bottom:9em;
    top:5em;
}

#Table[data-borderwidth="2"] .Border {
    left:8em;
    right:8em;
    bottom:8em;
    top:4em;
}

#Table[data-borderwidth="3"] .Border {
    left:7em;
    right:7em;
    bottom:7em;
    top:3em;
}

#Table[data-borderwidth="4"] .Border {
    left:5.5em;
    right:5.5em;
    bottom:5.5em;
    top:2.5em;
}

#Table[data-borderwidth="5"] .Border {
    left:4em;
    right:4em;
    bottom:4em;
    top:2em;
}

#Table[data-borderwidth="6"] .Border {
    left:2em;
    right:2em;
    bottom:3em;
    top:1.5em;
}

#Table[data-borderwidth="7"] .Border {
    left:1em;
    right:1em;
    bottom:2em;
    top:1em;
}


#Room.Image #Table .Border {
    display:none;
}

#Table .Border[data-edge="Square"] { box-shadow: inset 1px 1px 1px rgba(255,241,224,.6), inset -4px -4px 1px 3px rgba(31,14,0,.4), 2px 2px 2px rgba(31,14,0,.6); }
#Table .Border[data-edge="Flat"] { box-shadow: inset 1px 1px 1px rgba(255,241,224,.4), inset -1px -1px 1px rgba(31,14,0,.4), 1px 1px 1px rgba(31,14,0,.6); }
#Table .Border[data-edge="Inset"] { box-shadow: inset 0 2px 2px rgba(31,14,0,.4), inset 0 -1px 1px rgba(255,241,224,.4) }
#Table .Border[data-edge="None"] { box-shadow: none; }


#Table[data-doublesided="true"] .Border {
    border-top-left-radius:80% 50%;
    border-top-right-radius:80% 50%;
}


#Table .Border:after {
    content:"";
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-image:url(/Static/Images/Ceiling/aruba.jpg);
    background-position: 50% 52%;
    background-size:104% 110%;
    background-repeat:no-repeat;
    opacity:0;
    border-top-left-radius:5%;
    border-top-right-radius:5%;
    border-bottom-left-radius:80% 50%;
    border-bottom-right-radius:80% 50%;
}

#Room[data-reflection="aruba"] .Border:after { background-image:url(/Static/Images/Ceiling/aruba.jpg); }
#Room[data-reflection="macau"] .Border:after { background-image:url(/Static/Images/Ceiling/macau.jpg); }
#Room[data-reflection="nassau"] .Border:after { background-image:url(/Static/Images/Ceiling/nassau.jpg); }f
#Room[data-reflection="atrium"] .Border:after { background-image:url(/Static/Images/Ceiling/atrium.jpg); }
#Room[data-reflection="sky"] .Border:after { background-image:url(/Static/Images/Ceiling/sky.jpg); }
#Room[data-reflection="dawn"] .Border:after { background-image:url(/Static/Images/Ceiling/dawn.jpg); }
#Room[data-reflection="moon"] .Border:after { background-image:url(/Static/Images/Ceiling/moon.jpg); }
#Room[data-reflection="stars"] .Border:after { background-image:url(/Static/Images/Ceiling/stars.jpg); }
#Room[data-reflection="trees"] .Border:after { background-image:url(/Static/Images/Ceiling/trees.jpg); }
#Room[data-reflection="dirt"] .Border:after { background-image:url(/Static/Images/Ceiling/dirt.png); }
#Room[data-reflection="wrinkles"] .Border:after { background-image:url(/Static/Images/Ceiling/wrinkles.png); }
#Room[data-reflection="indistinct"] .Border:after { background-image:url(/Static/Images/Ceiling/indistinct.jpg); }
#Room[data-reflection="studio"] .Border:after { background-image:url(/Static/Images/Ceiling/studio.jpg); }
#Room[data-reflection="darktolight"] .Border:after { background-image:url(/Static/Images/Ceiling/darktolight.jpg); }
#Room[data-reflection="lighttodark"] .Border:after { background-image:url(/Static/Images/Ceiling/lighttodark.jpg); }
#Room[data-reflection="redtoblue"] .Border:after { background-image:url(/Static/Images/Ceiling/redtoblue.jpg); }
#Room[data-reflection="lighten"] .Border:after { background-image:url(/Static/Images/Ceiling/lighten.jpg); }
#Room[data-reflection="darken"] .Border:after { background-image:url(/Static/Images/Ceiling/darken.jpg); }
#Room[data-reflection="dilate"] .Border:after { background-image:url(/Static/Images/Ceiling/dilate.png); }


#Room[data-borderreflectivity="0"] .Border:after { opacity:0; }
#Room[data-borderreflectivity="5"] .Border:after { opacity:.05; }
#Room[data-borderreflectivity="10"] .Border:after { opacity:.1; }
#Room[data-borderreflectivity="15"] .Border:after { opacity:.15; }
#Room[data-borderreflectivity="20"] .Border:after { opacity:.2; }
#Room[data-borderreflectivity="25"] .Border:after { opacity:.25; }
#Room[data-borderreflectivity="30"] .Border:after { opacity:.3; }
#Room[data-borderreflectivity="35"] .Border:after { opacity:.35; }
#Room[data-borderreflectivity="40"] .Border:after { opacity:.4; }
#Room[data-borderreflectivity="45"] .Border:after { opacity:.45; }
#Room[data-borderreflectivity="50"] .Border:after { opacity:.5; }
#Room[data-borderreflectivity="55"] .Border:after { opacity:.55; }
#Room[data-borderreflectivity="60"] .Border:after { opacity:.6; }
#Room[data-borderreflectivity="65"] .Border:after { opacity:.65; }
#Room[data-borderreflectivity="70"] .Border:after { opacity:.7; }


#Table[data-doublesided="true"] .Border:after {
    border-top-left-radius:80% 50%;
    border-top-right-radius:80% 50%;
}

#Table .Felt {
    display:block;
    position:absolute;
    left:9.8em;
    right:9.8em;
    bottom:9.8em;
    top:5.8em;
    background-color:#909090;
    border-top-left-radius:5%;
    border-top-right-radius:5%;
    border-bottom-left-radius:80% 50%;
    border-bottom-right-radius:80% 50%;
    box-shadow:inset -4px -4px 4px rgba(31,14,0,.2), -4px -4px 4px rgba(31,14,0,.3);   
    pointer-events:none;
    background-repeat:repeat;
    background-position:50% 50%;
}

#Room.Image #Table .Felt {
    display:none;
}

#Table .Felt[data-edge="Round"]  { box-shadow:inset -4px -4px 6px rgba(31,14,0,.3), inset 1px 1px 2px rgba(255,255,255,.3), 0 1px 2px rgba(0,0,0,.4);  }
#Table .Felt[data-edge="Square"] { box-shadow:inset 0 -2px 1px 2px rgba(31,14,0,.2), inset 1px 1px 1px 2px rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4); }
#Table .Felt[data-edge="Inset"]   { box-shadow:inset 0 2px 2px rgba(31,14,0,.4), 0 2px 2px rgba(255,255,255,.3);  }
#Table .Felt[data-edge="Flat"]   { box-shadow:inset -1px -1px 1px rgba(31,14,0,.2), inset 1px 1px 1px rgba(255,255,255,.3);  }
#Table .Felt[data-edge="None"]   { box-shadow: none; }


#Table[data-doublesided="true"] .Felt {
    border-top-left-radius:80% 50%;
    border-top-right-radius:80% 50%;
}


#Table .Felt:before {
    content:"";
    display:block;
    position:absolute;
    width:94%;
    height:90%;
    left:3%;
    top:5%;
    border-top-left-radius:5%;
    border-top-right-radius:5%;
    border-bottom-left-radius:80% 50%;
    border-bottom-right-radius:80% 50%;
    border:1.5em solid white;
    box-sizing:border-box;
    opacity:.2;
}

#Table[data-doublesided="true"] .Felt:before {
    border-top-left-radius:80% 50%;
    border-top-right-radius:80% 50%;
}

#Table[data-ringopacity="0"] .Felt:before { opacity:0; }
#Table[data-ringopacity="5"] .Felt:before { opacity:.05; }
#Table[data-ringopacity="10"] .Felt:before { opacity:.1; }
#Table[data-ringopacity="15"] .Felt:before { opacity:.15; }
#Table[data-ringopacity="20"] .Felt:before { opacity:.2; }
#Table[data-ringopacity="25"] .Felt:before { opacity:.25; }
#Table[data-ringopacity="30"] .Felt:before { opacity:.30; }

#Table[data-ringcolor="white"] .Felt:before { border-color:white; }
#Table[data-ringcolor="black"] .Felt:before { border-color:black; }

#Table[data-ringwidth="0"] .Felt:before { border-width:0; }
#Table[data-ringwidth="0.5"] .Felt:before { border-width:.5em; }
#Table[data-ringwidth="1"] .Felt:before { border-width:1em; }
#Table[data-ringwidth="1.5"] .Felt:before { border-width:1.5em; }
#Table[data-ringwidth="2"] .Felt:before { border-width:2em; }
#Table[data-ringwidth="2.5"] .Felt:before { border-width:2.5em; }
#Table[data-ringwidth="3"] .Felt:before { border-width:3em; }


#Table .Felt:after {
    content:"";
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-image:url(/Static/Images/Ceiling/aruba.jpg);
    background-position: 50% 52%;
    background-size:106% 120%;
    background-repeat:no-repeat;
    opacity:0;
    border-top-left-radius:5%;
    border-top-right-radius:5%;
    border-bottom-left-radius:80% 50%;
    border-bottom-right-radius:80% 50%;
}

#Room[data-reflection="aruba"] .Felt:after { background-image:url(/Static/Images/Ceiling/aruba.jpg); }
#Room[data-reflection="macau"] .Felt:after { background-image:url(/Static/Images/Ceiling/macau.jpg); }
#Room[data-reflection="nassau"] .Felt:after { background-image:url(/Static/Images/Ceiling/nassau.jpg); }
#Room[data-reflection="atrium"] .Felt:after { background-image:url(/Static/Images/Ceiling/atrium.jpg); }
#Room[data-reflection="sky"] .Felt:after { background-image:url(/Static/Images/Ceiling/sky.jpg); }
#Room[data-reflection="dawn"] .Felt:after { background-image:url(/Static/Images/Ceiling/dawn.jpg); }
#Room[data-reflection="moon"] .Felt:after { background-image:url(/Static/Images/Ceiling/moon.jpg); }
#Room[data-reflection="stars"] .Felt:after { background-image:url(/Static/Images/Ceiling/stars.jpg); }
#Room[data-reflection="trees"] .Felt:after { background-image:url(/Static/Images/Ceiling/trees.jpg); }
#Room[data-reflection="dirt"] .Felt:after { background-image:url(/Static/Images/Ceiling/dirt.png); }
#Room[data-reflection="wrinkles"] .Felt:after { background-image:url(/Static/Images/Ceiling/wrinkles.png); }
#Room[data-reflection="indistinct"] .Felt:after { background-image:url(/Static/Images/Ceiling/indistinct.jpg); }
#Room[data-reflection="studio"] .Felt:after { background-image:url(/Static/Images/Ceiling/studio.jpg); }
#Room[data-reflection="darktolight"] .Felt:after { background-image:url(/Static/Images/Ceiling/darktolight.jpg); }
#Room[data-reflection="lighttodark"] .Felt:after { background-image:url(/Static/Images/Ceiling/lighttodark.jpg); }
#Room[data-reflection="redtoblue"] .Felt:after { background-image:url(/Static/Images/Ceiling/redtoblue.jpg); }
#Room[data-reflection="lighten"] .Felt:after { background-image:url(/Static/Images/Ceiling/lighten.jpg); }
#Room[data-reflection="darken"] .Felt:after { background-image:url(/Static/Images/Ceiling/darken.jpg); }
#Room[data-reflection="dilate"] .Felt:after { background-image:url(/Static/Images/Ceiling/dilate.png); }


#Room[data-feltreflectivity="0"] .Felt:after { opacity:0; }
#Room[data-feltreflectivity="5"] .Felt:after { opacity:.05; }
#Room[data-feltreflectivity="10"] .Felt:after { opacity:.1; }
#Room[data-feltreflectivity="15"] .Felt:after { opacity:.15; }
#Room[data-feltreflectivity="20"] .Felt:after { opacity:.2; }
#Room[data-feltreflectivity="25"] .Felt:after { opacity:.25; }
#Room[data-feltreflectivity="30"] .Felt:after { opacity:.3; }
#Room[data-feltreflectivity="35"] .Felt:after { opacity:.35; }
#Room[data-feltreflectivity="40"] .Felt:after { opacity:.4; }
#Room[data-feltreflectivity="45"] .Felt:after { opacity:.45; }
#Room[data-feltreflectivity="50"] .Felt:after { opacity:.5; }
#Room[data-feltreflectivity="55"] .Felt:after { opacity:.55; }
#Room[data-feltreflectivity="60"] .Felt:after { opacity:.6; }
#Room[data-feltreflectivity="65"] .Felt:after { opacity:.65; }
#Room[data-feltreflectivity="70"] .Felt:after { opacity:.7; }


#Table[data-doublesided="true"] .Felt:after {
    border-top-left-radius:80% 50%;
    border-top-right-radius:80% 50%;
}


#Table #Lighting {
    display: block;
    position: absolute;
    pointer-events: none;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: transparent;
    border-top-left-radius: 5%;
    border-top-right-radius: 5%;
    border-bottom-left-radius: 80% 50%;
    border-bottom-right-radius: 80% 50%;
    background-clip: border-box;
    background-position: 100% 100%;
}

#Table[data-doublesided="true"] #Lighting {
    border-top-left-radius: 80% 50%;
    border-top-right-radius: 80% 50%;
}

#Table svg.Banner {
    display:block;
    position:absolute;
    top:26.8%;
    left:21%;
    width:58%;
    height:43.5%;
    opacity:.8;
    stroke-width:5;
}


#Places .Place {
    display:block;
    position:absolute;
    overflow:visible;
    top:50%;
    left:50%;
    width:10%;
    height:20.5%;
    transform-origin:50% 0%;
}

#Places.Free .Place {
    transform-style:flat;
}


#Places[data-placedarken] .Place:before {
    display:block;
    position:absolute;
    overflow:hidden;
    content:"";
    top:0;
    left:0;
    right:0;
    bottom:0;
    background: -moz-radial-gradient(center, circle contain, rgba(0,0,0,.6) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0,0,0,.6)), color-stop(100%, rgba(0,0,0,0)));
    background: -webkit-radial-gradient(center, circle contain, rgba(0,0,0,.6) 0%, rgba(0,0,0,0) 100%);
    background: -o-radial-gradient(center, circle contain, rgba(0,0,0,.6) 0%, rgba(0,0,0,0) 100%);
    background: -ms-radial-gradient(center, circle contain, rgba(0,0,0,.6) 0%, rgba(0,0,0,0) 100%);
    background: radial-gradient(center, circle contain, rgba(0,0,0,.6) 0%, rgba(0,0,0,0) 100%);
}

#Places[data-placedarken="0"] .Place:before { opacity:0; }
#Places[data-placedarken="5"] .Place:before { opacity:.05; }
#Places[data-placedarken="10"] .Place:before { opacity:.1; }
#Places[data-placedarken="15"] .Place:before { opacity:.15; }
#Places[data-placedarken="20"] .Place:before { opacity:.2; }
#Places[data-placedarken="25"] .Place:before { opacity:.25; }
#Places[data-placedarken="30"] .Place:before { opacity:.3; }
#Places[data-placedarken="35"] .Place:before { opacity:.35; }
#Places[data-placedarken="40"] .Place:before { opacity:.4; }
#Places[data-placedarken="45"] .Place:before { opacity:.45; }
#Places[data-placedarken="50"] .Place:before { opacity:.5; }
#Places[data-placedarken="55"] .Place:before { opacity:.55; }
#Places[data-placedarken="60"] .Place:before { opacity:.6; }
#Places[data-placedarken="65"] .Place:before { opacity:.65; }
#Places[data-placedarken="70"] .Place:before { opacity:.7; }
#Places[data-placedarken="75"] .Place:before { opacity:.75; }
#Places[data-placedarken="80"] .Place:before { opacity:.8; }
#Places[data-placedarken="85"] .Place:before { opacity:.85; }
#Places[data-placedarken="90"] .Place:before { opacity:.9; }
#Places[data-placedarken="95"] .Place:before { opacity:.95; }
#Places[data-placedarken="100"] .Place:before { opacity:1; }


.Custom.Text {
    display:inline-block;
    color:white;
    position:absolute;
    font-size:4em;
    width:auto;
    white-space: nowrap;
    text-shadow:0 0 1px black;
    background-color:rgba(0,0,0,.3);
    line-height:1.4;
    padding-left:.2em;
    padding-right:.2em;
    border-radius:.5em / .2em;
    box-shadow:inset 1px 1px 1px rgba(255,255,255,.3), inset -1px -1px 1px rgba(0,0,0,.2);
}

#Places.Free .Custom.Text {
    display:none;
}


#Table .Custom.Text {
    display:inline-block;
    font-size:3.7em;
}

#Table.Full .Custom.Text {
    display:inline-block;
    font-size:6em;
}



#Places .Place.Active .Custom.Text {
}


#Places .Place .TML { top:-2.5em; left:auto; right:66%; bottom:auto;}
#Places .Place .TMR { top:-2.5em; left:66%; right:auto; bottom:auto;}
#Places .Place .BML { top:auto; left:auto; right:66%; bottom:0; }
#Places .Place .BMR { top:auto; left:66%; right:auto; bottom:0; }

#Places .Place .HP0 { top:0; left:auto; right:105%; bottom:auto;}
#Places .Place[data-toprow="true"] .HP0 { top:10%;}
#Places .Place .HP1 { top:17%; left:auto; right:105%; bottom:auto;}
#Places .Place[data-toprow="true"] .HP1 { top:27%;}
#Places .Place .HP2 { top:34%; left:auto; right:105%; bottom:auto;}
#Places .Place[data-toprow="true"] .HP2 { top:44%;}
#Places .Place .HP3 { top:51%; left:auto; right:105%; bottom:auto;}
#Places .Place[data-toprow="true"] .HP3 { top:61%;}


#Places .Place .TL { top:-1.5em; left:0; right:auto; bottom:auto;}
#Places .Place .TR { top:-1.5em; left:auto; right:0; bottom:auto;}
#Places .Place .TCL { top:-1.5em; left:0; right:55%; bottom:auto;}
#Places .Place .TCR { top:-1.5em; left:55%; right:0; bottom:auto;}

#Places .Place[data-toprow="true"] .TL, #Places .Place[data-toprow="true"] .TR,
#Places .Place[data-toprow="true"] .TCL, #Places .Place[data-toprow="true"] .TCR,
#Places .Place[data-toprow="true"] .TML, #Places .Place[data-toprow="true"] .TMR { top:-2.5em;}

#Places .Place .BL { top:auto; left:0; right:auto; bottom:0;}
#Places .Place .BR { top:auto; left:auto; right:0; bottom:0;}
#Places .Place .BCL { top:auto; left:auto; right:55%; bottom:0;}
#Places .Place .BCR { top:auto; left:55%; right:auto; bottom:0;}


#Places .Place .Custom text {}

#Places .Place .TCR text, #Places .Place .TMR text, #Places .Place .BCR text, #Places .Place .BMR text {
}


#Places .Place svg.Placemat {
    display:none;
    position:absolute;
    overflow:visible;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:1;
    stroke-width:4;
    transition:fill .7s;
}

#Places .Place.Full svg.Placemat {
    opacity:1;
}

#Places .Place.Full.Me svg.Placemat {
    opacity:1;
}


#Places .Place .Status {
    display:block;
    position:absolute;
    left:30%;
    top:auto;
    bottom:30%;
    width:10em;
    height:10em;
    text-align:center;
    vertical-align:middle;
}

#Places.Free .Place .Status {
    display:none;
}


#Places .Place[data-toprow="true"] .Status {
    top:25%;
    left:27%;
    bottom:auto;
}


#Places .Place .Status.Sit {
    cursor: pointer;
}

#Places .Place .Status.Eliminated {
}


#Places .Place.Full .Status.Sit {
    display:none;
}

#Places .Place .Status svg.Icon {
    display:block;
    position:absolute;
    left:0;
    width:100%;
    top:0;
    height:100%;
    stroke:none;
    stroke-width:10;
    opacity:1;
    pointer-events:none;
}

#Places .Place .Status svg.Text {
    display: block;
    position: absolute;
    font-size: 5em;
    width: 140%;
    height: 1em;
    left: -20%;
    right: -20%;
    top: auto;
    bottom: -1.2em;
    pointer-events: none;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

section.Card {
    display:inline-block;
    position:absolute;
    top:0;
    left:0;
    right:auto;
    bottom:auto;
    font-size:1em;
    width:10em;
    height:auto;
    background-color:transparent;
    transform-style: preserve-3d;
    color:white;
    perspective:inherit;
    -webkit-perspective:none;
    -moz-perspective:1000px;
    -moz-perspective:80vw;
}

#Places.Free section.Card {
    transform-style:flat;
}


section.Card:before {
    display:block;
    position:relative;
    content:"";
    width:100%;
    height:0;
    padding-top:147.8%;
}


section.Cash {
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:auto;
    bottom:auto;
    font-size:1em;
    width:18em;
    height:18em;
    perspective:inherit;
    color:black;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style:preserve-3d;
    background-image: url(/Static/Images/Coasters/cash.png);
    background-position:50% 50%;
    background-size:100% 100%;
    background-repeat:no-repeat;
    background-clip:border-box;
    background-origin:border-box;
}


section.Keys {
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:auto;
    bottom:auto;
    font-size:1em;
    width:18em;
    height:16em;
    perspective:inherit;
    color:black;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style:preserve-3d;
    background-image: url(/Static/Images/Coasters/keys.png);
    background-position:50% 50%;
    background-size:100% 100%;
    background-repeat:no-repeat;
    background-clip:border-box;
    background-origin:border-box;
}

section.Phone {
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:auto;
    bottom:auto;
    font-size:1em;
    width:30em;
    height:16em;
    perspective:inherit;
    color:black;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style:preserve-3d;
    background-image: url(/Static/Images/Coasters/phone.png);
    background-position:50% 50%;
    background-size:100% 100%;
    background-repeat:no-repeat;
    background-clip:border-box;
    background-origin:border-box;
}

section.Wine {
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:auto;
    bottom:auto;
    font-size:1em;
    width:25em;
    height:35em;
    perspective:inherit;
    color:black;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style:preserve-3d;
    background-image: url(/Static/Images/Coasters/wine.png);
    background-position:50% 50%;
    background-size:100% 100%;
    background-repeat:no-repeat;
    background-clip:border-box;
    background-origin:border-box;
}


section.Coaster {
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:auto;
    bottom:auto;
    font-size:1em;
    width:17.78em;
    height:17.78em;
    perspective:inherit;
    color:black;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    background-color: #f0f0f0;
    border-radius: 1.5em;
    background: -webkit-gradient(linear,0 0, 0 100%, from(#F0F2E7), to(#EAE6E3));
    background: -moz-linear-gradient(top, #F0F2E7, #EAE6E3);
    background: linear-gradient(150deg, #F0F2E7, #EAE6E3);
    box-shadow: inset -.1em -.2em .3em rgba(0,0,0,.6), .2em .4em .8em rgba(0,0,0,.3);
    background-position:50% 50%;
    background-size:cover;
    background-repeat:no-repeat;
    background-clip:border-box;
    background-origin:border-box;
}

section.Coaster.Round { border-radius:50%; }
section.Coaster.Square { border-radius:0; }

section.Coaster { background-image:url(/Static/Images/Coasters/Heineken.jpg); }

section.Coaster.Stain:after {
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-image:none;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:50% 50%;
    opacity:.8;
}

section.Coaster.Wear:before {
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-image:none;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:50% 50%;
    opacity:.8;
}



section.Coaster.Wear.Wear01:before { background-image:url(/Static/Images/Coasters/Overlay/Wear01.png); }
section.Coaster.Wear.Wear02:before { background-image:url(/Static/Images/Coasters/Overlay/Wear02.png); }

section.Coaster.Stain.Stain01:after { background-image:url(/Static/Images/Coasters/Overlay/Stain01.png); }
section.Coaster.Stain.Stain02:after { background-image:url(/Static/Images/Coasters/Overlay/Stain02.png); }
section.Coaster.Stain.Stain03:after { background-image:url(/Static/Images/Coasters/Overlay/Stain03.png); }
section.Coaster.Stain.Stain04:after { background-image:url(/Static/Images/Coasters/Overlay/Stain04.png); }
section.Coaster.Stain.Stain05:after { background-image:url(/Static/Images/Coasters/Overlay/Stain05.png); }
section.Coaster.Stain.Stain06:after { background-image:url(/Static/Images/Coasters/Overlay/Stain06.png); }

section.Coaster.Stain[data-stainopacity="100"]:after { opacity:1; }
section.Coaster.Stain[data-stainopacity="90"]:after { opacity:.9; }
section.Coaster.Stain[data-stainopacity="80"]:after { opacity:.8; }
section.Coaster.Stain[data-stainopacity="70"]:after { opacity:.7; }
section.Coaster.Stain[data-stainopacity="60"]:after { opacity:.6; }
section.Coaster.Stain[data-stainopacity="50"]:after { opacity:.5; }
section.Coaster.Stain[data-stainopacity="40"]:after { opacity:.4; }
section.Coaster.Stain[data-stainopacity="30"]:after { opacity:.3; }
section.Coaster.Stain[data-stainopacity="20"]:after { opacity:.2; }
section.Coaster.Stain[data-stainopacity="10"]:after { opacity:.1; }

section.Coaster.Wear[data-wearopacity="100"]:before { opacity:1; }
section.Coaster.Wear[data-wearopacity="90"]:before { opacity:.9; }
section.Coaster.Wear[data-wearopacity="80"]:before { opacity:.8; }
section.Coaster.Wear[data-wearopacity="70"]:before { opacity:.7; }
section.Coaster.Wear[data-wearopacity="60"]:before { opacity:.6; }
section.Coaster.Wear[data-wearopacity="50"]:before { opacity:.5; }
section.Coaster.Wear[data-wearopacity="40"]:before { opacity:.4; }
section.Coaster.Wear[data-wearopacity="30"]:before { opacity:.3; }
section.Coaster.Wear[data-wearopacity="20"]:before { opacity:.2; }
section.Coaster.Wear[data-wearopacity="10"]:before { opacity:.1; }

[data-cardcolors="1"] section.Card { fill:#090A0C; }
[data-cardcolors="1"] section.Card.Disabled { fill:rgba(9, 10, 12, .3); }


section.Card.Ghosted figure.Face { 
    opacity:.6;
    transition: opacity .5s;
}

section.Card.Flipped.Ghosted figure.Back { 
    opacity:.6;
}

section.Card.Ghosted figure svg { 
    opacity:.5;
}



[data-cardcolors="black"] section.Card { fill:#090A0C; }
[data-cardcolors="black"] section.Card.Disabled { fill:rgba(0, 0, 0, .3); }
[data-cardcolors="white"] section.Card { fill:#ffffff; }
[data-cardcolors="white"] section.Card.Disabled { fill:rgba(255, 255, 255, .3); }
[data-cardcolors="gold"] section.Card svg { fill:url(#gradient-gold); }
[data-cardcolors="silver"] section.Card svg { fill:url(#gradient-silver); }
[data-cardcolors="copper"] section.Card svg { fill:url(#gradient-copper); }

[data-cardcolors="2"] section.Card[data-suit="Club"] { fill:#090A0C; }
[data-cardcolors="2"] section.Card[data-suit="Club"].Disabled { fill:rgba(9, 10, 12, .3); }

[data-cardcolors="2"] section.Card[data-suit="Spade"] { fill:#090A0C; }
[data-cardcolors="2"] section.Card[data-suit="Spade"].Disabled { fill:rgba(9, 10, 12, .3); }

[data-cardcolors="2"] section.Card[data-suit="Diamond"] { fill:#D70101; }
[data-cardcolors="2"] section.Card[data-suit="Diamond"].Disabled { fill:rgba(215, 1, 1, .3); }

[data-cardcolors="2"] section.Card[data-suit="Heart"] { fill:#D70101; }
[data-cardcolors="2"] section.Card[data-suit="Heart"].Disabled { fill:rgba(215, 1, 1, .3); }
 
[data-cardcolors="4"] section.Card[data-suit="Club"] { fill:#008000; }
[data-cardcolors="4"] section.Card[data-suit="Club"].Disabled { fill:rgba(0, 128, 0, .3); }

[data-cardcolors="4"] section.Card[data-suit="Spade"] { fill:#090A0C; }
[data-cardcolors="4"] section.Card[data-suit="Spade"].Disabled { fill:rgba(9, 10, 12, .3); }

[data-cardcolors="4"] section.Card[data-suit="Diamond"] { fill:#0000ff; }
[data-cardcolors="4"] section.Card[data-suit="Diamond"].Disabled { fill:rgba(0, 0, 255, .3); }

[data-cardcolors="4"] section.Card[data-suit="Heart"] { fill:#D70101; }
[data-cardcolors="4"] section.Card[data-suit="Heart"].Disabled { fill:rgba(215, 1, 1, .3); }

[data-cardopacity="100"] section.Card figure svg { opacity:1; }
[data-cardopacity="90"] section.Card figure svg { opacity:.9; }
[data-cardopacity="80"] section.Card figure svg { opacity:.8; }
[data-cardopacity="70"] section.Card figure svg { opacity:.7; }
[data-cardopacity="60"] section.Card figure svg { opacity:.6; }
[data-cardopacity="50"] section.Card figure svg { opacity:.5; }
[data-cardopacity="40"] section.Card figure svg { opacity:.4; }
[data-cardopacity="30"] section.Card figure svg { opacity:.3; }
[data-cardopacity="20"] section.Card figure svg { opacity:.2; }
[data-cardopacity="10"] section.Card figure svg { opacity:.1; }


section.Card div {
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  right:0;
  bottom:0;
  position: absolute;
  font-size:1em;
  transform-style: preserve-3d;
  transform-origin:50% 50%;
  transform-style: preserve-3d;
  perspective:inherit;
}

section.Card figure {
    margin: 0;
    display: block;
    position: absolute;
    font-size: 1em;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    background-color: #E4E4E4;
    border-radius: .6em;
    background: -webkit-gradient(linear,0 0, 0 100%, from(#f0f0f0), to(#d8d8d8));
    background: -moz-linear-gradient(top, #f0f0f0, #d8d8d8);
    background: linear-gradient(150deg, #f0f0f0, #d8d8d8);
    box-shadow: 0 0 4px rgba(0,0,0,0.3), 0 1px 1px rgba(0,0,0,0.4), inset -1px -1px 1px rgba(0,0,0,.2), inset 0 0 1em rgba(120,90,60,.1);
    transform-style: preserve-3d;
    perspective: inherit;
}

#Places.Free section.Card figure {
    transform-style:flat;
}


[data-cardage="1"] section.Card figure {
    background: -webkit-gradient(linear,0 0, 0 100%, from(#F1EBDF), to(#F2EBDE));
    background: -moz-linear-gradient(top, #F1EBDF, #F2EBDE);
    background: linear-gradient(150deg, #F1EBDF, #F2EBDE);
    box-shadow: 0 0 4px rgba(0,0,0,0.3), 0 1px 1px rgba(0,0,0,0.4), inset -1px -1px 1px rgba(0,0,0,.2), inset 0 0 1em rgba(120,90,60,.3);
}

[data-cardage="2"] section.Card figure {
    background: -webkit-gradient(linear,0 0, 0 100%, from(#E8Dec8), to(#E5DABE));
    background: -moz-linear-gradient(top, #E8Dec8, #E5DABE);
    background: linear-gradient(150deg, #E8Dec8, #E5DABE);
    box-shadow: 0 0 4px rgba(0,0,0,0.3), 0 1px 1px rgba(0,0,0,0.4), inset -1px -1px 1px rgba(0,0,0,.2), inset 0 0 1em rgba(120,90,60,.4);
}

[data-cardage="3"] section.Card figure {
    background: -webkit-gradient(linear,0 0, 0 100%, from(#E5DABE), to(#DCCCAB));
    background: -moz-linear-gradient(top, #E5DABE, #DCCCAB);
    background: linear-gradient(150deg, #E5DABE, #DCCCAB);
    box-shadow: 0 0 4px rgba(0,0,0,0.3), 0 1px 1px rgba(0,0,0,0.4), inset -1px -1px 1px rgba(0,0,0,.2), inset 0 0 1em rgba(120,90,60,.5);
}

[data-cardage="night"] section.Card figure {
    background: -webkit-gradient(linear,0 0, 0 100%, from(#DFE7FF), to(#A1BFFF));
    background: -moz-linear-gradient(top, #DFE7FF, #A1BFFF);
    background: linear-gradient(150deg, #DFE7FF, #A1BFFF);
    box-shadow: 0 0 4px rgba(0,0,0,0.3), 0 1px 1px rgba(0,0,0,0.4), inset -1px -1px 1px rgba(0,0,0,.2), inset 0 0 1em rgba(120,90,60,.3);
}

[data-cardage="daylight"] section.Card figure {
    background: -webkit-gradient(linear,0 0, 0 100%, from(#FFF0E8), to(#FFE4CC));
    background: -moz-linear-gradient(top, #FFF0E8, #FFE4CC);
    background: linear-gradient(150deg, #FFF0E8, #FFE4CC);
    box-shadow: 0 0 4px rgba(0,0,0,0.3), 0 1px 1px rgba(0,0,0,0.4), inset -1px -1px 1px rgba(0,0,0,.2), inset 0 0 1em rgba(120,90,60,.3);
}


[data-cardcolors="white"] section.Card figure, [data-cardcolors="gold"] section.Card figure, [data-cardcolors="silver"] section.Card figure, [data-cardcolors="copper"] section.Card figure {
    background: -webkit-gradient(linear,0 0, 0 100%, from(#606060), to(#202020));
    background: -moz-linear-gradient(top, #606060, #202020);
    background: linear-gradient(150deg, #606060, #202020);
    box-shadow: 0 0 4px rgba(0,0,0,0.3), 0 1px 1px rgba(0,0,0,0.4), inset -1px -1px 1px rgba(0,0,0,5), inset 0 1px 1px rgba(255,241,224,.5);
}

section.Card.Disabled figure {
    background: #c0c0c0;
}


section.Card.Raise {
  box-shadow: 0 0 .5em rgba(31,14,0,1)
}


section.Card figure.Face {
    display: block;
    z-index: 2;
    transform: translateZ(.001) rotateY(0deg);
}

section.Card figure.Back {
    display: none;
    z-index: 1;
    transform: rotateY(-180deg);
}

x_section.Card figure.Back:after {
    content:"";
    display: block;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-image:url(/Static/Images/Deck/logo.png);
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:75% auto;
}


section.Card.Flipped figure.Back { display:block; }
section.Card.Flipped figure.Face { display:none;}

section.Card.Flipping figure.Back { display:block !important; }
section.Card.Flipping figure.Face { display:block !important;}

section.Card figure.Back svg {
    display: block;
    left: 5%;
    width: 90%;
    top: 4%;
    height: 92%;
    stroke: #131F67;
    fill: #131F67;
}

section.Card.Disabled figure.Back svg {
    opacity:.4;
}

[data-cardbacks=BlueDiamond] section.Card figure.Back svg { stroke:#131F67; }
[data-cardbacks=BlueWaves] section.Card figure.Back svg { stroke:#131F67; }
[data-cardbacks=GreenDiamond] section.Card figure.Back svg { stroke:#008000; }
[data-cardbacks=GreenWaves] section.Card figure.Back svg { stroke:#008000; }
[data-cardbacks=BlackDiamond] section.Card figure.Back svg { stroke:#000000; }
[data-cardbacks=BlackWaves] section.Card figure.Back svg { stroke:#000000; }
[data-cardbacks=RedDiamond] section.Card figure.Back svg { stroke:#D40000; }
[data-cardbacks=RedWaves] section.Card figure.Back svg { stroke:#D40000; }
[data-cardbacks=PurpleDiamond] section.Card figure.Back svg { stroke:#660080; }
[data-cardbacks=PurpleWaves] section.Card figure.Back svg { stroke:#660080; }


section.Card figure svg {
    display:block;
    position:absolute;
	width:100%;
    height:100%;
}


section.Card .Value {
    top:3%;
    left:2%;
	width:12%;
    height:12%;
}

section.Card .Index {
    top:14.5%;
    left:2%;
	width:12%;
    height:12%;
}

section.Card .IndexBottom {
    bottom:14.5%;
    right:2%;
	width:12%;
    height:12%;
}

section.Card .ValueBottom {
    bottom:3%;
    right:2%;
	width:12%;
    height:12%;
}

section.Card .Pip {
    display:none;
    position:absolute;
    top:auto;
    bottom:auto;
    left:auto;
    right:auto;
    width:20%;
    height:20%;
}

section.Card .Field {
     display:block;
     left:15%;
     width:70%;
     top:9%;
     height:82%;
     fill:black;
}

section.Card.Disabled .Field {
    opacity:.4;
}

section.Card[data-value="0"] .Field {
     left:3%;
     width:94%;
     top:3%;
     height:94%;
     fill:unset;
}

section.Card[data-value="0"] .Index { display:none;}
section.Card[data-value="0"] .IndexBottom { display:none;}
section.Card[data-value="0"] .Value { display:none;}
section.Card[data-value="0"] .ValueBottom { display:none;}


section.Card[data-value="1"] .Pip[data-index="1"] { display:block; left:40%; height:100%;}
section.Card[data-value="1"][data-suit="Spade"] .Pip[data-index="1"] { display:none;}


section.Card[data-value="2"] .Pip[data-index="1"] { display:block; left:40%; top:10%; }
section.Card[data-value="2"] .Pip[data-index="2"] { display:block; left:40%; bottom:10%; }

section.Card[data-value="3"] .Pip[data-index="1"] { display:block; left:40%; top:10%; }
section.Card[data-value="3"] .Pip[data-index="2"] { display:block; left:40%; top:0; height:100%; }
section.Card[data-value="3"] .Pip[data-index="3"] { display:block; left:40%; bottom:10%; }

section.Card[data-value="4"] .Pip[data-index="1"] { display:block; left:20%; top:10%; }
section.Card[data-value="4"] .Pip[data-index="2"] { display:block; right:20%; top:10%; }
section.Card[data-value="4"] .Pip[data-index="3"] { display:block; left:20%; bottom:10%; }
section.Card[data-value="4"] .Pip[data-index="4"] { display:block; right:20%; bottom:10%; }

section.Card[data-value="5"] .Pip[data-index="1"] { display:block; left:20%; top:10%; }
section.Card[data-value="5"] .Pip[data-index="2"] { display:block; right:20%; top:10%; }
section.Card[data-value="5"] .Pip[data-index="3"] { display:block; right:40%; top:0; height:100%; }
section.Card[data-value="5"] .Pip[data-index="4"] { display:block; left:20%; bottom:10%; }
section.Card[data-value="5"] .Pip[data-index="5"] { display:block; right:20%; bottom:10%; }

section.Card[data-value="6"] .Pip[data-index="1"] { display:block; left:20%; top:10%; }
section.Card[data-value="6"] .Pip[data-index="2"] { display:block; right:20%; top:10%; }
section.Card[data-value="6"] .Pip[data-index="3"] { display:block; left:20%; top:40%; }
section.Card[data-value="6"] .Pip[data-index="4"] { display:block; right:20%; top:40%; }
section.Card[data-value="6"] .Pip[data-index="5"] { display:block; left:20%; bottom:10%; }
section.Card[data-value="6"] .Pip[data-index="6"] { display:block; right:20%; bottom:10%; }

section.Card[data-value="7"] .Pip[data-index="1"] { display:block; left:20%; top:10%; }
section.Card[data-value="7"] .Pip[data-index="2"] { display:block; right:20%; top:10%; }
section.Card[data-value="7"] .Pip[data-index="3"] { display:block; right:40%; top:25%; }
section.Card[data-value="7"] .Pip[data-index="4"] { display:block; left:20%; top:40%; }
section.Card[data-value="7"] .Pip[data-index="5"] { display:block; right:20%; top:40%; }
section.Card[data-value="7"] .Pip[data-index="6"] { display:block; left:20%; bottom:10%; }
section.Card[data-value="7"] .Pip[data-index="7"] { display:block; right:20%; bottom:10%; }

section.Card[data-value="8"] .Pip[data-index="1"] { display:block; left:20%; top:10%; }
section.Card[data-value="8"] .Pip[data-index="2"] { display:block; right:20%; top:10%; }
section.Card[data-value="8"] .Pip[data-index="3"] { display:block; right:40%; top:25%; }
section.Card[data-value="8"] .Pip[data-index="4"] { display:block; left:20%; top:40%; }
section.Card[data-value="8"] .Pip[data-index="5"] { display:block; right:20%; top:40%; }
section.Card[data-value="8"] .Pip[data-index="6"] { display:block; right:40%; bottom:25%; }
section.Card[data-value="8"] .Pip[data-index="7"] { display:block; left:20%; bottom:10%; }
section.Card[data-value="8"] .Pip[data-index="8"] { display:block; right:20%; bottom:10%; }

section.Card[data-value="9"] .Pip[data-index="1"] { display:block; left:20%; top:10%; }
section.Card[data-value="9"] .Pip[data-index="2"] { display:block; right:20%; top:10%; }
section.Card[data-value="9"] .Pip[data-index="3"] { display:block; left:20%; top:30%; }
section.Card[data-value="9"] .Pip[data-index="4"] { display:block; right:20%; top:30%; }
section.Card[data-value="9"] .Pip[data-index="5"] { display:block; right:40%; top:0; height:100%; }
section.Card[data-value="9"] .Pip[data-index="6"] { display:block; left:20%; bottom:30%; }
section.Card[data-value="9"] .Pip[data-index="7"] { display:block; right:20%; bottom:30%; }
section.Card[data-value="9"] .Pip[data-index="8"] { display:block; left:20%; bottom:10%; }
section.Card[data-value="9"] .Pip[data-index="9"] { display:block; right:20%; bottom:10%; }

section.Card[data-value="10"] .Pip[data-index="1"] { display:block; left:20%; top:10%; }
section.Card[data-value="10"] .Pip[data-index="2"] { display:block; right:20%; top:10%; }
section.Card[data-value="10"] .Pip[data-index="3"] { display:block; right:40%; top:20%;  }
section.Card[data-value="10"] .Pip[data-index="4"] { display:block; left:20%; top:30%; }
section.Card[data-value="10"] .Pip[data-index="5"] { display:block; right:20%; top:30%; }
section.Card[data-value="10"] .Pip[data-index="6"] { display:block; left:20%; bottom:30%; }
section.Card[data-value="10"] .Pip[data-index="7"] { display:block; right:20%; bottom:30%; }
section.Card[data-value="10"] .Pip[data-index="8"] { display:block; right:40%; bottom:20%; }
section.Card[data-value="10"] .Pip[data-index="9"] { display:block; left:20%; bottom:10%; }
section.Card[data-value="10"] .Pip[data-index="10"] { display:block; right:20%; bottom:10%; }

section.Card[data-value="11"] .Pip[data-index="1"] { display:block; left:17%; top:9%; }
section.Card[data-value="11"] .Pip[data-index="2"] { display:block; right:17%; bottom:9%; }

section.Card[data-value="12"] .Pip[data-index="1"] { display:block; left:17%; top:9%; }
section.Card[data-value="12"] .Pip[data-index="2"] { display:block; right:17%; bottom:9%; }

section.Card[data-value="13"] .Pip[data-index="1"] { display:block; left:17%; top:9%; }
section.Card[data-value="13"] .Pip[data-index="2"] { display:block; right:17%; bottom:9%; }





[data-cardlayout=compact] section.Card .Value {
	width:22%;
    height:22%;
}

[data-cardlayout=compact] section.Card .Index {
    top:25%;
	width:22%;
    height:22%;
}

[data-cardlayout=compact] section.Card .IndexBottom {
    bottom:25%;
	width:22%;
    height:22%;
}

[data-cardlayout=compact] section.Card .ValueBottom {
	width:22%;
    height:22%;
}

[data-cardlayout=compact] section.Card .Field {
    left:27%;
    top:20%;
	width:46%;
    height:60%;
}

[data-cardlayout=compact] section.Card .Pip {
    display:none !important;
}


[data-cardlayout=small] section.Card .Value {
    top:4%;
    left:4%;
	width:38%;
    height:38%;
}

[data-cardlayout=small] section.Card .Index {
    top:1%;
    left:auto;
    right:2%;
	width:48%;
    height:48%;
}

[data-cardlayout=small] section.Card .IndexBottom {
    bottom:1%;
    left:2%;
    right:auto;
	width:48%;
    height:48%;
}

[data-cardlayout=small] section.Card .ValueBottom {
    bottom:4%;
    right:4%;
	width:38%;
    height:38%;
}

[data-cardlayout=small] section.Card .Field {
    display:none !important;
}

[data-cardlayout=small] section.Card .Pip {
    display:none !important;
}


[data-cardlayout=tiny] section.Card .Value {
    top:3%;
    left:3%;
	width:45%;
    height:45%;
}

[data-cardlayout=tiny] section.Card .Index {
    top:auto;
    bottom:4%;
    left:auto;
    right:4%;
	width:65%;
    height:45%;
}

[data-cardlayout=tiny] section.Card .IndexBottom { display:none !important; }
[data-cardlayout=tiny] section.Card .ValueBottom { display:none !important; }
[data-cardlayout=tiny] section.Card .Pip { display:none !important; }
[data-cardlayout=tiny] section.Card .Field { display:none !important; }


section.Card.Public figure.Face:after {
    display:block;
    position:absolute;
    background-color:#ffffff;
    content:"";
    top:-1.5em;
    bottom:auto;
    right:0;
    left:3em;
    height:3em;
    width:3em;
    border-radius:50%;
    border:1px solid black;
    background-image:url(/Static/Images/CardStatus.png);
    background-repeat:no-repeat;
    background-position:50% 0%;
    background-size:300% 100%;
}

.Menu .Cards section.Card.Public figure.Face:after {
    top:0;
    bottom:0;
    right:0;
    left:0;
    margin-top:auto;
    margin-bottom:auto;
    margin-left:auto;
    margin-right:auto;
}

section.Card.Public.FadeOut figure.Face:after {
    opacity:0;
    transition: opacity 2s ease 4s;
}

[data-cardlayout=compact] section.Card.Public figure.Face:after { height:4em; width:4em; top:-2em; left:3em; }
[data-cardlayout=small] section.Card.Public figure.Face:after { height:5em; width:5em; top:-2.5em; left:4em; }
[data-cardlayout=tiny] section.Card.Public figure.Face:after { height:6em; width:6em; top:-3em; left:4em; }

section.Card.Incognito figure.Face:after {
    display:block;
    position:absolute;
    background-color:#ffffff;
    content:"";
    top:-1.5em;
    bottom:auto;
    right:0;
    left:3em;
    height:3em;
    width:3em;
    border-radius:50%;
    border:1px solid black;
    background-image:url(/Static/Images/CardStatus.png);
    background-repeat:no-repeat;
    background-position:0% 0%;
    background-size:300% 100%;
}

.Menu .Cards section.Card.Incognito figure.Face:after {
    top:0;
    bottom:0;
    right:0;
    left:0;
    margin-top:auto;
    margin-bottom:auto;
    margin-left:auto;
    margin-right:auto;
}


section.Card.Incognito.FadeOut figure.Face:after {
    opacity:0;
    transition: opacity 2s ease 4s;
}

[data-cardlayout=compact] section.Card.Incognito figure.Face:after { height:4em; width:4em; top:-2em; left:3em; }
[data-cardlayout=small] section.Card.Incognito figure.Face:after { height:5em; width:5em; top:-2.5em; left:4em; }
[data-cardlayout=tiny] section.Card.Incognito figure.Face:after { height:6em; width:6em; top:-3em; left:4em; }

section.Deck {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    font-size: 1em;
    width: 10em;
    height: auto;
    background-color: transparent;
    transform-style: preserve-3d;
    color: white;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    perspective:inherit;
    -webkit-perspective:none;
    -moz-perspective:800px;
    -moz-perspective:65vw;
}

section.Deck:before {
    display:block;
    position:relative;
    content:"";
    width:100%;
    height:0;
    padding-top:147.8%;
}


section.Deck figure {
    margin:0;
}

section.Deck .Shadow {
    position:absolute;
    top:-3.8em;
    bottom:-5em;
    left:-5.3em;
    right:-4.5em;
    opacity:.5;
	transform-origin:50% 50%;
    background-image:url(/Static/Images/Deck/deckshadow.png);
    background-repeat:no-repeat;
    background-size:100% 100%;
}

body.oldIE section.Deck .Shadow {
    display:none;
}


section.Deck .Left {
    position: absolute;
    top: 0;
    left: -3em;
    width: 3em;
    height: 100%;
    background-color: #a0a0a0;
    transform: translateZ(3em) rotateY(-90deg);
    transform-origin: 100% 50%;
    background-image: url(/Static/Images/Deck/deckside1.png);
    background-repeat: repeat;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    transform-style: preserve-3d;
    perspective: inherit;
}

[data-cardcolors="white"] section.Deck .Left, [data-cardcolors="gold"] section.Deck .Left, [data-cardcolors="silver"] section.Deck .Left, [data-cardcolors="copper"] section.Deck .Left {
    background: -webkit-gradient(linear,0 0, 0 100%, from(#404040), to(#202020));
    background: -moz-linear-gradient(top, #404040, #202020);
    background: linear-gradient(150deg, #404040, #202020);
    box-shadow: inset -1px -1px 1px rgba(31,14,0,5), inset 0 1px 1px rgba(255,241,224,.5);
}

section.Deck .Right {
    position: absolute;
    display:none;
    top: 0;
    left: auto;
    right: -3em;
    width: 3em;
    height: 100%;
    background-color: #a0a0a0;
    transform: rotateY(-90deg);
    transform-origin: 0% 50%;
    background-image: url(/Static/Images/Deck/deckside1.png);
    background-repeat: repeat;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    transform-style: preserve-3d;
    perspective: inherit;
}


section.Deck .Back {
    position: absolute;
    top: -3em;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 3em;
    background-color: #606060;
    transform: rotateX(-90deg);
    transform-origin: 50% 100%;
    background-image: url(/Static/Images/Deck/deckside2.png);
    background-repeat: repeat;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    transform-style: preserve-3d;
    perspective: inherit;
}

section.Deck .Front {
    position: absolute;
    top: auto;
    bottom: -3em;
    left: 0;
    width: 100%;
    height: 3em;
    background-color: #606060;
    transform: rotateX(90deg);
    transform-origin: 50% 0%;
    background-image: url(/Static/Images/Deck/deckside2.png);
    background-repeat: repeat;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    transform-style: preserve-3d;
    perspective: inherit;
}

[data-cardcolors="white"] section.Deck .Front, [data-cardcolors="gold"] section.Deck .Front, [data-cardcolors="silver"] section.Deck .Front, [data-cardcolors="copper"] section.Deck .Front {
    background: -webkit-gradient(linear,0 0, 0 100%, from(#202020), to(#101010));
    background: -moz-linear-gradient(top, #202020, #101010);
    background: linear-gradient(150deg, #202020, #101010);
}



section.Deck .Top {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: white;
    transform: translateZ(3.01em);
    transform-origin: 50% 50%;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    transform-style: preserve-3d;
    perspective: inherit;
    background: -webkit-gradient(linear,0 0, 0 100%, from(#f0f0f0), to(#d8d8d8));
    background: -moz-linear-gradient(top, #f0f0f0, #d8d8d8);
    background: linear-gradient(150deg, #f0f0f0, #d8d8d8);
    box-shadow: inset -1px -1px 1px rgba(31,14,0,.2), inset 0 0 1em rgba(120,90,60,.1);
}

x_section.Deck .Top:after {
    content:"";
    display: block;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-image:url(/Static/Images/Deck/logo.png);
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:75% auto;
}



[data-cardopacity="100"] section.Deck .Top svg { opacity:1; }
[data-cardopacity="90"] section.Deck .Top svg { opacity:.9; }
[data-cardopacity="80"] section.Deck .Top svg { opacity:.8; }
[data-cardopacity="70"] section.Deck .Top svg { opacity:.7; }
[data-cardopacity="60"] section.Deck .Top svg { opacity:.6; }
[data-cardopacity="50"] section.Deck .Top svg { opacity:.5; }
[data-cardopacity="40"] section.Deck .Top svg { opacity:.4; }
[data-cardopacity="30"] section.Deck .Top svg { opacity:.3; }
[data-cardopacity="20"] section.Deck .Top svg { opacity:.2; }
[data-cardopacity="10"] section.Deck .Top svg { opacity:.1; }

[data-cardage="1"] section.Deck .Top {
    background: -webkit-gradient(linear,0 0, 0 100%, from(#F1EBDF), to(#F2EBDE));
    background: -moz-linear-gradient(top, #F1EBDF, #F2EBDE);
    background: linear-gradient(150deg, #F1EBDF, #F2EBDE);
    box-shadow: inset -1px -1px 1px rgba(31,14,0,.2), inset 0 0 1em rgba(120,90,60,.3);
}

[data-cardage="2"] section.Deck .Top {
    background: -webkit-gradient(linear,0 0, 0 100%, from(#E8Dec8), to(#E5DABE));
    background: -moz-linear-gradient(top, #E8Dec8, #E5DABE);
    background: linear-gradient(150deg, #E8Dec8, #E5DABE);
    box-shadow: inset -1px -1px 1px rgba(31,14,0,.2), inset 0 0 1em rgba(120,90,60,.4);
}

[data-cardage="3"] section.Deck .Top {
    background: -webkit-gradient(linear,0 0, 0 100%, from(#E5DABE), to(#DCCCAB));
    background: -moz-linear-gradient(top, #E5DABE, #DCCCAB);
    background: linear-gradient(150deg, #E5DABE, #DCCCAB);
    box-shadow: inset -1px -1px 1px rgba(31,14,0,.2), inset 0 0 1em rgba(120,90,60,.5);
}

[data-cardage="night"] section.Deck .Top {
    background: -webkit-gradient(linear,0 0, 0 100%, from(#DFE7FF), to(#A1BFFF));
    background: -moz-linear-gradient(top, #DFE7FF, #A1BFFF);
    background: linear-gradient(150deg, #DFE7FF, #A1BFFF);
    box-shadow: 0 0 4px rgba(0,0,0,0.3), 0 1px 1px rgba(0,0,0,0.4), inset -1px -1px 1px rgba(0,0,0,.2), inset 0 0 1em rgba(120,90,60,.3);
}

[data-cardage="daylight"] section.Deck .Top {
    background: -webkit-gradient(linear,0 0, 0 100%, from(#FFF0E8), to(#FFE4CC));
    background: -moz-linear-gradient(top, #FFF0E8, #FFE4CC);
    background: linear-gradient(150deg, #FFF0E8, #FFE4CC);
    box-shadow: 0 0 4px rgba(0,0,0,0.3), 0 1px 1px rgba(0,0,0,0.4), inset -1px -1px 1px rgba(0,0,0,.2), inset 0 0 1em rgba(120,90,60,.3);
}



[data-cardcolors="white"] section.Deck .Top, [data-cardcolors="gold"] section.Deck .Top, [data-cardcolors="silver"] section.Deck .Top, [data-cardcolors="copper"] section.Deck .Top {
    background: -webkit-gradient(linear,0 0, 0 100%, from(#606060), to(#202020));
    background: -moz-linear-gradient(top, #606060, #202020);
    background: linear-gradient(150deg, #606060, #202020);
    box-shadow: inset -1px -1px 1px rgba(31,14,0,5), inset 0 1px 1px rgba(255,241,224,.5);
}


section.Deck .Top svg {
    display:block;
    position:absolute;
     left:5%;
     width:90%;
     top:4%;
     height:92%;
     stroke:#131F67;
     fill:#131F67;
}

[data-cardbacks=BlueDiamond] section.Deck .Top svg { stroke:#131F67; }
[data-cardbacks=RedDiamond] section.Deck .Top svg { stroke:#D40000; }
[data-cardbacks=BlackDiamond] section.Deck .Top svg { stroke:#000000; }
[data-cardbacks=GreenDiamond] section.Deck .Top svg { stroke:#008000; }
[data-cardbacks=PurpleDiamond] section.Deck .Top svg { stroke:#660080; }


.Disc {
    display:block;
    position:absolute;
    font-size:1em;
    top:0;
    left:0;
    width:6.5em;
    height:6.5em;
    background-color:transparent;
    transform-style: preserve-3d;
}

.Disc.Chip {
    font-size:1em;
    width:6.5em;
    height:6.5em;
}


.Disc span {
    display:inline-block;
    position:absolute;
    font-family:sans-serif;
    top:0;
    left:0;
    right:0;
    bottom:0;
    text-align:center;
    font-size:2.5em;
    font-weight:bold;
    line-height:2.425;
    color:white;
}

.Disc.D4 span {
    font-size:1.34em;
    font-weight:normal;
    line-height:4.8;
}
.Chips .Disc.D4 span { line-height:4.5; }

.Disc.D3 span {
    font-size:1.8em;
    font-weight:bold;
    line-height:3.6;
}
.Chips .Disc.D3 span { line-height:3.4; }

.Disc.D2 span {
    font-size:2.5em;
    font-weight:bold;
    line-height:2.6;
    left:-.05em;
}
.Chips .Disc.D2 span { line-height:2.4; }

.Disc.D1 span {
    font-size:3em;
    font-weight:bold;
    line-height:2.2;
}
.Chips .Disc.D1 span { line-height:2.0; }

.Disc svg {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;   
    border-radius:50%;
}

.Disc .Front {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;   
    border-radius:50%;
    background-color:#c0c0c0;
}

.Disc .Back {
    display:block;
    position:absolute;
    top:.55em;
    left:0;
    width:100%;
    height:100%;   
    border-radius:50%;
    transition:left .2s;
    box-shadow: 0 .2em .7em rgba(31,14,0,.7);
    background: linear-gradient(to right, #000000, #606060 45%, #606060 55%, #000000 100%) ;
}

.Disc .Back svg {
    opacity:.6;
}

.Disc.Right2 .Back { left:-.4em; box-shadow: .2em .2em .7em rgba(31,14,0,.7); }
.Disc.Right .Back { left:-.2em; box-shadow: .1em .2em .7em rgba(31,14,0,.7); }
.Disc.Left .Back { left:.2em; box-shadow: -.1em .2em .7em rgba(31,14,0,.7); }
.Disc.Left2 .Back { left:.4em; box-shadow: -.2em .2em .7em rgba(31,14,0,.7); }

[data-xchiplayout="compact"] .Disc .Front, [data-xchiplayout="small"] .Disc .Front, [data-xchiplayout="tiny"] .Disc .Front {
    border:1px solid rgba(255,255,255,.5);
}


[data-xchiplayout="compact"] .Disc .Front svg, [data-xchiplayout="small"] .Disc .Front svg, [data-xchiplayout="tiny"] .Disc .Front svg {
    color:transparent !important;
}

[data-xchiplayout="compact"] .Disc span {
    font-size:2.6em;
    line-height:2.9em;
}

[data-xchiplayout="small"] .Disc span {
    font-size:2.7em;
    line-height:2.5em;
}

[data-xchiplayout="tiny"] .Disc {
    font-size:1.2em;
}
[data-xchiplayout="tiny"] .Disc span {
    font-size:2.7em;
    line-height:2.5em;
}


.Disc.Buck {
    width:5em;
    height:5em;
}

.Disc.Buck span {
    font-size:3.5em;
    line-height:1.5em;
    color:#0000b0;
}

.Disc.Buck.ThreeSixty span { display:none; }
.Disc.Buck.ThreeSixty .Front svg { display:none; }
.Disc.Buck.ThreeSixty .Front {
    background-color:white;
    background-image:url(/Static/Images/Lammers/360win.png);
    background-size:100% 100%;
    background-position:50% 50%;
    background-repeat:no-repeat;
}

.Disc.Replace {
    width:4.5em;
    height:4.5em;
}
.Disc.Replace span { display:none; }
.Disc.Replace .Front svg { display:none; }
.Disc.Replace .Front {
    background-color:white;
    background-image:url(/Static/Images/Lammers/replace.png);
    background-size:90% 90%;
    background-position:50% 50%;
    background-repeat:no-repeat;
}



.Disc.Turn {
    width:4em;
    height:4em;
}

.Disc.Turn span { display:none; }
.Disc.Turn .Front svg { display:none; }
.Disc.Turn .Front {
    background-color:white;
    background-image:url(/Static/Images/Lammers/down.png);
    background-size:80% 80%;
    background-position:50% 50%;
    background-repeat:no-repeat;
}

.Disc.Turn.Up .Front {
    background-image:url(/Static/Images/Lammers/up.png);
}

.Disc.Avatar {
    font-size:2.6em;
    width:16em;
    height:4em;
    left:0;
    right:auto;
    top:auto;
    bottom:-1.1em;
    box-sizing:border-box;
    z-index:100;
}

#Places.Free .Disc.Avatar {
    transform-style:flat;
}

#Places.Free .Pieces {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:1;
    transform-style:flat;
}



#Places[data-plaqueradius="0"] .Disc.Avatar { border-radius:0; }
#Places[data-plaqueradius="99"] .Disc.Avatar { border-radius:2em; }

.Disc.Avatar.Active {
    cursor:pointer;
}


#Table .Place[data-toprow="true"] .Disc.Avatar {
    top:-4.5em;
    bottom:auto;
}


.Disc.Avatar .Front:before {
    content:"";
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-image:none;
    background-position: 0% 0%;
    background-size:150% 250%;
    background-repeat:no-repeat;
    opacity:0;
    border-radius:.5em;
    overflow:hidden;
}

#Places[data-plaqueradius="0"] .Disc.Avatar .Front:before { border-radius:0; }
#Places[data-plaqueradius="99"] .Disc.Avatar .Front:before { border-radius:2em; }

.Place:nth-child(2n) .Disc.Avatar .Front:before{ background-position:25% 25%; }
.Place:nth-child(3n) .Disc.Avatar .Front:before{ background-position:50% 50%; }
.Place:nth-child(4n) .Disc.Avatar .Front:before{ background-position:75% 75%; }
.Place:nth-child(5n) .Disc.Avatar .Front:before{ background-position:100% 100%; }


#Room[data-reflection="aruba"] .Disc.Avatar .Front:before { background-image:url(/Static/Images/Ceiling/aruba.jpg); }
#Room[data-reflection="macau"] .Disc.Avatar .Front:before { background-image:url(/Static/Images/Ceiling/macau.jpg); }
#Room[data-reflection="nassau"] .Disc.Avatar .Front:before { background-image:url(/Static/Images/Ceiling/nassau.jpg); }
#Room[data-reflection="atrium"] .Disc.Avatar .Front:before { background-image:url(/Static/Images/Ceiling/atrium.jpg); }
#Room[data-reflection="sky"] .Disc.Avatar .Front:before { background-image:url(/Static/Images/Ceiling/sky.jpg); }
#Room[data-reflection="dawn"] .Disc.Avatar .Front:before { background-image:url(/Static/Images/Ceiling/dawn.jpg); }
#Room[data-reflection="moon"] .Disc.Avatar .Front:before { background-image:url(/Static/Images/Ceiling/moon.jpg); }
#Room[data-reflection="stars"] .Disc.Avatar .Front:before { background-image:url(/Static/Images/Ceiling/stars.jpg); }
#Room[data-reflection="trees"] .Disc.Avatar .Front:before { background-image:url(/Static/Images/Ceiling/trees.jpg); }
#Room[data-reflection="dirt"] .Disc.Avatar .Front:before { background-image:url(/Static/Images/Ceiling/dirt.png); }
#Room[data-reflection="wrinkles"] .Disc.Avatar .Front:before { background-image:url(/Static/Images/Ceiling/wrinkles.png); }
#Room[data-reflection="indistinct"] .Disc.Avatar .Front:before { background-image:url(/Static/Images/Ceiling/indistinct.jpg); }
#Room[data-reflection="studio"] .Disc.Avatar .Front:before { background-image:url(/Static/Images/Ceiling/studio.jpg); }
#Room[data-reflection="darktolight"] .Disc.Avatar .Front:before { background-image:url(/Static/Images/Ceiling/darktolight.jpg); }
#Room[data-reflection="lighttodark"] .Disc.Avatar .Front:before { background-image:url(/Static/Images/Ceiling/lighttodark.jpg); }
#Room[data-reflection="redtoblue"] .Disc.Avatar .Front:before { background-image:url(/Static/Images/Ceiling/redtoblue.jpg); }
#Room[data-reflection="lighten"] .Disc.Avatar .Front:before { background-image:url(/Static/Images/Ceiling/lighten.jpg); }
#Room[data-reflection="darken"] .Disc.Avatar .Front:before { background-image:url(/Static/Images/Ceiling/darken.jpg); }
#Room[data-reflection="dilate"] .Disc.Avatar .Front:before { background-image:url(/Static/Images/Ceiling/dilate.png); }

#Room[data-avatarreflectivity="0"] .Disc.Avatar .Front:before { opacity:0; }
#Room[data-avatarreflectivity="5"] .Disc.Avatar .Front:before { opacity:.05; }
#Room[data-avatarreflectivity="10"] .Disc.Avatar .Front:before { opacity:.1; }
#Room[data-avatarreflectivity="15"] .Disc.Avatar .Front:before { opacity:.15; }
#Room[data-avatarreflectivity="20"] .Disc.Avatar .Front:before { opacity:.2; }
#Room[data-avatarreflectivity="25"] .Disc.Avatar .Front:before { opacity:.25; }
#Room[data-avatarreflectivity="30"] .Disc.Avatar .Front:before { opacity:.3; }
#Room[data-avatarreflectivity="35"] .Disc.Avatar .Front:before { opacity:.35; }
#Room[data-avatarreflectivity="40"] .Disc.Avatar .Front:before { opacity:.4; }
#Room[data-avatarreflectivity="45"] .Disc.Avatar .Front:before { opacity:.45; }
#Room[data-avatarreflectivity="50"] .Disc.Avatar .Front:before { opacity:.5; }
#Room[data-avatarreflectivity="55"] .Disc.Avatar .Front:before { opacity:.55; }
#Room[data-avatarreflectivity="60"] .Disc.Avatar .Front:before { opacity:.6; }
#Room[data-avatarreflectivity="65"] .Disc.Avatar .Front:before { opacity:.65; }
#Room[data-avatarreflectivity="70"] .Disc.Avatar .Front:before { opacity:.7; }

.Disc.Avatar.Mute .Front:after {
    content:"";
    display:block;
    position:absolute;
    width:1.5em;
    height:1.5em;
    left:auto;
    right:.2em;
    top:auto;
    bottom:.2em;
    background-image:url(/Static/Images/mute.svg);
    background-position: 50% 50%;
    background-size:100% 100%;
    background-repeat:no-repeat;
}

.Disc.Avatar.Mute.Black .Front:after {
    background-image:url(/Static/Images/muteWhite.svg);
}

#Places[data-plaqueradius="99"] .Disc.Avatar.Mute .Front:after { right:.7em; }

.Disc.Avatar.Swap.Mute .Front:after {
    right:auto;
    left:.2em;
}

#Places[data-plaqueradius="99"] .Disc.Avatar.Swap.Mute .Front:after { left:.7em; }

.Disc.Avatar.Fire:after {
    content:"";
    display:block;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-color:black;
    background-image:url(/Static/Images/Textures/fire.gif);
    background-position:50% 50%;
    background-repeat:repeat-x;
    background-size:auto 100%;
    border-radius:.5em;
}

#Places[data-plaqueradius="0"] .Disc.Avatar.Fire:after { border-radius:0; }
#Places[data-plaqueradius="99"] .Disc.Avatar.Fire:after { border-radius:2em; }

.Disc.Avatar .Front {
    background-color:#a0a0a0;
    background-image:url(/Static/Images/Textures/clearmaple.jpg);
    background-position:0% 0%;
    background-repeat:repeat;
    background-size:150% 600%;
    box-shadow:inset 1px 1px 1px rgba(255,241,224,.3),inset -1px -1px 1px rgba(31,14,0,.4);
    border-radius:.5em;
    box-sizing:content-box;
}

.Disc.Avatar.Black .Front {
    background-color:#151515;
    background-size:100% 100%;
    border:.2em solid #808080;
    background-image:linear-gradient(to bottom, #202020 0%, #060606 100%) !important;
}

.Disc.Avatar.Winner .Front, .Disc.Avatar.Black.Winner .Front {
    background-image: url(/Static/Images/Textures/confetti.gif) !important;
    background-size: 100% 100%;
}

#Places .Place.Active .Disc.Avatar.Black .Front {
    border-color:orange;
    transition:border-color .5s;
}

#Places[data-plaqueradius="0"] .Disc.Avatar .Front { border-radius:0; }
#Places[data-plaqueradius="99"] .Disc.Avatar .Front { border-radius:2em; }

.Disc.Avatar.Active:hover .Front {
    box-shadow:inset 1px 1px 1px rgba(255,241,224,.8),inset -1px -1px 1px rgba(31,14,0,.9);
}


.Disc.Avatar.Burned .Front {
    filter: brightness(50%);
}

.Place:nth-child(2n) .Disc.Avatar .Front{ background-position:25% 25%; }
.Place:nth-child(3n) .Disc.Avatar .Front{ background-position:50% 50%; }
.Place:nth-child(4n) .Disc.Avatar .Front{ background-position:75% 75%; }
.Place:nth-child(5n) .Disc.Avatar .Front{ background-position:100% 100%; }

.Disc.Avatar .Username {
    display:block;
    position:absolute;
    width:6.5em;
    height:1.1em;
    line-height:1.1;
    left:2.6em;
    top:.15em;
    text-align:center;
    font-size:1.7em;
    color:rgba(31,14,0,.7);
    text-shadow:1px 1px 1px rgba(255,241,224,.4), -1px -1px 1px rgba(31,14,0,.5);
    transition:background-color .5s;
    border-radius:.1em;
    overflow:hidden;
}

#Places[data-plaqueradius="99"] .Disc.Avatar .Username {
    width:6.7em;
    border-top-right-radius:1.1em;
    border-top-left-radius:.1em;
}

.Disc.Avatar.Swap .Username {
    left:auto;
    right:2.6em;
    border-top-right-radius:.1em;
}

#Places[data-plaqueradius="99"] .Disc.Avatar.Swap .Username {
    width:6.7em;
    border-top-right-radius:.1em;
    border-top-left-radius:1.1em;
}

#Places .Place.Active .Username {
    background-color:rgba(255,241,224,.6);
    color:black;
}

#Places .Place.Active .Disc.Avatar.Black .Username {
    background-color:rgba(255,241,224,.2);
}

.Disc.Avatar .Name {
    display:block;
    position:absolute;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    left:0;
    right:0;
    top:0;
    bottom:0;
    font-size:1em;
    line-height:1.1;
    text-align:center;
    color:rgba(31,14,0,.9);
    text-shadow:1px 1px 1px rgba(255,241,224,.5), -1px -1px 1px rgba(31,14,0,.4);
}

.Disc.Avatar.Black .Name {
    color:rgba(255,255,255,.9);
    text-shadow:none;
}

#Places .Place.Active .Disc.Avatar.Black .Name {
    color:white;
}


#Places .Place[data-toprow="true"] .Name {
    color:rgba(0,0,0,1);
    text-shadow:1px 1px 3px rgba(255,241,224,.5);
}

#Places .Place[data-toprow="true"] .Disc.Avatar.Black .Name {
    color:rgba(255,255,255,1);
    text-shadow:none;
}


#Places .Place.Active .Name {
    text-shadow:none;
}

.Disc.Avatar .Progress {
    display:none;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    background-color:#00C000;
    width:0;
    font-size:1em;
    border-radius:.1em;
}

#Places .Place.Active .Progress {
    display:block;
}


.Disc.Avatar .Amount {
    display:block;
    position:absolute;
    width:7.4em;
    height:1.2em;
    line-height:1.2;
    left:2.9em;
    top:1.45em;
    text-align:center;
    font-size:1.5em;
    color:rgba(31,14,0,.9);
    text-shadow:1px 1px 1px rgba(255,241,224,.5), -1px -1px 1px rgba(31,14,0,.4);
}

.Disc.Avatar.Black .Amount {
    color:rgba(255,255,255,.9);
    text-shadow:none;
}

.Disc.Avatar.Swap .Amount {
    left:auto;
    right:2.9em;
}

#Places .Place[data-toprow="true"] .Amount {
    color:rgba(0,0,0,1);
    text-shadow:1px 1px 3px rgba(255,241,224,.5);
}

#Places .Place[data-toprow="true"] .Disc.Avatar.Black .Amount {
    color:rgba(255,255,255,1);
    text-shadow:none;
}

.Disc.Avatar .Amount.Good {
    color:#008000;
}

.Disc.Avatar .Amount.Bad {
    color:#a00000;
}


.Disc.Avatar .Back {
    border-radius:.5em;
    background:rgba(0,0,0,.7);
    border-radius:.5em;
    box-sizing:border-box;
}

#Places[data-plaqueradius="0"] .Disc.Avatar .Back { border-radius:0; }
#Places[data-plaqueradius="99"] .Disc.Avatar .Back { border-radius:2em; }

#Places.Free .Disc.Avatar .Back {
    display:none;
}

.Disc.Avatar.Active:hover .Back {
    background:rgba(0,0,0,.9);
}

.Disc.Avatar .Front .Image {
    display:block;
    position:absolute;
    left:.2em;
    top:.2em;
    width:3.6em;
    height:3.6em;
    background-image:url(/Static/Images/Avatars/Sample.png);
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
    box-shadow:inset 2px 2px 2px rgba(255,241,224,.5), inset -2px -2px 2px rgba(31,14,0,.5), 1px 2px 2px rgba(31,14,0,.4);
    border-radius:.2em;
}

.Disc.Avatar.Black .Front .Image {
    background-color:transparent;
    box-shadow:none;
}


#Places[data-plaqueradius="99"] .Disc.Avatar .Front .Image {
    left:0;
    top:0;
    width:4em;
    height:4em;
    background-size:100%;
    box-shadow:inset 2px 2px 2px rgba(255,241,224,.7), inset -2px -2px 2px rgba(31,14,0,.7), 1px 2px 2px rgba(31,14,0,.4);
    border-radius:2em;
}

#Places[data-plaqueradius="99"] .Disc.Avatar.Black .Front .Image {
    left:.2em;
    top:.2em;
}


#Places[data-plaqueradius="99"] .Disc.Avatar.Black .Front .Image {
    background-color:transparent;
    width:3.6em;
    height:3.6em;
    box-shadow:none;
}

.Disc.Avatar.Swap .Front .Image {
    left:auto;
    right:.2em;
}

#Places[data-plaqueradius="99"] .Disc.Avatar.Swap .Front .Image {
    left:auto;
    right:0;
}


#Places .Place[data-toprow="true"] .Disc.Avatar .Front .Image {
    box-shadow:inset 1px 1px 1px rgba(255,241,224,.6), inset -1px -1px 1px rgba(31,14,0,.5), 1px 2px 2px rgba(31,14,0,.5);
}

#Places .Place[data-toprow="true"] .Disc.Avatar.Black .Front .Image {
    box-shadow:none;
}

.Disc.Avatar .Front .Image.Active {
    cursor:pointer;
}

.Disc.Avatar .Front .Image.Active:hover {
    box-shadow:inset 2px 2px 2px rgba(255,241,224,.6), inset -2px -2px 2px rgba(31,14,0,.7), 1px 2px 2px rgba(31,14,0,.5);
}

.Disc.Avatar[data-color="purple"] .Front .Image { background-color:#9900CC !important;}
.Disc.Avatar[data-color="blue"] .Front .Image { background-color:#0000FF !important; }
.Disc.Avatar[data-color="green"] .Front .Image { background-color:#33CC33 !important; }
.Disc.Avatar[data-color="yellow"] .Front .Image { background-color:#FFFF00 !important; }
.Disc.Avatar[data-color="orange"] .Front .Image { background-color:#FF9900 !important; }
.Disc.Avatar[data-color="red"] .Front .Image { background-color:#FF0000 !important; }

.Menu .Cards .Card {
    display:inline-block;
    position:relative;
    font-size:.7em;
    margin-right:1em;
    vertical-align:middle;
    cursor:pointer;
}

.Menu .Cards .Card .Face {
    background-color:#f0f0f0;
    background-image:none;
    border:2px solid #000000;
}

.Menu .Cards .Card.Flash .Face {
    border:2px solid #800000;
}

.Menu .Cards .Card.Selected .Face {
    background-color:#ff9090;
    background-image:none;
    border:2px solid #800000;
    -webkit-animation: w-selectedcard 1.5s 0s linear infinite alternate;
    -moz-animation: m-selectedcard 1.5s 0s linear infinite alternate;
    animation: selectedcard 1.5s 0s linear infinite alternate;
    background: linear-gradient(to top left, #ff9090 calc(50% - 4px), #800000, #ff9090 calc(50% + 4px) )
}

@-webkit-keyframes w-selectedcard {
    0% { border-color:white}
    25% { border-color: #800000; }
    50% { border-color: white;}
    75% { border-color: #800000; }
    100% { border-color: white; }
}

@-moz-keyframes m-selectedcard {
    0% { border-color:white}
    25% { border-color: #800000; }
    50% { border-color: white;}
    75% { border-color: #800000; }
    100% { border-color: white; }
}

@keyframes selectedcard {
    0% { border-color:white}
    25% { border-color: #800000; }
    50% { border-color: white;}
    75% { border-color: #800000; }
    100% { border-color: white; }
}


ul.HistoryList li .cardSummary {
    display:inline-block;
    background-color:#e4e4e4;
    border:1px solid black;
    color:black;
    margin-right:.2em;
    vertical-align:middle;
    border-radius:.25em;
    text-align:center;
    width:2.5em;
    white-space: nowrap;
    overflow: hidden;
    text-wrap:none;
    box-shadow:1px 1px 1px black;
}

ul.HistoryList li .cardSummary span {
    font-weight:bold;
    vertical-align:middle;
}

ul.HistoryList li .cardSummary svg {
    vertical-align:middle;
    width:1em;
    height:1em;
    fill:black;
}

ul.HistoryList li .cardSummary[data-suit="Diamond"] svg {
    fill:red;
}

[data-cardcolors="2"] ul.HistoryList li .cardSummary[data-suit="Club"] span { color:#090A0C; }
[data-cardcolors="2"] ul.HistoryList li .cardSummary[data-suit="Spade"] span { color:#090A0C; }
[data-cardcolors="2"] ul.HistoryList li .cardSummary[data-suit="Diamond"] span { color:#D70101; }
[data-cardcolors="2"] ul.HistoryList li .cardSummary[data-suit="Heart"] span { color:#D70101; }
[data-cardcolors="4"] ul.HistoryList li .cardSummary[data-suit="Club"] span { color:#008000; }
[data-cardcolors="4"] ul.HistoryList li .cardSummary[data-suit="Spade"] span { color:#090A0C; }
[data-cardcolors="4"] ul.HistoryList li .cardSummary[data-suit="Diamond"] span { color:#0000ff; }
[data-cardcolors="4"] ul.HistoryList li .cardSummary[data-suit="Heart"] span { color:#D70101; }


[data-cardcolors="2"] ul.HistoryList li .cardSummary[data-suit="Club"] svg { fill:#090A0C; }
[data-cardcolors="2"] ul.HistoryList li .cardSummary[data-suit="Spade"] svg { fill:#090A0C; }
[data-cardcolors="2"] ul.HistoryList li .cardSummary[data-suit="Diamond"] svg { fill:#D70101; }
[data-cardcolors="2"] ul.HistoryList li .cardSummary[data-suit="Heart"] svg { fill:#D70101; }
[data-cardcolors="4"] ul.HistoryList li .cardSummary[data-suit="Club"] svg { fill:#008000; }
[data-cardcolors="4"] ul.HistoryList li .cardSummary[data-suit="Spade"] svg { fill:#090A0C; }
[data-cardcolors="4"] ul.HistoryList li .cardSummary[data-suit="Diamond"] svg { fill:#0000ff; }
[data-cardcolors="4"] ul.HistoryList li .cardSummary[data-suit="Heart"] svg { fill:#D70101; }