html,body,#root{margin:0;padding:0;height:100%}body{font-family:Arial,sans-serif;text-align:center;color:#000}.container{min-height:100vh;width:100%;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:1px;background-attachment:fixed}h1{color:#fff;margin-bottom:5px;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.settings{margin-top:"1rem";margin-bottom:"0rem"}.settings input[type=email],.settings input[type=password]{width:80%;max-width:300px;padding:10px 12px;margin-bottom:10px;border-radius:8px;border:1px solid #ccc;font-size:1rem;box-shadow:0 1px 4px #0000001a}.settings button{background-color:#a8bea8;color:#fff;border:none;border-radius:8px;padding:10px 15px;margin-right:10px;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 2px 6px #00000026;transition:background-color .2s ease}.settings button:hover{background-color:#45a049}.bingo-grid{display:grid;gap:6px;margin-top:15px;width:80%;max-width:600px;margin-bottom:"1rem"}.bingo-cell{background-color:#d3d3d3;aspect-ratio:1 / 1;justify-content:center;align-items:center;border-radius:5px;text-align:center;word-wrap:break-word;padding:5px;display:flex;overflow:hidden;position:relative}.font-large{font-size:.8rem}.font-medium{font-size:.6rem}.font-small{font-size:.4rem}.cell-image,.bingo-image{width:100%;height:100%;object-fit:cover;border-radius:5px}.toolbar{display:flex;gap:5px;margin-top:20px;margin-bottom:10px;border-radius:10px}.dialog{background:#857d7d;padding:10px;border-radius:10px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #0003;z-index:1001;max-width:90%;width:300px;box-sizing:border-box;display:flex;flex-direction:column;gap:12px}.custom-file-upload:hover{background-color:#081ee6}.preset-bg-images{display:flex;gap:10px;margin-top:10px}.bingo-thumbnail{width:100px;height:100px;object-fit:cover;cursor:pointer;border-radius:5px;box-shadow:2px 2px 5px #0003;transition:transform .2s}.bingo-thumbnail:hover{transform:scale(1.1)}.fullscreen-image-container{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.fullscreen-image{max-width:90%;max-height:90%;border-radius:10px;box-shadow:0 0 10px #ffffff80}.download-button{position:absolute;bottom:20px;right:20px;background:#fff;color:#000;padding:10px;border-radius:5px;cursor:pointer;font-weight:700}.bottom-buttons{margin-top:20px}.save-button:active{background-color:#4caf50}.save-button{color:#fff;padding:10px 15px;border:1px solid #ccc;border-radius:8px;cursor:pointer;font-weight:700;margin-right:8px;background-color:gray;transition:background-color .2s ease}.bg-thumbnail{width:50px;height:50px;object-fit:cover;border:2px solid transparent;cursor:pointer;transition:border .2s}.bg-thumbnail:hover{border:2px solid blue}.bingo-images-container{text-align:center;margin-top:10px}.toggle-button,.logout-button{background-color:#1976d2;color:#fff;padding:10px 15px;border:none;border-radius:5px;cursor:pointer;margin:10px}.toggle-button:hover,.logout-button:hover{background-color:#0056b3}.thumbnail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;justify-content:center;padding:10px}.thumbnail{width:80px;height:80px;object-fit:cover;border-radius:5px;cursor:pointer;transition:transform .2s ease-in-out}.thumbnail:hover{transform:scale(1.1)}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.image-container{position:relative;max-width:90%;max-height:90%}.full-image{max-width:100%;max-height:100%;border-radius:10px}.download-button{position:absolute;bottom:10px;right:10px;background-color:#fff;color:#000;padding:8px;border-radius:5px;cursor:pointer}.preset-bg-images{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.bg-thumbnail{width:80px;height:80px;object-fit:cover;border:2px solid transparent;border-radius:4px;cursor:pointer;transition:border-color .2s ease}.bg-thumbnail:hover{border-color:#007aff}@media (max-width: 600px){.bg-thumbnail{width:60px;height:60px}}.end-message{background:#f38c8c;padding:20px;border-radius:12px;max-width:600px;margin:0 auto;box-shadow:0 0 10px #0003;text-align:center;position:"relative";z-Index:9999}.podium{background:#ec7272;padding:15px;border-radius:10px;margin:20px 0;box-shadow:0 0 8px #0000001a}.podium h3{margin-bottom:10px}.like-podium-item{margin:5px 0}.image-link{color:#3b2bca}.image-link:hover{text-decoration:underline;cursor:pointer}.popup{position:fixed;top:10%;left:50%;transform:translate(-50%);background:#590d0d;border-radius:12px;padding:20px;max-width:90%;max-height:80vh;overflow-y:auto;z-index:1001;box-shadow:0 0 20px #0009;color:#fff}.popup-inner{width:100%;border-radius:6px;border:4px solid #fff;box-shadow:0 0 10px #000000b3}.image-modal button{margin-top:10px;background:#fff;color:#590d0d;border:none;padding:8px 16px;border-radius:8px;cursor:pointer}.image-modal button:hover{background:#ddd}.chat-overlay{position:fixed;bottom:4rem;right:1rem;width:24rem;height:500px;background-color:#fff;border:1px solid #ddd;border-radius:.5rem;box-shadow:0 2px 10px #0003;z-index:1050}.chat-input{flex:1;border:1px solid #ccc;padding:10px;border-radius:12px;font-size:14px}.chat-button{background-color:#1976d2;color:#fff;padding:10px 16px;border:none;border-radius:12px;cursor:pointer;font-weight:700;transition:background-color .2s ease}.chat-button:hover{background-color:#1565c0}.chat-container{display:flex;flex-direction:column;height:100%}.chat-messages{flex:1;overflow-y:auto;padding:10px;background-color:#f9fafb;display:flex;flex-direction:column;gap:8px}.chat-message{padding:8px 10px;background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 1px 3px #00000014;font-size:14px}.premium-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.premium-content{background-color:#fff;padding:20px;border-radius:8px;max-width:300px;text-align:center}.premium-content button{margin-top:12px;padding:8px 16px;border:none;background-color:gray;color:#fff;border-radius:6px;cursor:pointer}.premium-content button:active{background-color:#4caf50}.end-message-field{display:flex;flex-direction:column;margin-top:1rem}.end-message-field label{font-weight:700;margin-bottom:6px;color:#333}.end-message-field textarea{width:90%;border:1px solid #ccc;border-radius:8px;padding:10px;font-size:14px;resize:vertical;font-family:inherit}.button-container{margin-top:8px}.copy-button{background-color:#4a90e2;color:#fff;padding:10px 16px;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:background-color .2s ease,transform .1s ease}.copy-button:hover{background-color:#357ab8}.copy-button:active{transform:scale(.97)}.glass-button{font-size:15px;padding:1px 6px;border-radius:12px;cursor:pointer;background-color:#fff3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);color:#000;font-weight:600;min-width:90px;box-shadow:0 4px 15px #0000001a;transition:all .3s}.glass-button:hover{background-color:#ffffff4d;transform:scale(1.05)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999}.modal-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#d3d3d3;padding:20px;border-radius:10px;box-shadow:0 0 10px #0000004d;color:#000;border:2px solid black;width:500px;max-width:85%;max-height:80vh;overflow-y:auto;z-index:1000}.admin-dashboard{display:flex;font-family:sans-serif}.sidebar{width:220px;border:1px solid #ccc;padding:10px;border-radius:6px}.admin-header{color:#fff;margin-bottom:5px;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.content{flex:1;padding:20px}.room-list ul{list-style:none;padding:0}.room-list li{cursor:pointer;padding:6px 4px;border-bottom:1px solid #eee}.room-list li:hover{background-color:#f0f0f0}.delete-btn{background-color:#dc143c;color:#fff;border:none;padding:8px 12px;cursor:pointer;margin-top:10px}.admin-btn{background-color:#007bff;color:#fff;border:none;padding:6px 12px;cursor:pointer}.admin-password-form input{margin-right:6px;padding:4px 6px}