*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:Arial,Helvetica,sans-serif;background-color:#000;color:#fff}#app{width:100%;height:100%;position:relative}canvas{display:block;width:100%;height:100%}.ui-button{display:block;padding:10px 20px;background-color:#ff4646b3;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:all .2s ease;margin-bottom:10px;width:100%;text-align:center}.ui-button:hover,.ui-button.hover{background-color:#ff6464e6;transform:translateY(-2px);box-shadow:0 4px 10px #0003}.ui-button:active,.ui-button.active{background-color:#c83c3ce6;transform:translateY(1px);box-shadow:0 2px 5px #0000004d}.ui-button:focus,.ui-button.focus{outline:none;box-shadow:0 0 0 3px #ff646480}.ui-button.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.game-screen{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (max-width: 768px){.ui-panel{width:85%!important;max-width:350px}#start-screen h1{font-size:3rem!important}#start-screen .ui-button{padding:15px!important}}