*,:after,:before{box-sizing:border-box;position:relative}.app-container,body,html{margin:0;font-family:Arial,sans-serif;text-align:center;width:100%;height:100%;-ms-interpolation-mode:nearest-neighbor;image-rendering:pixelated;image-rendering:-moz-crisp-edges;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;cursor:url(images/sir-clicksalot-2-1de5e75fddf13ff2ea34805593de242e.png) 12 0,auto;background:#111}.gold{position:absolute;width:20px;height:8px;-webkit-animation:goldDrop .3s linear;animation:goldDrop .3s linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.gold:before{content:'';display:block;position:absolute;top:-150%;left:-50%;width:200%;height:400%}.gold .inner:after,.gold .inner:before{content:'';display:block;position:absolute;top:0;left:0;width:20px;height:8px;background:gold}.gold .inner:after{-webkit-transform:rotate(11deg);transform:rotate(11deg);top:-13px;left:5px}.gold.grabbed .inner{width:100%;height:100%;transition:all .2s ease-out;-webkit-transform:translateY(-1200%);transform:translateY(-1200%);opacity:0}@-webkit-keyframes goldDrop{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-330%);transform:translateY(-330%)}100%{-webkit-transform:translateY(530%);transform:translateY(530%)}}@keyframes goldDrop{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-330%);transform:translateY(-330%)}100%{-webkit-transform:translateY(530%);transform:translateY(530%)}}.scan-lines{position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(transparent,transparent 3px,#bbb 3px,#bbb 6px);z-index:10000;opacity:1;mix-blend-mode:soft-light;pointer-events:none;background:repeating-linear-gradient(transparent,transparent 3px,#fff 3px,#fff 6px);mix-blend-mode:lighten;opacity:.14}.scan-lines-2{position:absolute;top:-3px;left:0;right:0;bottom:0;content:"";background:repeating-linear-gradient(transparent,transparent 3px,#333 3px,#333 6px);mix-blend-mode:multiply;z-index:10001;opacity:.1;pointer-events:none}.cobblestone{background:linear-gradient(135deg,#708090 22px,#d9ecff 22px,#d9ecff 24px,transparent 24px,transparent 67px,#d9ecff 67px,#d9ecff 69px,transparent 69px),linear-gradient(225deg,#708090 22px,#d9ecff 22px,#d9ecff 24px,transparent 24px,transparent 67px,#d9ecff 67px,#d9ecff 69px,transparent 69px);background-color:#708090;background-size:32px 33px}.game-title-screen{background:#111;position:absolute;top:0;left:0;bottom:0;right:0;z-index:1000;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.game-title-screen.hide{opacity:0;pointer-events:none}.game-title-screen .game-title{font-size:5vw;-webkit-transform:translateY(-30%);transform:translateY(-30%)}.game-title-screen .champs{display:flex;justify-content:center;align-items:center;width:100%}.game-title-screen .champs>div{margin:0 20px}.game-title-screen .champs .title-princess{width:calc(13px * 4);height:calc(25px * 4);background-image:url(images/princess-247529a488a31ee08bcf414701215165.png);background-size:cover}.game-title-screen .champs .title-swordy{position:absolute;-webkit-transform:translateX(-60vw);transform:translateX(-60vw)}.game-title-screen .champs .title-swordy>div>div{width:calc(15px * 4);height:calc(30px * 4);background-image:url(images/sir-clicksalot-f23c422f40b8483739321892c5d2650b.png);background-size:cover;-webkit-transform:rotateY(0);transform:rotateY(0)}.game-title-screen .champs .title-beardman{width:calc(8px * 7);height:calc(13px * 7);background-image:url(images/beardman-walk-40c118c29a1d49685217416c73c25d6c.png);background-size:cover}.game-title-screen .champs .title-horse{width:calc(5px * 15);height:calc(4px * 15);background-image:url(images/horse-sheet-1097607235d0afce0d14e29d556ffd77.gif);background-size:cover}.game-title-screen .champs .title-gnome{width:calc(7px * 8);height:calc(11px * 8);background-image:url(images/gnome-stand-bedb0cba1e7415f7f0d7758968a38539.gif);background-size:cover}.game-title-screen .champs .title-bot div{width:40px;height:50px;background:#4e4ee4}.game-title-screen .champs .title-bot div:before{content:'';position:absolute;top:10px;left:0;width:25px;height:5px;background:gold}.game-title-screen .champs .title-bot div:after{content:'';position:absolute;bottom:-10px;left:-8px;width:70px;height:20px;border-radius:30px;border:6px dashed gold}.game-title-screen .champs.fade>div{opacity:0;transition:opacity .6s linear}.game-title-screen .champs.fade>div.title-swordy{opacity:1;-webkit-animation:5.5s swordy-in ease-out;animation:5.5s swordy-in ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:4s;animation-delay:4s;transform:translateX(0)}.game-title-screen .champs.fade>div.title-swordy>div>div{-webkit-animation:.5s swordy-spins ease-in-out;animation:.5s swordy-spins ease-in-out;-webkit-animation-delay:6.5s;animation-delay:6.5s}@keyframes swordy-in{100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes swordy-spins{100%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}}@keyframes swordy-hop-in{100%{-webkit-transform:translateY(-40px);transform:translateY(-40px)}}.game-title-screen .champs.fade>div.title-beardman{transition-delay:1s}.game-title-screen .champs.fade>div.title-horse{transition-delay:2s}.game-title-screen .champs.fade>div.title-gnome{transition-delay:3s}.game-title-screen .champs.fade>div.title-bot{transition-delay:4s}.game-title-screen .champs.fade.swordy-stop .title-swordy>div{transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear;-webkit-animation:none;animation:none}.game-end{background:#111;position:absolute;top:0;left:0;bottom:0;right:0;z-index:100;color:#fff;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;flex-direction:column}.game-end.show{opacity:1;pointer-events:initial}.game-end>div{font-size:3vw;-webkit-transform:translateY(-30%);transform:translateY(-30%);margin-top:10px}header{width:100%;padding:10px 10px;background:#222;z-index:900;display:flex;justify-content:space-between;border-bottom:2px solid gold;color:gold;font-weight:700}header .gold-stat:before{content:'';background-color:transparent;position:absolute;top:-10px;bottom:-10px;right:-10px;left:-10px;transition:background-color .3s ease-out}header .gold-stat.bump:before{background-color:rgba(255,215,0,.4);transition:background-color 0s ease-out}header .dev-tools{position:absolute;width:100%;right:0;bottom:-2px;-webkit-transform:translateY(100%);transform:translateY(100%);display:flex;justify-content:space-between}header .spawn-button{width:30px;height:30px;border:3px solid #111;background:red}.team-cards{height:150px;padding:10px;display:flex;width:100%;border-top:2px solid gold;justify-content:center;align-items:center}.team-cards>div{margin:0 10px;width:145px;height:100%;background:#eee;border-radius:5px;padding:10px;display:flex;justify-content:center;align-items:center;border:1px solid #ccc}.team-cards>div .sprite{left:-8px}.team-cards .swordy-card .sprite{width:calc(15px * 2);height:calc(30px * 2);background-image:url(images/sir-clicksalot-f23c422f40b8483739321892c5d2650b.png);background-size:cover}.team-cards .beardman-card .sprite{width:calc(8px * 5);height:calc(13px * 5);background-image:url(images/beardman-walk-40c118c29a1d49685217416c73c25d6c.png);background-size:cover}.team-cards .horse-card .sprite{width:calc(5px * 11);height:calc(4px * 11);background-image:url(images/horse-sheet-1097607235d0afce0d14e29d556ffd77.gif);background-size:cover}.team-cards .gnome-card .sprite{width:calc(7px * 5);height:calc(11px * 5);background-image:url(images/gnome-stand-bedb0cba1e7415f7f0d7758968a38539.gif);background-size:cover}.team-cards .bot-card .sprite{width:40px;height:50px;background:#4e4ee4;-webkit-transform:scale(.6);transform:scale(.6)}.team-cards .bot-card .sprite:before{content:'';position:absolute;top:10px;left:0;width:25px;height:5px;background:gold}.team-cards .bot-card .sprite:after{content:'';position:absolute;bottom:-10px;left:-8px;width:70px;height:20px;border-radius:30px;border:6px dashed gold}.team-cards .a-404-card{position:absolute;width:100%;height:100%;background:#111;color:#fff;z-index:2;opacity:.85}.team-cards .a-404-card .a-404{top:50px}.team-cards .health-bar{width:20px;background:#111;position:absolute;top:24px;bottom:25px;left:0}.team-cards .health-bar .max{color:#fff;position:absolute;top:0;word-break:break-all;font-size:17px;z-index:2;bottom:0;display:flex;align-items:center}.team-cards .health-bar .health{position:absolute;left:0;bottom:0;background:red;width:100%;height:100%}.team-cards .champ-level{position:absolute;right:7px}.team-cards .name{position:absolute;top:0;width:100%;padding:3px;text-align:center;z-index:20;background:#463463;color:#fff}.team-cards .upgrade{position:absolute;bottom:0;left:0;width:100%;height:25px;background:green;color:#fff;padding-top:6px;cursor:pointer}.team-cards .upgrade.disabled{background:#999;cursor:default}.team-cards .upgrade .cost{padding-right:25px}.team-cards .upgrade .plus{border-left:1px solid #fff;color:#fff;width:25px;height:25px;border-bottom-right-radius:5px;border-top-left-radius:5px;position:absolute;bottom:0;right:0;font-weight:700;font-size:28px;display:flex;justify-content:center;align-items:center;padding:4px 0 0 2px;cursor:pointer}.fixed-bottom{position:absolute;bottom:0;background:#222;width:100%;z-index:20}.power-button{height:30px;width:60px;position:absolute;top:-29px;border:1px solid #fff;background:#111;padding:5px}.power-button:before{content:'Spin';color:#fff}.power-button.disabled{opacity:.7}.shield-power-button{display:none;right:10px}.shield-power-button:before{content:'Shield'}.sword-power-button{left:10px;display:none}.sword-power-button:before{content:'Spin'}.swordy-card.spin-ult .sword-power-button{display:block}.level-switcher{opacity:.1;background:#fff;display:flex;z-index:999;color:#111}.level-switcher:hover{opacity:1}.level-switcher>div{margin:10px;border:1px solid #bbb;padding:10px 15px;cursor:pointer}.level-header{position:absolute;top:0;right:0;background:#999;border:4px solid #463463;border-width:0 0 4px 4px;z-index:1000;text-align:center;border-bottom-left-radius:5px}.level-header .level-label{padding:10px 20px 15px;width:100%;background:#463463;color:#fff}.level-header .goal{margin:0 15px 10px;width:200px}.level-header .goal .goal-text{width:100%;top:5px;font-weight:700;position:absolute;color:#111;font-size:13px}.level-header .goal .goal-progress{margin-top:10px;border:3px solid gold;width:100%;height:25px;background:#bbb}.level-header .goal .goal-progress .bar{width:0%;height:100%;background:gold}.level-wrap{width:800px;height:600px;position:absolute;top:50%;left:50%;margin:0 auto;-webkit-transform:translate(-50%,-60%);transform:translate(-50%,-60%);overflow:hidden;border:10px solid #444;transition:opacity .3s}.level-wrap.fade{opacity:0}.entities,.level{width:100%;height:100%;position:absolute}.app-container.grasslands .level-wrap{background:#79b2ea;background:linear-gradient(#356697 0,#356697 20%,#92c1f0 100%);-webkit-perspective:500px;perspective:500px;-webkit-perspective-origin:bottom;perspective-origin:bottom}.app-container.grasslands .level-wrap:before{content:'';display:block;background:repeating-linear-gradient(green,green 20px,#006400 20px,#006400 35px);background-color:#00f;position:absolute;top:40%;left:-50%;bottom:-10%;right:-50%;z-index:10;transition:2s linear;-webkit-transform:rotateX(20deg);transform:rotateX(20deg)}.app-container.grasslands .level-wrap .wall{border-top:14px solid #444;border-bottom:14px solid #444;height:130px;width:150%;position:absolute;bottom:290px;bottom:80px;left:-25%;z-index:12;-webkit-transform:rotateX(20deg);transform:rotateX(20deg)}.app-container.grasslands .level-wrap .fence{border-top:14px solid #863030;height:60px;width:100%;position:absolute;bottom:280px;z-index:15;background:repeating-linear-gradient(90deg,transparent,transparent 40px,#863030,#863030 55px)}.app-container.grasslands .level-wrap .coinflower{position:absolute;bottom:273px;right:377px;width:calc(3px * 13);height:calc(7px * 13);background-image:url(images/coinflower-b210fe56e03ce8b215058ca49c5aa40b.gif);background-size:cover;background-repeat:none;z-index:15;background-position-x:100%}.app-container.grasslands .level-wrap .coinflower.harvested{background-position-x:0}.app-container.grasslands .level-wrap .hills{position:absolute;border-top:transparent 20px solid;border-bottom:90px solid green;top:0;height:290px;width:100%}.app-container.grasslands .level-wrap .hills:after,.app-container.grasslands .level-wrap .hills:before{position:absolute;content:'';border-radius:100%;background:#006400;width:80%;height:200px;z-index:-1}.app-container.grasslands .level-wrap .hills:before{width:50%;top:140px;left:-140px}.app-container.grasslands .level-wrap .hills:after{top:100px;left:150px}.app-container.fire .level-wrap{background-color:#400000}.app-container.fire .level-wrap:before{content:'';display:block;background:repeating-linear-gradient(transparent,transparent 45px,#ffdb11 45px,#ffdb11 calc(45px + 3px));background-color:#400000;position:absolute;top:50%;left:0;bottom:0;right:0;z-index:10;-webkit-animation:flicker 4.3s linear infinite;animation:flicker 4.3s linear infinite;-webkit-transform:translateY(0);transform:translateY(0)}.app-container.fire .level-wrap .wall{background:#bb3615;height:180px;width:100%;position:absolute;bottom:242px;z-index:11}.app-container.fire .level-wrap .wall:before{content:"";position:absolute;top:30px;left:300px;width:20px;height:8px;background:#d85e23;-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation:flicker2 4.3s linear infinite;animation:flicker2 4.3s linear infinite}.app-container.fire .level-wrap .wall:after{content:"";position:absolute;top:60px;right:300px;width:20px;height:8px;background:#d83e23;-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation:flicker2 4.3s linear infinite;animation:flicker2 4.3s linear infinite;-webkit-animation-delay:2.4s;animation-delay:2.4s}.level-wrap .champ{-webkit-transform:translateX(-500px);transform:translateX(-500px);transition:-webkit-transform 1s ease-in-out;transition:transform 1s ease-in-out;transition:transform 1s ease-in-out,-webkit-transform 1s ease-in-out}.level-wrap .champ.enter{-webkit-transform:translateX(0);transform:translateX(0)}.level-wrap .champ.exit{-webkit-transform:translateX(800px);transform:translateX(800px)}.swordy{position:absolute;bottom:130px;left:20px;left:120px;z-index:calc(100 + 470);pointer-events:none}.swordy .sprite{width:calc(25px * 2);height:calc(50px * 2);background-image:url(images/sir-clicksalot-2-1de5e75fddf13ff2ea34805593de242e.png);background-size:cover;background-position:0 0;background-repeat:no-repeat;left:0;-webkit-animation:swordy-hop .7s cubic-bezier(.73,.9,.505,.175) infinite;animation:swordy-hop .7s cubic-bezier(.73,.9,.505,.175) infinite}.swordy.hit .sprite{-webkit-filter:invert(42%) sepia(64%) saturate(7486%) hue-rotate(1deg) brightness(103%) contrast(112%);filter:invert(42%) sepia(64%) saturate(7486%) hue-rotate(1deg) brightness(103%) contrast(112%)}.swordy.fainted .sprite{opacity:.2}.swordy.spin .sprite{-webkit-animation:swordy-spin .9s linear;animation:swordy-spin .9s linear}@-webkit-keyframes swordy-hop{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}60%{-webkit-transform:translate(0,0);transform:translate(0,0)}80%{-webkit-transform:translate(0,-20px);transform:translate(0,-20px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes swordy-hop{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}60%{-webkit-transform:translate(0,0);transform:translate(0,0)}80%{-webkit-transform:translate(0,-20px);transform:translate(0,-20px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes swordy-float{50%{-webkit-transform:translate(0,20px);transform:translate(0,20px)}}@keyframes swordy-float{50%{-webkit-transform:translate(0,20px);transform:translate(0,20px)}}@-webkit-keyframes swordy-spin{50%{-webkit-transform:rotateY(1360deg);transform:rotateY(1360deg);left:600px}}@keyframes swordy-spin{50%{-webkit-transform:rotateY(1360deg);transform:rotateY(1360deg);left:600px}}@-webkit-keyframes swordy-stab{30%{-webkit-transform:rotateZ(79deg);transform:rotateZ(79deg);left:20px}50%{-webkit-transform:rotateZ(79deg);transform:rotateZ(79deg);left:300px}}@keyframes swordy-stab{30%{-webkit-transform:rotateZ(79deg);transform:rotateZ(79deg);left:20px}50%{-webkit-transform:rotateZ(79deg);transform:rotateZ(79deg);left:300px}}.baddie{bottom:200px;right:200px;position:absolute;width:30px;height:70px;z-index:100}.baddie{position:absolute;bottom:130px;right:100px;width:calc(15px * 3);height:calc(26px * 3);z-index:16}.baddie:before{content:'';display:block;position:absolute;top:-50%;left:-50%;width:200%;height:200%}.baddie .sprite{position:absolute;width:100%;height:100%;background-image:url(images/snow-monster-bow-9f7a7f4b5ba532e700cdd208041b6709.png);background-size:cover;background-repeat:none;transition:-webkit-transform 1.3s linear;transition:transform 1.3s linear;transition:transform 1.3s linear,-webkit-transform 1.3s linear;-webkit-animation:thrash 1s infinite;animation:thrash 1s infinite;-webkit-animation:boar-walk 1s infinite;animation:boar-walk 1s infinite;-webkit-animation-timing-function:steps(1);animation-timing-function:steps(1)}.baddie.facing-left .sprite{-webkit-transform:scaleX(-1);transform:scaleX(-1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.baddie.enter{-webkit-transform:translateX(0);transform:translateX(0)}.baddie.hit .sprite{-webkit-filter:invert(42%) sepia(64%) saturate(7486%) hue-rotate(1deg) brightness(103%) contrast(112%);filter:invert(42%) sepia(64%) saturate(7486%) hue-rotate(1deg) brightness(103%) contrast(112%)}.baddie.attacking{-webkit-animation:jab-attack .3s ease-in-out;animation:jab-attack .3s ease-in-out}.baddie.boar{width:calc(16px * 6);height:calc(9px * 6)}.baddie.boar .sprite{background-image:url(images/boar-549d7ec2f09974c7cd9dab79b8cf16a6.png);background-position-x:50%}.baddie.boar.boar-boss .sprite{width:calc(16px * 12);height:calc(9px * 12)}.baddie.boar.boar-boss .sprite.king:after,.baddie.boar.boar-boss .sprite.king:before{position:absolute;content:'';background-image:url(images/boar-549d7ec2f09974c7cd9dab79b8cf16a6.png);background-repeat:no-repeat;background-size:cover;width:calc(16px * 12);height:calc(9px * 12);top:-100px;left:20px;-webkit-transform:rotate(65deg);transform:rotate(65deg);-webkit-animation:boar-walk 1s infinite;animation:boar-walk 1s infinite;-webkit-animation-timing-function:steps(1);animation-timing-function:steps(1);background-position-x:50%}.baddie.boar.boar-boss .sprite.king:after{-webkit-transform:scaleX(-1);transform:scaleX(-1);top:0;left:160px}.baddie .health-bar{height:20px;width:80px;background:#111;border:3px solid #fff;position:absolute;bottom:-25px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.baddie .health-bar .health{position:absolute;left:0;top:0;bottom:0;background:red}@-webkit-keyframes boar-walk{50%{background-position-x:100%}}@keyframes boar-walk{50%{background-position-x:100%}}@-webkit-keyframes jab-attack{70%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-30%);transform:translateX(-30%)}}@keyframes jab-attack{70%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-30%);transform:translateX(-30%)}}