*{margin:0;padding:0;box-sizing:border-box}body{background-color:#111;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}main{position:relative}canvas{position:absolute;left:50%;transform:translate(-50%);border-radius:55px}#tableCanvas{box-shadow:0 0 25px #caf3,0 0 100px #caf2}menu{padding:30px 0;display:flex;justify-content:center;align-items:center}button{outline:none;border:none;font-family:inherit;font-size:inherit;color:#fff;font-size:20px;background:linear-gradient(hsl(130,100%,16%),hsl(130,100%,20%));padding:5px 15px;border-radius:4px;cursor:pointer}button:hover,button:focus-visible{filter:brightness(1.2)}dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;font-size:35px;color:#111;text-align:center;background-color:#fffa;border:none;border-radius:15px;padding:30px 40px;box-shadow:0 0 20px #000a;opacity:0}dialog p{margin-bottom:20px}dialog[open]{opacity:1;animation:fadein .3s ease-out forwards}@keyframes fadein{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}dialog.close{animation:fadeout .3s ease-in forwards}@keyframes fadeout{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(.4);opacity:0}}
/*# sourceMappingURL=bundle.css.map */