main{display:flex;flex-direction:column;justify-content:center;align-items:center}h1{font-size:10vh}.mainMenu{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:1em;margin-bottom:1em;padding:15px;width:clamp()}.mainMenu>a{margin:12px;font-size:large;background-color:#add8e6;border-radius:5px;padding:5px 10px}@media (orientation: landscape){.mainMenu{flex-direction:row}}.mainPanel{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.optionsPanel{display:grid;grid-template-columns:1fr 3fr;margin-bottom:.5rem;row-gap:.5rem}.groupPanel{width:80%;margin:1rem 0px;padding:1em;text-align:center}button{margin-left:12px;margin-right:12px;font-size:large;background-color:#add8e6;border-radius:5px;padding:5px 10px}button.validate{background-color:#90ee90}header{background-color:#add8e6;width:100vw;height:10vh;position:fixed;top:0px;left:0px;display:flex;flex-direction:row;justify-content:center;align-items:center}header>.title{font-size:x-large;font-family:Arial,Helvetica,sans-serif;text-align:center;flex-grow:3}header>#control_panel{padding:.2em 2em}header>audio{position:absolute;left:0px}main{position:absolute;top:10vh;width:100vw;height:90vh}canvas{position:fixed;top:10vh;left:0}#score_panel{position:absolute;top:1em;left:1em;width:200px;height:clamp(5em,30vh,400px)}#calibration_panel{position:absolute;top:1em;right:1em;padding:1em .3em;width:300px;display:grid;grid-template-columns:2fr 1fr;gap:.5em}.valueInput{size:5}.panel{border:1px solid red;background-color:#fff9}#credits{display:none}.mobileControlPanel{position:absolute;bottom:min(50px,5vh);width:clamp(3rem,30vh,100px);height:clamp(3rem,30vh,100px);padding:15px}#mobileControl_left{left:20px;display:flex;justify-content:center;align-items:center}#mobileControl_left>img{position:absolute;left:40px;top:40px}#mobileControl_left>div{align-self:flex-end}#mobileControl_left #btnRight{grid-area:r}#mobileControl_left #btnLeft{grid-area:l}#mobileControl_left #btnUp{grid-area:up}#mobileControl_left #btnDown{grid-area:dn}#mobileControl_right{right:1em;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.countDownLightBox{height:100vh;width:100vw;position:absolute;top:0px;left:0px;z-index:5000;background-color:#0009;display:flex;justify-content:center;align-items:center}.countDown{font-size:30vh;color:#ff0;animation-duration:.9s;animation-delay:.1s;animation-name:explode}@keyframes explode{0%{transform:scale(1);opacity:1}to{transform:scale(10);opacity:0}}.lifeLostScreen{font-size:10vh;color:#ff0;text-align:center;height:100vh;width:100vw;position:absolute;top:0px;left:0px;z-index:5000;background-color:#000;animation:backgroundFade 1s}@keyframes backgroundFade{0%{opacity:0}to{opacity:1}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}