body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.game-controls.revised-controls{background:linear-gradient(140deg,var(--brand-secondary-teal) 0,#205050 100%);border:1px solid #ffffff26;border-radius:12px;color:var(--brand-light-text);margin:0;max-width:480px;overflow:hidden;padding:20px 25px}.game-controls.revised-controls,.status-display.active-game-layout{align-items:center;display:flex;flex-direction:column;flex-grow:1;width:100%}.status-display.active-game-layout{justify-content:space-around}.selected-round-display.emphasized-round-name{background-color:#0000004d;border:1px solid #fff3;border-radius:6px;color:var(--brand-light-text);font-size:1.15em;font-weight:500;letter-spacing:.8px;margin-bottom:15px;padding:10px 12px;text-align:center;text-shadow:1px 1px 2px #00000040;width:100%}.selected-round-display.emphasized-round-name strong{color:var(--brand-third-yellow);font-family:Luckiest Guy,cursive;font-size:1.3em;font-weight:400;letter-spacing:1px;text-shadow:1px 1px 2px #0000004d}.current-ball-area{align-items:center;display:flex;flex-direction:column;width:100%}.current-ball-display.large-display.ball-shape{align-items:center;background-color:var(--brand-primary-orange);border:8px solid var(--brand-third-yellow);border-radius:50%;box-shadow:inset 0 0 20px #00000059,0 5px 12px #0000004d;color:var(--brand-light-text);display:flex;flex-direction:column;font-size:clamp(3.8rem,9.5vw,5.2rem);font-weight:700;height:clamp(180px,28vw,250px);justify-content:center;line-height:1;margin:10px auto 15px;overflow:hidden;padding:15px;position:relative;text-shadow:2px 2px 4px #0006;width:clamp(180px,28vw,250px)}.current-ball-display.ball-shape .current-ball-letter{display:block;font-size:.6em;margin-bottom:-.1em;opacity:.9}.current-ball-display.ball-shape .current-ball-number{color:var(--brand-third-yellow);display:block;font-size:1.3em}.current-ball-display.ball-shape .placeholder{color:#fff9;font-size:clamp(3rem,7vw,4rem)}.status-text{color:#ffffffd9;font-size:1.05em;margin-bottom:18px;text-align:center;text-shadow:1px 1px 2px #00000026}.status-text p{margin:4px 0}.game-over-message{color:#ffb2b2;font-size:1.15em;font-weight:700}.primary-next-ball-button{background:linear-gradient(145deg,var(--brand-primary-orange),#a34b10);border-radius:30px;box-shadow:0 5px 12px #0000004d;color:var(--brand-light-text);font-size:1.5em;margin:10px 0 15px;min-width:220px;padding:15px 40px;text-shadow:1px 1px 1px #00000040}.primary-next-ball-button:hover:not(:disabled){background:linear-gradient(145deg,#e87e43,var(--brand-primary-orange));box-shadow:0 7px 15px #00000059;transform:translateY(-2px) scale(1.03)}.primary-next-ball-button:active:not(:disabled){box-shadow:inset 0 2px 4px #00000026;transform:translateY(0) scale(1)}.primary-next-ball-button:disabled{background:#4a6363;box-shadow:none;color:#8aabbb;cursor:not-allowed;opacity:.7}.secondary-actions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);margin-top:auto;max-width:380px;padding:10px 0;width:100%}.secondary-grid-button{align-items:center;border-radius:8px;display:flex;flex-direction:column;font-size:.9em;justify-content:center;line-height:1.2;min-height:65px;padding:12px 10px;text-align:center}.button-icon-small{font-size:1.3em;margin-bottom:4px}.declare-winner-button.secondary-grid-button{background:linear-gradient(145deg,var(--brand-third-yellow),#d4a100);box-shadow:0 3px 7px #00000026;color:var(--brand-dark-text)}.declare-winner-button.secondary-grid-button:hover:not(:disabled){background:linear-gradient(145deg,#ffde7a,var(--brand-third-yellow))}.declare-winner-button.secondary-grid-button:disabled{background:#6c7a7a;color:#a8b8b8}.take-a-break-button.secondary-grid-button{background:linear-gradient(145deg,#6c757d,#495057);border:1px solid #ffffff1a;color:var(--brand-light-text)}.take-a-break-button.secondary-grid-button:hover{background:linear-gradient(145deg,#868e96,#5a6268)}.called-balls-history-button.secondary-grid-button{background:linear-gradient(145deg,var(--brand-fourth-green),#4a7a4a);color:var(--brand-light-text)}.called-balls-history-button.secondary-grid-button:hover{background:linear-gradient(145deg,#8bc34a,var(--brand-fourth-green))}.new-game-button.secondary-grid-button{background:#0000;border:2px solid #ffffff59;color:#ffffffb3}.new-game-button.secondary-grid-button:hover{background:#ffffff1a;border-color:#fff9;color:var(--brand-light-text)}.control-button{border:none;cursor:pointer;font-weight:600;letter-spacing:.5px;transition:all .2s ease-out}.secondary-actions-panel{display:none}.winning-patterns-container-themed{background-color:#fff;background-color:var(--brand-panel-light,#fff);border-radius:8px;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:15px 20px;width:100%}.winning-patterns-container-themed.no-patterns{align-items:center;color:#6c757d;font-size:1.2em;justify-content:center}.current-round-title-display{color:var(--brand-primary-orange);flex-shrink:0;font-family:Luckiest Guy,cursive;font-size:clamp(2.2em,5vw,3.2em);font-weight:400;letter-spacing:1.5px;line-height:1.2;margin-bottom:20px;margin-top:5px;text-align:center;text-shadow:1px 1px 0 var(--brand-light-text),2px 2px 4px #00000040}.patterns-grid-container{align-items:flex-start;display:flex;flex-grow:1;justify-content:center;overflow-y:auto;padding:10px 0}.patterns-grid{grid-gap:25px;align-items:flex-start;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-items:center;margin:0 auto;max-width:1400px;padding:15px;width:100%}.pattern-item{align-items:center;background-color:#fff;border:1px solid #d1d8e0;border-radius:8px;box-shadow:0 6px 18px #32325d1a,0 3px 9px #00000012;display:flex;flex-direction:column;max-width:550px;padding:15px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.pattern-item:hover{box-shadow:0 8px 22px #32325d1f,0 5px 11px #00000014;transform:translateY(-5px)}.pattern-label{color:var(--brand-secondary-teal);font-size:1.1em;font-weight:600;margin-bottom:12px;margin-top:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.pattern-board-grid{grid-gap:3px;background-color:#e9ecef;border:1px solid #ced4da;border-radius:4px;display:grid;gap:3px;grid-template-columns:repeat(5,1fr);grid-template-rows:auto repeat(5,1fr);margin:0 auto;max-width:100%;padding:5px;width:100%}.winning-patterns-container-themed.layout-single .pattern-item{max-width:700px}.pattern-board-header-cell{background:linear-gradient(145deg,var(--brand-secondary-teal),#205050);border-radius:3px 3px 0 0;color:var(--brand-light-text);font-size:clamp(.9em,3.5vw,1.3em);font-weight:700;grid-column:span 1;line-height:1.1;padding:4px 0}.pattern-board-cell,.pattern-board-header-cell{align-items:center;display:flex;justify-content:center}.pattern-board-cell{aspect-ratio:1/1;background-color:#f8f8f8;border:1px solid #b0b0b0;border-radius:2px;transition:background-color .2s ease-in-out}.pattern-board-cell.is-marked-pattern{background-color:var(--brand-fourth-green);border-color:#4a7a4a}@media (max-width:767px){.winning-patterns-container-themed{padding:10px 12px}.current-round-title-display{font-size:clamp(1.6em,5vw,2.4em);margin-bottom:12px}.patterns-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:10px 2px}.pattern-item{padding:10px}.pattern-label{font-size:.9em;margin-bottom:8px}.pattern-board-grid{gap:2px;max-width:100%}.pattern-board-header-cell{font-size:clamp(.75em,2.8vw,1em)}}.recent-balls-bar-container{background-color:var(--brand-panel-dark);border-radius:0 0 8px 8px;border-top:1px solid #ffffff1a;box-shadow:0 -4px 10px #0000001a;color:var(--brand-light-text);flex-shrink:0;margin-top:0;padding:12px 15px;text-align:center;width:100%}.recent-balls-title{color:#ffffffb3;font-size:1em;font-weight:500;letter-spacing:1.8px;margin-bottom:12px;margin-top:0;text-transform:uppercase}.recent-balls-list-large{-ms-overflow-style:none;align-items:stretch;display:flex;flex-wrap:nowrap;gap:12px;justify-content:center;overflow-x:auto;padding:5px 2px;scrollbar-width:none}.recent-balls-list-large::-webkit-scrollbar{display:none}.recent-ball-item-large{align-items:center;background-color:#ffffff1a;border:1px solid #fff3;border-radius:10px;box-shadow:0 4px 10px #0003,0 2px 6px #00000026;color:var(--brand-light-text);display:flex;flex-direction:column;flex-shrink:0;height:88px;justify-content:center;max-width:88px;min-width:78px;padding:10px;transition:transform .2s cubic-bezier(.25,.8,.25,1),box-shadow .2s cubic-bezier(.25,.8,.25,1),border-color .2s ease}.recent-ball-item-large:hover{border-color:#fff6;box-shadow:0 6px 15px #00000040,0 3px 9px #0003;transform:translateY(-4px) scale(1.03)}.recent-ball-item-large.is-current-in-bar{background-color:#ffcc3326;border-color:var(--brand-third-yellow);box-shadow:0 0 18px #fc36,0 5px 12px #00000040;color:var(--brand-light-text);transform:scale(1.1) translateY(-2px)}.recent-ball-item-large.is-current-in-bar .recent-ball-letter-large{color:var(--brand-third-yellow);font-weight:600;opacity:1}.recent-ball-item-large.is-current-in-bar .recent-ball-number-large{color:var(--brand-light-text);text-shadow:0 0 5px var(--brand-third-yellow)}.recent-ball-letter-large{display:block;font-size:.9em;font-weight:500;margin-bottom:2px;opacity:.8}.recent-ball-number-large{display:block;font-size:2.1em;font-weight:700;line-height:1}.recent-ball-item-large.placeholder-ball-large{background:#ffffff0d;border-color:#ffffff1a;box-shadow:0 2px 4px #0000001a;opacity:.7}.recent-ball-item-large.placeholder-ball-large .recent-ball-letter-large,.recent-ball-item-large.placeholder-ball-large .recent-ball-number-large{color:#ffffff80}@media (max-width:500px){.recent-balls-bar-container{padding:10px}.recent-balls-title{font-size:.95em;margin-bottom:10px}.recent-ball-item-large{height:80px;max-width:80px;min-width:70px;padding:8px}.recent-ball-number-large{font-size:1.8em}.recent-balls-list-large{gap:10px}}:root{--brand-primary-orange:#ff8c42;--brand-dark-text:#333;--overlay-darken-color:#0009}.winner-overlay{align-items:center;animation:fadeIn .3s ease-out;background-color:#000;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:1000}.winner-content{cursor:default;height:95%;width:95%}.winner-content,.winner-image-container{align-items:center;box-sizing:border-box;display:flex;justify-content:center;position:relative}.winner-image-container{background-color:#fff;background-color:var(--brand-light-text);border-radius:25px;box-shadow:0 25px 60px #000c;height:100%;overflow:hidden;padding:25px;width:100%}.winner-image-container:before{background-color:#0009;background-color:var(--overlay-darken-color);border-radius:25px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.winner-image-container img{border-radius:20px;display:block;height:100%;object-fit:cover;width:100%;z-index:0}.bingo-overlay-text{animation:bounceIn .8s ease-out;font-family:Inter,sans-serif;font-size:clamp(5rem,18vw,15rem);font-weight:900;left:50%;letter-spacing:12px;pointer-events:none;text-shadow:0 0 25px #000,0 0 50px #ff8c42e6;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:2}.bingo-overlay-text,.close-overlay-button{color:#fff;color:var(--brand-light-text);position:absolute}.close-overlay-button{align-items:center;background-color:#ff8c42;background-color:var(--brand-primary-orange);border:5px solid #fff;border:5px solid var(--brand-light-text);border-radius:50%;box-shadow:0 8px 20px #0009;cursor:pointer;display:flex;font-size:36px;font-weight:700;height:60px;justify-content:center;line-height:50px;right:-30px;text-align:center;top:-30px;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:60px;z-index:1001}.close-overlay-button:hover{background-color:#e87e43;box-shadow:0 10px 25px #000000b3;transform:scale(1.25) rotate(90deg)}.confetti-container{height:140%;perspective:1000px;top:-20%;z-index:999}.confetti{animation-iteration-count:infinite;animation-timing-function:linear;backface-visibility:hidden;background-color:initial;border-radius:50%;height:12px;pointer-events:none;transform-style:preserve-3d;width:12px}.confetti:first-child{animation:confettiFall 4s 0s infinite;background-color:#f0f;height:14px;left:5%;transform:rotateX(45deg) rotateY(15deg);width:14px}.confetti:nth-child(2){animation:confettiFall 5s .2s infinite;background-color:#0ff;left:10%;transform:rotateX(90deg) rotateY(30deg)}.confetti:nth-child(3){animation:confettiFall 4.5s .4s infinite;background-color:#ff0;height:10px;left:15%;transform:rotateX(135deg) rotateY(45deg);width:10px}.confetti:nth-child(4){animation:confettiFall 5.5s .6s infinite;background-color:#f80;left:20%;transform:rotateX(180deg) rotateY(60deg)}.confetti:nth-child(5){animation:confettiFall 4s .8s infinite;background-color:#0f0;height:13px;left:25%;transform:rotateX(225deg) rotateY(75deg);width:13px}.confetti:nth-child(6){animation:confettiFall 6s 1s infinite;background-color:#00f;left:30%;transform:rotateX(270deg) rotateY(90deg)}.confetti:nth-child(7){animation:confettiFall 4.2s 1.2s infinite;background-color:pink;height:9px;left:35%;transform:rotateX(315deg) rotateY(105deg);width:9px}.confetti:nth-child(8){animation:confettiFall 5.2s 1.4s infinite;background-color:purple;left:40%;transform:rotateX(1turn) rotateY(120deg)}.confetti:nth-child(9){animation:confettiFall 4.8s 1.6s infinite;background-color:#e6e6fa;height:15px;left:45%;transform:rotateX(15deg) rotateY(135deg);width:15px}.confetti:nth-child(10){animation:confettiFall 5.8s 1.8s infinite;background-color:#add8e6;left:50%;transform:rotateX(60deg) rotateY(150deg)}.confetti:nth-child(11){animation:confettiFall 4.1s 2s infinite;background-color:#ffb6c1;height:11px;left:55%;transform:rotateX(105deg) rotateY(165deg);width:11px}.confetti:nth-child(12){animation:confettiFall 5.1s 2.2s infinite;background-color:orchid;left:60%;transform:rotateX(150deg) rotateY(180deg)}.confetti:nth-child(13){animation:confettiFall 4.6s 2.4s infinite;background-color:gold;height:14px;left:65%;transform:rotateX(195deg) rotateY(195deg);width:14px}.confetti:nth-child(14){animation:confettiFall 5.6s 2.6s infinite;background-color:#7fffd4;left:70%;transform:rotateX(240deg) rotateY(210deg)}.confetti:nth-child(15){animation:confettiFall 4.3s 2.8s infinite;background-color:tomato;height:10px;left:75%;transform:rotateX(285deg) rotateY(225deg);width:10px}.confetti:nth-child(16){animation:confettiFall 6.2s 3s infinite;background-color:#40e0d0;left:80%;transform:rotateX(330deg) rotateY(240deg)}.confetti:nth-child(17){animation:confettiFall 4.7s 3.2s infinite;background-color:#c71585;height:12px;left:85%;transform:rotateX(0deg) rotateY(255deg);width:12px}.confetti:nth-child(18){animation:confettiFall 5.7s 3.4s infinite;background-color:wheat;left:90%;transform:rotateX(45deg) rotateY(270deg)}.confetti:nth-child(19){animation:confettiFall 4.9s 3.6s infinite;background-color:#a9a9a9;height:9px;left:95%;transform:rotateX(90deg) rotateY(285deg);width:9px}.confetti:nth-child(20){animation:confettiFall 5.3s 3.8s infinite;background-color:#ffa07a;left:2%;transform:rotateX(135deg) rotateY(300deg)}.confetti:nth-child(21){animation:confettiFall 4.4s 4s infinite;background-color:#20b2aa;height:15px;left:7%;transform:rotateX(180deg) rotateY(315deg);width:15px}.confetti:nth-child(22){animation:confettiFall 6.1s 4.2s infinite;background-color:#87ceeb;left:12%;transform:rotateX(225deg) rotateY(330deg)}.confetti:nth-child(23){animation:confettiFall 5s 4.4s infinite;background-color:#ff4500;height:11px;left:17%;transform:rotateX(270deg) rotateY(345deg);width:11px}.confetti:nth-child(24){animation:confettiFall 5.9s 4.6s infinite;background-color:#9370db;left:22%;transform:rotateX(315deg) rotateY(0deg)}.confetti:nth-child(25){animation:confettiFall 4.5s 4.8s infinite;background-color:teal;height:13px;left:27%;transform:rotateX(0deg) rotateY(15deg);width:13px}.confetti:nth-child(26){animation:confettiFall 6.3s 5s infinite;background-color:#ff69b4;left:32%;transform:rotateX(45deg) rotateY(30deg)}.confetti:nth-child(27){animation:confettiFall 4.2s 5.2s infinite;background-color:#b0e0e6;height:10px;left:37%;transform:rotateX(90deg) rotateY(45deg);width:10px}.confetti:nth-child(28){animation:confettiFall 5.4s 5.4s infinite;background-color:#cd5c5c;left:42%;transform:rotateX(135deg) rotateY(60deg)}.confetti:nth-child(29){animation:confettiFall 4.8s 5.6s infinite;background-color:#32cd32;height:12px;left:47%;transform:rotateX(180deg) rotateY(75deg);width:12px}.confetti:nth-child(30){animation:confettiFall 6s 5.8s infinite;background-color:#4682b4;left:52%;transform:rotateX(225deg) rotateY(90deg)}.confetti:nth-child(31){animation:confettiFall 4.1s 6s infinite;background-color:#f0a;height:9px;left:57%;transform:rotateX(270deg) rotateY(105deg);width:9px}.confetti:nth-child(32){animation:confettiFall 5.1s 6.2s infinite;background-color:#a0f;left:62%;transform:rotateX(315deg) rotateY(120deg)}.confetti:nth-child(33){animation:confettiFall 4.6s 6.4s infinite;background-color:#0fa;height:11px;left:67%;transform:rotateX(0deg) rotateY(135deg);width:11px}.confetti:nth-child(34){animation:confettiFall 5.6s 6.6s infinite;background-color:#fa0;left:72%;transform:rotateX(45deg) rotateY(150deg)}.confetti:nth-child(35){animation:confettiFall 4.3s 6.8s infinite;background-color:#0af;height:8px;left:77%;transform:rotateX(90deg) rotateY(165deg);width:8px}.confetti:nth-child(36){animation:confettiFall 6.2s 7s infinite;background-color:#af0;left:82%;transform:rotateX(135deg) rotateY(180deg)}.confetti:nth-child(37){animation:confettiFall 4.7s 7.2s infinite;background-color:red;height:13px;left:87%;transform:rotateX(180deg) rotateY(195deg);width:13px}.confetti:nth-child(38){animation:confettiFall 5.7s 7.4s infinite;background-color:#00a;left:92%;transform:rotateX(225deg) rotateY(210deg)}.confetti:nth-child(39){animation:confettiFall 4.9s 7.6s infinite;background-color:#a00;height:7px;left:97%;transform:rotateX(270deg) rotateY(225deg);width:7px}.confetti:nth-child(40){animation:confettiFall 5.3s 7.8s infinite;background-color:#0a0;left:3%;transform:rotateX(315deg) rotateY(240deg)}.confetti:nth-child(41){animation:confettiFall 4.4s 8s infinite;background-color:#00f;height:14px;left:8%;transform:rotateX(0deg) rotateY(255deg);width:14px}.confetti:nth-child(42){animation:confettiFall 6.1s 8.2s infinite;background-color:#f0f;left:13%;transform:rotateX(45deg) rotateY(270deg)}.confetti:nth-child(43){animation:confettiFall 5s 8.4s infinite;background-color:#0ff;height:10px;left:18%;transform:rotateX(90deg) rotateY(285deg);width:10px}.confetti:nth-child(44){animation:confettiFall 5.9s 8.6s infinite;background-color:#ff0;left:23%;transform:rotateX(135deg) rotateY(300deg)}.confetti:nth-child(45){animation:confettiFall 4.5s 8.8s infinite;background-color:#f80;height:12px;left:28%;transform:rotateX(180deg) rotateY(315deg);width:12px}.confetti:nth-child(46){animation:confettiFall 6.3s 9s infinite;background-color:#0f0;left:33%;transform:rotateX(225deg) rotateY(330deg)}.confetti:nth-child(47){animation:confettiFall 4.2s 9.2s infinite;background-color:#00f;height:9px;left:38%;transform:rotateX(270deg) rotateY(345deg);width:9px}.confetti:nth-child(48){animation:confettiFall 5.4s 9.4s infinite;background-color:pink;left:43%;transform:rotateX(315deg) rotateY(0deg)}.confetti:nth-child(49){animation:confettiFall 4.8s 9.6s infinite;background-color:purple;height:11px;left:48%;transform:rotateX(0deg) rotateY(15deg);width:11px}.confetti:nth-child(50){animation:confettiFall 6s 9.8s infinite;background-color:#e6e6fa;left:53%;transform:rotateX(45deg) rotateY(30deg)}.confetti:nth-child(51){animation:confettiFall 4.1s 10s infinite;background-color:#add8e6;height:8px;left:58%;transform:rotateX(90deg) rotateY(45deg);width:8px}.confetti:nth-child(52){animation:confettiFall 5.1s 10.2s infinite;background-color:#ffb6c1;left:63%;transform:rotateX(135deg) rotateY(60deg)}.confetti:nth-child(53){animation:confettiFall 4.6s 10.4s infinite;background-color:orchid;height:12px;left:68%;transform:rotateX(180deg) rotateY(75deg);width:12px}.confetti:nth-child(54){animation:confettiFall 5.6s 10.6s infinite;background-color:gold;left:73%;transform:rotateX(225deg) rotateY(90deg)}.confetti:nth-child(55){animation:confettiFall 4.3s 10.8s infinite;background-color:#7fffd4;height:9px;left:78%;transform:rotateX(270deg) rotateY(105deg);width:9px}.confetti:nth-child(56){animation:confettiFall 6.2s 11s infinite;background-color:tomato;left:83%;transform:rotateX(315deg) rotateY(120deg)}.confetti:nth-child(57){animation:confettiFall 4.7s 11.2s infinite;background-color:#40e0d0;height:10px;left:88%;transform:rotateX(0deg) rotateY(135deg);width:10px}.confetti:nth-child(58){animation:confettiFall 5.7s 11.4s infinite;background-color:#c71585;left:93%;transform:rotateX(45deg) rotateY(150deg)}.confetti:nth-child(59){animation:confettiFall 4.9s 11.6s infinite;background-color:wheat;height:7px;left:98%;transform:rotateX(90deg) rotateY(165deg);width:7px}.confetti:nth-child(60){animation:confettiFall 5.3s 11.8s infinite;background-color:#a9a9a9;left:1%;transform:rotateX(135deg) rotateY(180deg)}.confetti:nth-child(61){animation:confettiFall 4s 12s infinite;background-color:#f0f;height:14px;left:6%;transform:rotateX(45deg) rotateY(15deg);width:14px}.confetti:nth-child(62){animation:confettiFall 5s 12.2s infinite;background-color:#0ff;left:11%;transform:rotateX(90deg) rotateY(30deg)}.confetti:nth-child(63){animation:confettiFall 4.5s 12.4s infinite;background-color:#ff0;height:10px;left:16%;transform:rotateX(135deg) rotateY(45deg);width:10px}.confetti:nth-child(64){animation:confettiFall 5.5s 12.6s infinite;background-color:#f80;left:21%;transform:rotateX(180deg) rotateY(60deg)}.confetti:nth-child(65){animation:confettiFall 4s 12.8s infinite;background-color:#0f0;height:13px;left:26%;transform:rotateX(225deg) rotateY(75deg);width:13px}.confetti:nth-child(66){animation:confettiFall 6s 13s infinite;background-color:#00f;left:31%;transform:rotateX(270deg) rotateY(90deg)}.confetti:nth-child(67){animation:confettiFall 4.2s 13.2s infinite;background-color:pink;height:9px;left:36%;transform:rotateX(315deg) rotateY(105deg);width:9px}.confetti:nth-child(68){animation:confettiFall 5.2s 13.4s infinite;background-color:purple;left:41%;transform:rotateX(1turn) rotateY(120deg)}.confetti:nth-child(69){animation:confettiFall 4.8s 13.6s infinite;background-color:#e6e6fa;height:15px;left:46%;transform:rotateX(15deg) rotateY(135deg);width:15px}.confetti:nth-child(70){animation:confettiFall 5.8s 13.8s infinite;background-color:#add8e6;left:51%;transform:rotateX(60deg) rotateY(150deg)}.confetti:nth-child(71){animation:confettiFall 4.1s 14s infinite;background-color:#ffb6c1;height:11px;left:56%;transform:rotateX(105deg) rotateY(165deg);width:11px}.confetti:nth-child(72){animation:confettiFall 5.1s 14.2s infinite;background-color:orchid;left:61%;transform:rotateX(150deg) rotateY(180deg)}.confetti:nth-child(73){animation:confettiFall 4.6s 14.4s infinite;background-color:gold;height:14px;left:66%;transform:rotateX(195deg) rotateY(195deg);width:14px}.confetti:nth-child(74){animation:confettiFall 5.6s 14.6s infinite;background-color:#7fffd4;left:71%;transform:rotateX(240deg) rotateY(210deg)}.confetti:nth-child(75){animation:confettiFall 4.3s 14.8s infinite;background-color:tomato;height:10px;left:76%;transform:rotateX(285deg) rotateY(225deg);width:10px}.confetti:nth-child(76){animation:confettiFall 6.2s 15s infinite;background-color:#40e0d0;left:81%;transform:rotateX(330deg) rotateY(240deg)}.confetti:nth-child(77){animation:confettiFall 4.7s 15.2s infinite;background-color:#c71585;height:12px;left:86%;transform:rotateX(0deg) rotateY(255deg);width:12px}.confetti:nth-child(78){animation:confettiFall 5.7s 15.4s infinite;background-color:wheat;left:91%;transform:rotateX(45deg) rotateY(270deg)}.confetti:nth-child(79){animation:confettiFall 4.9s 15.6s infinite;background-color:#a9a9a9;height:9px;left:96%;transform:rotateX(90deg) rotateY(285deg);width:9px}.confetti:nth-child(80){animation:confettiFall 5.3s 15.8s infinite;background-color:#ffa07a;left:4%;transform:rotateX(135deg) rotateY(300deg)}.confetti:nth-child(81){animation:confettiFall 4.4s 16s infinite;background-color:#20b2aa;height:14px;left:9%;transform:rotateX(180deg) rotateY(315deg);width:14px}.confetti:nth-child(82){animation:confettiFall 6.1s 16.2s infinite;background-color:#87ceeb;left:14%;transform:rotateX(225deg) rotateY(330deg)}.confetti:nth-child(83){animation:confettiFall 5s 16.4s infinite;background-color:#ff4500;height:11px;left:19%;transform:rotateX(270deg) rotateY(345deg);width:11px}.confetti:nth-child(84){animation:confettiFall 5.9s 16.6s infinite;background-color:#9370db;left:24%;transform:rotateX(315deg) rotateY(0deg)}.confetti:nth-child(85){animation:confettiFall 4.5s 16.8s infinite;background-color:teal;height:13px;left:29%;transform:rotateX(0deg) rotateY(15deg);width:13px}.confetti:nth-child(86){animation:confettiFall 6.3s 17s infinite;background-color:#ff69b4;left:34%;transform:rotateX(45deg) rotateY(30deg)}.confetti:nth-child(87){animation:confettiFall 4.2s 17.2s infinite;background-color:#b0e0e6;height:9px;left:39%;transform:rotateX(90deg) rotateY(45deg);width:9px}.confetti:nth-child(88){animation:confettiFall 5.4s 17.4s infinite;background-color:#cd5c5c;left:44%;transform:rotateX(135deg) rotateY(60deg)}.confetti:nth-child(89){animation:confettiFall 4.8s 17.6s infinite;background-color:#32cd32;height:12px;left:49%;transform:rotateX(180deg) rotateY(75deg);width:12px}.confetti:nth-child(90){animation:confettiFall 6s 17.8s infinite;background-color:#4682b4;left:54%;transform:rotateX(225deg) rotateY(90deg)}.confetti:nth-child(91){animation:confettiFall 4.1s 18s infinite;background-color:#f0a;height:7px;left:59%;transform:rotateX(270deg) rotateY(105deg);width:7px}.confetti:nth-child(92){animation:confettiFall 5.1s 18.2s infinite;background-color:#a0f;left:64%;transform:rotateX(315deg) rotateY(120deg)}.confetti:nth-child(93){animation:confettiFall 4.6s 18.4s infinite;background-color:#0fa;height:11px;left:69%;transform:rotateX(0deg) rotateY(135deg);width:11px}.confetti:nth-child(94){animation:confettiFall 5.6s 18.6s infinite;background-color:#fa0;left:74%;transform:rotateX(45deg) rotateY(150deg)}.confetti:nth-child(95){animation:confettiFall 4.3s 18.8s infinite;background-color:#0af;height:8px;left:79%;transform:rotateX(90deg) rotateY(165deg);width:8px}.confetti:nth-child(96){animation:confettiFall 6.2s 19s infinite;background-color:#af0;left:84%;transform:rotateX(135deg) rotateY(180deg)}.confetti:nth-child(97){animation:confettiFall 4.7s 19.2s infinite;background-color:red;height:13px;left:89%;transform:rotateX(180deg) rotateY(195deg);width:13px}.confetti:nth-child(98){animation:confettiFall 5.7s 19.4s infinite;background-color:#00a;left:94%;transform:rotateX(225deg) rotateY(210deg)}.confetti:nth-child(99){animation:confettiFall 4.9s 19.6s infinite;background-color:#a00;height:7px;left:99%;transform:rotateX(270deg) rotateY(225deg);width:7px}.confetti:nth-child(100){animation:confettiFall 5.3s 19.8s infinite;background-color:#0a0;left:0;transform:rotateX(315deg) rotateY(240deg)}@keyframes bounceIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}70%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes confettiFall{0%{opacity:0;transform:translateY(-120vh) rotateX(0deg) rotateY(0deg)}1%{opacity:1}15%{opacity:1}to{opacity:0;transform:translateY(120vh) rotateX(2turn) rotateY(4turn)}}.special-ball-overlay{align-items:center;animation:specialFadeIn .3s ease-out;background-color:#000000bf;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:999}.special-ball-content{background-color:initial;border-radius:10px;cursor:default;padding:20px;position:relative;text-align:center;z-index:1}.special-ball-image-container{background-color:var(--brand-light-text);border-radius:8px;box-shadow:0 5px 20px #0006;display:inline-block;padding:10px;position:relative;z-index:2}.special-ball-image-container img{border-radius:4px;display:block;max-height:70vh;max-width:70vw;object-fit:contain}.confetti-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.confetti{animation:fall 3s linear infinite;height:20px;opacity:0;position:absolute;width:10px}@keyframes fall{0%{opacity:1;transform:translateY(-20vh) rotate(0deg)}80%{opacity:1}to{opacity:0;transform:translateY(120vh) rotate(2turn)}}@keyframes specialFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.round-selection-overlay{align-items:center;animation:fadeIn .3s ease-out;background-color:#000000bf;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.round-selection-modal{animation:slideUp .4s ease-out;background:linear-gradient(135deg,var(--brand-secondary-teal) 0,#184040 100%);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 12px 35px #0006;color:var(--brand-light-text);max-height:90vh;max-width:850px;overflow-y:auto;padding:30px 35px;text-align:center;width:100%}.round-selection-modal h2{color:var(--brand-light-text);font-family:Luckiest Guy,cursive;font-size:2.4em;font-weight:700;letter-spacing:1px;margin-bottom:15px;margin-top:0;text-shadow:1px 1px 3px #0000004d}.round-selection-instructions{color:#ffffffe6;font-size:1.1em;line-height:1.5;margin-bottom:25px;opacity:.9}.round-cards-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.round-card{align-items:center;background-color:var(--brand-primary-orange);border:1px solid #a34b10;border-radius:10px;box-shadow:0 6px 15px #00000040;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:110px;padding:28px 22px;transition:all .25s ease-in-out}.round-card:focus,.round-card:hover{background-color:#e87e43;border-color:#a34b10;box-shadow:0 12px 22px #0000004d;transform:translateY(-7px) scale(1.05)}.round-card h3{color:var(--brand-light-text);font-family:Luckiest Guy,cursive;font-size:2em;font-weight:400;letter-spacing:1px;line-height:1.2;margin:0;text-shadow:2px 2px 3px #0006;word-break:break-word}.cancel-round-selection-button{background-color:initial;border:2px solid #ffffff80;border-radius:22px;color:#ffffffd9;cursor:pointer;font-size:1.05em;font-weight:500;padding:12px 30px;transition:all .2s ease}.cancel-round-selection-button:hover{background-color:#ffffff26;border-color:#fffc;color:var(--brand-light-text)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.round-selection-modal h2{font-size:2em}.round-selection-instructions{font-size:1em;margin-bottom:20px}.round-cards-container{gap:15px;grid-template-columns:1fr}.round-card{min-height:90px;padding:22px 18px}.round-card h3{font-size:1.7em}}.new-game-options-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#000000d1;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1001}.new-game-options-modal{align-items:center;animation:slideUpModal .3s ease-out;background:linear-gradient(135deg,#399,#1a5252);background:linear-gradient(135deg,var(--brand-secondary-teal,#399),#1a5252);border:1px solid #ffffff26;border-radius:12px;box-shadow:0 10px 35px #00000080;color:var(--brand-light-text);display:flex;flex-direction:column;max-width:800px;padding:30px 35px;text-align:center;width:100%}.new-game-options-modal h2{color:var(--brand-light-text);font-size:2.1em;font-weight:700;margin-bottom:10px;margin-top:0;text-shadow:1px 1px 3px #0000004d}.new-game-options-modal .modal-subtitle{color:#fffc;font-size:1.05em;font-style:italic;line-height:1.4;margin-bottom:25px;opacity:.85}.new-game-options-buttons{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:25px;margin-left:auto;margin-right:auto;max-width:600px;width:100%}.new-game-option-button{align-items:center;border:none;border-radius:12px;box-shadow:0 5px 10px #0003;color:var(--brand-light-text);cursor:pointer;display:flex;font-size:1.1em;font-weight:500;gap:15px;min-height:100px;padding:25px 15px;text-align:left;transition:all .25s cubic-bezier(.25,.8,.25,1)}.new-game-option-button:hover{box-shadow:0 8px 16px #00000047;transform:translateY(-4px) scale(1.03)}.new-game-option-button:active{box-shadow:inset 0 3px 6px #00000040;transform:translateY(0) scale(1)}.button-icon{color:#ffffffb3;flex-shrink:0;font-size:2.2em;text-align:center;width:40px}.button-text-content{display:flex;flex-direction:column;flex-grow:1}.button-main-title{color:var(--brand-light-text);display:block;font-size:1.25em;font-weight:700;margin-bottom:4px}.button-subtitle{color:#fffc;display:block;font-size:.9em;font-weight:400;line-height:1.3}.new-game-option-button.restart-round{background:linear-gradient(145deg,var(--brand-fourth-green),#4a7a4a)}.new-game-option-button.restart-round:hover{background:linear-gradient(145deg,#8bc34a,var(--brand-fourth-green))}.new-game-option-button.restart-round .button-icon{color:#d4efdf}.new-game-option-button.change-round-keep-balls{background:linear-gradient(145deg,var(--brand-primary-orange),#a34b10);color:var(--brand-light-text)}.new-game-option-button.change-round-keep-balls:hover{background:linear-gradient(145deg,#e87e43,var(--brand-primary-orange))}.new-game-option-button.change-round-keep-balls .button-icon{color:#fdebd0}.new-game-option-button.select-new-round{background:linear-gradient(145deg,var(--brand-third-yellow),#d4a100);color:var(--brand-dark-text)}.new-game-option-button.select-new-round .button-main-title,.new-game-option-button.select-new-round .button-subtitle{color:var(--brand-dark-text)}.new-game-option-button.select-new-round:hover{background:linear-gradient(145deg,#ffde7a,var(--brand-third-yellow))}.new-game-option-button.select-new-round .button-icon{color:#876a00}.new-game-option-button.subtle-home-button{background:#ffffff14;border:1px solid #fff3;box-shadow:0 2px 5px #0000001a;margin:15px auto 20px;max-width:300px;padding:15px 20px;width:100%}.new-game-option-button.subtle-home-button:hover{background:#ffffff26;border-color:#fff6}.new-game-option-button.subtle-home-button .button-icon{color:#fff9;font-size:2em}.new-game-option-button.subtle-home-button .button-main-title{font-size:1.15em}.new-game-option-button.subtle-home-button .button-subtitle{font-size:.85em}.cancel-new-game-options-button{background-color:initial;border:2px solid #fff6;border-radius:25px;color:#ffffffbf;cursor:pointer;display:inline-block;font-size:1.05em;font-weight:500;margin-top:10px;padding:12px 30px;transition:all .2s ease;width:auto}.cancel-new-game-options-button:hover{background-color:#ffffff1a;border-color:#ffffffb3;color:var(--brand-light-text)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUpModal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:700px){.new-game-options-buttons{gap:15px;grid-template-columns:1fr;max-width:400px}.new-game-option-button{font-size:1em;gap:12px;min-height:85px;padding:20px 15px}.button-icon{font-size:2.1em;width:38px}.button-main-title{font-size:1.2em}.new-game-options-modal{max-width:400px;padding:25px}.new-game-options-modal h2{font-size:2em}.new-game-option-button.subtle-home-button{max-width:100%}}@media (max-width:400px){.new-game-option-button.subtle-home-button .button-main-title{font-size:1.1em}.new-game-option-button.subtle-home-button .button-subtitle{font-size:.8em}.new-game-options-modal{padding:20px 15px}}.social-actions-card{background-color:var(--brand-panel-light,#fff);border:1px solid #d1d8e0}.social-actions-card .info-card-title{color:#399;color:var(--brand-secondary-teal,#399)}.social-action-item{border-bottom:1px dashed #e0e6ed;margin-bottom:15px;padding-bottom:15px}.social-action-item:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.social-action-item h4{align-items:center;color:#c63;color:var(--brand-primary-orange,#c63);display:flex;font-size:1.2em;gap:8px;margin-bottom:8px;margin-top:0}.social-action-item h4 .fab,.social-action-item h4 .fas{color:var(--brand-primary-orange);font-size:1.1em}.social-action-item p{color:#2c3e50;color:var(--brand-dark-text,#2c3e50);font-size:.95em;line-height:1.6;margin-bottom:5px}.social-action-item p strong{color:var(--brand-secondary-teal);font-weight:600}.social-link{color:var(--brand-primary-orange);font-weight:600;text-decoration:none}.social-link:hover{color:#a34b10;text-decoration:underline}.social-reward{background-color:#faf8f0;background-color:var(--brand-cream-accent,#faf8f0);border:1px solid #e0d8c0;border-radius:6px;margin-top:20px;padding:15px}.social-reward p{color:#005a5a;color:var(--brand-dark-blue-text,#005a5a);font-size:1em;font-weight:500;margin-bottom:10px;margin-top:0}.social-reward ul{list-style:none;margin:0;padding-left:0;text-align:left}.social-reward li{align-items:center;color:var(--brand-dark-text);display:flex;font-size:.95em;margin-bottom:8px}.social-reward li .fas.fa-check-circle{color:#696;color:var(--brand-fourth-green,#696);font-size:1.1em;margin-right:8px}.social-reward li .fas.fa-cocktail{color:var(--brand-primary-orange);font-size:1.1em;margin-right:8px}.break-modal-overlay{animation:fadeInModal .3s ease-out;background-color:#000000e6;cursor:pointer;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1002}.break-modal-content,.break-modal-overlay{align-items:center;display:flex;justify-content:center}.break-modal-content{cursor:default;max-height:95vh;max-width:95vw;position:relative}.break-modal-image{border-radius:8px;box-shadow:0 10px 30px #00000080;display:block;max-height:100%;max-width:100%;object-fit:contain}.close-break-modal-button{background-color:#c63;background-color:var(--brand-primary-orange,#c63);border:2px solid #fff;border:2px solid var(--brand-light-text,#fff);border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;color:var(--brand-light-text,#fff);cursor:pointer;font-size:24px;font-weight:700;height:40px;line-height:36px;position:absolute;right:10px;text-align:center;top:10px;transition:all .2s ease;width:40px;z-index:1003}.close-break-modal-button:hover{background-color:#e87e43;transform:scale(1.1)}.called-balls-container{background-color:initial;border-radius:8px;display:flex;flex-direction:column;margin:0 auto;max-width:900px;overflow:hidden;padding:10px;width:100%}.called-balls-container h2{color:var(--brand-dark-text);flex-shrink:0;font-size:1.4em;font-weight:600;letter-spacing:.5px;margin-bottom:10px;margin-top:0;text-align:center;text-transform:uppercase}.called-balls-grid{grid-gap:5px;background-color:#00000005;border-radius:4px;display:grid;flex-grow:1;gap:5px;grid-template-columns:repeat(5,1fr);overflow-y:auto;padding:5px}.bingo-column{align-items:stretch;background-color:initial;border-radius:5px;display:flex;flex-direction:column}.bingo-column-header{background-color:#ffffff80;border-bottom:2px solid var(--brand-secondary-teal);border-radius:4px;color:var(--brand-secondary-teal);font-size:1.8em;font-weight:700;margin-bottom:8px;padding:4px 0;text-align:center;width:100%}.bingo-column-balls{grid-gap:4px;display:grid;gap:4px;grid-template-columns:1fr;width:100%}.called-ball-cell{align-items:center;border:1px solid #d1d8e0;border-radius:4px;display:flex;flex-direction:column;font-size:.95em;font-weight:500;justify-content:center;line-height:1.2;min-height:30px;padding:5px 3px;text-align:center;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.called-ball-cell-letter{color:#555;font-size:.7em;line-height:1;opacity:.6}.called-ball-cell-number{font-size:1.1em;font-weight:600;line-height:1}.called-ball-cell.not-called{background-color:#f8f9fa;color:#6c757d}.called-ball-cell.not-called .called-ball-cell-letter{color:#868e96}.called-ball-cell.called{background-color:var(--brand-fourth-green);border-color:#4a7a4a;color:var(--brand-light-text);font-weight:700}.called-ball-cell.called .called-ball-cell-letter{color:#ffffffb3}.called-ball-cell.called .called-ball-cell-number{color:var(--brand-light-text)}@media (max-width:600px){.bingo-column-header{font-size:1.5em}.called-ball-cell{font-size:.9em;min-height:28px;padding:4px 2px}.called-balls-grid{gap:3px}}.called-balls-modal-overlay{align-items:center;animation:fadeInModal .3s ease-out;background-color:#000000e0;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:15px;position:fixed;top:0;width:100%;z-index:1001}.called-balls-modal-content{background-color:#fff;background-color:var(--brand-panel-light,#fff);border-radius:12px;box-shadow:0 10px 30px #00000073;display:flex;flex-direction:column;max-height:90vh;max-width:95vw;overflow:hidden;padding:20px;position:relative;width:100%}.modal-inner-called-balls.called-balls-container{background-color:initial;border:none;box-shadow:none;flex-grow:1;max-width:none;overflow-y:auto;padding:0;width:100%}.modal-inner-called-balls .called-balls-container h2{border-bottom:2px solid #e0e6ed;color:var(--brand-dark-text);font-size:clamp(1.8em,3vw,2.4em);line-height:1.2;margin-bottom:15px;margin-top:0;padding:5px 45px 10px 40px;position:relative;text-align:center}.modal-inner-called-balls .bingo-column-header{font-size:clamp(2em,3vw,3em);font-weight:700}.modal-inner-called-balls .called-ball-cell-number{font-size:clamp(1.8em,2.8vw,2.8em);font-weight:600}.close-called-balls-modal-button{align-items:center;background-color:initial;border:none;border-radius:50%;color:#555;color:var(--brand-dark-text,#555);cursor:pointer;display:flex;font-size:2.5em;font-weight:300;height:40px;justify-content:center;line-height:1;overflow:hidden;padding:0;position:absolute;right:18px;text-indent:-9999px;top:18px;transition:color .2s ease,transform .2s ease;width:40px}.close-called-balls-modal-button:hover{background-color:initial;color:#c63;color:var(--brand-primary-orange,#c63);transform:scale(1.1)}.close-called-balls-modal-button:before{content:"\00D7";display:block;font-size:inherit;line-height:inherit;text-indent:0}@keyframes fadeInModal{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}:root{--brand-primary-orange:#c63;--brand-secondary-teal:#399;--brand-third-yellow:#fc3;--brand-fourth-green:#696;--brand-light-text:#fff;--brand-dark-text:#2c3e50;--brand-panel-dark:#205050;--brand-panel-light:#fff;--brand-app-background:#e8ecef;--brand-cream-accent:#faf8f0}.App{background-color:#e8ecef;background-color:var(--brand-app-background);color:#2c3e50;color:var(--brand-dark-text);flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;max-height:100vh;overflow:hidden;text-align:center}.App,.App-header{display:flex;position:relative}.App-header{align-items:center;background-color:#c63;background-color:var(--brand-primary-orange);box-shadow:0 2px 5px #00000026;color:#fff;color:var(--brand-light-text);flex-shrink:0;justify-content:space-between;max-height:70px;padding:8px 15px;transition:all .4s ease-out;z-index:10}.header-left-text{color:#fff;color:var(--brand-light-text);font-weight:700;letter-spacing:.8px;white-space:nowrap}.App-header h1,.header-left-text{font-size:1em;text-shadow:1px 1px 2px #0003;text-transform:uppercase}.App-header h1{align-items:center;display:flex;flex-direction:column;font-weight:500;letter-spacing:.7px;line-height:1.2;margin:0 10px}.App-header h1 .header-main-title{color:#fff;color:var(--brand-light-text);font-size:1em;white-space:nowrap}.App-header h1 .header-separator{margin:0 6px}.App-header h1 .header-social-handle{align-items:center;color:#faf8f0;color:var(--brand-cream-accent);display:inline-flex;font-size:1em;font-style:italic;font-weight:500;opacity:.95;white-space:nowrap}.App-header h1 .fab.fa-instagram{color:#faf8f0;color:var(--brand-cream-accent);font-size:1em;margin-right:4px}.App-header h1 .header-social-handle span{font-family:inherit;font-size:1em;font-weight:inherit;margin-right:0}.App-header .header-subtitle{color:#fff;color:var(--brand-light-text);font-size:1em;font-style:italic;margin-bottom:0;margin-top:2px;opacity:.9;text-align:right;text-shadow:1px 1px 2px #0003;white-space:nowrap}.desktop-only{display:none}@media (min-width:768px){.desktop-only{display:inline}.mobile-only{display:none}.App-header{max-height:70px;padding:10px 20px}.App-header h1{flex-direction:row}.App-header .header-subtitle,.App-header h1,.header-left-text{font-size:1.1em}}@media (min-width:1025px){.App-header .header-subtitle,.App-header h1,.header-left-text{font-size:1.2em}}.event-subtitle-banner{display:block;flex-shrink:0;max-height:80px;overflow:hidden;padding:15px 20px 10px;position:relative;text-align:center;transition:all .4s ease-out;z-index:5}.App.game-active .event-subtitle-banner{margin:0;max-height:0;opacity:0;padding-bottom:0;padding-top:0}.event-subtitle-banner h2{color:#399;color:var(--brand-secondary-teal);font-family:Luckiest Guy,cursive;font-size:clamp(1.4em,3.5vw,2.2em);font-weight:400;letter-spacing:1.5px;line-height:1.2;margin:0;text-shadow:1px 1px 0 #fff9,2px 2px 4px #0000001a;text-transform:none}.game-area{box-sizing:border-box;display:flex;flex-grow:1;gap:15px;overflow:hidden;padding:15px;transition:justify-content .5s ease-in-out,align-items .5s ease-in-out,flex-direction .5s ease-in-out}.game-area.initial-view-dashboard{align-items:center;flex-direction:column;justify-content:center;overflow-y:auto;padding:20px}.initial-screen-content-wrapper{max-width:900px}.initial-cards-row,.initial-screen-content-wrapper{align-items:center;display:flex;flex-direction:column;gap:20px;width:100%}@media (min-width:768px){.initial-cards-row{align-items:stretch;flex-direction:row;justify-content:center}}.start-game-card{align-items:center;background-color:#399;background-color:var(--brand-secondary-teal);border:1px solid #1a7878;border-radius:10px;box-shadow:0 7px 20px #32325d1a,0 4px 12px #00000012;color:#fff;color:var(--brand-light-text);display:flex;flex-basis:300px;flex-direction:column;flex-grow:1;flex-shrink:1;justify-content:center;max-width:450px;min-height:300px;padding:25px 20px;width:100%}.initial-logo-container-app{margin-bottom:25px;width:clamp(160px,40vw,250px)}.initial-logo-app{display:block;height:auto;width:100%}.start-game-initial-button-app{background:linear-gradient(145deg,#c63,#a34b10);background:linear-gradient(145deg,var(--brand-primary-orange),#a34b10);border:none;border-radius:35px;box-shadow:0 7px 20px #00000038;color:#fff;color:var(--brand-light-text);cursor:pointer;font-size:1.6em;font-weight:700;letter-spacing:1.2px;margin-top:20px;padding:18px 50px;text-shadow:1px 1px 2px #0000004d;transition:all .2s ease-out}.start-game-initial-button-app:hover{background:linear-gradient(145deg,#e87e43,#c63);background:linear-gradient(145deg,#e87e43,var(--brand-primary-orange));box-shadow:0 10px 25px #00000047;transform:translateY(-4px) scale(1.03)}.initial-instructions-app{color:#faf8f0;color:var(--brand-cream-accent);font-size:1.05em;font-weight:400;margin-top:18px}.social-actions-card{background-color:#fff;background-color:var(--brand-panel-light);border:1px solid #e0e6ed;border-radius:10px;box-shadow:0 7px 20px #32325d1a,0 4px 12px #00000012;flex-basis:300px;flex-grow:1;flex-shrink:1;max-width:450px;min-height:300px;padding:20px;width:100%}.cha-cha-shoutout{flex-shrink:0;font-family:Pacifico,cursive;margin-bottom:10px;margin-top:15px;opacity:.9;padding:10px 0;pointer-events:none;text-align:center;transform:rotate(-1.5deg);width:100%}.cha-cha-shoutout .cha-cha-intro{color:var(--brand-dark-blue-text);display:block;font-size:clamp(.8em,1.5vw,1.1em);font-weight:400;margin-bottom:-3px;text-shadow:1px 1px 1px #ffffff4d}.cha-cha-shoutout .cha-cha-name{color:#c63;color:var(--brand-primary-orange);display:block;font-size:clamp(1.4em,2.8vw,2.2em);font-weight:400;text-shadow:1px 1px 2px #00000026}.floating-take-a-break-button{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background-color:#2c3e50d9;border:1px solid #fff3;border-radius:25px;bottom:20px;box-shadow:0 3px 8px #0000004d;color:#fff;color:var(--brand-light-text);cursor:pointer;font-size:1em;font-weight:500;padding:10px 18px;position:fixed;right:20px;transition:all .2s ease;z-index:900}.floating-take-a-break-button:hover{background-color:#34495ef2;box-shadow:0 5px 12px #0006;transform:scale(1.05)}.floating-take-a-break-button .fas{margin-right:8px}.App.game-active .game-area.revised-layout{align-items:stretch;flex-direction:row;gap:0;height:calc(100vh - 70px);justify-content:flex-start;max-width:100vw;overflow:hidden;padding:0;width:100vw}.App.game-active .game-area>.game-controls,.App.game-active .game-area>.right-panel-active-game{border:none;border-radius:0;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:15px}.App.game-active .game-area>.game-controls{background-color:#205050;background-color:var(--brand-panel-dark);color:#fff;color:var(--brand-light-text);flex-shrink:0}.App.game-active .right-panel-active-game{background-color:#fff;background-color:var(--brand-panel-light);flex-grow:1;opacity:0;opacity:1;transform:translateX(30px) scale(.95);transform:translateX(0) scale(1);transition:opacity .5s ease-in-out .1s,transform .5s ease-in-out .1s}.right-panel-active-game>.winning-pattern-display-container,.right-panel-active-game>.winning-patterns-container-themed{flex-grow:1;min-height:0;overflow:hidden}.right-panel-active-game>.recent-balls-bar-container{flex-shrink:0}@media (min-width:768px){.App-header{max-height:70px;padding:10px 20px}.App-header h1{font-size:1.15em}.App-header .header-subtitle,.header-left-text{font-size:1.1em}.App.game-active .game-area.revised-layout{gap:15px;padding:15px}.game-area:not(.revised-layout){height:calc(100vh - 140px);justify-content:center;margin:0 auto;max-width:1100px;padding:20px}.initial-screen-content-wrapper{max-width:900px}.initial-cards-row{align-items:stretch;flex-direction:row;gap:20px;justify-content:center;width:100%}.App.game-active .game-area.revised-layout>.game-controls{border-radius:10px;box-shadow:0 6px 20px #2832461a;flex-basis:300px;max-width:300px}.App.game-active .game-area.revised-layout>.right-panel-active-game{border-radius:10px;box-shadow:0 6px 20px #2832461a;flex-grow:1;max-width:none}.cha-cha-shoutout{margin-top:20px;transform:rotate(-2deg)}.cha-cha-shoutout .cha-cha-intro{font-size:clamp(.9em,1.8vw,1.2em)}.cha-cha-shoutout .cha-cha-name{font-size:clamp(1.5em,3.2vw,2.4em)}}@media (min-width:1025px){.App-header .header-subtitle,.App-header h1,.header-left-text{font-size:1.25em}.App.game-active .game-area.revised-layout{gap:20px;padding:20px}.game-area:not(.revised-layout){height:calc(100vh - 140px);max-width:1400px}.initial-screen-content-wrapper{max-width:1000px}.social-actions-card,.start-game-card{flex-basis:400px}.App.game-active .game-area.revised-layout>.game-controls{flex-basis:340px;max-width:340px}.cha-cha-shoutout{margin-top:25px;transform:rotate(-1.5deg)}.cha-cha-shoutout .cha-cha-intro{font-size:clamp(1em,1.6vw,1.3em)}.cha-cha-shoutout .cha-cha-name{font-size:clamp(1.7em,3vw,2.6em)}}@media (min-width:1600px){.App.game-active .game-area.revised-layout{gap:25px;padding:25px}.game-area:not(.revised-layout){padding:25px 35px}.initial-screen-content-wrapper{max-width:1200px}.App.game-active .game-area.revised-layout>.game-controls{flex-basis:380px;max-width:380px}.cha-cha-shoutout{margin-top:30px}.cha-cha-shoutout .cha-cha-intro{font-size:clamp(1.1em,1.6vw,1.4em)}.cha-cha-shoutout .cha-cha-name{font-size:clamp(1.9em,3vw,2.8em)}}
/*# sourceMappingURL=main.7613dd15.css.map*/