body,html{height:100%;margin:0}body{background-color:#272727}.App{background-color:#000;background-image:url(/static/media/unknowncreed_1.e80feadd1531442a6d17.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;min-height:100vh}.App-footer,main{background-color:#272727;border:1px solid #ffd000;padding:20px;text-align:center}.header{box-sizing:border-box;height:40px}.header h1{font-family:Charm,cursive;margin:-15px 0 0}main{background-color:initial;border:none}.App-footer{border:none;border-top:1px solid #ffd000;bottom:0;box-sizing:border-box;color:#ffd000;left:0;padding:10px;position:fixed;width:100%}nav ul{list-style-type:none}nav li{display:inline;margin:0 10px}nav a{border-radius:5px;color:#ffd000;padding:10px;text-decoration:none;transition:color .3s ease-in-out}nav a:hover{color:gold}.header{background-color:#272727;border-bottom:2px solid #ffd000;color:#ffd000;font-family:Arial,sans-serif;margin-bottom:10px;padding:10px;text-align:center}.popup-container{background-color:#fff;border:2px outset #000;box-shadow:2px 2px 0 #000;left:50%;position:fixed;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:300px;z-index:1000}.popup-container,.popup-inner,.popup-title-bar{-webkit-user-select:none;user-select:none}.popup-inner{-webkit-animation:popup-blinker 1s linear infinite;animation:popup-blinker 1s linear infinite;background-color:silver;border:1px solid #000;padding:20px}@-webkit-keyframes popup-blinker{50%{background-color:#ff0}}@keyframes popup-blinker{50%{background-color:#ff0}}.popup-h2{color:red;margin-top:10px;text-shadow:1px 1px #000}.popup-h2,.popup-p{-webkit-user-select:none;user-select:none}.popup-p{color:#000;font-family:Tahoma,sans-serif;font-size:12px}.popup-button{background-color:blue;border:1px outset blue;border-radius:3px;box-shadow:1px 1px 0 #000;color:#fff;cursor:pointer;font-weight:700;margin-top:15px;padding:5px 15px;text-transform:uppercase}.popup-button:hover{background-color:red;border-color:red}.popup-title-bar{background-color:navy;color:#fff;font-family:Tahoma,sans-serif;font-size:12px;padding:5px 10px;position:relative}.popup-close-button{background-color:silver;border:1px outset grey;border-radius:2px;color:#000;cursor:pointer;font-size:12px;font-weight:700;line-height:1.5;padding:0 5px;position:absolute;right:5px;top:2px}.popup-close-button:hover{background-color:#d3d3d3;border:1px inset grey}.bingo-card{background-color:#000;border:1px solid #ccc;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);color:#ffd000;font-family:Arial,sans-serif;margin:-40px auto 0;max-width:900px;overflow-x:auto;overflow-y:hidden;padding:20px;width:50%}.bingo-card h1,.raider-selection{margin-bottom:20px;text-align:center}.bingo-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr)}.bingo-item{align-items:center;aspect-ratio:1;background-color:#4b4b4b;border:1px solid #ddd;border-radius:5px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:10px;position:relative;-webkit-user-select:none;user-select:none}.bingo-item p,.bingo-item small,.error-tooltip{text-align:center}.bingo-item p{font-family:Bellefair,serif;font-size:16px;margin:0}.bingo-item small{font-family:Charm,cursive;font-size:12px;margin-top:5px}.bingo-item.clicked:after,.bingo-item.free-space:after{background-image:url(/static/media/UC_ICON.25ddc4783360d6ed5754.png);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0}.bingo-item.clicked:after{-webkit-animation:fadeInGrow .5s ease-in-out;animation:fadeInGrow .5s ease-in-out}.bingo-item.swipe-out:after{-webkit-animation:swipeOut .5s ease-in-out forwards;animation:swipeOut .5s ease-in-out forwards}.bingo-item.free-space p{font-weight:700}.instruction-text{color:#ffd000;margin-bottom:20px;text-align:center}.generate-card-button,.new-card-button,.raider-button,.select-all-button{background-color:#ebdb95;border:1px solid #ccc;border-radius:5px;cursor:pointer;margin:5px;padding:10px 20px;transition:background-color .3s}.generate-card-button:hover,.new-card-button:hover,.raider-button:hover,.select-all-button:hover{background-color:#e0e0e0}.raider-button.selected{background-color:#00ff62;border-color:#a0a0a0}.error-tooltip{background-color:#f33;border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,.2);color:#fff;font-size:.9rem;margin-top:5px;padding:8px 15px;position:absolute;right:0;top:100%;white-space:nowrap;z-index:10}.error-tooltip:after{border:5px solid transparent;border-bottom-color:#f33;bottom:100%;content:"";left:10px;position:absolute}.generate-card-wrapper{display:inline-block;position:relative}.bingo-container{align-items:center;background-color:initial;display:flex;flex-direction:column;padding:20px}.new-card-button{background-color:#ffd000;color:#000}.loading{-webkit-animation:loadingAnimation 2s linear infinite;animation:loadingAnimation 2s linear infinite;color:#ffd000;font-size:20px}@-webkit-keyframes fadeInGrow{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}}@keyframes fadeInGrow{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes swipeOut{0%{opacity:.5;-webkit-transform:translate(0);transform:translate(0)}to{opacity:0;-webkit-transform:translate(-100%,100%);transform:translate(-100%,100%)}}@keyframes swipeOut{0%{opacity:.5;-webkit-transform:translate(0);transform:translate(0)}to{opacity:0;-webkit-transform:translate(-100%,100%);transform:translate(-100%,100%)}}@-webkit-keyframes loadingAnimation{0%{opacity:.1;-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}to{opacity:.1;-webkit-transform:scale(.95);transform:scale(.95)}}@keyframes loadingAnimation{0%{opacity:.1;-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}to{opacity:.1;-webkit-transform:scale(.95);transform:scale(.95)}}.bingo-item.special:after{-webkit-animation:slideDown .5s ease-in-out forwards;animation:slideDown .5s ease-in-out forwards;background-image:url(/static/media/grippers.762daa230572033bf2d6.png);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0}.bingo-item.special.swipe-out:after{-webkit-animation:slideUp .5s ease-in-out forwards;animation:slideUp .5s ease-in-out forwards}@-webkit-keyframes slideDown{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:.5;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:.5;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideUp{0%{opacity:.5;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideUp{0%{opacity:.5;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.cascade-effect:after,.cascade-effect:before{background-image:url(/static/media/grippers.762daa230572033bf2d6.png);background-repeat:repeat;background-size:contain;content:"";height:100%;opacity:0;pointer-events:none;position:absolute;width:100%;z-index:10}.cascade-effect:after,.cascade-effect:before{-webkit-animation:cascadeFromTopAnimation 2s ease-in-out forwards;animation:cascadeFromTopAnimation 2s ease-in-out forwards;left:0;top:-100%}.cascade-effect:after{-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes cascadeFromTopAnimation{0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:1}to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes cascadeFromTopAnimation{0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:1}to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}body,ul{margin:0;padding:0}body{background-color:#f2f2f2;color:#333;font-family:Arial,sans-serif}.admin-panel,.login-form{background-color:#272727;border:1px solid #ffd000;border-radius:5px;margin:0 auto;padding:20px}.login-form{color:#ffd000;display:flex;flex-direction:column;gap:10px;margin-top:50px;width:300px}.admin-panel{background:#000;border:none;margin-top:20px;width:60vw}.admin-section{min-height:100vh}.admin-panel button,.login-form button,.login-form input,input,select{font-size:1em;margin-bottom:20px;padding:10px}.admin-panel button,.login-form button,li .edit-button,li button{background-color:#ffd000;border:none;color:#000;cursor:pointer;transition:background-color .3s ease-in-out}.admin-panel button:hover,.login-form button:hover,li .edit-button:hover,li button:hover{background-color:#0056b3}.add-buttons-container,.admin-panel li,.admin-panel ul,.button-container,.raiders-section,.squares-section,h2{margin-bottom:20px}h2{border-bottom:1px solid #ffd000;color:#ffd000;padding-bottom:10px}.admin-panel ul{list-style-type:none}.admin-panel li{align-items:center;background-color:#fafafa;border:1px solid #ffd000;display:flex;justify-content:space-between;padding:15px}.add-buttons-container,.button-container{display:flex;gap:10px}li span{flex-grow:2}.login-error{color:red;font-size:.9em;margin-top:10px;text-align:center}.raider-buttons{display:flex;flex-flow:row wrap;justify-content:center;margin-bottom:20px}.raider-buttons button{margin-right:1px;transition:background-color .3s ease-in-out}.raider-buttons button.selected-raider{background-color:#4caf50;color:#fff}.add-buttons-container{display:flex;justify-content:space-between}.add-raider,.add-square{display:flex;width:48%}.add-raider button,.add-raider input,.add-square button,.add-square input{margin:0;width:50%}.raider-name-container{display:flex;justify-content:space-between;margin-bottom:20px}li.list-item{background-color:#ccbe7e;color:#000}
/*# sourceMappingURL=main.7c932e8f.css.map*/