#map_container{position:relative;width:100%;height:75vh;overflow:hidden}#map_scrollable,#map_scrollable_oversurface{position:absolute;top:205px;left:315px}#map_surface{position:absolute;top:0;left:0;width:100%;height:100%;cursor:move}#map_footer{text-align:center}#movedown,#moveleft,#moveright,#movetop{display:block;position:absolute;background-image:url(../../../img/common/arrows.png);width:32px;height:32px}#movetop{top:0;left:50%;background-position:0 32px}#moveleft{top:50%;left:0;background-position:32px 0}#moveright{top:50%;right:0;background-position:0 0}#movedown{bottom:0;left:50%;background-position:32px 32px}.emptytile{position:absolute;border:5px dashed #e61818;background:rgba(230,24,24,.5);width:290px;height:290px;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}.emptytile:hover{background:#e61818;cursor:pointer}.fakeplace{height:0;visibility:hidden}.panelholder{margin-top:15px;position:relative;width:100%;display:inline-block;pointer-events:none}.compositecontainer{width:300px;height:300px;position:absolute;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;overflow:hidden;-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}.paneltilewrapper{position:relative;display:inline-block;width:45px;height:45px;pointer-events:all}.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;width:140px;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}.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{position:absolute;width:300px;height:300px}.compositeholder{top:0;left:0;background-image:url(img/tileelements2.png)}.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);width:300px;height:300px;position:absolute;left:0;top:0}.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{width:169px;height:169px;background-position:-3010px 0;-webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6)}.goldcoin{background-position:-3222px -30px}.goldcoin,.silvercoin{width:150px;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}.silvercoin{background-position:-3413px 0}.spade{width:62px;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;background-position:-3566px 1px}.tokenholder{pointer-events:all;width:100%;display:inline-block;margin:10px}.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{margin-left:34px;width:40px;height:40px;text-align:center;line-height:40px;font-size:28px}.selector{width:65px;height:65px;background-image:url(img/selector_new.png);background-size:cover;position:absolute;cursor:pointer;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-animation-name:selector-glow;animation-name:selector-glow;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-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{width:145px;height:145px;pointer-events:none;background-image:url(img/otherelements4.png);background-size:1650px;position:absolute;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;z-index:2;-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);background-position-y:8px}.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{width:85px;height:85px;position:absolute;cursor:pointer;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;z-index:3;border-radius:50%}.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{position:absolute;width:300px;height:300px;opacity:.5;background-color:#ff0;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;border-radius:50%;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;z-index:5;font-size:1em}.cancelscale{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.hintwrap{position:absolute;top:40px;right:40px;z-index:20}.hint{display:inline}.hintline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.hintline:before{content:"";width:30px;-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;border-bottom:2px solid #000;margin:auto}.hintRed:before{border-bottom:2px solid #da221b}.hintOrange:before{border-bottom:2px solid #e98f08}.hintGreen:before{border-bottom:2px solid #93d615}.lastmove{width:280px;height:280px;position:absolute;z-index:15;display:block;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;pointer-events:none}.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{width:25px;height: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{width:260px;height:180px;background-position:-240px 0}.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{width:150px;height:125px;background-position:0 0;background-size:350px}.pitchfork{background-image:url(img/pitchforksprite-min.png);pointer-events:none;width:83px;height:137px;background-size:415px;position:absolute;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;z-index:20;-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)}.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%;width:20px;height:40px;margin:0 auto}.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{width:0;height:0;border:0;visibility:hidden}.tokenholderitem,.tokenholderitempitchfork{width:40px;height:40px;display:inline-block;background-color:#faebd7;border:2px dashed #bc8f8f}.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{width:85%;margin-left:8%;height:auto;pointer-events:all}.tipindicator:first-child{margin-right:35px}.tipcounter{margin-left:45px;width:31px;height:35px;text-align:start;line-height:52px;font-size:14px}.tipindicator{background-image:url(img/flyfrogsprite.png);background-size:cover;display:inline-block}.flytip{width:53px;height:35px;background-position:-242px 0}.frogtip{width:45px;height:35px;background-position:0 0}.flyfrogcounter{top:162px;right:40px;text-align:end;padding:0 10px 0 0}.hidden{visibility:hidden;height:0}.tiprow{top:-10px;margin-left:5px}.tiprow,.tipspade{display:inline-block;position:relative}.tipspade{border-radius:50%;width:25px;height:25px;background-size:6010%;background-position:-1364px 1px}.tipspade.red{border:2px solid #da221b}.tipspade.orange{border:2px solid #e98f08}.tipspade.green{border:2px solid #93d615}.zoomcontainer{width:200px;height:10px;position:absolute;left:5%;top:2%;z-index:20;margin:0}.sliderwraper{left:40%;top:-35%;height:50px;width:50px}.slider,.sliderwraper{position:absolute;z-index:20}.slider{height:25px;width:25px;background-color:#93d615;border-radius:50%;top:50%;left:50%;margin:-12px 0 0 -12px}.zoomline{width:90%;margin:0 auto;height:2px;background-color:#000;top:36%;left:-3%;position:relative;font-size:x-large}.zoomline:after{content:"+";position:absolute;left:105%;top:-650%}.zoomline:before{content:"-   ";position:absolute;left:-6%;top:-750%}.hiddenunlesstouchdevice{visibility:hidden;width:0;height:0}#hidebutton{left:45%;top:-1%;position:absolute}