:root{--light-color: #fafafa;--dark-color: #09090b;--dark-color-active: #18181b;--primary-color: #4a0e28;--transition-easing: cubic-bezier(.77, 0, .175, 1)}[data-theme=light]{--light-color: #f9a8d4;--dark-color: #4a0e28;--dark-color-active: #6d163c}body{margin:0;background-color:var(--dark-color);color:var(--light-color);font-family:Arial,sans-serif}canvas{display:block}#menuButton,.close-btn{width:4rem;aspect-ratio:1;background-color:var(--light-color);cursor:pointer;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1;transition:background-color .3s var(--transition-easing)}#menuButton{position:fixed}.close-btn{position:relative;transform:scale(.8)}.menu-icon__line,.close-icon__line{width:75%;height:.375rem;position:absolute;background-color:var(--dark-color);transition:transform .3s var(--transition-easing),background-color .3s var(--transition-easing);z-index:5}.close-icon__line{transition:none}.menu-icon__line:nth-child(1){transform:translateY(-1rem)}.menu-icon__line:nth-child(2){transform:scaleY(1);z-index:4}.menu-icon__line:nth-child(3){transform:translateY(1rem)}#menuWrapper.active .menu-icon__line:nth-child(1),.close-btn .close-icon__line:nth-child(1){transform:rotate(45deg);background-color:var(--light-color)}#menuWrapper.active .menu-icon__line:nth-child(2),.close-btn .close-icon__line:nth-child(2){transform:scaleY(9) scaleX(1.1);background-color:var(--dark-color);z-index:4}#menuWrapper.active .menu-icon__line:nth-child(3),.close-btn .close-icon__line:nth-child(3){transform:rotate(-45deg);background-color:var(--light-color)}.close-btn:hover .close-icon__line:nth-child(1),.close-btn:hover .close-icon__line:nth-child(3){background-color:var(--dark-color)}.close-btn:hover .close-icon__line:nth-child(2){background-color:var(--light-color)}#menuContent{display:flex;align-items:center;height:4rem;position:fixed;width:fit-content;left:5rem;gap:1rem;transform:translate(-100%) skew(-15deg);pointer-events:none;opacity:0;transition:transform .3s var(--transition-easing),opacity .3s var(--transition-easing)}#menuWrapper.active #menuContent{pointer-events:all;transform:translate(0);opacity:1}.btn-custom{width:12rem;height:100%;text-transform:uppercase;padding:10px 20px;background-color:var(--light-color);color:var(--dark-color);font-weight:900;border:none;cursor:pointer;font-size:1.25rem;letter-spacing:-.125rem;flex:1}.btn-custom:hover{background-color:var(--dark-color);color:var(--light-color);box-shadow:inset 0 0 0 .25rem var(--light-color)}.btn-custom:active{background-color:var(--dark-color-active);color:var(--light-color);box-shadow:inset 0 0 0 .25rem var(--light-color)}#modal{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:4;transition:opacity .3s var(--transition-easing);pointer-events:none}#modal.active{opacity:1;pointer-events:all}#dialog{background:var(--dark-color);padding:1rem;width:90%;max-width:576px;display:flex;flex-direction:column;gap:1rem;transform:translateY(100%);box-shadow:0 0 0 .25rem var(--light-color);transition:transform .3s var(--transition-easing)}#modal.active #dialog{transform:translateY(0)}.dialog-header{display:flex;justify-content:space-between;align-items:center;font-weight:700;text-transform:uppercase}.dialog-header span{font-size:1.75rem;color:var(--light-color);letter-spacing:-.125rem}.dialog-header .btn-custom{max-width:4rem;text-align:center;padding:10px 20px}.dialog-content input{width:calc(100% - 20px);padding:10px;font-size:1.25rem;background:var(--light-color);border:none}.dialog-footer{height:4rem}.dialog-footer .btn-custom{width:100%;height:100%;font-size:1.25rem}.button-section{display:flex;width:100%;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.btn-number{flex:1;aspect-ratio:1;font-size:1.25rem;color:var(--dark-color);background-color:var(--light-color);border:none;cursor:pointer;font-weight:900}.btn-number.selected{background-color:var(--dark-color);color:var(--light-color);box-shadow:inset 0 0 0 .25rem var(--light-color)}.paginator{display:flex;align-items:center;gap:1rem}.disabled{opacity:.5;pointer-events:none}