@import"https://fonts.googleapis.com/css2?family=Gabarito:wght@800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#000}.hud-bottom{position:absolute;bottom:0;left:0;right:0;height:150px;display:flex;align-items:flex-end;justify-content:center;gap:24px;pointer-events:none;padding:0 20px 20px;background:linear-gradient(to top,#0009,#0000);z-index:16777280}@keyframes modalBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes modalBackdropOut{0%{opacity:1}to{opacity:0}}@keyframes modalContentIn{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalContentOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.85) translateY(20px)}}.modal-backdrop{animation:modalBackdropIn .2s ease-out both}.modal-backdrop.closing{animation:modalBackdropOut .15s ease-in both}.modal-content{animation:modalContentIn .25s cubic-bezier(.34,1.4,.64,1) both}.modal-backdrop.closing .modal-content{animation:modalContentOut .15s ease-in both}.action-btn{transition:transform .1s,filter .1s,box-shadow .1s}.action-btn:hover:not(:disabled){filter:brightness(1.15);box-shadow:0 6px 12px #0006,inset 0 1px #ffffff40}.action-btn:active:not(:disabled){transform:scale(.95);filter:brightness(.9);box-shadow:0 2px 4px #0000004d,inset 0 2px 4px #0003}@media(max-width:600px){.hud-bottom{flex-direction:column;align-items:center;gap:12px;padding:0 12px 12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}}