@import "https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=M+PLUS+1p:wght@400;800&display=swap";.c-bingo-card-wrap{box-sizing:border-box;background-color:#fff;border:2px solid #5e5e5e;justify-content:center;width:max-content;margin:0 auto;padding:6px;display:flex;position:relative}.c-bingo-card-splash{z-index:10;-webkit-user-select:none;user-select:none;cursor:default;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.c-bingo-card-splash__body{background-color:#eb6100;width:100%;padding:12px 0;overflow:hidden}.c-bingo-card-splash__reach{color:#fff;width:max-content;margin:0 auto;font-family:"M PLUS 1p",sans-serif;font-size:1.8rem;font-style:italic;font-weight:700;animation:2s linear both splashMessage;display:block;position:relative}.c-bingo-card-splash__reach:before,.c-bingo-card-splash__reach:after{content:attr(data-message);position:absolute;top:0;left:0;overflow:hidden}.c-bingo-card-splash__reach:before{color:#ffffff4d;animation:2s linear .2s both splashMessageShadow}.c-bingo-card-splash__reach:after{color:#ffffff4d;animation:2s linear .4s both splashMessageShadow}.c-bingo-card-splash__bingo{width:90%;animation:2s ease-in-out both splashBingo}.c-bingo-card-splash__bingo img{width:100%;animation:1.2s ease-in-out infinite pulseBingo}.c-bingo-card{border-collapse:collapse;box-sizing:border-box;background-color:#fff;border:none;overflow:hidden}.c-bingo-card th,.c-bingo-card td{text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;border:3px solid #eb6100;width:70px;height:70px;font-family:"M PLUS 1p",sans-serif;font-size:1.5rem;font-weight:800;transition:background-color .3s;overflow:hidden}.c-bingo-card td.marked{color:#1f2937;background-color:#facc15;position:relative}.c-bingo-card td.free{background-color:#fff;background-image:url(../images/free.png);background-repeat:no-repeat;background-size:cover;font-size:1.1rem}.c-bingo-card td{box-sizing:border-box;padding:4px;position:relative}.c-bingo-card td .number{z-index:1;transform-origin:50% 100%;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex;position:relative}.c-bingo-card td .hole{transform-origin:50%;background-color:#ef4444;border-radius:50%;width:calc(100% - 8px);height:calc(100% - 8px);transition:all .3s;display:block;position:absolute;top:4px;left:4px;scale:0}.c-bingo-card td.marked{box-sizing:border-box;padding:4px}.c-bingo-card td.marked .number{color:#fff}.c-bingo-card td.marked .hole{scale:1}.c-bingo-card td.marked.free .number{color:#fff;transform:none}.c-bingo-card-header th{cursor:default;background-color:#eb6100;padding:8px;line-height:0;height:auto!important}.c-bingo-card-header th img{width:90%;height:auto}.c-bingo-card-footer td{color:#fff;cursor:default;background-color:#eb6100;width:100%;padding:0;font-family:Alfa Slab One,serif;font-size:1rem;font-style:normal;font-weight:400;height:auto!important}.c-bingo-card-footer td img{width:30%;height:auto}.c-bingo-card-dl{justify-content:center;margin-top:16px;display:flex}.c-bingo-card-btn{appearance:none;cursor:pointer;color:#fff;text-align:center;overflow-wrap:anywhere;background-color:#004c98;border:none;border-radius:32px;justify-content:center;align-items:center;gap:8px;width:max-content;max-width:320px;height:48px;padding:8px 24px;font-family:sans-serif;display:flex}.c-bingo-card-btn__icon{width:1.5rem;line-height:0}.c-bingo-card-btn__icon svg{width:100%;height:auto}.c-bingo-card-btn__icon svg path{fill:#fff}.c-bingo-card-btn__text{font-size:16px}@keyframes pulseBingo{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes pulseReach{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes splashMessage{0%{transform:translate(-50vw)}30%{transform:translate(-20%)}70%{transform:translate(20%)}to{transform:translate(50vw)}}@keyframes splashMessageShadow{0%{transform:translate(-50px)}30%{transform:translate(-10px)}40%{transform:translate(0)}70%{transform:translate(0)}to{transform:translate(-40px)}}@keyframes splashBingo{0%{transform:scale(0)}16%{transform:scale(1)}90%{transform:scale(1)}to{transform:scale(0)}}@media (width<=640px){.c-bingo-card th,.c-bingo-card td{width:18vw;height:18vw;font-size:6vw}.c-bingo-card th{font-size:9vw}.c-bingo-card td.free{font-size:4vw}.c-bingo-card td.marked:after{font-size:8vw}.button{padding:.5rem 1rem;font-size:.875rem}#statusMessage{height:30px;font-size:1.25rem}}