:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;--dkClr: #181818;--liClr: whitesmoke;--accClr: sandybrown}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background-color:var(--dkClr);color:var(--liClr);display:flex;flex-direction:column;min-height:100vh}@media screen and (orientation: landscape){body{display:flex;justify-content:center;align-items:center;background-color:#000;color:#fff;font-size:24px;text-align:center}body:before{display:block;transform:rotate(-90deg);width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}}@media screen and (orientation: portrait){body:before{content:"";display:none}}a,a:visited,a:hover,a:active{color:var(--liClr)}header,footer{display:flex;justify-content:center;align-items:center;padding:40px 20px}footer{display:flex;flex-direction:column}main{flex:1;display:flex}#gameCanvas{border:1px solid red;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;z-index:1}canvas{touch-action:manipulation}.gameUI{width:100%;height:100%;background-color:var(--accClr);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2}.gameUI *{text-align:center;margin-top:5px}#gameStartDiv{display:flex}#gameEndDiv{display:none}#gameStartBtn{display:inline-block;width:100px;padding:8px 15px;margin:20px 0;text-align:center;font-family:inherit;border-radius:10px}#playerName{text-align:center;font-family:Honk;font-size:50px}#gameStartBtn p{margin-top:0}#gameStartBtn:hover{background-color:var(--dkClr);border:.5px solid var(--liClr);color:var(--liClr);cursor:pointer}#gameReStartBtn{display:inline-block;width:100px;padding:8px 15px;margin:20px 0;text-align:center;font-family:inherit;border-radius:10px}#gameReStartBtn p{margin-top:0}#gameReStartBtn:hover{background-color:var(--dkClr);border:.5px solid var(--liClr);color:var(--liClr);cursor:pointer}