#container,#container>*,#gSpeed,.spawner,.spawner-container{position:absolute}body{font-family:Arial;background-color:#222221;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:default}#container{width:640px;height:480px;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#fff}canvas{left:0;top:0;background:0 0}#staticCanvas{background-color:#08b504;z-index:-1}button{cursor:pointer}button:disabled{cursor:auto}.hide{display:none!important}.top-bar{font-size:14px;background:#333331;color:gold;left:0;top:-28px;padding:5px;width:100%;box-sizing:border-box;height:30px}.top-bar div{display:inline-block;line-height:20px;border-right:1px solid gold}.top-bar span{color:#fff}.money{width:71px;padding-right:28px}.income,.lives,.waves{padding:0 28px 0 25px}.income{width:92px}#gSpeed{right:14px;top:-26px}#gSpeed button{width:0;height:0;border:10px solid transparent;border-right-width:0;border-left-color:#fff;background:0 0;padding:0;margin:0}#desc,#isBuilding{padding-bottom:10px}#gSpeed button.current{border-left-color:gold}.spawner-container.selected .spawner-upgrade{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1)}.spawner-container.selected .spawner-upgrade.footman{left:-20px;top:-20px}.spawner-container.selected .spawner-upgrade.paladin{left:40px;top:-20px}.spawner-container.selected .spawner-upgrade.wizard{left:50px;top:10px}.spawner{border-radius:50%;background:#fdfdfd;border:1px solid #000;width:40px;height:40px;z-index:2}.spawner:before{content:'∏';font-size:20px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}#card:before,.footman:before,.paladin:before,.tower:after,.tower:before,.wizard:before{content:'';position:absolute}.spawner .selected,.spawner:focus,.spawner:hover{background:#eaeaea}.footman:before,.paladin:before,.wizard:before{left:0;right:0;bottom:0;top:0;transform:inherit;background-size:50%}.footman{background:#4d4dff}.footman:focus,.footman:hover{background:#99f}.footman:before{background:url(imgs/footman.png) center no-repeat}.paladin{background:grey}.paladin:focus,.paladin:hover{background:#a6a6a6}.paladin:before{background:url(imgs/paladin.png) center no-repeat}.wizard{background:purple}.wizard:focus,.wizard:hover{background:#f300f3}.wizard:before{background:url(imgs/wizard.png) center no-repeat}.spawner-upgrade{position:absolute;border-radius:50%;border:1px solid transparent;visibility:hidden;opacity:0;-webkit-transform:scale(.7);transform:scale(.7);transition:all .2s;width:20px;height:20px;left:25%;top:25%}#card{width:150px;background:rgba(51,51,49,.9);color:gold;font-size:12px;padding:10px;display:none;z-index:100}#card.show{display:block}#card span{color:#fff}#card:before{bottom:-8px;left:3px;background:rgba(51,51,51,.9);width:15px;height:15px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-clip-path:polygon(100% 100%,-5% 100%,100% -5%);clip-path:polygon(100% 100%,-5% 100%,100% -5%)}#card.top:before{top:-7px;bottom:auto;-webkit-clip-path:polygon(0 0,-5% 100%,100% -5%);clip-path:polygon(0 0,-5% 100%,100% -5%)}#card.right:before{right:3px;left:auto}#card .g{color:gold}#card .w,#title{color:#fff}#title{display:inline-block}#gKey,#gLevels{color:gold;display:inline}#isBuilding{color:gold}.upgrades{padding-top:10px;margin-top:10px;border-top:1px solid}#sendWave{font-size:16px;font-weight:700;height:40px;background:gold;color:#333331;border:1px solid #666662;bottom:0;right:0;width:75px}#sendWave:disabled{background:#9b9b96;color:grey}#sendWave:active{background:#000;color:gold}.tower{position:absolute;width:40px;height:40px;cursor:pointer;border-radius:25%;border:none;margin:0;padding:0}.cant-afford,.completed{cursor:auto}.tower:after,.tower:before{display:block;top:50%;left:50%;transform:translate(-50%,-50%)}.tower.selected+.tower-range{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1)}.tower.is-building{opacity:.5}.tower-range{position:absolute;visibility:hidden;border-radius:100%;opacity:0;-webkit-transform:scale(.7);transform:scale(.7);transition:all .2s;border:1px solid transparent}.arrow,.magic,.magic:before{border-radius:50%}.arrow{background-color:#d3d3d3;box-shadow:0 0 0 4px grey;width:32px;height:32px}.arrow:after,.arrow:before{width:5px;height:5px;box-shadow:0 -18px 0 0 #dadada,0 18px 0 0 #dadada,18px 0 0 0 #dadada,-18px 0 0 0 #dadada}.arrow:before{transform:translate(-50%,-50%) rotate(45deg)}.arrow+.tower-range{background:rgba(211,211,211,.5);border-color:grey}.magic{background-color:#d3d3d3;box-shadow:0 0 0 4px grey;width:32px;height:32px}.magic:before{width:24px;height:24px;border:1px solid purple;background-image:radial-gradient(circle,purple,#7318f3)}.magic:after{width:5px;height:5px;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 -18px 0 0 #dadada,0 18px 0 0 #dadada,18px 0 0 0 #dadada,-18px 0 0 0 #dadada}.cant-afford:before,.sell:before{position:absolute;left:0;right:0;top:0;bottom:0;font-size:16px}.magic+.tower-range{background:rgba(128,0,128,.5);border-color:purple}.cannon{background-color:#d3d3d3;box-shadow:0 0 0 4px grey;width:32px;height:32px}.cannon:after,.cannon:before{height:5px;box-shadow:0 -18px 0 0 #dadada,0 18px 0 0 #dadada,18px 0 0 0 #dadada,-18px 0 0 0 #dadada}.cannon:before{width:1px;transform:translate(-50%,-50%) rotate(45deg)}.cannon:after{width:5px}.cannon+.tower-range{background:rgba(51,51,49,.5);border-color:#333331}.cant-afford,.cant-afford:focus,.cant-afford:hover{background:#000}.cant-afford:before{content:'X';color:#fff}.sell{color:gold;background:green}.sell:before{content:'$';background:0 0}.sell:focus,.sell:hover{background:#00b300}