#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;background-color:#2c2c2c}.bingo-field{border:1px solid #000;text-align:center;display:flex;align-items:center;justify-content:center}.bingo-field.selected{background-color:green}.modal-mask{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;transition:opacity .3s ease}.modal-container{width:300px;margin:auto;padding:20px 30px;background-color:#2c2c2c;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.33);transition:all .3s ease}.modal-header h3{margin-top:0;color:#42b983}.modal-body{margin:20px 0;color:#42b983}.modal-default-button{float:right;background-color:#42b983;color:#fff;font-size:x-large;width:100%;height:5vh}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal-container,.modal-leave-to .modal-container{transform:scale(1.1)}.bingo-board{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:0;height:94vh;color:#fff}.banner{background-color:darkred;color:#fff;padding:1%}