@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:400,900|ZCOOL+QingKe+HuangYou&display=swap);
:root{--primary-color: #00487b;--secondary-color: #1396d3;--condensed-font: "Roboto Condensed", sans-serif;--heading-font: "Roboto Condensed", sans-serif;--body-font: "Roboto", sans-serif;--digital-font: "ZCOOL QingKe HuangYou", "Roboto Condensed", "Helvetica", cursive;--release-color: #5cb3ee;--bugfix-color: #ff8b9f}body,html,*{box-sizing:border-box}body,html{margin:0;padding:0}footer{border-top:5px solid var(--primary-color)}ul li{white-space:normal}.menu{list-style:none;margin:0;padding:0;font-family:var(--heading-font)}@media screen and (max-width: 700px){.menu{white-space:pre-wrap}}.menu li{display:inline-block;padding:.25em .5em}.menu li a{font-size:1.5rem;padding:.5em;font-weight:700;border:3px solid rgba(0,0,0,0)}.menu li a:hover{border:3px solid var(--primary-color)}.logo{height:3.5rem;width:auto}.donate{max-height:150px;margin:.5rem}.social-icon{width:2.5rem;margin:.25em}.tell-your-friends{text-align:center}.tell-your-friends>div{display:inline-block;vertical-align:middle}.goog-te-gadget-simple{border:0 !important;font-family:var(--body-font)}.goog-te-gadget-simple .goog-te-menu-value span:first-child{font-family:var(--body-font);font-size:.85rem;line-height:2.5}.goog-te-gadget-simple .goog-te-menu-value span:last-child{font-size:0;color:#3c3c3c !important}.goog-te-gadget-simple .goog-te-menu-value span:last-child:before{display:inline-block;content:"〈";font-size:1.5rem;transform:rotate(-90deg);padding-right:1rem}.date{color:var(--primary-color)}span.version{color:#aaa;font-family:var(--body-font);font-weight:normal;vertical-align:middle;margin:0 10px;font-size:14px}span.tag{font-size:12px;font-family:var(--body-font);font-weight:normal;background-color:#ccc;padding:.5em 1em;vertical-align:middle;border-radius:12px}span.tag.release{background-color:var(--release-color)}span.tag.bugfix{background-color:var(--bugfix-color)}*{box-sizing:border-box}.flex{display:flex}@media screen and (min-width: 816px){.flex{display:block}}.container{width:100%;max-width:100%;margin:0 auto;background-color:#fff}@media screen and (min-width: 700px){.container{padding-left:20px;padding-right:20px}}.row{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;align-content:stretch}.row.vertical{flex-flow:column}.row.vertical-row{display:inline-flex;flex-flow:column nowrap;flex:1 1 20%}.row.justify-center{justify-content:center}.row.justify-start{justify-content:flex-start}.row.justify-start>.col{flex:0 1;white-space:nowrap}.row.justify-end{justify-content:flex-end}.row.justify-space-between{justify-content:space-between}.row.align-stretch{align-items:stretch}.row.align-start{align-items:start}.row.align-end{align-items:flex-end}.row.align-center{align-items:center}.row.no-padding,.row.no-padding .col{padding:0}.row.no-wrap{flex-wrap:nowrap}.row.set-size>.col{flex-basis:0}.row.gutters-sm>.col{margin:.25rem}.row.gutters-md>.col{margin:.5rem}.row.gutters-lg>.col{margin:1rem}.row.three-cols>.col{width:33%}.row>.col{flex:1 1 auto}@media screen and (min-width: 700px){.row>.col:first-of-type{padding-left:0}.row>.col:last-of-type{padding-right:0}}.row>.col.min-size-100{min-width:100px}.row>.col.min-size-150{min-width:150px}.row>.col.min-size-200{min-width:200px}.row>.col.min-size-225{min-width:225px}.row>.col.min-size-250{min-width:250px}.row>.col.min-size-300{min-width:300px}.row>.col.min-size-350{min-width:350px}.row>.col.min-size-400{min-width:400px}.row>.col.max-size-250{max-width:250px}.row>.col.max-size-400{max-width:400px}.row>.col:first-child{margin-left:0}.row>.col:last-child{margin-right:0}.row>.col.shrink{flex:0}.row>.col.grow{flex:1}.row>.col.stretch{align-self:stretch}@media screen and (max-width: 700px){.row>.col{flex:auto;display:block;width:100%;margin:0 auto}.row>.col.min-size-250{width:250px;max-width:100%;display:block;flex:auto}}.text-center{text-align:center}.text-right{text-align:right}.uppercase{text-transform:uppercase}.medium-text{font-size:1rem;line-height:1.5}.small-text,.small-text *{font-size:.9rem;line-height:1.5}.x-small-text{font-size:.8rem;line-height:1.25}.no-text-wrap{white-space:nowrap}.wrap-text{white-space:normal !important}.back-to-top{transform:rotate(90deg);position:fixed;bottom:2rem;right:2rem;font-size:2rem;border-radius:100%;animation:bounce 1s infinite}.back-to-top a{display:block;padding:.25em .5em;background:#eee}[data-visibility=show]{visibility:visible}[data-visibility=hide]{visibility:hidden;display:none !important}[data-disabled=true]{opacity:.3;pointer-events:none;cursor:not-allowed}.modal{color:#fff;position:absolute;top:10%;left:calc(50% - 25vw);width:50vw;margin:0 auto;display:block;text-align:center;background:#222;box-shadow:0 0 5px 1px rgba(0,0,0,.4);padding:2rem;z-index:999;white-space:pre-wrap}@media screen and (max-width: 700px){.modal{top:unset;left:0;right:0;margin:-50vh 5%;width:90%}}.modal-backdrop{position:absolute;z-index:998;top:0;left:0;right:0;bottom:0;width:100%;overflow:hidden;background:rgba(0,0,0,.65)}.modal-backdrop:hover{pointer-events:none !important;cursor:pointer !important}div[class$=-placeholder]{color:#444}div[class$=-control]{border-color:#444}div[class$=-indicatorContainer] svg{fill:#444}.rc-slider{position:relative;touch-action:none;max-width:300px;min-width:200px}.rc-slider .rc-slider-rail,.rc-slider .rc-slider-track{height:10px;border-radius:5px}.rc-slider .rc-slider-track{position:absolute;top:0;background:#0c0c0c;border:1px solid #000}.rc-slider .rc-slider-rail{background:#fff}.rc-slider .rc-slider-handle{cursor:grab;touch-action:pan-x;position:absolute;background:#00477a;box-shadow:1px 0 2px rgba(0,0,0,.5);border-radius:0;width:15px;height:24px;margin-top:-16px}.number-select{max-width:250px;min-width:175px}.number-select.single{max-width:150px;min-width:125px}.toggle{position:relative;cursor:pointer;white-space:nowrap;border:none;padding:0;outline:none}.toggle input{position:absolute;border:none;outline:none;top:0;right:0;width:100%;-webkit-appearance:none}.toggle .toggle-span{width:1.5rem;height:1.5rem;border:2px solid #011f37;color:#011f37;background:#fff;display:inline-block;vertical-align:middle;margin-right:.5em}.toggle.checked .toggle-span:before{content:"✓";text-align:center;width:100%;display:block;font-size:1.25rem;line-height:1;position:relative}.inline-block{display:inline-block}.block{display:block}.vertical-align-middle{vertical-align:middle}.hide{display:none}.show{display:block}.padding-sm{padding:.25rem}.padding-md{padding:.5rem}.padding-lg{padding:.75rem}.padding-xlg{padding:1rem}.padding-xxlg{padding:2rem}.padding-top-sm{padding-top:.25rem}.padding-top-md{padding-top:.5rem}.padding-top-lg{padding-top:.75rem}.padding-top-xlg{padding-top:1rem}.padding-top-xxlg{padding-top:2rem}.padding-bottom-sm{padding-bottom:.25rem}.padding-bottom-md{padding-bottom:.5rem}.padding-bottom-lg{padding-bottom:.75rem}.padding-bottom-xlg{padding-bottom:1rem}.padding-bottom-xxlg{padding-bottom:2rem}.padding-left-sm{padding-left:.25rem}.padding-left-md{padding-left:.5rem}.padding-left-lg{padding-left:.75rem}.padding-left-xlg{padding-left:1rem}.padding-left-xxlg{padding-left:2rem}.padding-right-sm{padding-right:.25rem}.padding-right-md{padding-right:.5rem}.padding-right-lg{padding-right:.75rem}.padding-right-xlg{padding-right:1rem}.padding-right-xxlg{padding-right:2rem}.padding-horizontal-sm{padding-left:.25rem;padding-right:.25rem}.padding-horizontal-md{padding-left:.5rem;padding-right:.5rem}.padding-horizontal-lg{padding-left:.75rem;padding-right:.75rem}.padding-horizontal-xlg{padding-left:1rem;padding-right:1rem}.padding-horizontal-xxlg{padding-left:2rem;padding-right:2rem}.padding-vertical-sm{padding-top:.25rem;padding-bottom:.25rem}.padding-vertical-md{padding-top:.5rem;padding-bottom:.5rem}.padding-vertical-lg{padding-top:.75rem;padding-bottom:.75rem}.padding-vertical-xlg{padding-top:1rem;padding-bottom:1rem}.padding-vertical-xxlg{padding-top:2rem;padding-bottom:2rem}.no-margin{margin:0}.margin-sm{margin:.25rem}.margin-md{margin:.5rem}.margin-lg{margin:.75rem}.margin-xlg{margin:1rem}.margin-xxlg{margin:2rem}.margin-top-none{margin-top:0}.margin-top-sm{margin-top:.25rem}.margin-top-md{margin-top:.5rem}.margin-top-lg{margin-top:.75rem}.margin-top-xlg{margin-top:1rem}.margin-top-xxlg{margin-top:2rem}.margin-bottom-none{margin-bottom:0}.margin-bottom-sm{margin-bottom:.25rem}.margin-bottom-md{margin-bottom:.5rem}.margin-bottom-lg{margin-bottom:.75rem}.margin-bottom-xlg{margin-bottom:1rem}.margin-bottom-xxlg{margin-bottom:2rem}.margin-left-none{margin-left:0}.margin-left-sm{margin-left:.25rem}.margin-left-md{margin-left:.5rem}.margin-left-lg{margin-left:.75rem}.margin-left-xlg{margin-left:1rem}.margin-left-xxlg{margin-left:2rem}.margin-right-none{margin-right:0}.margin-right-sm{margin-right:.25rem}.margin-right-md{margin-right:.5rem}.margin-right-lg{margin-right:.75rem}.margin-right-xlg{margin-right:1rem}.margin-right-xxlg{margin-right:2rem}.margin-horizontal-none{margin-left:0;margin-right:0}.margin-horizontal-sm{margin-left:.25rem;margin-right:.25rem}.margin-horizontal-md{margin-left:.5rem;margin-right:.5rem}.margin-horizontal-lg{margin-left:.75rem;margin-right:.75rem}.margin-horizontal-xlg{margin-left:1rem;margin-right:1rem}.margin-horizontal-xxlg{margin-left:2rem;margin-right:2rem}.margin-vertical-none{margin-top:0;margin-bottom:0}.margin-vertical-sm{margin-top:.25rem;margin-bottom:.25rem}.margin-vertical-md{margin-top:.5rem;margin-bottom:.5rem}.margin-vertical-lg{margin-top:.75rem;margin-bottom:.75rem}.margin-vertical-xlg{margin-top:1rem;margin-bottom:1rem}.margin-vertical-xxlg{margin-top:2rem;margin-bottom:2rem}@media screen and (max-width: 700px){.mobile-no-margin{margin:0}.mobile-no-horizontal-padding{padding-left:0;padding-right:0}.mobile-no-vertical-padding{padding-top:0;padding-bottom:0}}body,html{font-family:var(--heading-font);font-size:16px}ul,ol,p{font-size:1.25rem;font-family:var(--body-font)}ul p,ol p{font-size:.8em}h1{font-size:2rem}h2{font-size:1.8rem}h3{font-size:1.6rem}h4{font-size:1.4rem}h5{font-size:1.2rem}h6{font-size:1rem;margin:0;color:var(--secondary-color)}.red-bg{background-color:red !important}.dark-red-bg{background-color:#7b0000 !important}.dark-blue-bg{background-color:#00487b !important}.white-bg{background-color:#fff !important}.dark-bg{background-color:#000}.dark-gray-bg{background:#1b1b1b !important}.pale-gray-bg{background:#efefef}.extra-pale-gray-bg{background:#f9f9f9}.red-text{color:red !important}.white-text{color:#fff !important}.gray-text{color:#888 !important}.blue-text{color:#1396d3 !important}.yellow-text{color:#ffca28 !important}[data-color=red]{background-color:red}[data-color=orange]{background-color:orange}[data-color=orange] .card-letter{color:#000 !important}[data-color=yellow]{background-color:#ff0}[data-color=yellow] .card-letter{color:#000 !important}[data-color=green]{background-color:green}[data-color=blue]{background-color:blue}[data-color=purple]{background-color:purple}[data-color=aqua]{background-color:aqua}[data-color=aqua] .card-letter{color:#000 !important}[data-color=brown]{background-color:brown}[data-color=gray]{background-color:gray}[data-color=gray] .card-letter{color:#000 !important}[data-color=pink]{background-color:pink}[data-color=pink] .card-letter{color:#000 !important}[data-color=dk-gray]{background-color:#353535}a{text-decoration:none;color:var(--primary-color);transition:all ease .25s}a:hover{color:#222}.light-links .button{border:2px solid #1396d3;padding:.25em 1em}.light-links a{color:#1396d3}.light-links a:hover{color:#fff}button{white-space:nowrap;font-size:1rem;border-radius:0;padding:.55rem 1rem;margin:.25rem;border:2px solid #fff;color:#fff;background-color:rgba(0,0,0,0);transition:all ease .25s}button:hover{cursor:pointer;color:var(--primary-color);background-color:#f8f8f8}button[disabled]{opacity:.25;cursor:not-allowed}button[disabled]:hover{color:#fff;background-color:rgba(0,0,0,0)}button.textOnly{font-size:inherit;border:none;padding:0;color:#fff;background:rgba(0,0,0,0)}button.textOnly.primary{color:var(--primary-color)}button.textOnly.primary:hover{color:var(--secondary-color)}button.textOnly.secondary{color:var(--secondary-color)}button.textOnly.secondary:hover{color:var(--primary-color)}button.textOnly:hover{color:var(--primary-color)}button.altBtn{border-color:var(--primary-color);color:var(--primary-color)}button.altBtn:hover{background-color:var(--primary-color);color:#fff}button.altBtn[disabled]:hover{border-color:var(--primary-color);color:var(--primary-color)}button.primaryBtn{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}button.primaryBtn:hover{background-color:#efefef;color:var(--primary-color)}button.primaryBtn[disabled]:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}button.play-button{background-color:green;border-color:green}button.play-button:hover{background-color:#006400;border-color:#006400;color:#fff}button.pause-button{background-color:red;border-color:red}button.pause-button:hover{background-color:darkred;border-color:darkred;color:#fff}@media print{@page{margin:.15in .15in .15in .15in !important;orientation:landscape}@page :blank{display:none}div{page-break-inside:avoid;break-inside:avoid;-webkit-break-inside:avoid}header,footer,.no-print{display:none}body{-webkit-print-color-adjust:exact !important}.card-block{max-width:unset;margin:1rem auto}.pale-gray-bg{background:#fff}.print-bw{filter:Gray();filter:url("#grayscale");-webkit-filter:grayscale(100%);filter:grayscale(100%)}.print-two .card .col .freespace{padding:.58rem 0 !important}.print-four .card .col .card-letter,.print-four .card .col .card-number{font-size:2.5rem !important;line-height:1 !important}.print-four .card .col .freespace{padding:.25rem 0}.print-four .card .col .freespace span{font-size:.74rem !important;line-height:1}.print-six .card{width:30%}.print-six .card .col .card-letter,.print-six .card .col .card-number{font-size:2.5rem !important;line-height:1 !important}.print-six .card .col .freespace{padding:.25rem 0}.print-six .card .col .freespace span{font-size:1rem;line-height:1}}@keyframes blink{0%{color:#fff}50%{color:#3c3c3c}100%{color:#fff}}@keyframes bounce{0%{bottom:2rem}50%{bottom:2.5rem}100%{bottom:2rem}}.board-block{border-bottom:1px solid var(--primary-color)}@media screen and (max-width: 1024px){.board-block>.row{align-items:center}}.board-block .pattern-side .callNumber{font-family:var(--digital-font);width:100%;font-size:3rem;text-align:center;color:red;margin-bottom:.5rem}.board-block .pattern-side .callNumber span{background:#161616;text-align:center;width:45%;display:inline-block;padding:.25rem}.board-block .pattern-side .callNumber-text{font-family:var(--condensed-font);font-size:.8rem}@media screen and (max-width: 700px){.board-block .pattern-side .callNumber-text{font-size:1rem}}.board-block .pattern-side #bingopattern{display:flex;margin:0 auto;align-items:flex-start;width:160px}.board-block .pattern-side #bingopattern .row{flex-basis:1 1 20%}.board-block .pattern-side #bingopattern .row:nth-child(1) .col:first-child span{transform:rotate(-15deg)}.board-block .pattern-side #bingopattern .row:nth-child(2) .col:first-child span{margin-top:-0.5rem;transform:rotate(-7deg)}.board-block .pattern-side #bingopattern .row:nth-child(3) .col:first-child span{margin-top:-0.75rem}.board-block .pattern-side #bingopattern .row:nth-child(4) .col:first-child span{margin-top:-0.5rem;transform:rotate(7deg)}.board-block .pattern-side #bingopattern .row:nth-child(5) .col:first-child span{transform:rotate(15deg)}.board-block .pattern-side #bingopattern .col{padding:4px;height:32px;width:32px;position:relative}.board-block .pattern-side #bingopattern .col:first-child{line-height:1.5;height:3rem}.board-block .pattern-side #bingopattern .col:first-child span{font-size:1.5rem;font-family:var(--body-font);font-weight:800}@media screen and (max-width: 700px){.board-block .pattern-side #bingopattern .col:first-child span{font-size:1.5rem}}.board-block .pattern-side #bingopattern .col:not(:first-child){background:#efefef;border:1px solid #fff}.board-block .pattern-side #bingopattern .col span{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:100%;margin:0 auto}.board-block .pattern-side #bingopattern .col span.free-space{font-size:.5rem;line-height:1.5;margin:2px;text-align:center;text-transform:uppercase;color:#676767}@media screen and (max-width: 700px){.board-block .pattern-side #bingopattern .col span.free-space{font-size:10px;margin:.25em}}.board-block .pattern-side #bingopattern .col.selected span{background-color:#3500c7;color:#fff;margin:3px}@media screen and (max-width: 1024px){.board-block .pattern-side #bingopattern .col.selected span{margin:3px}}.board-block .pattern-side #bingopattern .col.selected span.free-space{overflow:hidden;color:#3500c7}.board-block .pattern-side #bingopattern .col.looser span{background-color:red;color:#fff;margin:3px}@media screen and (max-width: 1024px){.board-block .pattern-side #bingopattern .col.looser span{margin:3px}}.board-block .pattern-side #bingopattern .col.looser span.free-space{overflow:hidden;color:red}.board-block .pattern-side #bingopattern .col:hover{cursor:pointer}.board-block .pattern-side .pattern-select{width:100%;display:block;border:1px solid #fff}.board-block .pattern-side .pattern-select div[class$=-singleValue]{color:#888}.board-block .pattern-side .pattern-select div[class$=-Input]{color:#fff}.board-block .pattern-side .pattern-select div[class$=-control]{background:#222;border:none;color:#efefef;border-radius:0}.board-block .pattern-side .pattern-select div[class$=-menu] *{color:#222}.board-block .board-side #board{padding:1rem;display:flex;flex-flow:column;align-self:stretch;justify-content:space-between;font-family:"ZCOOL QingKe HuangYou"}.board-block .board-side #board *{font-size:2.7rem;line-height:1.5}@media screen and (max-width: 700px){.board-block .board-side #board *{font-size:20px}}.board-block .board-side #board .board-letter{flex:0 0 1.25em !important;font-weight:bold}.board-block .board-side #board .ball{color:#3c3c3c}.board-block .board-side #board .ball button{font-family:inherit;white-space:nowrap;font-size:inherit;border-radius:unset;padding:unset;margin:unset;border:unset;color:inherit;background-color:inherit;transition:inherit}.board-block .board-side #board .ball button:hover{background:inherit;color:inherit}.board-block .board-side #board .ball button:focus{outline:none}.board-block .board-side #board .ball.called{color:#fff;background-color:#222;border-radius:50%}.board-block .board-side #board .ball.active{animation:blink 1s infinite;color:green}.card-block{max-width:100%;margin:1rem auto}.card-block .card{width:100%;display:inline-block;margin:.5%;border-radius:.5rem;padding:.5rem}.card-block .card .col{padding:0 !important;margin:0 !important;flex-basis:20%;max-width:20%}.card-block .card .col .freespace{padding:.55rem 0}.card-block .card .col .freespace>span{display:block;text-align:center;font-size:1.25rem;line-height:.96;text-transform:uppercase;font-weight:700}.card-block .card .col .card-number,.card-block .card .col .card-letter{text-align:center;padding:.25em;margin:0}.card-block .card .col .card-letter{font-size:3rem;line-height:1.5;color:#fff}.card-block .card .col .card-numbers{border-top:1px solid #cecece;border-bottom:1px solid #cecece}.card-block .card .col .card-numbers .card-number{font-size:3rem;background:#fff;border:1px solid #cecece}.card-block .card .col .card-numbers .card-number:first-child{border-top:0}.card-block .card .col .card-numbers .card-number:last-child{border-bottom:0}.print-six .card-block{max-width:1024px;margin:0 auto}.print-six .card-block .card{width:32%}.print-six .card-block .card .col .card-letter{font-size:2.25rem;height:3.25rem;max-height:3.25rem;line-height:1}.print-six .card-block .card .col .card-numbers .card-number{font-size:2.25rem;max-height:3.5rem;height:3.5rem}.print-six .card-block .card .col .card-numbers .card-number .freespace{padding:.57rem 0}.print-six .card-block .card .col .card-numbers .card-number .freespace>span{font-size:.8rem}.game-controls .ball-display{width:100%;min-width:160px;max-width:200px;display:flex;border-radius:100%;position:relative;align-items:center;justify-content:center;margin:0 auto;box-shadow:inset .5rem .5rem 1.5rem .25rem hsla(0,0%,100%,.3),inset -0.25rem -0.25rem 1.5rem .5rem rgba(0,0,0,.4)}.game-controls .ball-display::after{content:"";display:block;padding-bottom:100%}.game-controls .ball-display .content{text-align:center;border-radius:100%;background:#fff;position:relative;min-width:60px;min-width:3vw;padding:28%;box-shadow:inset -0.5rem -0.5rem 2rem 0 rgba(0,0,0,.16),0 0 0 .25rem #fff;background:radial-gradient(circle at 20% 20%, white, #efefef)}.game-controls .ball-display .content .ball-content{justify-content:center;align-items:center;position:absolute;text-align:center;top:0;left:0;right:0;bottom:0;display:inline-flex;flex-direction:column}.game-controls .ball-display .content .ball-content .ball-letter,.game-controls .ball-display .content .ball-content .ball-number{line-height:1;display:block;width:100%}.game-controls .ball-display .content .ball-content .ball-letter{font-size:2rem;font-weight:bold}.game-controls .ball-display .content .ball-content .ball-number{font-size:3.25rem}.game-controls .ball-display .content img{padding:.25rem;max-width:100%}.game-controls .ball-display.blue{background:radial-gradient(circle at 20% 20%, #0000FF, #0000ad)}.game-controls .ball-display.blue .content{border:.15rem solid blue}.game-controls .ball-display.red{background:radial-gradient(circle at 20% 20%, #FF0000, #910000)}.game-controls .ball-display.red .content{border:.15rem solid red}.game-controls .ball-display.white{background:radial-gradient(circle at 20% 20%, #ffffff, #b6b6b6)}.game-controls .ball-display.white .content{border:.15rem solid red}.game-controls .ball-display.green{background:radial-gradient(circle at 20% 20%, #008000, #004a00)}.game-controls .ball-display.green .content{border:.15rem solid green}.game-controls .ball-display.yellow{background:radial-gradient(circle at 20% 20%, #ffe52a, #f7bd00)}.game-controls .ball-display.yellow .content{border:.15rem solid #f7bd00}.game-controls .previous-calls{display:flex;flex-flow:row wrap;justify-content:center;text-align:center;margin:0 auto}.game-controls .previous-calls div{display:flex;justify-content:center;align-items:center;align-content:stretch;flex:0 0 34px;margin:0 1%;border-radius:100%;height:2rem;padding:3px;box-sizing:content-box}.game-controls .previous-calls div span{color:#fff}.game-controls .previous-calls div.blue{background-color:blue}.game-controls .previous-calls div.red{background-color:red}.game-controls .previous-calls div.white{background-color:#fff}.game-controls .previous-calls div.white span{color:#222}.game-controls .previous-calls div.green{background-color:green}.game-controls .previous-calls div.yellow{background-color:#f7bd00}.game-controls .previous-calls div.yellow span{color:#222}.game-controls .modal .previous-calls{max-width:300px}.game-controls .modal .previous-calls div{flex:0 0 32px;margin:5px}.game-controls .gameplay-controls button{min-width:175px;width:80%;display:block;margin:.5rem auto;background-color:#090e2c;outline:none;border-radius:5px}.game-controls .game-settings span{line-height:2.5}.game-controls .game-settings .select-input{margin:10px 0;width:100%;min-width:200px;max-width:360px;border:1px solid #fff}.game-controls .game-settings .select-input div[class$=-singleValue]{color:#888}.game-controls .game-settings .select-input div[class$=-Input]{color:#fff}.game-controls .game-settings .select-input div[class$=-control]{background:#222;border:none;color:#efefef;border-radius:0}.game-controls .game-settings .select-input div[class$=-menu] *{color:#222}@media screen and (max-width: 700px){.game-controls .game-settings .row{flex-direction:column}}@media screen and (max-width: 700px){header .row .col:nth-of-type(2){order:2}header .row .col:last-child{order:1}.menu li a{font-size:18px;padding:.25em}.slider{flex:none;display:block}.slider .col{width:55%;vertical-align:middle;flex:none !important;display:inline-block !important}.slider .col.shrink{flex:none !important;width:15%;margin:0 !important}.social.col{display:block;width:100%;flex:none !important}footer .row{flex-flow:column;text-align:center}footer .row>.col{width:100% !important;text-align:center;padding:.5em}.board-block>.row{display:block}.board-block .board-side #board,.board-block .pattern-side #board{padding:1rem;display:block !important;flex-flow:unset;align-self:unset;justify-content:unset;width:350px;max-width:100%;margin:0 auto}.board-block .board-side #board .row,.board-block .pattern-side #board .row{display:inline-block;width:20%}.board-block .board-side #bingopattern,.board-block .pattern-side #bingopattern{width:175px;margin:0 auto;max-width:100%}.board-block .board-side.min-size-200,.board-block .pattern-side.min-size-200{width:250px;max-width:100%;display:block;flex:none !important;margin:0 auto !important}}
.board-block{border-bottom:1px solid var(--primary-color)}@media screen and (max-width: 1024px){.board-block>.row{align-items:center}}.board-block .pattern-side .callNumber{font-family:var(--digital-font);width:100%;font-size:3rem;text-align:center;color:red;margin-bottom:.5rem}.board-block .pattern-side .callNumber span{background:#161616;text-align:center;width:45%;display:inline-block;padding:.25rem}.board-block .pattern-side .callNumber-text{font-family:var(--condensed-font);font-size:.8rem}@media screen and (max-width: 700px){.board-block .pattern-side .callNumber-text{font-size:1rem}}.board-block .pattern-side #bingopattern{display:flex;margin:0 auto;align-items:flex-start;width:160px}.board-block .pattern-side #bingopattern .row{flex-basis:1 1 20%}.board-block .pattern-side #bingopattern .row:nth-child(1) .col:first-child span{transform:rotate(-15deg)}.board-block .pattern-side #bingopattern .row:nth-child(2) .col:first-child span{margin-top:-0.5rem;transform:rotate(-7deg)}.board-block .pattern-side #bingopattern .row:nth-child(3) .col:first-child span{margin-top:-0.75rem}.board-block .pattern-side #bingopattern .row:nth-child(4) .col:first-child span{margin-top:-0.5rem;transform:rotate(7deg)}.board-block .pattern-side #bingopattern .row:nth-child(5) .col:first-child span{transform:rotate(15deg)}.board-block .pattern-side #bingopattern .col{padding:4px;height:32px;width:32px;position:relative}.board-block .pattern-side #bingopattern .col:first-child{line-height:1.5;height:3rem}.board-block .pattern-side #bingopattern .col:first-child span{font-size:1.5rem;font-family:var(--body-font);font-weight:800}@media screen and (max-width: 700px){.board-block .pattern-side #bingopattern .col:first-child span{font-size:1.5rem}}.board-block .pattern-side #bingopattern .col:not(:first-child){background:#efefef;border:1px solid #fff}.board-block .pattern-side #bingopattern .col span{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:100%;margin:0 auto}.board-block .pattern-side #bingopattern .col span.free-space{font-size:.5rem;line-height:1.5;margin:2px;text-align:center;text-transform:uppercase;color:#676767}@media screen and (max-width: 700px){.board-block .pattern-side #bingopattern .col span.free-space{font-size:10px;margin:.25em}}.board-block .pattern-side #bingopattern .col.selected span{background-color:#3500c7;color:#fff;margin:3px}@media screen and (max-width: 1024px){.board-block .pattern-side #bingopattern .col.selected span{margin:3px}}.board-block .pattern-side #bingopattern .col.selected span.free-space{overflow:hidden;color:#3500c7}.board-block .pattern-side #bingopattern .col.looser span{background-color:red;color:#fff;margin:3px}@media screen and (max-width: 1024px){.board-block .pattern-side #bingopattern .col.looser span{margin:3px}}.board-block .pattern-side #bingopattern .col.looser span.free-space{overflow:hidden;color:red}.board-block .pattern-side #bingopattern .col:hover{cursor:pointer}.board-block .pattern-side .pattern-select{width:100%;display:block;border:1px solid #fff}.board-block .pattern-side .pattern-select div[class$=-singleValue]{color:#888}.board-block .pattern-side .pattern-select div[class$=-Input]{color:#fff}.board-block .pattern-side .pattern-select div[class$=-control]{background:#222;border:none;color:#efefef;border-radius:0}.board-block .pattern-side .pattern-select div[class$=-menu] *{color:#222}.board-block .board-side #board{padding:1rem;display:flex;flex-flow:column;align-self:stretch;justify-content:space-between;font-family:"ZCOOL QingKe HuangYou"}.board-block .board-side #board *{font-size:2.7rem;line-height:1.5}@media screen and (max-width: 700px){.board-block .board-side #board *{font-size:20px}}.board-block .board-side #board .board-letter{flex:0 0 1.25em !important;font-weight:bold}.board-block .board-side #board .ball{color:#3c3c3c}.board-block .board-side #board .ball button{font-family:inherit;white-space:nowrap;font-size:inherit;border-radius:unset;padding:unset;margin:unset;border:unset;color:inherit;background-color:inherit;transition:inherit}.board-block .board-side #board .ball button:hover{background:inherit;color:inherit}.board-block .board-side #board .ball button:focus{outline:none}.board-block .board-side #board .ball.called{color:#fff;background-color:#222;border-radius:50%}.board-block .board-side #board .ball.active{animation:blink 1s infinite;color:green}