.bingo-container{align-items:center;display:flex;flex-direction:column;margin-bottom:10px;max-width:100%}.bingo-card{grid-gap:0;background-color:#fcfcfc;border:18px solid #353535;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:grid;gap:0;grid-template-columns:repeat(5,80px);margin:0 auto;padding:20px}.bingo-card-3x3{grid-gap:5px;gap:5px;max-width:300px}.bingo-cell{background-size:cover;border:2px solid #ddd;cursor:pointer;height:80px;width:80px}@media (max-width:600px){.bingo-card{border:12px solid #000;grid-template-columns:repeat(5,60px);margin:0;padding:10px}.bingo-cell{border:1px solid #ccc;height:60px;width:60px}}.bingo-card.blue{border-color:#2f88fc}.bingo-card.red{border-color:#ff3535}.bingo-cell.clicked,.modal{background-color:#00000080}.modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{background-color:#fcfcfc;border-radius:5px;box-shadow:0 2px 10px #0000001a;color:#353535;padding:20px}.settings-container{text-align:left}.settings-container h3{margin-bottom:8px}.settings-container p{margin-top:4px}.bingo-code-display{margin-bottom:5px}.bingo-code-input{margin-top:5px}input[type=text]{border:1px solid #ddd;border-radius:4px;margin:5px;padding:10px}button{background-color:#007bff;border-radius:4px;color:#fff;margin:10px}button:hover{background-color:#0056b3}h3{margin-top:20px}.teams-container{display:flex;flex-wrap:wrap;justify-content:space-around}.team{margin:10px}.team-members{margin-top:5px}.team-member{margin:5px 0}.App{padding:20px;text-align:center}h1{align-items:center;color:#fff}.cards-container,h1{justify-content:center}.cards-container{display:flex;gap:200px;margin-bottom:20px}@media (max-width:600px){.cards-container{flex-direction:column;gap:0;padding:0 10px}}.cards-container{margin-bottom:10px}.team-division-container{margin-top:10px}.App-footer{bottom:0;color:#ccc;left:0;margin-top:30px;padding:10px 0;text-align:center}.App-footer,.App-header{background-color:#5c5c5c;width:100%}.App-header{box-shadow:0 2px 4px #0000001a;box-sizing:border-box;color:#fcfcfc;margin-bottom:30px;overflow-x:hidden;padding:10px 20px}.header-content{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.App-header h1{color:#fcfcfc;font-size:32px;margin:0;padding:10px 0}@media (max-width:768px){.App-header h1{font-size:18px;padding:8px 0}}.App-header button{background-color:#ea3d25;border:none;border-radius:5px;color:#fcfcfc;cursor:pointer;padding:5px 10px;position:absolute;right:30px}.App-header button:hover{background-color:#991f0f}body{font-family:Arial,Helvetica Neue,Helvetica,sans-serif}button{background-color:#ea3d25;border:none;border-radius:5px;color:#fcfcfc;cursor:pointer;margin-top:20px;padding:10px 20px}button:hover{background-color:#991f0f}.bingo-card-3x3{grid-gap:0;display:grid;grid-template-columns:repeat(3,1fr);margin:auto;max-width:500px}.hamburger{background:none;border:none;color:#fcfcfc;cursor:pointer;font-size:24px;padding:10px 15px}.hamburger:focus-visible{outline:2px solid #ffffff80;outline-offset:2px}.backdrop{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#00000040;inset:0;position:fixed;z-index:900}@media (max-width:768px){.hamburger{font-size:18px;padding:8px 12px}}.nav{background:#fcfcfc;border:1px solid #0000000f;border-radius:12px;box-shadow:0 12px 24px #0000002e;color:#353535;opacity:0;pointer-events:none;position:absolute;right:20px;top:60px;transform:translateY(-6px) scale(.98);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;visibility:hidden;width:220px;z-index:1001}li{padding-right:10px}.nav:before{background:#fcfcfc;border-left:1px solid #0000000f;border-top:1px solid #0000000f;content:"";height:10px;position:absolute;right:18px;top:-6px;transform:rotate(45deg);width:10px}.nav.open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .18s ease,transform .18s ease;visibility:visible}.nav ul{list-style:none;margin:0;padding:6px}.nav li{border-bottom:1px solid #ccc;padding:10px}.nav li+li{margin-top:4px}.nav li:last-child{border-bottom:none}body{background-color:#353535;color:#eaeaea}.nav li a{border-radius:8px;color:#353535;display:block;line-height:1.3;padding:10px 12px;text-decoration:none}.nav li a:focus-visible,.nav li a:hover{background:#f4f6f8}@media (max-width:768px){.nav{right:12px;top:54px;width:200px}.hamburger{font-size:20px;padding:8px 12px}}
/*# sourceMappingURL=main.c8edcf7f.css.map*/