#map_container{height:75vh;overflow:hidden;position:relative;width:100%}#map_scrollable,#map_scrollable_oversurface{left:315px;position:absolute;top:205px}#map_surface{cursor:move;height:100%;left:0;position:absolute;top:0;width:100%}#map_footer{text-align:center}#movedown,#moveleft,#moveright,#movetop{background-image:url(../../../img/common/arrows.png);display:block;height:32px;position:absolute;width:32px}#movetop{background-position:0 32px;left:50%;top:0}#moveleft{background-position:32px 0;left:0;top:50%}#moveright{background-position:0 0;right:0;top:50%}#movedown{background-position:32px 32px;bottom:0;left:50%}.emptytile{background:rgba(230,24,24,.5);border:5px dashed #e61818;height:290px;position:absolute;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;width:290px}.emptytile:hover{background:#e61818;cursor:pointer}.fakeplace{height:0;visibility:hidden}.panelholder{display:inline-block;margin-top:15px;pointer-events:none;position:relative;width:100%}.compositecontainer{-webkit-box-shadow:0 0 4px #222,0 0 4px #222,0 0 4px #222,0 0 4px #222;box-shadow:0 0 4px #222,0 0 4px #222,0 0 4px #222,0 0 4px #222;height:300px;overflow:hidden;position:absolute;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;width:300px}.paneltilewrapper{display:inline-block;height:45px;pointer-events:all;position:relative;width:45px}.panelholder .paneltilewrapper{margin-left:10%}.action-button>*{pointer-events:none!important}.invisible{visibility:hidden}.selection{-webkit-box-shadow:0 0 0 6px red;box-shadow:0 0 0 6px red}.tiletooltip{display:inline-block;height:70px;position:relative;-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;width:140px}.rotatemark{background-image:url(img/rotate.png);background-size:cover;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}.compositeholder,.rotatemark{height:300px;position:absolute;width:300px}.compositeholder{background-image:url(img/tileelements2.png);left:0;top:0}.compositeQ1{left:0;top:0}.compositeQ2{left:150px;top:0}.compositeQ3{left:0;top:150px}.compositeQ4{left:150px;top:150px}.rotation0{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.rotation1{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.rotation2{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.rotation3{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.g1{background-position:0}.g2{background-position:-302px}.s1{background-position:-604px}.s2{background-position:-3020px}.snake{background-image:url(img/tileelements2.png);height:300px;left:0;position:absolute;top:0;width:300px}.blue1{background-position:-906px}.blue2{background-position:-1208px}.blue3{background-position:-1510px}.blue4{background-position:-1812px}.blue5{background-position:-2114px}.blue6{background-position:-2416px}.blue7{background-position:-2718px}.orange1{background-position:-3322px}.orange2{background-position:-3624px}.orange3{background-position:-3926px}.orange4{background-position:-4228px}.orange5{background-position:-4530px}.orange6{background-position:-4832px}.black1{background-position:-5134px}.black2{background-position:-5436px}.black3{background-position:-5738px}.black4{background-position:-6040px}.black5{background-position:-6342px}.black6{background-position:-6644px}.black7{background-position:-6946px}.tileelement{background-image:url(img/otherelements4.png);position:absolute}.flower{background-position:-3010px 0;height:169px;-webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6);width:169px}.goldcoin{background-position:-3222px -30px}.goldcoin,.silvercoin{height:150px;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;width:150px}.silvercoin{background-position:-3413px 0}.spade{background-position:-3566px 1px;height:62px;-webkit-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;width:62px}.tokenholder{display:inline-block;margin:10px;pointer-events:all;width:100%}.boottoken{background-image:url(img/otherelements4.png);background-size:1250%}.boottoken.c000000{background-position-x:0}.boottoken.cffffff{background-position-x:-156px}.boottoken.cff0000{background-position-x:-230px}.boottoken.cffa500{background-position-x:-302px}.spadetoken{background-image:url(img/otherelements4.png);background-position-x:-1464px;background-size:1250%}.tokencounter{font-size:28px;height:40px;line-height:40px;margin-left:34px;text-align:center;width:40px}.selector{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:selector-glow;animation-name:selector-glow;background-image:url(img/selector_new.png);background-size:cover;cursor:pointer;height:65px;position:absolute;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;width:65px}@-webkit-keyframes selector-glow{0%{-webkit-filter:drop-shadow(0 0 1px #7030a0) drop-shadow(0 0 1px #7030a0) drop-shadow(0 0 1px #7030a0) drop-shadow(0 0 1px #7030a0);filter:drop-shadow(0 0 1px rgb(112,48,160)) drop-shadow(0 0 1px rgb(112,48,160)) drop-shadow(0 0 1px rgb(112,48,160)) drop-shadow(0 0 1px rgb(112,48,160))}50%{-webkit-filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff);filter:drop-shadow(0 0 1px white) drop-shadow(0 0 1px white) drop-shadow(0 0 1px white) drop-shadow(0 0 1px white)}to{-webkit-filter:drop-shadow(0 0 1px #7030a0) drop-shadow(0 0 1px #7030a0) drop-shadow(0 0 1px #7030a0) drop-shadow(0 0 1px #7030a0);filter:drop-shadow(0 0 1px rgb(112,48,160)) drop-shadow(0 0 1px rgb(112,48,160)) drop-shadow(0 0 1px rgb(112,48,160)) drop-shadow(0 0 1px rgb(112,48,160))}}@keyframes selector-glow{0%{-webkit-filter:drop-shadow(0 0 1px #7030a0) drop-shadow(0 0 1px #7030a0) drop-shadow(0 0 1px #7030a0) drop-shadow(0 0 1px #7030a0);filter:drop-shadow(0 0 1px rgb(112,48,160)) drop-shadow(0 0 1px rgb(112,48,160)) drop-shadow(0 0 1px rgb(112,48,160)) drop-shadow(0 0 1px rgb(112,48,160))}50%{-webkit-filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff);filter:drop-shadow(0 0 1px white) drop-shadow(0 0 1px white) drop-shadow(0 0 1px white) drop-shadow(0 0 1px white)}to{-webkit-filter:drop-shadow(0 0 1px #7030a0) drop-shadow(0 0 1px #7030a0) drop-shadow(0 0 1px #7030a0) drop-shadow(0 0 1px #7030a0);filter:drop-shadow(0 0 1px rgb(112,48,160)) drop-shadow(0 0 1px rgb(112,48,160)) drop-shadow(0 0 1px rgb(112,48,160)) drop-shadow(0 0 1px rgb(112,48,160))}}.wellyboot{background-image:url(img/otherelements4.png);background-position-y:8px;background-size:1650px;-webkit-filter:drop-shadow(2px 2px 1px #ff0) drop-shadow(-2px -2px 1px #ff0) drop-shadow(-2px 2px 1px #ff0) drop-shadow(2px -2px 1px #ff0);filter:drop-shadow(2px 2px 1px yellow) drop-shadow(-2px -2px 1px yellow) drop-shadow(-2px 2px 1px yellow) drop-shadow(2px -2px 1px yellow);height:145px;pointer-events:none;position:absolute;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;width:145px;z-index:2}.wellyboot.c000000{background-position-x:0}.wellyboot.cffffff{background-position-x:-492px}.wellyboot.cff0000{background-position-x:-748px}.wellyboot.cffa500{background-position-x:-990px}.spadeselector{border-radius:50%;cursor:pointer;height:85px;position:absolute;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;width:85px;z-index:3}.spadeselector.flip3{border:10px solid #da221b}.spadeselector.flip2{border:10px solid #e98f08}.spadeselector.flip1{border:10px solid #93d615}.flip3:hover{background-color:rgba(218,34,27,.4)}.flip2:hover{background-color:rgba(233,143,8,.4)}.flip1:hover{background-color:rgba(147,214,21,.4)}.tilecounter{position:absolute;right:40px;z-index:20}.snakehighligth{-webkit-filter:drop-shadow(4px 4px 0 #ff0) drop-shadow(-4px -4px 0 #ff0) drop-shadow(4px -4px 0 #ff0) drop-shadow(-4px 4px 0 #ff0);filter:drop-shadow(4px 4px 0 yellow) drop-shadow(-4px -4px 0 yellow) drop-shadow(4px -4px 0 yellow) drop-shadow(-4px 4px 0 yellow)}.bulgescore{background-color:#ff0;border-radius:50%;height:300px;opacity:.5;position:absolute;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;width:300px;z-index:2}.bulgescore.sandpatch{background-color:#7cfc00}.elementborder{border:8px solid #ff0;border-radius:50%;z-index:20}.elementborder.sandpatch{border:8px solid #7cfc00}.scorenumber{font-size:2em;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}.scorenumber.yellowcolor{color:#ff0!important;z-index:5}.scorenumber.blackcolor{color:#000!important;font-size:1em;z-index:5}.cancelscale{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.hintwrap{position:absolute;right:40px;top:40px;z-index:20}.hint{display:inline}.hintline{-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.hintline:before{-webkit-box-flex:1;border-bottom:2px solid #000;content:"";-ms-flex:1 1;flex:1 1;margin:auto;width:30px}.hintRed:before{border-bottom:2px solid #da221b}.hintOrange:before{border-bottom:2px solid #e98f08}.hintGreen:before{border-bottom:2px solid #93d615}.lastmove{display:block;height:280px;pointer-events:none;position:absolute;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;width:280px;z-index:15}.lastmove.c000000{border:10px dashed #000}.lastmove.cffffff{border:10px dashed #fff}.lastmove.cff0000{border:10px dashed red}.lastmove.cffa500{border:10px dashed orange}.lastmove.invisible{visibility:hidden}.logtile{height:25px;width:25px}.highligther{-webkit-filter:drop-shadow(2px 2px 1px #ff0) drop-shadow(-2px -2px 1px #ff0) drop-shadow(-2px 2px 1px #ff0) drop-shadow(2px -2px 1px #ff0);filter:drop-shadow(2px 2px 1px yellow) drop-shadow(-2px -2px 1px yellow) drop-shadow(-2px 2px 1px yellow) drop-shadow(2px -2px 1px yellow)}.fly{background-position:-240px 0;height:180px;width:260px}.fly,.frog{background-image:url(img/flyfrogsprite.png);position:absolute;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;z-index:5}.frog{background-position:0 0;background-size:350px;height:125px;width:150px}.pitchfork{background-image:url(img/pitchforksprite-min.png);background-size:415px;-webkit-filter:drop-shadow(2px 2px 1px #ff0) drop-shadow(-2px -2px 1px #ff0) drop-shadow(-2px 2px 1px #ff0) drop-shadow(2px -2px 1px #ff0);filter:drop-shadow(2px 2px 1px yellow) drop-shadow(-2px -2px 1px yellow) drop-shadow(-2px 2px 1px yellow) drop-shadow(2px -2px 1px yellow);height:137px;pointer-events:none;position:absolute;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;width:83px;z-index:20}.pitchfork.c000000{background-position:0 0}.pitchfork.cff0000{background-position:-497px 0}.pitchfork.cffffff{background-position:-663px 0}.pitchfork.cffa500{background-position:-1162px 0}.pitchforktoken{background-image:url(img/pitchforksprite-min.png);background-size:592%;height:40px;margin:0 auto;width:20px}.pitchforktoken.c000000{background-position:0 0}.pitchforktoken.cffffff{background-position:-663px 0}.pitchforktoken.cff0000{background-position:-497px 0}.pitchforktoken.cffa500{background-position:-925px 0}.hiddenpitchfork{border:0;height:0;visibility:hidden;width:0}.tokenholderitem,.tokenholderitempitchfork{background-color:#faebd7;border:2px dashed #bc8f8f;display:inline-block;height:40px;width:40px}.tokenholderitem:first-child{margin-left:14%}.tokenholderitem:nth-child(2){margin-left:20%}.tokenholderitempitchfork:first-child{margin-left:4%}.tokenholderitempitchfork:nth-child(2){margin-left:8%}.tokenholderitempitchfork:nth-child(3){margin-left:12%}.pitchforkcounter{margin-left:24px}.tipholder{height:auto;margin-left:8%;pointer-events:all;width:85%}.tipindicator:first-child{margin-right:35px}.tipcounter{font-size:14px;height:35px;line-height:52px;margin-left:45px;text-align:start;width:31px}.tipindicator{background-image:url(img/flyfrogsprite.png);background-size:cover;display:inline-block}.flytip{background-position:-242px 0;height:35px;width:53px}.frogtip{background-position:0 0;height:35px;width:45px}.flyfrogcounter{padding:0 10px 0 0;right:40px;text-align:end;top:162px}.hidden{height:0;visibility:hidden}.tiprow{margin-left:5px;top:-10px}.tiprow,.tipspade{display:inline-block;position:relative}.tipspade{background-position:-1364px 1px;background-size:6010%;border-radius:50%;height:25px;width:25px}.tipspade.red{border:2px solid #da221b}.tipspade.orange{border:2px solid #e98f08}.tipspade.green{border:2px solid #93d615}.zoomcontainer{height:10px;left:5%;margin:0;position:absolute;top:2%;width:200px;z-index:20}.sliderwraper{height:50px;left:40%;top:-35%;width:50px}.slider,.sliderwraper{position:absolute;z-index:20}.slider{background-color:#93d615;border-radius:50%;height:25px;left:50%;margin:-12px 0 0 -12px;top:50%;width:25px}.zoomline{background-color:#000;font-size:x-large;height:2px;left:-3%;margin:0 auto;position:relative;top:36%;width:90%}.zoomline:after{content:"+";left:105%;position:absolute;top:-650%}.zoomline:before{content:"-   ";left:-6%;position:absolute;top:-750%}.hiddenunlesstouchdevice{height:0;visibility:hidden;width:0}#hidebutton{left:45%;position:absolute;top:-1%}