@import"https://fonts.googleapis.com/css2?family=Courgette&display=swap";*{font-family:Courgette,cursive}html,body{background-color:#2161f3;margin:0;padding:0;color:#fff;height:100%;overflow:hidden}canvas{position:absolute;width:100%;height:100%}#header{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:center}#header>div{justify-items:center;font-size:1.2rem;padding:.2rem 1rem;flex:1}@media screen and (min-width: 700px){#header>div{font-size:2rem}}@media screen and (min-width: 1200px){#header>div{font-size:3rem}}#header #highscore{text-align:center}#header #nextbobbles{text-align:right}@media screen and (max-width: 700px){#header #nextbobbles{flex-grow:1.5}}#header #nextbobbles img{width:1.4rem;margin-left:1px;margin-top:2px}@media screen and (min-width: 700px){#header #nextbobbles img{width:2rem;margin-left:10px;margin-top:10px}}@media screen and (min-width: 1200px){#header #nextbobbles img{width:3rem}}h1{font-size:3rem}h2{font-size:2.4rem}h3{font-size:2rem;margin-bottom:.2rem}button{font-size:2rem;padding:.2rem 1.2rem;border-radius:8px;border:2px solid #F2F2F2;cursor:pointer;margin:4px 2px}button:hover{opacity:.8}button.active{background-color:#333;background:linear-gradient(#111,#333);color:#f2f2f2;border-color:#f2f2f2}input{border-radius:8px;border:2px solid #CCC;background-color:#f2f2f2;color:#222;font-size:2rem}select{border-radius:8px;font-size:2rem}.screen{top:0;right:0;position:absolute;transform:translateY(100vh);opacity:0;transition:all .3s ease-in-out;background-color:#0009;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.screen.active{transform:translateY(0);opacity:1}.screen .dialog{text-align:center;min-width:300px;background-color:#141414e6;padding:20px;border-radius:10px}.buttons button[data-v-fb2a06f4]{border-radius:0;margin-left:0;margin-right:0}.buttons button[data-v-fb2a06f4]:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.buttons button[data-v-fb2a06f4]:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.highscores table{margin:1rem 0;width:100%;font-size:1.4em}.settings[data-v-76c72933]{margin-bottom:1rem}#footer[data-v-630381b0]{position:fixed;bottom:0;left:0;right:0;height:40px}#footer #btn-settings[data-v-630381b0]{position:absolute;right:0;bottom:0;opacity:.5;transition:opacity .2s ease-in-out}#footer #btn-settings[data-v-630381b0]:hover{opacity:1}#footer #btn-settings img[data-v-630381b0]{width:40px}