section .controls,section .controls li a{-webkit-box-orient:vertical;-webkit-box-direction:normal}#home header,section .controls,section .controls li a{-webkit-box-direction:normal}#home header h1,#play .progress ul li,section .controls li,section h2{text-align:center}#play svg#board,section,section .controls{position:absolute;left:0;bottom:0}#play svg#board,#play svg#board #playable,#play svg#board #playableSpring{pointer-events:none}@font-face{font-family:SansitaOneRegular;src:url(font/sansitaone-webfont.woff2) format("woff2"),url(font/sansitaone-webfont.woff) format("woff");font-weight:400;font-style:normal}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}body,html{font-family:SansitaOneRegular;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#444;color:#fff;margin:0;padding:0;width:100%;height:100%;overflow:hidden}.ball text{font-size:16px;text-anchor:middle;fill:#fff;stroke-width:0}.ball1{fill:#f39c12;stroke:#e67e22}.ball2{fill:#2ecc71;stroke:#27ae60}.ball3{fill:#3498db;stroke:#2980b9}.ball4{fill:#9b59b6;stroke:#8e44ad}.ball5{fill:#a86;stroke:#765}.ball6{fill:#e74c3c;stroke:#c0392b}section{max-width:150vh;margin:0 auto;padding:0;top:0;right:0}section.overlay{background-color:rgba(0,0,0,.8)}section h2{font-size:10vmin;margin:3vmin 0}section .controls{width:100%;margin:0;padding:0;list-style-type:none;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;font-size:calc(3vh - 3vw);line-height:2}section .controls li{width:99vw;padding-bottom:3vw}section .controls li a{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:#ccc;text-decoration:none;outline:0}section .controls li a:focus,section .controls li a:hover{color:#3498db}section .controls li a:focus svg *,section .controls li a:hover svg *{fill:#3498db}section .controls li svg{width:calc(15vh - 20vw);height:calc(15vh - 20vw);max-width:100px;max-height:100px;margin:0 auto}@media (min-aspect-ratio:7 / 24){section .controls{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:3vh}section .controls li{width:49vw}section .controls li svg{width:calc(14vh - 10vw);height:calc(14vh - 10vw)}}#home header,#play .progress{display:-webkit-box;display:-ms-flexbox;-ms-flex-direction:column}@media (min-aspect-ratio:14 / 24){section .controls li{width:24vw}section .controls li svg{width:18vw;height:18vw}}@media (min-aspect-ratio:17 / 24){section .controls li{width:49vw}section .controls li svg{width:25vw;height:25vw}}@media (min-aspect-ratio:20 / 24){section .controls{font-size:3vw}section .controls li{width:22vw}section .controls li svg{width:16vw;height:16vw}}@media (min-aspect-ratio:36 / 24){section .controls li{width:30vh}section .controls li svg{width:24vh;height:24vh}}@media (min-aspect-ratio:42 / 24){section .controls{font-size:5.5vh}}#home header{margin:0;padding:0;width:100%;display:flex;-webkit-box-orient:vertical;flex-direction:column}#home header h1{font-size:25vmin;margin:3vmin 0}#home header .logo{display:block;width:45vmin;height:auto;margin:10vmin auto;padding:0}@media (min-aspect-ratio:17 / 24){#home header{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:distribute;justify-content:space-around}#home header h1{font-size:20vw}#home header .logo{width:20vw;height:20vw;margin:3vw 0}}@media (min-aspect-ratio:20 / 24){#home header{margin-top:calc(90vh - 70vw)}}@media (min-aspect-ratio:30 / 24){#home header{margin-top:0}}@media (min-aspect-ratio:36 / 24){#home header h1{font-size:30vh}#home header .logo{width:30vh;height:auto;margin:4.5vh 0}}#home .controls .play img{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}#home .controls .sound{display:none}.ambiancesoundloaded #home .controls .sound,.soundeffectsloaded #home .controls .sound{display:block}#home .controls .sound .on{display:none}#home .controls .sound .off,#home .controls .sound.on .on{display:block}#home .controls .sound.on .off{display:none}@-webkit-keyframes pulse{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulse{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}#play{font-size:15vmin;line-height:1.5}#play .level,#play .lives,#play .score,#play h1,#play ul{margin:0;padding:0}#play h1{font-size:20vmin;color:#ccc;padding:0 3vmin;height:30vmin}#play .progress{position:absolute;top:30vmin;left:0;width:100vw;height:calc(100vh - 30vmin - 134.375vw);display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around}#about .about,#play .progress ul{display:-webkit-box;display:-ms-flexbox;-webkit-box-direction:normal}#play .progress .score{padding:0 3vmin;font-size:1.5em;text-align:center}#play .progress ul{width:100%;list-style-type:none;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;color:#ccc}#play .progress ul span{color:#eee}#play .progress .icon{margin-right:3vmin;width:.75em;height:.75em}#play .level,#play .lives,#play .score{display:inline-block;-webkit-transition-property:color,-webkit-transform;transition-property:color,transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}#play .level.changeDown,#play .lives.changeDown,#play .score.changeDown{color:#c0392b;-webkit-transform:scale(1.2);transform:scale(1.2)}#play .level.changeUp,#play .lives.changeUp,#play .score.changeUp{color:#27ae60;-webkit-transform:scale(1.2);transform:scale(1.2)}#play svg#board{width:100vw;height:134.375vw}#play svg#board path{pointer-events:visibleFill}#play svg#board .playzone{stroke-width:0;fill:#777}#play svg#board #playable:hover,#play svg#board #playableSpring:hover{cursor:pointer}#play svg#board #playable.throwable,#play svg#board #playableSpring.throwable{-webkit-animation-delay:0;animation-delay:0;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}#play svg#board #playable{-webkit-transform-origin:294px center;transform-origin:294px center}#play svg#board #playable.throwable{-webkit-animation-name:ballAnimation;animation-name:ballAnimation}#play svg#board #playableSpring{stroke-width:2;stroke:#cee;fill:none;-webkit-transform-origin:308px center;transform-origin:308px center;-webkit-transform:scaleX(.5);transform:scaleX(.5)}#play svg#board #playableSpring.throwable{-webkit-animation-name:springAnimation;animation-name:springAnimation}#play .controls{position:static}#play .controls .pause{position:absolute;top:3vmin;bottom:auto;left:auto;right:3vmin;width:20vmin;height:20vmin}#play .controls .pause svg{width:100%;height:100%}@media (min-aspect-ratio:8 / 24){#play .progress ul{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}@media (min-aspect-ratio:11 / 24){#play{font-size:10vmin}#play .progress ul{position:absolute;left:3vmin;width:25vw;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#play .progress ul li{text-align:left}}@media (min-aspect-ratio:13 / 24){#play{font-size:calc(13 / 24 * 10vh - 2vw)}#play .progress{position:absolute;left:3vmin;width:calc(100vw - 3vmin);height:auto!important}#play .progress .score{padding:0;text-align:left}#play .progress ul{position:static;line-height:1.2}#play .progress ul li{text-align:left}}@media (min-aspect-ratio:15 / 24){#play h1{font-size:12.5vh;height:18.75vh}#play svg#board{width:62.5vh;height:83.984375vh;left:auto;right:0}#play .progress{font-size:6vw}#play .controls .pause{width:12.5vh;height:12.5vh}}@media (min-aspect-ratio:19 / 24){#play svg#board{width:79.1666666667vw;max-width:74.4186046512vh;height:106.380208333vw;max-height:100vh}#play .progress{top:calc(18.75vh + 3vmin);width:calc(100vw - 3vmin - 19 / 24 * 100vw)}#play .progress ul{width:100%}#play .controls .pause{top:auto!important;left:3vmin;right:auto;bottom:3vmin}}@media (min-aspect-ratio:24 / 24){#play .progress{width:calc(100vw - 2 * 3vmin - 74.4186046512vh);height:calc(100vh - 18.75vh - 3 * 3vmin - 12.5vh)}#play .progress .score,#play .progress ul li{text-align:center}}@media (min-aspect-ratio:36 / 24){#play{max-width:150vh}#play svg#board{width:74.4186046512vh;height:100vh}#play .progress{width:calc(150vh - 2 * 3vmin - 74.4186046512vh);font-size:9vh}}@-webkit-keyframes ballAnimation{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-16px);transform:translateX(-16px)}}@keyframes ballAnimation{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-16px);transform:translateX(-16px)}}@-webkit-keyframes springAnimation{0%,100%{-webkit-transform:scaleX(.5);transform:scaleX(.5)}50%{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes springAnimation{0%,100%{-webkit-transform:scaleX(.5);transform:scaleX(.5)}50%{-webkit-transform:scaleX(1);transform:scaleX(1)}}#pause .sound{display:none}.ambiancesoundloaded #pause .sound,.soundeffectsloaded #pause .sound{display:block}#pause .sound .on{display:none}#pause .sound .off,#pause .sound.on .on{display:block}#pause .sound.on .off{display:none}#gameover p{text-align:center}#gameover .message{font-size:5vmin;margin:2em 1em 0}#gameover .score{font-size:10vmin;margin:0 1em}.highscores{list-style-type:none;margin:5vmin;font-size:5vh;text-align:right}#about .social,#description h1,#description p.icon{text-align:center}.highscores .thisone{color:#27ae60;font-size:1.3em}.highscores .tryagain{color:#c0392b;font-size:1.3em}@media (min-aspect-ratio:12 / 24){.highscores{-webkit-columns:2;-moz-columns:2;columns:2}}@media (min-aspect-ratio:18 / 24){.highscores{-webkit-columns:3;-moz-columns:3;columns:3}}@media (min-aspect-ratio:24 / 24){.highscores{-webkit-columns:4;-moz-columns:4;columns:4}}#about .about{margin:5vmin;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}#about .description a:link,#about .description a:visited{color:#3498db;text-decoration:underline}@media (min-aspect-ratio:20 / 24){#about .about{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}#about .description{-webkit-box-flex:3;-ms-flex:3;flex:3}}#about .social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#about .social a{margin:1em}#about .social a,#about .social a svg{width:15vmin;height:15vmin}@media (min-aspect-ratio:20 / 24){#about .social{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}#description{position:absolute;top:0;bottom:0;left:0;right:0;margin:0;padding:1em;overflow-y:scroll}#description h1{font-size:3em}#description h2,#description p{font-family:sans-serif}#description p.icon img{max-width:50%;height:auto}#description a:link,#description a:visited{color:#ccc}#description a:active,#description a:hover{color:#fdd}#description .error{padding:.2em .5em;border:1px solid #962d22;background-color:#f2c9c5;color:#c0392b}#description .error a:link,#description .error a:visited{color:#c0392b}#description .error a:active,#description .error a:hover{color:#962d22}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}a,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}