/* Copyright 2018 Luke Pacholski & Bobby Richter */
@font-face{font-family:Lato;src:url(fonts/Lato-Black.ttf)}@font-face{font-family:LatoRegular;src:url(fonts/Lato-Regular.ttf)}html,body{font-family:Lato;width:100%;height:100%;padding:0;margin:0}body{perspective:1200px;overflow:hidden;background:black;user-select:none}body.fade-out{transition:opacity 1s ease-out;opacity:0}.world .board-canvas{position:absolute;top:0;left:0;opacity:1;width:850px;height:500px}[data-physics]{will-change:transform}.blank-particle{position:absolute;display:none;top:0;left:0;height:15px;width:15px}.puff{background:rgba(255,255,255,0.8);z-index:4}.blast-line{transform-origin:top;z-index:4}.fire{background-image:url(assets/images/fire.svg);background-size:contain;background-position:bottom;background-repeat:no-repeat;transform-origin:bottom;position:absolute;z-index:2}.back-fire{background-image:url(assets/images/back-fire.svg);background-size:contain;background-position:top;background-repeat:no-repeat;transform-origin:bottom;position:absolute;z-index:2}.underblast{z-index:2;position:absolute;border-radius:50%}.boom{position:absolute;opacity:1;transform-style:preserve-3d}.boom .body{animation:boom .5s ease-out;animation-fill-mode:forward;width:100%;height:100%;opacity:0}.boomBody{position:absolute;animation:boom .5s ease-out;animation-fill-mode:forward;width:100%;height:100%;opacity:0;z-index:5}.boom.round .body{border-radius:50%}.boom .shock{width:100%;height:100%;position:absolute;animation:shock .5s ease-out;animation-fill-mode:forward;background:white;box-sizing:border-box;opacity:0}.boom.round .shock{border-radius:50%}.cracks{position:absolute;background-image:url(assets/images/blast.svg);z-index:1;opacity:1;opacity:0;transform-style:preserve-3d;animation:crackFade 1.5s ease-out}@keyframes crackFade{0%{opacity:.15}80%{opacity:.15}}@keyframes boom{0%{transform:scale(0.95) translateZ(0);opacity:1;background:white}30%{background:#ffb806}40%{transform:scale(1) translateZ(4px);opacity:1;background:#ffb806;animation-timing-function:ease-in}80%{background:#727272}100%{opacity:0;transform:scale(0.75) translateZ(20px) rotateZ(10deg)}}@keyframes shock{0%{transform:scale(0.95);opacity:.4;background:white}100%{opacity:0;transform:scale(2.5) rotateZ(-5deg)}}.underblast{z-index:2;position:absolute;border-radius:50%}.speedLetter{color:white;font-weight:bold;text-align:center;font-size:30px;font-family:Lato;color:rgba(255,255,255,0.7)}.message{position:absolute;top:0;left:0;width:20px;height:20px;z-index:9999;transform-style:preserve-3d}.message .body{color:white;white-space:nowrap;z-index:3;padding:5px 0;position:absolute;font-size:35px;opacity:.9;top:0;left:-130px;text-align:center;width:260px;font-weight:bold;transform:translateY(-25px) translateX(10px) translateZ(20px) rotateX(-45deg);animation:messagePop 2s ease-out;animation-fill-mode:forwards;text-transform:uppercase;text-shadow:0px 2px 0 rgba(0,0,0,0.2)}@keyframes messagePop{0%{transform:translateY(-25px) translateX(10px) translateZ(10px) rotateX(-45deg);opacity:1}100%{transform:translateY(-25px) translateX(10px) translateZ(100px) rotateX(-55deg);opacity:0}}.ballCloneChunk{background:white;border-radius:50%;z-index:2}.boardChunk{background:#bd71b0;z-index:2}.pinkShrapnel{background-image:url(assets/images/pinkShrapnel.svg);background-position:left;background-repeat:no-repeat;transform-origin:10px 20px;z-index:2}.greenShrapnel{background-image:url(assets/images/greenShrapnel.svg);background-position:right;background-repeat:no-repeat;transform-origin:110px 20px;z-index:2}.pinkPatch{z-index:2;position:absolute;background-color:#ac4d9d}.greenPatch{z-index:2;position:absolute;background-color:#3faa7f}.reaction-container{position:fixed;bottom:10px}.reaction-container .emoji{width:200px;height:200px;background-size:cover;background-position:bottom;transition:transform .25s linear}.reaction-container.one{left:0}.reaction-container.two{right:0}.reaction-container.one .emoji{transform:translateX(-200px) scaleX(-1)}.reaction-container.two .emoji{transform:translateX(200px)}.reaction-container.one.show .emoji{transform:translateX(20px) scaleX(-1) translateZ(0px)}.reaction-container.two.show .emoji{transform:translateX(-20px) translateZ(0px)}.reaction-container .words{position:absolute;bottom:0;transform:translateY(500px);transition:transform .5s linear;color:white;font-family:'Open Sans';font-size:30px}.reaction-container .words.pink-n-yellow{font-weight:bold;font-family:'Impact';color:hotpink;text-shadow:2px 2px 0px gold, -2px 2px 0px gold, -2px -2px 0px gold, 2px -2px 0px gold}.reaction-container .words.thick-n-white{font-weight:bold;color:white;text-transform:uppercase}.game.loading .surface{visibility:hidden}.game.loading .large-moon{visibility:hidden}.game.loading .canvas-stars{visibility:hidden}.game.loading .score-satellite{visibility:hidden}.game.loading .world{visibility:hidden}.game.ready .surface{animation:surfaceAppear 3s ease-out}.game.ready .large-moon{animation:moonAppear 3s ease-out}.game.ready .canvas-stars{animation:starsAppear 3s ease-out}.game.ready .score-satellite{animation:satelliteAppear 2s ease-out}.game.ready .world{animation:worldAppear 4s ease-out}.game.ready .board-shadow{animation:shadowAppear 2s ease-out}.game.ready #loading{display:none}.scene{width:100vw;height:100vh;position:absolute;top:0;left:0}.scene .sky{width:100vw;height:48vh;position:absolute;top:0}.scene .canvas-stars{opacity:1}.scene .canvas-stars canvas{position:relative}@keyframes starsAppear{0%{opacity:0}}.scene .surface{background-image:url(assets/images/surface-purple.svg);background-position:top;background-repeat:no-repeat;background-size:175%;width:100vw;height:150vh;position:absolute;top:30vh}.scene .surface .overlay{width:100%;height:100%;background-image:url(assets/images/surface-green.svg);background-position:top;background-repeat:no-repeat;background-size:175%;top:0;left:0;position:absolute;opacity:.5;transition:opacity .2s ease-in-out}@keyframes surfaceAppear{0%{transform:translateY(600px)}}.scene .large-moon{position:absolute;width:500px;width:40%;padding-top:40%;right:-50px;top:45px;background-image:url(assets/images/green-moon.svg);background-position:center;background-repeat:no-repeat;background-size:100%}@keyframes moonAppear{0%{transform:translateY(900px) rotateZ(13deg)}}.board-shadow-wrapper{position:absolute;top:0;left:0;height:100vh;width:100vw;transform-style:preserve-3d}.board-shadow{position:absolute;width:800px;height:500px;top:calc(50vh - 205px);left:calc(50vw - 400px);opacity:.2;background-image:url(assets/images/board-shadow.svg);background-size:100%;background-position:bottom;transform:rotateX(20deg) rotateY(0deg);background-repeat:no-repeat}@keyframes shadowAppear{0%{opacity:0;transform:rotateX(20deg) rotateY(0deg) translateY(-400px) scale(0.8)}75%{opacity:0}100%{opacity:.2;transform:rotateX(20deg) rotateY(0deg) translateY(0px)}}.board-wrapper{transform-style:preserve-3d;position:absolute;top:0;left:0;width:100%;height:100%}.score-satellite{position:absolute;width:200px;height:140px;left:20px;top:20px;background-image:url(assets/images/score.svg);background-position:center;background-repeat:no-repeat;background-size:contain;animation-delay:0s;transition:transform 1.5s ease-in-out}.score-satellite.fly-up{transform:translateY(-200px)}@keyframes satelliteAppear{0%{transform:translateY(-250px)}}.score-satellite .score-screen{color:white;position:absolute;font-size:36px;width:140px;left:38px;top:46px;opacity:.5;text-align:center;transform:rotateZ(-10deg) skew(-6deg)}.score-satellite .score-screen .player-1-score{color:#ca59b7;color:white;padding-right:8px;position:relative;top:1px}.score-satellite .score-screen .colon{opacity:.4}.score-satellite .score-screen .player-2-score{color:#3faa7f;color:white;padding-left:10px}.scoreboard{font-size:50px;color:white;text-align:center}.scoreboard div{display:inline-block}.board-wrapper.hide{opacity:0}.shake-wrapper{transform-style:preserve-3d;transform-origin:center}.terrain{z-index:1}.blast-zone{z-index:4;position:absolute;width:calc(100% + 40px);height:calc(100% + 40px);width:100%;height:100%;overflow:hidden}.particle-canvas{z-index:3;position:absolute;width:100%;height:100%;top:0;left:0;opacity:.5}.spin-wall{z-index:4;position:absolute;width:100%;height:5px;background:#39f6ff;opacity:.2;animation:spinWall .5s ease-in-out infinite;display:none}.spin-wall.top{transform-origin:top;border-radius:0 0 50% 50%;top:0}.spin-wall.bottom{transform-origin:bottom;border-radius:50% 50% 0 0;bottom:0}@keyframes spinWall{50%{transform:scaleY(2.25);opacity:.5}}.pink-chunk,.green-chunk{z-index:2}.boom{z-index:4}.speedLetter{z-index:3;vertical-align:top;line-height:28px}.paddle{z-index:100}.tilt-wrapper{position:absolute;top:calc(50vh - 295px);left:calc(50vw - 445px);transform-style:preserve-3d;transform:rotateX(20deg) rotateY(0deg)}.world{width:890px;height:540px;position:relative;border:solid 20px #222;box-sizing:border-box}@keyframes worldAppear{0%{transform:translateY(-800px) scale(0.8)}60%{transform:translateY(20px)}100%{transform:translateY(0)}}.winner-screen.winner-one .sky{background-image:radial-gradient(200% 100% at bottom, #540c56 55%, #000 100%)}.winner-screen.winner-one .world{border:solid 20px #bd71b0}.winner-screen.winner-two .sky{background-image:radial-gradient(200% 100% at bottom, #0b3322 55%, #000 100%)}.winner-screen.winner-two .world{border:solid 20px #66bb98}.one .bigscore{color:#3faa7f}.two .bigscore{color:#ac4d9d}.terrain{position:absolute;height:100%;top:0;width:100%;transition:transform .25s ease-out}.terrain.one{left:0;background-color:#ac4d9d;border-top:solid 3px rgba(0,0,0,0.2);box-sizing:border-box;background-position:top left;background-repeat:no-repeat;background-size:350px;transform-origin:left}.terrain.two{border-top:solid 3px rgba(0,0,0,0.2);box-sizing:border-box;right:0;background-color:#3faa7f;background-position:top right;background-repeat:no-repeat;background-size:350px;transform-origin:right}.pink-chunk{z-index:2;background:#ac4d9d}.green-chunk{z-index:1;background:#3faa7f}.bestof.hide-animation{opacity:0;animation:bigScoreHideAnimation .15s ease-out}.bigscore-wrapper .bestof{box-sizing:border-box;font-size:50px;position:absolute;top:65px;width:230px;text-align:center}.one .bestof{color:#3faa7f;right:0;display:none;transform-origin:bottom right;transform:rotate(-90deg);animation:bestOfAppear .2s ease-out}@keyframes bestOfAppear{0%{transform:rotate(-60deg);opacity:0}}.two .bestof{color:#ac4d9d;display:none;transform-origin:bottom left;transform:rotate(90deg);animation:bestOfAppearScore .2s ease-out}@keyframes bestOfAppearScore{0%{transform:rotate(60deg);opacity:0}}.bigscore-wrapper{width:50%;height:100%;position:absolute;z-index:2}.bigscore-wrapper.one{left:0}.bigscore-wrapper.two{right:0}.bigscore{position:absolute;top:55px;left:25%;width:50%;height:400px;text-align:center;display:none;font-size:300px;animation:bigScoreAppear .15s ease-out;box-sizing:border-box}@keyframes bigScoreAppear{0%{opacity:0;transform:scale(0.9) translateZ(5px)}}.bigscore.hide-animation{opacity:0;animation:bigScoreHideAnimation .15s ease-out}@keyframes bigScoreHideAnimation{0%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scale(0.9) translateY(5px)}}.flash{position:absolute;top:0;left:0;width:100vw;height:100vh;opacity:0;box-sizing:border-box;will-change:opacity}.team-1-flash{border:solid 20px #ac4d9d}.team-2-flash{border:solid 20px #3faa7f}.team-1-scored-flash .team-1-flash,.team-2-scored-flash .team-2-flash{animation:scored-flash .5s ease-out}@keyframes scored-flash{0%{opacity:.5}}.menu-toggle{position:fixed;bottom:10px;left:15px;cursor:pointer;color:white;font-size:22px;opacity:.5}.menu-toggle:hover{opacity:.75}.winner-two .between-round-score .screen{background:#3faa7f}.winner-two .between-round-score .restart{background:#ac4d9d}.winner-one .between-round-score .screen{background:#ac4d9d}.winner-one .between-round-score .restart{background:#3faa7f}.between-round-score{position:fixed;top:-10vh;left:-10vw;width:120vw;height:120vh;display:none;align-items:center;justify-content:center;position:relative;background:rgba(0,0,0,0.8);transform:rotateX(-12deg);perspective:1200px;animation:betweenRoundAppear 1s ease-out}.between-round-score .scores{display:none}@keyframes betweenRoundAppear{0%{opacity:0}100%{opacity:1}}.between-round-score.fadeout{animation:betweenFadeout 1s ease-in-out;opacity:0}.between-round-score.fadeout .score-wrapper{transform:translateY(-1000px)}@keyframes betweenFadeout{0%{opacity:1}100%{opacity:0}}.between-round-score .score-wrapper{position:relative;width:600px;margin:0 auto;color:white;text-align:center;font-size:35px;line-height:40px;text-transform:uppercase;box-sizing:border-box;top:-50px;transform:scale(1);perspective:1200;transform-style:preserve-3d;transition:all 1s ease-in;animation:scoreAppear 2s ease-out}@keyframes scoreAppear{0%{transform:translateY(-1000px)}30%{transform:translateY(-1000px)}80%{transform:translateY(35px)}100%{transform:translateY(0)}}.between-round-score .score-wrapper .wing{position:absolute;height:340px;width:175px;top:185px;animation:wingrotate 3s ease-in-out infinite;animation-direction:alternate}@keyframes wingrotate{0%{transform:rotateX(-25deg)}100%{transform:rotateX(25deg)}}.between-round-score .score-wrapper .left-wing{left:-175px;background-image:url(assets/images/wing-left.svg);background-position:left;background-size:cover}.between-round-score .score-wrapper .right-wing{right:-175px;background-position:right;background-size:cover;background-image:url(assets/images/wing-right.svg);animation-direction:alternate reverse}.between-round-score .score-wrapper .satellite-top{background-image:url(assets/images/satellite-top.svg);background-position:bottom;background-repeat:no-repeat;height:120px}.between-round-score .score-wrapper .screen-wrapper{background:#585B6D;padding:20px;border-radius:0 0 3px 3px}.between-round-score .score-wrapper .screen{border:solid 10px #1F2235;border-width:5px 10px 14px 10px;border-radius:20px;padding:15px 0;position:relative;transform:rotateZ(0)}.between-round-score .score-wrapper .divider{position:relative;top:-4px}.between-round-score .score-wrapper h2{font-size:25px;margin:0;opacity:.65}.between-round-score .score-wrapper h1{font-size:50px;margin:0 0 30px 0}.between-round-score .score-wrapper .scores{font-size:50px}.between-round-score .stats{font-size:20px;margin:10px auto 10px auto;color:#fff;border:solid 1px #fff;opacity:.5}.between-round-score .stats td{text-align:center;padding:3px 45px;border:solid 1px #fff}.between-round-score .stats h3{margin:0}.between-round-score .restart{box-shadow:0 -5px 0 rgba(0,0,0,0.3);margin-bottom:4px}.between-round-score .settings{font-size:20px}.goal{position:absolute;height:100%;width:8px;box-sizing:border-box;transition:opacity .15s ease-out;z-index:3;opacity:0}.goal .bar{position:absolute;width:100%;height:100%;animation:goalStrobe .5s ease-in-out infinite;opacity:.6}@keyframes goalStrobe{50%{opacity:1;transform:scaleX(1.15)}}.goal.on{opacity:1;animation:goalAppear .2s ease-out}@keyframes goalAppear{0%{transform:scaleY(0.65)}100%{transform:scaleY(1)}}.goal.one{left:0;transform-origin:left}.goal.one .bar{left:0;background-color:#5fffba;background-color:#3faa7f}.goal.two{right:0;transform-origin:right}.goal.two .bar{background-color:#ff73f5;background-color:#ac4d9d;right:0}@keyframes powerupHit{0%{background:#ffb806}}.paddle{position:absolute;width:20px;height:100px;transform-style:preserve-3d;z-index:1000}.paddle .body{position:absolute;transition:background .15s ease-out;animation:paddleAppear .3s ease-out;-moz-animation:none;background-color:white;width:100%;height:100%}.paddle:after{position:absolute;width:50px;height:50px;left:calc(50% - 25px);top:calc(50% - 25px);background-image:url(assets/images/crosshair.svg);background-size:contain;animation:crosshair .5s ease-in-out infinite}@keyframes crosshair{50%{transform:scale(1.05)}}.paddle.skeleton .body{background:none}.paddle.skeleton .body .bone{background-image:url(assets/images/bone.svg);background-position:center;background-repeat:no-repeat;background-size:contain;display:block;position:absolute;width:120%;height:120%;top:-10%;left:-10%;opacity:.7}@keyframes paddleAppear{0%{transform:scaleX(0) scaleY(0);animation-timing-function:ease-out}70%{transform:scaleX(1.1) scaleY(1.2);animation-timing-function:ease-in}100%{transform:scale(1)}}.paddle.loser .body{background:transparent;background:rgba(255,255,255,0.2)}.paddle.shaking .body{animation:scaredPaddle .5s ease-in-out infinite;background:rgba(255,255,255,0.2)}@keyframes scaredPaddle{50%{transform:scaleX(1.2) scaleY(0.85)}}.paddle.powerup-hit .body{animation:powerupHit .5s ease-out}.paddle.powerup-magnet .body{background:#222}.paddle.powerup-spin .body{background:#5fffff;animation:spinPowerupOn .15s ease-out 4}.paddle.powerup-noclip .body{border:solid 3px white;background:rgba(255,255,255,0.2);box-sizing:border-box}.paddle.powerup-noclip.powerup-spin .body{border:solid 3px #5fffff;background:rgba(95,255,255,0.2);box-sizing:border-box}.paddle.powerup-magnet.powerup-noclip .body{border:solid 3px #000;background:rgba(0,0,0,0.2);box-sizing:border-box}.paddle.dead .body{background:rgba(255,255,255,0)}.paddle .dash-indicator{display:block;background:black;position:absolute;width:calc(100% + 14px);height:calc(100% + 14px);left:-7px;top:-7px;border-radius:3px;opacity:0;background:#913987;transition:opacity .2s ease-out}.paddle.dashing .dash-indicator{opacity:1}@keyframes spinPowerupOn{50%{background:white}}.paddleChunk{background:rgba(255,255,255,0.2);z-index:2}.paddleTrail{z-index:2}.paddlePuff{z-index:2}.oilSlick{z-index:2;border-radius:50%}.gravityChunk{background:rgba(0,0,0,0.4);z-index:2}.cloud{z-index:3;background-image:url(assets/images/cloud.svg);background-position:center;background-repeat:no-repeat;background-size:contain}.cloud-shadow{z-index:2;background-image:url(assets/images/cloud-shadow.svg);background-position:center;background-repeat:no-repeat;background-size:contain}.boneChunk{background:rgba(255,255,255,0.2);border-radius:50%;z-index:2}.spinSquare{background:rgba(255,255,255,0.2);position:absolute;border-radius:50%;z-index:2}@keyframes ballAppear{0%{transform:scale(0.2)}50%{transform:scale(1.2)}}.ball{position:absolute;width:30px;height:30px;border-radius:15px;z-index:999;transform-style:preserve-3d;visibility:hidden}.ball .shadow{position:absolute;width:70px;height:70px;left:-20px;top:-20px;opacity:1;border-radius:50%;opacity:1;box-sizing:border-box}.ball.influence-change .shadow{animation:influenceChange .3s ease-out}@keyframes influenceChange{0%{transform:.6}60%{opacity:1.2}100%{opacity:1}}.ball .influence{position:absolute;box-sizing:border-box;left:6px;top:6px;border-radius:50%;width:18px;height:18px;opacity:.75;animation:influenceStrobe .5s ease-in-out infinite;display:none}@keyframes influenceStrobe{50%{opacity:.5}}@keyframes shadowPump{50%{transform:scale(1.1)}}.ball .shadow{display:none;opacity:1}.ball.influence-1 .influence{background:#ac4d9d}.ball.influence-1 .shadow{background:radial-gradient(#e570d8 0%, rgba(229,112,216,0) 70%)}.ball.influence-2 .influence{background:#3faa7f}.ball.influence-2 .shadow{background:#48bb8d}.ball.show{visibility:visible}.ball.ghost .body{background:rgba(255,255,255,0.2)}.ball .spinny{opacity:.5;width:200%;height:200%;position:absolute;top:-50%;left:-50%;background-image:url(assets/images/spinny.svg);background-size:100%;background-position:center;background-repeat:no-repeat}.ball.sticky .body{background:#222}.ball.canSpin .body{background:#5fffff}.ball .body{background:#fff;border-radius:15px;border-radius:15px;width:100%;height:100%;position:absolute;top:0;left:0;transition:background .15s ease-out}.fake-ball{position:absolute;width:30px;height:30px;background:white;border-radius:15px;z-index:9999999}@keyframes powerupAppear{0%{transform:scale(0)}60%{transform:scale(1.15)}100%{transform:scale(1.1)}}@keyframes bobUpDown{50%{transform:translateZ(30px)}}.mine-line{position:absolute;top:0;border:dashed 2px white;content:"";height:100%;z-index:4;opacity:.2}.powerup{position:absolute;top:0;left:0;transform-style:preserve-3d;z-index:1000;border-radius:50%;overflow:visible}.powerup .body{color:rgba(255,255,255,0.4);z-index:999;text-align:center;width:100%;height:100%;background-position:center;background-size:100%;background-repeat:no-repeat;position:absolute;top:0px;left:0px;transform:translateZ(20px);animation:appear .5s ease-out, bobUpDown .5s linear infinite;animation-delay:0s, .5s}@keyframes appear{0%{transform:translateZ(10px) scale(0)}60%{transform:translateZ(30px) scale(1.1)}100%{transform:translateZ(20px) scale(1)}}.powerup .shadow{background-position:center;background-size:contain;background-repeat:no-repeat;opacity:.2;width:100%;height:100%;position:absolute;top:0%;left:0%;transform:scale(1.1);animation:powerupAppear .5s ease-out}.powerup.grow .shadow{background-image:url(assets/images/star-shadow.svg)}.powerup.grow .body{background-image:url(assets/images/star.svg)}.powerup.noclip .body{background:transparent;border:solid 3px white;box-sizing:border-box;background:rgba(255,255,255,0.2)}.powerup.noclip .shadow{background:black}.powerup.clone{overflow:visible}.powerup.clone .shadow{background-image:url(assets/images/round-shadow.svg)}.powerup.clone .body{background-image:url(assets/images/clone.svg)}.powerup.multiball .shadow{background:black;border-radius:50%}.powerup.multiball .body{background-image:url(assets/images/multiball.svg)}.powerup.mine .shadow{background:black;border-radius:50%}.powerup.mine .mine-line{left:calc(50% - 1px);height:490px;opacity:.1}.powerup.mine.lineBlink .mine-line{animation:lineBlink .2s ease-in-out infinite}@keyframes lineBlink{50%{opacity:.2}}.powerup.mine .body{background-image:url(assets/images/mine.svg)}.powerup.mine .body .light{position:absolute;top:calc(50% - 15px);left:calc(50% - 6px);width:12px;height:12px;border-radius:50%;background:#ff5f4a;animation:slowBlink 2s ease-in-out infinite;opacity:.5}@keyframes slowBlink{50%{opacity:.2}}.powerup.mine .body .light.fastBlink{animation:slowBlink .2s ease-in-out infinite;opacity:1}@keyframes fastBlink{50%{opacity:.2}}.powerup.bomb .shadow{background:black;border-radius:50%;width:80%;height:80%;left:10%;top:20%}.powerup.bomb .bomb-body{position:absolute;transform-origin:bottom;width:100%;height:100%;transform:translateY(0px) rotateX(15deg);background-image:url(assets/images/bomb.svg);background-repeat:no-repeat;background-size:contain}.powerup.bomb .spark{background-size:contain;position:absolute;width:20px;height:20px;top:-18px;right:-22px;background-position:center;background-repeat:no-repeat;animation:sparkMove 2s infinite linear;transform-origin:bottom right}@keyframes sparkMove{80%{transform:translateX(-10px) translateY(5px);opacity:1}100%{transform:translateX(-10px) translateY(5px);opacity:0}}.powerup.bomb .spark .flame{width:100%;position:absolute;height:100%;animation:sparkBurn .2s infinite;background-image:url(assets/images/spark.svg)}@keyframes sparkBurn{50%{transform:scale(1.2)}}.powerup.spin .shadow{background-image:url(assets/images/spinner-shadow.svg);background-size:90%}.powerup.spin .body{background-image:url(assets/images/spinner.svg);background-size:90%}.powerup.magnet .shadow{background-image:url(assets/images/round-shadow.svg)}.powerup.magnet .body{background-image:url(assets/images/tar.svg);animation:appear .5s ease-out, tarBob .5s linear infinite;animation-delay:0s, .5s;transform:translateZ(20px)}@keyframes tarBob{50%{transform:translateZ(30px) scaleX(0.9) scaleY(1.1)}}.star{position:absolute;background-image:url(assets/images/star.svg);background-position:center;background-size:contain;background-repeat:no-repeat;z-index:5}.mine-chunk{position:absolute;background:#333333;border-radius:50%;z-index:999}.mine-shadow{position:absolute;background:#848484;border-radius:50%;background:rgba(0,0,0,0.3);z-index:2}.mine-chunk-light{position:absolute;background:#e5310e;border-radius:50%;z-index:999}.powerup-scored{position:absolute;width:400px;height:540px;animation-fill-mode:forwards;opacity:0;animation:flash .5s ease-out}.powerup-scored.magnet{background:linear-gradient(90deg, #AAA, rgba(170,170,170,0))}.powerup-scored.clone{background:linear-gradient(90deg, #AAA, rgba(170,170,170,0))}.powerup-scored.spin{background:linear-gradient(90deg, #39f6ff, rgba(57,246,255,0))}.powerup-scored.grow{background:linear-gradient(90deg, #ffb806, rgba(255,184,6,0))}.powerup-scored.left{top:-20px;left:-20px}.powerup-scored.right{top:-20px;right:-20px;transform:scaleX(-1)}@keyframes flash{0%{opacity:.5}100%{opacity:0}}.powerup-scored-beam{z-index:5;position:absolute;transform-style:preserve-3d}.powerup-scored-beam.magnet:after,.powerup-scored-beam.noclip:after,.powerup-scored-beam.clone:after{background:linear-gradient(0deg, rgba(255,255,255,0.6), rgba(255,255,255,0))}.powerup-scored-beam.spin:after{background:linear-gradient(0deg, rgba(57,246,255,0.6), rgba(57,246,255,0))}.powerup-scored-beam.grow:after{background:linear-gradient(0deg, rgba(255,184,6,0.6), rgba(255,184,6,0))}.powerup-scored-beam:after{content:"";position:absolute;top:-100px;left:0px;width:100%;height:100px;transform-origin:bottom;transform:rotateX(-40deg);border-radius:0 0 8px 8px;animation:beam .5s ease-out;animation-fill-mode:forwards}@keyframes beam{0%{transform:rotateX(-40deg);opacity:1}100%{opacity:0;transform:rotateX(-40deg) translateY(-20px) scaleY(2) scaleX(0.5)}}.powerup-scored-particle{z-index:5}.powerup-scored-particle.magnet{background-image:url(assets/images/tar.svg);background-size:100%}.powerup-scored-particle.noclip{background:rgba(255,255,255,0.4)}.powerup-scored-particle.clone{background:#777;border-radius:50%}.powerup-scored-particle.spin{background:#39f6ff;border-radius:50%}.powerup-scored-particle.grow{background-image:url(assets/images/star.svg);background-size:100%}.menu-wrapper{position:fixed;background:rgba(0,0,0,0.5);z-index:9999;width:100%;height:100%;top:100vh;left:0;color:black;font-family:'Teko', sans-serif;font-size:20px;font-weight:bold;visibility:hidden;transition:visibility .5s ease-in, top .5s ease-in}@keyframes textShadowColorCycleMenu{0%{text-shadow:0 0 10px orange}10%{text-shadow:0 0 20px orange}20%{text-shadow:0 0 10px orange}30%{text-shadow:0 0 17px orange}40%{text-shadow:0 0 10px orange}50%{text-shadow:0 0 18px orange}60%{text-shadow:0 0 10px orange}70%{text-shadow:0 0 12px orange}80%{text-shadow:0 0 10px orange}90%{text-shadow:0 0 20px orange}100%{text-shadow:0 0 10px orange}}.menu-wrapper h1,.menu-wrapper h2{margin:0;text-align:center;animation:textShadowColorCycleMenu 10s 0s infinite linear}.menu-wrapper.show{visibility:visible;top:0vh}.menu-wrapper section{visibility:hidden;display:none;text-align:center;justify-content:center;flex-direction:row}.menu-wrapper section.show{visibility:visible;display:initial}.menu-wrapper section ul{text-transform:uppercase;list-style:none;padding:0}.menu-wrapper section ul li{font-size:3em;color:black;transition:color .3s;text-shadow:0 0 1px orange}.menu-wrapper section ul li:hover{color:orange;cursor:pointer}.menu-wrapper section .menu-content{width:500px;margin:0 auto}.menu-wrapper section[data-name="controls"] .player-indicator{text-transform:uppercase;font-size:2em;text-shadow:0 0 1px orange;color:orange}.menu-wrapper section[data-name="controls"] .player-indicator .switcher{transition:color .3s;color:black;user-select:none}.menu-wrapper section[data-name="controls"] .player-indicator .switcher:hover{cursor:pointer;color:orange}.menu-wrapper section[data-name="controls"] .input-type{position:relative;display:inline-block;width:150px;height:34px}.menu-wrapper section[data-name="controls"] .input-type input{display:none}.menu-wrapper section[data-name="controls"] .input-type.disabled{opacity:0.5}.menu-wrapper section[data-name="controls"] .input-type .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;border:1px solid orange;border-radius:5px;background-color:rgba(0,0,0,0.4);transition:.4s;text-transform:uppercase}.menu-wrapper section[data-name="controls"] .input-type .slider:before{position:absolute;content:" ";width:26px;left:4px;top:4px;bottom:4px;background-color:orange;transition:.4s;border-radius:4px}.menu-wrapper section[data-name="controls"] .input-type input:checked+.slider:before{transform:translateX(115px)}.menu-wrapper section[data-name="controls"] .input-type .on{display:none}.menu-wrapper section[data-name="controls"] .input-type .on,.menu-wrapper section[data-name="controls"] .input-type .off{position:absolute;transform:translate(-50%, -50%);top:50%;left:50%;font-size:10px;font-family:Verdana, sans-serif;color:orange}.menu-wrapper section[data-name="controls"] .input-type input:checked+.slider .on{display:block}.menu-wrapper section[data-name="controls"] .input-type input:checked+.slider .off{display:none}.menu-wrapper section[data-name="controls"] .player-controls{font-size:.5em;text-align:left;position:relative;display:none;color:orange}.menu-wrapper section[data-name="controls"] .player-controls.show{display:block}.menu-wrapper section[data-name="controls"] .player-controls li{position:relative}.menu-wrapper section[data-name="controls"] .player-controls li .control-key{position:absolute;right:0;box-sizing:border-box;border-radius:5px;height:1em;text-align:right}.menu-wrapper section[data-name="controls"] .player-controls li .control-key.editing{width:1em;border:1px dashed orange}.menu-wrapper section[data-name="controls"] .player-controls li.gamepads{height:50px}.menu-wrapper section[data-name="controls"] .player-controls li.gamepads span{display:inline-block;background-color:rgba(0,0,0,0.2);background-size:80%;height:50px;width:50px;background-position:center;background-repeat:no-repeat;border:1px dashed orange;border-radius:5px;opacity:0.5}.menu-wrapper section[data-name="controls"] .player-controls li.gamepads span.in-use{border-style:solid;opacity:1;background-image:url("assets/images/gamepad.svg?f=292")}.menu-wrapper section[data-name="controls"] .player-controls li.gamepads span.connected{background-image:url("assets/images/gamepad.svg?f=292")}.menu-wrapper section[data-name="controls"] button{background:black;border:1px solid orange;border-radius:4px;text-transform:uppercase;color:orange;transition:background .25s, color .25s;font-size:.8em;font-family:'Teko', sans-serif;padding:.5em 1.5em;cursor:pointer}.menu-wrapper section[data-name="controls"] button:focus{outline:none}.menu-wrapper section[data-name="controls"] button:hover{background:orange;color:black}.top-message{position:absolute;top:10px;width:100%;font-size:40px;font-weight:bold;color:#fff;text-transform:uppercase;padding:15px 0;text-align:center}.top-message.show-message{animation:showMessage .2s ease-out}.top-message.remove-message{animation:removeMessage .2s ease-out;transform:scaleY(0);opacity:0}@keyframes showMessage{0%{transform:scaleY(0)}60%{transform:scaleY(1.2)}100%{transform:scaleY(1)}}@keyframes removeMessage{0%{transform:scaleY(1);opacity:1}40%{transform:scaleY(1.1);opacity:1}100%{transform:scaleY(0);opacity:0}}.header{position:absolute;z-index:10;top:0;text-align:center;width:100%}.header .title{color:black;font-family:'Teko', sans-serif;font-size:20px;font-weight:bold;animation:textShadowColorCycleHeader 10s 0s infinite linear;margin-top:5px;visibility:hidden;transition:color .25s}@keyframes textShadowColorCycleHeader{0%{text-shadow:0 0 10px orange}10%{text-shadow:0 0 20px orange}20%{text-shadow:0 0 10px orange}30%{text-shadow:0 0 10px orange}40%{text-shadow:0 0 10px orange}50%{text-shadow:0 0 30px orange}60%{text-shadow:0 0 10px orange}70%{text-shadow:0 0 10px orange}80%{text-shadow:0 0 10px orange}90%{text-shadow:0 0 40px orange}100%{text-shadow:0 0 10px orange}}.header .title:hover{color:white;cursor:pointer}.header.show .title{visibility:visible}.splash{position:absolute;width:100vw;height:100vh;transform-style:preserve-3d;perspective:1000px}.splash .canvas-stars{position:absolute;top:0;left:0;width:100vw;height:100vh;transition:opacity 2s ease-out}.splash .canvas-stars.transition-out{opacity:0}.splash .canvas-stars canvas{opacity:1}.splash.appear #content{display:block;animation:splashAppear 1s ease-out}.splash #ready{display:flex;justify-content:center;align-items:center;color:rgba(255,255,255,0.4);position:fixed;top:0;left:0;bottom:0;right:0;perspective:1200px;transition:opacity .5s ease-out, visibility .5s ease-out;background:black;flex-direction:column;visibility:hidden;opacity:0}.splash #ready div{width:600px}.splash #ready.show{opacity:1;visibility:visible}.splash #story{z-index:10;display:flex;justify-content:center;align-items:center;color:rgba(255,255,255,0.4);position:fixed;top:0;left:0;bottom:0;right:0;perspective:1200px;transition:opacity .5s ease-out, visibility .5s ease-out;flex-direction:column;visibility:hidden;opacity:0}.splash #story .typer{width:600px}@keyframes typerCursor{0%{opacity:0}100%{opacity:1}}.splash #story .typer::after{content:'_';animation:typerCursor .5s infinite}.splash #story .skip{position:absolute;width:100%;text-align:center;bottom:5em}.splash #story.show{opacity:1;visibility:visible}.splash #content{position:absolute;width:100vw;height:100vh;transform-style:preserve-3d;perspective:1000px;display:none}@keyframes splashAppear{0%{opacity:0}100%{opacity:1}}.splash .paddle-guy.transition-out{animation:guyFly 1s ease-in;animation-fill-mode:forwards;animation-timing-function:ease-out;transform-origin:bottom}@keyframes guyFly{20%{transform:translateY(0px) scaleY(0.8)}25%{transform:translateY(0px) scaleY(1)}100%{transform:translateY(-800px) scaleY(1.2) scaleX(0.9)}}.splash .paddle-guy{position:absolute;bottom:150px;width:270px;height:370px;left:40px;z-index:2000;transition:transform 2s ease-out;animation:guyFloat 2s linear infinite}.splash .paddle-guy .guy{background:url(assets/images/paddle-guy.svg) top no-repeat;background-size:contain;position:absolute;width:100%;height:100%}.splash .paddle-guy .jet{background:url(assets/images/paddle-guy-jet.svg) top no-repeat;position:absolute;background-size:contain;animation:jetPulse .07s linear infinite, jetStretch .2s linear infinite;transform-origin:top}@keyframes jetStretch{50%{transform:scaleY(1.15)}}@keyframes jetPulse{0%{opacity:.5}49%{opacity:.5}50%{opacity:1}100%{opacity:1}}.splash .paddle-guy .jet-left{left:80px;top:270px;width:50px;height:100px}.splash .paddle-guy .jet-right{left:205px;top:215px;width:50px;height:90px}@keyframes guyFloat{0%{transform:translateY(0px);animation-timing-function:ease-out}25%{transform:translateY(-6px);animation-timing-function:ease-in}50%{transform:translateY(0px);animation-timing-function:ease-out}75%{transform:translateY(6px);animation-timing-function:ease-in}}.splash .game-title{font-size:60px;color:white;margin:0 0 45px 0;text-align:center;transform:rotateX(15deg);transition:all .2s ease-out}.splash .game-title .sub-title{font-size:30px}.splash .game-title .letter{animation:letterFloat 2s infinite;display:inline-block}.splash .game-title .letter:empty(){width:200px}@keyframes letterFloat{0%{transform:translateY(0px);animation-timing-function:ease-out}25%{transform:translateY(-6px);animation-timing-function:ease-in}50%{transform:translateY(0px);animation-timing-function:ease-out}75%{transform:translateY(6px);animation-timing-function:ease-in}}.splash .pop{animation:optionPop .5s ease-out}@keyframes optionPop{0%{transform:scale(1)}10%{transform:scale(0.8)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.splash .credits{display:none;position:absolute;bottom:0px;width:100vw;padding:20px 0;z-index:4;color:rgba(255,255,255,0.3);background:rgba(0,0,0,0.6);text-align:center;font-weight:300;transition:transform 1s ease-in;transform-origin:bottom;height:1em}.splash .credits a{color:rgba(255,255,255,0.6);text-decoration:none}.splash .credits.transition-out{transform:rotateX(140deg)}.splash .credits.show{display:block}.splash .credits .credit{position:absolute;width:100%;top:0;padding:20px 0;transition:left .5s}.splash .credits .credit.before-show{left:-100vw}.splash .credits .credit.show{left:0}.splash .credits .credit.after-show{left:100vw}.splash .credits .credit .name{color:rgba(255,255,255,0.6)}.splash .content-wrapper{position:absolute;top:0;left:0;width:100vw;height:100vh;display:flex;z-index:5;align-items:center}.splash .content{margin:0 auto;padding-bottom:90px;position:relative;z-index:5;perspective:1200px;transition:all .5s ease-out;text-align:center}.splash .content.transition-out{opacity:0;transform:scale(0.95)}.splash .scene{z-index:1}.splash .scene .sky{background-image:radial-gradient(200% 100% at bottom, #540c56 55%, #000 100%);height:60%;bottom:0;top:auto;opacity:.4;transition:opacity 2s ease-out}.splash .scene .sky.transition-out{opacity:0}.splash .scene .surface{z-index:2}.splash .scene .surface{top:80vh}.splash .scene .surface.transition-out{transition:top 2s ease-in-out;top:100vh}.splash .scene .large-moon{top:350px;z-index:2}.splash .scene .large-moon.transition-out{transition:top 2s ease-in-out;top:850px}.splash .scene .overlay{opacity:0}.splash .scene .overlay.transition-out{transition:opacity 2s ease-in-out;opacity:.5}.splash .scene .stars{height:100vh}.splash .scene .stars .star{background:white;border-radius:50%;position:absolute}.splash .scene .floating-paddle{background:#876384;position:absolute}.splash .player-options{margin-top:30px}.splash .player-options .vs{display:inline-block;margin:0 10px}.splash .player-options .player-option{background:orange;display:inline-block;padding:6px 12px 7px 12px;cursor:pointer}.splash .player-options .player-option.gamepad{background-image:url("assets/images/gamepad.svg?f=292");background-size:55%;background-repeat:no-repeat;background-position:center}.splash .player-options .player-option.keyboard{background-image:url("assets/images/keyboard.svg?f=292");background-size:55%;background-repeat:no-repeat;background-position:center}.splash .player-options .gamepad,.splash .player-options .keyboard{width:50px}.splash .player-options .player-one{background:#ac4d9c}.splash .player-options .player-two{background:#3faa7f}.splash .game-settings{width:80vw;color:white;position:relative;margin:0 auto;font-size:24px;text-align:center;text-transform:uppercase}.splash .option{display:inline-block}.splash .option-toggle{margin:0 8px}.splash .option-toggle .value{position:relative;padding-right:50px}.splash .option-toggle .value .icon{content:"";position:absolute;top:8px;opacity:.6;right:13px;width:24px;height:24px;background-image:url(assets/images/icon-x.svg);background-size:17px;background-repeat:no-repeat;background-position:center}.splash .option-toggle.enabled .value{background-color:#ac4d9c;text-decoration:none;color:white}.splash .option-toggle.enabled .value .icon{background-size:24px;top:8px;right:12px;background-image:url(assets/images/icon-check.svg);opacity:1}.splash .value{margin:0 4px;background:rgba(255,255,255,0.15);padding:6px 14px 7px 14px;line-height:30px;font-size:22px;border-radius:0px;cursor:pointer;display:inline-block;color:rgba(255,255,255,0.6)}.splash .value:hover{background-image:rgba(255,255,255,0.3)}.splash .value.selected{background:#ac4d9c;color:#fff}.splash .enabled .value{content:"on"}.splash .buttons{margin-top:40px}.splash .buttons .button{display:inline-block;text-align:center;padding:5px 20px;font-size:40px;cursor:pointer;color:white;margin:0 10px;box-shadow:6px 6px 0px rgba(0,0,0,0.4);cursor:pointer;transition:transform .1s ease-out}.splash .buttons .button:hover{transform:scale(1.05)}.splash .buttons .button.rules-button{background:#ac4d9d;font-size:30px}.splash .buttons .button.start-game{padding:10px 45px;margin-bottom:20px}.splash .start-game{color:white;z-index:1;padding:10px 20px;transform:rotateX(10deg);background:#3faa7f}.splash .start-game-particle{background:#3faa7f;transition:none;z-index:999999;display:block;text-align:center;padding:10px 45px;width:auto !important;font-size:40px;cursor:pointer;color:white;margin:0 10px;box-shadow:6px 6px 0px rgba(0,0,0,0.4)}.splash .start-game-particle:before{content:"START!"}.splash .best-of{margin-bottom:10px}.splash .best-of .label{margin-right:10px}.splash .powerups{margin:30px 0}.splash .powerups .label{position:relative;top:-5px;margin-right:20px}.splash .powerup{display:inline-block;position:relative;margin:0 12px}.splash .powerup .name{font-size:20px;opacity:.4;margin-top:15px;display:inline-block}.splash .powerup .icon{width:40px;display:block;margin:0 auto;height:40px;background-size:conain;background-repeat:no-repeat;opacity:.4;background-position:center;position:relative;border-radius:0;cursor:pointer;animation:iconWobble 2s ease-in-out alternate infinite}@keyframes iconWobble{0%{transform:rotate(-5deg)}100%{transform:rotate(5deg)}}.splash [data-powerup=grow] .icon{background-image:url(assets/images/star.svg)}.splash [data-powerup=noclip] .icon{background-image:none;background:transparent;border:solid 4px white;height:26px;width:26px;background:rgba(255,255,255,0.2)}.splash [data-powerup=spin] .icon{background-image:url(assets/images/spinner.svg);background-size:35px}.splash [data-powerup=clone] .icon{background-image:url(assets/images/bone.svg);background-color:#666;background-size:12px;border-radius:50%}.splash [data-powerup=magnet] .icon{background-image:url(assets/images/tar.svg)}.splash [data-powerup=mine] .icon{background-image:url(assets/images/mine.svg)}.splash .enabled .icon,.splash .enabled .name{opacity:1}.splash [data-sounds]{margin-right:25px}@keyframes pulse{50%{transform:scale(1.05)}}.pause-screen{animation:pauseAppear .2s ease-out;position:relative;z-index:2;perspective:1200px;position:absolute;padding:60px;box-sizing:border-box;width:100vw;height:100vh;background:rgba(0,0,0,0.9);display:none}.pause-screen .content{width:100%;height:100%;display:flex;flex-direction:column;justify-items:middle;justify-content:center}@keyframes pauseAppear{0%{opacity:0;transform:scale(0.9)}50%{transform:scale(1.02)}}.pause-screen .paused-title{margin-bottom:40px}.pause-screen .paused-title span{background:#444;color:black;padding:10px 15px;font-size:26px}.pause-screen h1{font-size:65px;color:white;margin:0 0 40px 0;transition:all .2s ease-out;transform:rotateX(25deg)}.pause-screen h3{font-size:30px;margin:50px 0 0 0}.pause-screen .controls-title{color:rgba(255,255,255,0.6);margin-bottom:0}.pause-screen.visible{display:block}.pause-screen .content{color:white;text-align:center}.pause-screen .score-wrapper{margin-top:50px}.pause-screen .score-wrapper .input{display:inline-block;background-size:55%;position:relative;height:100px;width:180px;background-position:top;background-repeat:no-repeat;margin:30px 15px 0 15px;opacity:.5}.pause-screen .score-wrapper .input:after{position:absolute;width:100%;content:"CPU";font-size:45px;line-height:45px;color:white;left:0}.pause-screen .score-wrapper .input[data-type="keyboard"]{background-image:url("assets/images/keyboard.svg")}.pause-screen .score-wrapper .input[data-type="keyboard"]:after{display:none}.pause-screen .score-wrapper .input[data-type="gamepad"]{background-image:url("assets/images/gamepad.svg")}.pause-screen .score-wrapper .input[data-type="gamepad"]:after{display:none}.pause-screen .score-wrapper .input .help{color:white;font-size:20px;text-align:center;position:absolute;bottom:0;width:100%}.rules-page{margin:0;padding:0;width:100vw;height:100vh;position:absolute;top:0}.rules-page .content{display:none}.rules-page.ready .content{display:block}.rules-page .rules.transition-out{transition:opacity .5s ease-out;opacity:0}.rules-page .sky.transition-out{transition:opacity .5s ease-out;opacity:0}.rules-page .rules-nav.transition-out{transition:opacity .5s ease-out;opacity:0}.rules-page .buttons.transition-out{transition:opacity .5s ease-out;opacity:0}.rules-page h1{font-size:40px;color:white;margin:0px 0px 25px 0;transition:all .2s ease-out}.rules-page .powerups video{display:none}.rules-page video{margin:0 auto}.rules-page video.videoPop{animation:videoPop .25s ease-out}@keyframes videoPop{0%{opacity:.4;transform:scale(0.95)}60%{opacity:1;transform:scale(1.04)}100%{transform:scale(1)}}.rules-page .powerup-explanation{color:rgba(255,255,255,0.7);font-size:25px;margin-bottom:20px}.rules-page .powerup-explanation .powerup-name{text-transform:uppercase}.rules-page .powerup-row{text-align:center;margin-bottom:20px}.rules-page .powerup-row .icon{display:inline-block;width:40px;height:40px;margin:0 10px;background-position:center;background-repeat:no-repeat;cursor:pointer;vertical-align:middle;opacity:.4;transform:scale(0.7);transition:transform .1s ease-out}.rules-page .powerup-row .icon.selected{opacity:1;transform:scale(1)}.rules-page .powerup-row .grow{background-image:url(assets/images/star.svg);width:50px;height:50px}.rules-page .powerup-row .noclip{background-image:none;background:transparent;border:solid 4px white;width:30px;height:30px;background:rgba(255,255,255,0.2)}.rules-page .powerup-row .spin{background-image:url(assets/images/spinner.svg)}.rules-page .powerup-row .clone{background-image:url(assets/images/bone.svg);background-color:#666;background-size:11px;border-radius:50%}.rules-page .powerup-row .magnet{background-image:url(assets/images/tar.svg)}.rules-page .powerup-row .mine{background-image:url(assets/images/mine.svg);width:65px;height:65px}.rules-page ul{list-style-type:none;margin:0 0 30px 0;padding:0}.rules-page .rules-nav{text-align:center;padding:25px 0;position:relative;z-index:99;position:absolute;width:100vw;animation:rules-nav-appear 1s ease-out}@keyframes rules-nav-appear{0%{transform:translateY(-200px)}100%{transform:translateY(0px)}}.rules-page .rules-nav a{color:white;margin:0 20px;font-size:30px;text-decoration:none;color:rgba(255,255,255,0.4);display:inline-block}.rules-page .rules-nav a.selected{color:white;border-bottom:solid 4px white;padding-bottom:8px}.rules-page .buttons{position:absolute;bottom:0px;text-align:center;padding-bottom:40px;width:100vw;animation:buttons-appear 1s ease-out;tranform-style:preserve-3d}@keyframes buttons-appear{0%{transform:translateY(200px)}100%{transform:translateY(0px)}}.rules-page .pink-button{background:#ac4d9d}.rules-page .green-button{background:#3faa7f}.rules-page .green-button,.rules-page .pink-button{box-shadow:6px 6px 0px rgba(0,0,0,0.4)}.rules-page .divider{display:inline-block;color:white;height:36px;width:4px;background:rgba(255,255,255,0.5);margin:0 7px;position:relative;top:9px}.rules-page .buttons{left:-23px;z-index:99}.rules-page .button{color:white;display:inline-block;z-index:6;text-decoration:none;padding:8px 20px;transform:none;text-align:center;font-size:25px;text-transform:uppercase;cursor:pointer;margin:0 15px;position:relative;transition:transform .1s ease-out;user-select:none}.rules-page .button.next{padding-left:0;padding-right:0;margin-left:5px;margin-right:35px}.rules-page .button.previous{margin-left:35px;padding-right:0;margin-right:5px;padding-left:0}.rules-page .button.go-back{padding-right:0;padding-left:0}.rules-page .button.previous.selected,.rules-page .button.next.selected{background:rgba(255,255,255,0.15)}.rules-page .button.selected.start-game,.rules-page .button.selected.go-back{outline:solid 6px rgba(255,255,255,0.15)}.rules-page .button.start-game{font-size:28px;padding:10px 30px;marign-left:30px}.rules-page .scene{z-index:1;animation:sceneappear 1s ease-out}@keyframes sceneappear{0%{opacity:0}100%{opacity:1}}.rules-page .scene .canvas-stars{z-index:1;position:absolute;top:0;left:0;width:100vw;height:100vh;transition:opacity 1.5s ease-out}.rules-page .scene .canvas-stars.transition-out{opacity:0}.rules-page .scene .canvas-stars canvas{opacity:1}.rules-page .scene .sky{background-image:radial-gradient(200% 100% at bottom, #540c56 55%, #000 100%);height:60%;bottom:0;top:auto;opacity:.4;transition:opacity 1.5s ease-out}.rules-page .scene .sky.transition-out{opacity:0}.rules-page .scene .stars{height:100vh}.rules-page .rules{position:relative;perspective:1200px;width:100vw;height:90vh;box-sizing:border-box;z-index:4;text-align:center;position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:center;animation:rulesAppear 1s ease-out}@keyframes rulesAppear{0%{opacity:0;transform:scale(1.1)}100%{opacity:1}}.rules-page .rules img,.rules-page .rules video{width:550px;border:solid 15px rgba(255,255,255,0.05);border-radius:5px}.rules-page .rules .rule-box{display:none}.rules-page .rules .rules-1{display:block}.rules-page .rules.visible{display:block}.rules-page .rules p{color:rgba(255,255,255,0.7);font-size:30px;margin:0 0 30px 0}.rules-page .rules li{color:rgba(255,255,255,0.7);font-size:22px;margin:10px 0;position:relative}.rules-page .rules li:after{position:absolute;color:white;height:2px;background:rgba(255,255,255,0.3);bottom:-4px;left:calc(50% - 100px);width:200px}.rules-page .rules li:last-child:after{display:none}.rules-page .rules .row{display:flex;flex-direction:row;margin-bottom:40px}.rules-page .rules .row .col{flex:1}.rules-page .rules .mines img{width:500px}.rules-page .rules [rule="controls"]{width:80%}.rules-page .rules .player-control-diagrams{display:flex;flex-direction:row;width:100%;transform:rotateX(10deg)}.rules-page .rules .player-control-diagrams .diagram{width:50%;border:solid 6px rgba(255,255,255,0.2);position:relative;margin:0 20px;padding:55px 0 25px 0}.rules-page .rules .player-control-diagrams .diagram h2{color:black;text-align:center;background:#444;display:inline-block;padding:12px 12px;border-radius:50%;font-size:28px;margin:0 0 30px 0;position:absolute;top:-40px;left:calc(50% - 35px);border:solid 6px black}.rules-page .rules .player-control-diagrams .diagram .control-diagram{width:80%;margin:0 auto;height:265px;background-size:contain;background-repeat:no-repeat;background-position:center}.rules-page .rules .player-control-diagrams .diagram .ai-notice strong{color:#fff;font-size:26px}.rules-page .rules .player-control-diagrams .diagram .ai-notice p{margin-top:10px;color:rgba(255,255,255,0.5);font-size:22px}.rules-page .rules .player-control-diagrams .diagram[data-type="keyboard-left"] .control-diagram{background-image:url(assets/images/control-keyboard-left.svg)}.rules-page .rules .player-control-diagrams .diagram[data-type="keyboard-left"] .control-diagram .ai-notice{display:none}.rules-page .rules .player-control-diagrams .diagram[data-type="keyboard-right"] .control-diagram{background-image:url(assets/images/control-keyboard-right.svg)}.rules-page .rules .player-control-diagrams .diagram[data-type="keyboard-right"] .control-diagram .ai-notice{display:none}.rules-page .rules .player-control-diagrams .diagram[data-type="gamepad"] .control-diagram{background-image:url(assets/images/control-gamepad.svg)}.rules-page .rules .player-control-diagrams .diagram[data-type="gamepad"] .control-diagram .ai-notice{display:none}.rules-page .rules .player-control-diagrams .diagram[data-type="ai"] .control-diagram{display:flex;justify-content:center;align-items:center}.rules-page .rules .player-control-diagrams .diagram[data-type="ai"] .control-diagram .ai-notice{display:block}.rules .controls.shoulder-left .shoulder-button.left{transform:scaleY(0.5);opacity:1}.rules .controls.shoulder-left .paddle{animation:spinLeft .5s infinite linear}.rules .controls.shoulder-right .shoulder-button.right{transform:scaleY(0.5);opacity:1}.rules .controls.shoulder-right .paddle{animation:spinRight .5s infinite linear}.rules .controls.analog-move-x .analog-stick.left{opacity:1;animation:analogWobbleX 1s infinite}.rules .controls.analog-move-x .paddle{animation:paddleWobbleX 1s infinite}.rules .controls.analog-move-y .analog-stick.left{opacity:1;animation:analogWobbleY 1s infinite}.rules .controls.analog-move-y .paddle{animation:paddleWobbleY 1s infinite}.rules .controls.analog-spin-right .analog-stick.right{opacity:1;animation:analogSpinRight 1s infinite}.rules .controls.analog-spin-right .paddle{animation:spinRight .5s linear infinite}.rules .controls.analog-spin-left .analog-stick.right{opacity:1;animation:analogSpinLeft 1s infinite}.rules .controls.analog-spin-left .paddle{animation:spinLeft .5s linear infinite}@keyframes analogSpinRight{0%{transform:translateY(0);animation-timing-function:ease-in-out}10%{transform:translateY(-10px);animation-timing-function:ease-in-out}90%{transform:translateY(-10px);animation-timing-function:ease-in-out}100%{transform:translateY(0px);animation-timing-function:ease-in-out}}@keyframes analogSpinLeft{0%{transform:translateY(0);animation-timing-function:ease-in-out}10%{transform:translateY(10px);animation-timing-function:ease-in-out}90%{transform:translateY(10px);animation-timing-function:ease-in-out}100%{transform:translateY(0px);animation-timing-function:ease-in-out}}@keyframes analogWobbleX{0%{transform:translateX(0);animation-timing-function:ease-in-out}25%{transform:translateX(-10px);animation-timing-function:ease-in-out}75%{transform:translateX(10px);animation-timing-function:ease-in-out}100%{transform:translateX(0px);animation-timing-function:ease-in-out}}@keyframes paddleWobbleX{0%{transform:translateX(0);animation-timing-function:ease-in-out}25%{transform:translateX(-20px);animation-timing-function:ease-in-out}75%{transform:translateX(20px);animation-timing-function:ease-in-out}100%{transform:translateX(0px);animation-timing-function:ease-in-out}}@keyframes analogWobbleY{0%{transform:translateY(0);animation-timing-function:ease-in-out}25%{transform:translateY(-10px);animation-timing-function:ease-in-out}75%{transform:translateY(10px);animation-timing-function:ease-in-out}100%{transform:translateY(0px);animation-timing-function:ease-in-out}}@keyframes paddleWobbleY{0%{transform:translateY(0);animation-timing-function:ease-in-out}25%{transform:translateY(-20px);animation-timing-function:ease-in-out}75%{transform:translateY(20px);animation-timing-function:ease-in-out}100%{transform:translateY(0px);animation-timing-function:ease-in-out}}@keyframes spinLeft{100%{transform:rotate(-360deg)}}@keyframes spinRight{100%{transform:rotate(360deg)}}.button{color:white;display:inline-block;z-index:6;text-decoration:none;padding:8px 20px;transform:rotateX(10deg);text-align:center;font-size:25px;text-transform:uppercase;cursor:pointer;margin:0 15px;position:relative;transition:transform .1s ease-out;user-select:none}.button:hover{transform:scale(1.1)}.button.pink-button{background:#ac4d9d}.button.green-button{background:#3faa7f}.button .green-button,.button .pink-button{box-shadow:6px 6px 0px rgba(0,0,0,0.4)}.gamepad-button{position:relative}.gamepad-button.input-selected{z-index:9999}.gamepad-button.input-selected:after{content:"";position:absolute;height:50px;width:50px;bottom:-35px;left:calc(50% - 28px);background-image:url(assets/emojis/hand-point-right.svg);background-size:contain;animation:pointer .5s ease-in-out infinite;z-index:999999}@keyframes pointer{50%{transform:translateY(5px)}}.gamepad-button.poke{animation:buttonPress .2s ease-out}@keyframes buttonPress{0%{transform:scale(1)}40%{transform:scale(0.9)}}.gamepad-button.poke:after{content:"";animation:handPoke .2s ease-in-out}@keyframes handPoke{50%{transform:rotateX(30deg) translateY(-6px) scale(0.95)}}#loading{display:flex;justify-content:center;align-items:center;color:rgba(255,255,255,0.4);position:fixed;top:0;left:0;bottom:0;right:0;perspective:1200px;transition:opacity .25s ease-out;background:black}#loading.hide-loading{opacity:0}#loading .scene{width:300px;height:100px;position:relative;transform:rotateX(30deg) scale(0.7);animation:fadeIn 2s ease-out}#loading .scene .title{position:absolute;bottom:-50px;width:100%;color:white;text-align:center;font-size:25px}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}#loading .scene .loading-ball{position:absolute;left:0px;top:calc(50% - 15px);display:block;height:30px;width:30px;background:white;border-radius:50%;animation:ballbounce .5s linear infinite;animation-direction:alternate}@keyframes ballbounce{100%{transform:translateX(270px)}}#loading .scene .paddle{position:absolute;width:20px;height:100px;background:white}#loading .scene .paddle.left{left:-18px;animation:leftPaddle 1s ease-out infinite}@keyframes leftPaddle{0%{transform:translateX(0)}5%{transform:translateX(-5px)}10%{transform:translateX(0)}}#loading .scene .paddle.right{right:-18px;animation:rightPaddle 1s ease-out infinite;animation-delay:.5s}@keyframes rightPaddle{0%{transform:translateX(0)}5%{transform:translateX(5px)}10%{transform:translateX(0)}}.story{position:absolute;width:100vw;height:100vh;transform-style:preserve-3d;perspective:1000px}.story .is-chrome,.story .not-chrome{display:none}.story.is-chrome .is-chrome{display:block}.story.not-chrome .not-chrome{display:block}.story [hidden]{display:none !important}.story .copyright{position:absolute;bottom:20px;font-size:15px;color:white;font-family:"LatoRegular";text-align:center;opacity:.5;width:100%}.story #loading{z-index:100;flex-direction:column}.story #loading .percent{margin-top:1em}.story #loading .text{text-align:center;margin-top:40px}.story .canvas-stars{position:absolute;top:0;left:0;width:100vw;height:100vh;transition:opacity 1s ease-out;z-index:80}.story .canvas-stars.transition-out{opacity:0}.story .canvas-stars canvas{opacity:1}.story .button{font-family:Lato;border:solid 2px white}.story .button:hover{background:rgba(255,255,255,0.1)}.story #ready{z-index:101;display:flex;justify-content:center;align-items:center;color:rgba(255,255,255,0.4);position:fixed;top:0;left:0;bottom:0;right:0;perspective:1200px;transition:opacity .5s ease-out, visibility .5s ease-out;flex-direction:column;visibility:hidden;opacity:0;font-family:LatoRegular;font-size:24px}.story #ready .chrome-disclaimer{color:white;font-family:Lato}.story #ready .chrome-disclaimer .chrome-logo-wrapper{position:relative;margin:0 auto 15px auto;text-align:center}.story #ready .chrome-disclaimer .chrome-logo-wrapper img{margin:0 auto;height:70px}.story #ready .chrome-disclaimer .chrome-logo-wrapper .checkmark{position:absolute;right:-70px;width:60px;height:60px;top:0px;background-image:url(assets/images/checkmark.svg);background-position:center;background-repeat:no-repeat;background-size:40px}.story #ready .chrome-disclaimer .emoji-wrapper img{width:70px}.story #ready .chrome-disclaimer .text{margin:15px 0 10px 0}.story #ready .chrome-disclaimer p{margin-top:15px}.story #ready .content{width:600px;text-align:center}.story #ready .content a{color:rgba(255,255,255,0.7);text-decoration:none}.story #ready .content a:hover{color:rgba(255,255,255,0.85)}.story #ready .content p{margin:0 0 40px 0}.story #ready.show{opacity:1;visibility:visible}.story #story{z-index:200;display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;bottom:0;right:0;perspective:1200px;transition:opacity .5s ease-out, visibility .5s ease-out;flex-direction:column;visibility:hidden;opacity:0;font-weight:normal;font-family:LatoRegular}.story #story .typer{width:600px;font-size:24px;color:rgba(255,255,255,0.6);line-height:140%;height:200px}@keyframes typerCursor{0%{opacity:0}100%{opacity:1}}.story #story .typer::after{content:'_';animation:typerCursor .5s infinite}.story #story .skip{font-family:Lato;font-size:24px}.story #story.show{opacity:1;visibility:visible}#fps{position:fixed;top:0;right:0;text-align:right;color:white;font-size:1.2em;font-family:'Courier New'}#aidebug{position:fixed;top:1em;font-size:18pt;color:white;width:100%;height:2em;z-index:99999999}#aidebug .left{position:absolute;left:1em}#aidebug .right{position:absolute;right:1em}.gleam{top:0;left:0;position:absolute;height:100%;width:100%;background:white;opacity:1;transform-origin:left}