/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.about-screen .about-inner,.game-over-screen-wrapper .inner,.open-room-screen .inner,.join-room-screen .inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.rotate-phone-screen,.about-screen,.game-over-screen-wrapper,.open-room-screen,.join-room-screen,.choose-mode-screen{position:fixed;width:100%;height:100%;top:0;left:-100%;overflow:hidden;box-sizing:border-box}html{font-size:20px}body{font-family:sans-serif;overflow:hidden;background-color:#2f2475;color:#fff;height:100%}canvas{position:fixed;top:0;left:0;z-index:1;background-color:#2f2475}button{background-color:transparent;cursor:pointer;border:2px solid #ffffff;color:#fff;text-transform:uppercase;font-size:15px;letter-spacing:.08em;padding:20px 40px;position:relative;overflow:hidden;z-index:2}button:focus{outline:none}button.inactive{color:#ffffff80;border-color:#ffffff80}.intro-screen .inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.mute{padding:20px;border:0;right:0;top:0;position:fixed;z-index:100}.mute img{width:25px}.intro-wrapper,.intro-screen{position:fixed;width:100%;height:100%;top:0;left:0;overflow:hidden;box-sizing:border-box}.intro-screen .inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:90%;max-width:600px}.intro-screen header{text-transform:uppercase;font-family:MontserratBlack,sans-serif;position:relative;font-size:calc(24px + 5vw);margin:0 auto;width:100%}.intro-screen header h1{opacity:.3;color:#898cff;margin:0;font-size:inherit;line-height:1;padding:0;letter-spacing:-.05em;white-space:nowrap}.intro-screen p{font-size:calc(8px + .75vw);letter-spacing:.22em;text-transform:uppercase;margin-bottom:40px;margin-top:18px}.choose-mode-screen .one-player-col,.choose-mode-screen .two-player-col{width:50%;position:absolute;height:100%}.choose-mode-screen .one-player-col{background-color:#ffa3b0;left:0}.choose-mode-screen .two-player-col{background-color:#2f2475;right:0}.choose-mode-screen .animation-wrapper{position:absolute;width:100%;height:60%;top:45%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.choose-mode-screen .animation-container{width:90%;max-width:400px}.choose-mode-screen .buttons{position:absolute;width:100%;bottom:12vh;left:0;text-align:center}.choose-mode-screen .buttons button+button{margin-left:15px}@media screen and (max-width: 480px){.choose-mode-screen .two-player-col .buttons{display:flex;flex-direction:column;align-items:center;gap:10px}.choose-mode-screen .two-player-col .buttons button+button{margin-left:0}}.open-room-screen,.join-room-screen{background-color:#2f2475;padding:40px}.open-room-screen .inner,.join-room-screen .inner{width:90%;max-width:400px}.open-room-screen h3,.join-room-screen h3{font-size:36px;text-transform:uppercase;margin-bottom:30px}.open-room-screen p,.join-room-screen p{color:#ffffff80}.open-room-screen input[type=text],.join-room-screen input[type=text]{width:100%;background:transparent;border:2px solid #ffffff;color:#fff;font-size:30px;text-align:center;padding:10px;letter-spacing:.2em}.open-room-screen input[type=text]:focus,.join-room-screen input[type=text]:focus{outline:none}.open-room-screen .back-arrow,.join-room-screen .back-arrow{position:absolute;top:0;left:0;padding:20px;border:0}.open-room-screen .back-arrow img,.join-room-screen .back-arrow img{width:25px}.open-room-screen input[type=text]{border-color:#ffffff80}.game-over-screen-wrapper .inner{width:90%;max-width:500px}.game-over-screen-wrapper h3{font-family:MontserratBlack,sans-serif;text-transform:uppercase;color:#fff;font-size:60px;margin-bottom:30px}.game-over-screen-wrapper .score-row{display:flex;justify-content:space-between;align-items:center;background-color:#ffffff1a;padding:10px 20px;border-radius:5px;margin-bottom:15px}.game-over-screen-wrapper .score-label{text-transform:uppercase;font-size:20px}.game-over-screen-wrapper .score-value{font-size:32px;font-family:MontserratBlack,sans-serif}.game-over-screen-wrapper .buttons-container{display:flex;justify-content:center;gap:20px;margin-top:30px}.about-screen{background-color:#2f2475;padding:40px}.about-screen .about-inner{width:90%;max-width:600px}.about-screen h1{font-family:MontserratBlack,sans-serif;text-transform:uppercase;font-size:60px;margin-bottom:20px}.about-screen p{line-height:1.6;margin-bottom:1em}.about-screen .back-arrow{position:absolute;top:0;left:0;padding:20px;border:0}.about-screen .back-arrow img{width:25px}.rotate-phone-screen{z-index:1000;background-color:#2f2475;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:opacity .3s}