.login-screen{width:100%;display:flex;justify-content:center}.login-container{background-color:#f5f5f5cc;width:90vw;border-radius:10px;padding:20px;box-shadow:5px 5px 10px #0000001a;min-height:90vh;display:flex;flex-direction:column;justify-content:space-around;margin-top:5vh}.logo{width:150px;height:auto;margin:0 auto 20px}.welcome-message{text-align:center;margin-bottom:30px;color:#333}.welcome-message h1{font-size:2em;margin-bottom:10px;color:#257}.welcome-message h2{font-size:1.5em;margin-bottom:15px;color:#257}.google-login-button{background-color:#4285f4;color:#fff;padding:10px 20px;border:none;border-radius:5px;font-size:1.1em;cursor:pointer;box-shadow:2px 2px 5px #0003;margin:0 auto;display:block}.google-login-button:hover{background-color:#357ae8}@media (min-width: 768px){.login-screen{width:50vw;max-width:600px;margin:0 auto;display:flex;justify-content:center;align-items:center;height:100vh}.login-container{width:45vw;max-width:500px;border-radius:10px;box-shadow:5px 5px 10px #0000001a;padding:30px;margin:0 auto;min-height:auto}.logo{width:50%;margin-bottom:10px}.welcome-message{margin-top:10px;margin-bottom:10px}.google-login-button{margin-top:10px}}.animated-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab,#e2d155);background-size:400% 400%;animation:gradient 30s ease infinite}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.main-screen{width:100%;display:flex;justify-content:center}.main-container{background-color:#f5f5f5cc;width:90vw;border-radius:10px;padding:20px;box-shadow:5px 5px 10px #0000001a;min-height:90vh;display:flex;flex-direction:column;justify-content:space-between;margin-top:5vh}.header{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.logo{width:80px;height:auto}.profile-container{position:relative;cursor:pointer}.profile-image{width:50px;height:50px;border-radius:50%}.profile-menu{position:absolute;top:60px;right:0;background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:2px 2px 5px #0003;z-index:10}.profile-menu button{display:block;width:100%;padding:10px;border:none;background-color:transparent;text-align:left;cursor:pointer;color:#333}.profile-menu button:hover{background-color:#f0f0f0}.bingo-board{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:10px;flex-grow:1}.bingo-item{background-color:#fffc;border:1px solid #ccc;border-radius:5px;display:flex;justify-content:center;align-items:center;color:#257;box-shadow:2px 2px 5px #0000001a;flex:1;overflow:hidden;word-break:break-word}.bingo-item-text{font-size:1.1em;text-align:center}.bingo-item.drawn .bingo-item-text{background-color:#4caf50;color:#fff;border-radius:5px;padding:5px}.waiting-message{color:#257;font-size:1.2em;text-align:center;margin:20px}@media (min-width: 768px){.main-screen{width:50vw;max-width:1100px;margin:0 auto;display:flex;justify-content:center;align-items:center;height:100vh}.main-container{width:45vw;max-width:1000px;min-height:auto}.header{padding:20px 0}.logo{max-width:10vw;height:auto}.bingo-item{font-size:1em;padding:5px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:100}.modal-content{background-color:#fff;padding:20px;border-radius:5px;box-shadow:2px 2px 5px #0000004d;max-width:400px;width:90%}.modal-content h2{margin-bottom:10px;color:#257}.modal-content input{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;margin-bottom:10px;box-sizing:border-box}.modal-buttons{display:flex;justify-content:flex-end}.modal-buttons button{margin-left:10px;padding:8px 16px;border:none;border-radius:5px;font-size:1em;cursor:pointer}.modal-buttons button:first-child{background-color:#4caf50;color:#fff}.modal-buttons button:first-child:hover{background-color:#3e8e41}.modal-buttons button:last-child{background-color:#f44336;color:#fff}.modal-buttons button:last-child:hover{background-color:#da190b}html{height:100%}body{font-family:Nunito Sans,sans-serif;background-color:#f5f5f5;margin:0;padding:0;box-sizing:border-box;height:100%}.admin-screen{width:100%;display:flex;justify-content:center}.admin-container{background-color:#f5f5f5cc;width:90vw;border-radius:10px;padding:20px;box-shadow:5px 5px 10px #0000001a;min-height:90vh;display:flex;flex-direction:column;justify-content:space-between;margin-top:5vh}.admin-header{padding:0 0 20px;background-color:transparent}.admin-content{display:flex;flex-direction:column;gap:20px;align-items:center}.user-list-container,.term-list-container{width:100%;background-color:#fffc;border:1px solid #ccc;border-radius:5px;padding:20px;box-shadow:2px 2px 5px #0000001a;overflow-y:auto;max-height:400px}.add-button{margin-bottom:10px;background-color:#4caf50;color:#fff;padding:8px 16px;border:none;border-radius:5px;font-size:1em;cursor:pointer}.add-button:hover{background-color:#3e8e41}.user-list,.term-list{list-style:none;padding:0}.user-item,.term-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eee;color:#333}.user-item div,.term-item div{display:flex;align-items:center;gap:10px}.user-item button,.term-item button{margin-left:5px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;padding:5px 10px;font-size:.9em;cursor:pointer;transition:background-color .3s ease}.user-item button:hover,.term-item button:hover{background-color:#367c39}.user-item button:last-child,.term-item button:last-child{background-color:#f44336}.user-item button:last-child:hover,.term-item button:last-child:hover{background-color:#da190b}.user-item .status,.term-item .status{margin-left:10px;padding:2px 5px;border-radius:5px;font-size:.8em}.user-item .status.pending,.term-item .status.pending{background-color:#fff3cd;color:#856404}.user-item .status.approved,.term-item .status.approved{background-color:#c6efce;color:#006100}.user-item .status.rejected,.term-item .status.rejected{background-color:#fdd;color:#a00}.user-item .status.admin{background-color:gold;color:#000;margin-left:10px;padding:2px 5px;border-radius:5px;font-size:.8em}.error-message{color:red;margin-bottom:10px}.start-game-container{width:100%;display:flex;justify-content:center;margin-bottom:20px}.start-game-button{background-color:#2196f3;color:#fff;padding:10px 20px;border:none;border-radius:5px;font-size:1.1em;cursor:pointer;box-shadow:2px 2px 5px #0003}.start-game-button:hover{background-color:#1976d2}.game-status{text-align:center;margin-top:10px;font-size:1em;color:#333}@media (min-width: 768px){.admin-screen{width:50vw;max-width:1300px;margin:0 auto;display:flex;justify-content:center;align-items:center;height:100vh}.admin-container{width:45vw;max-width:1200px;margin:0 auto;min-height:auto}.admin-content{flex-direction:row;align-items:flex-start}.user-list-container,.term-list-container{width:50%}}body{font-family:Nunito Sans,sans-serif}.round-screen{display:flex;flex-direction:column;height:100vh;width:100%;justify-content:center}.animated-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.round-container{background-color:#f5f5f5cc;width:90vw;border-radius:10px;padding:20px;box-shadow:5px 5px 10px #0000001a;display:flex;flex-direction:column;justify-content:space-around;margin:5vh auto}.round-header{padding:0 0 20px;background-color:transparent;display:flex;justify-content:flex-start}.back-button{background:none;border:none;font-size:1.1em;cursor:pointer;color:#257}.terms-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:60vh}.term-item{background-color:#fffc;border:1px solid #ccc;border-radius:5px;padding:10px;display:flex;justify-content:space-between;align-items:center;box-shadow:2px 2px 5px #0000001a}.term-item.drawn{background-color:#c6efce}.term-item span{color:#257;font-size:1.1em}.term-item button{background-color:#4caf50;color:#fff;border:none;border-radius:5px;padding:5px 10px;font-size:.9em;cursor:pointer;transition:background-color .3s ease}.term-item button:hover{background-color:#367c39}@media (min-width: 768px){.round-screen{width:50vw;max-width:1100px;margin:0 auto;display:flex;justify-content:center;align-items:center;height:100vh}.round-container{width:45vw;max-width:1000px;margin:0 auto}.round-header{padding:20px 0}.terms-list{max-height:70vh}}