.app-container{display:flex;width:100vw;height:100vh;overflow:hidden}.sidebar{width:20%;background-color:#000;color:#fff;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:-2px 0 5px #0000004d}.sidebar .professor-img{width:10vw;padding-top:2vh}.sidebar h2{font-size:1.5rem;margin-bottom:10px}.team-name{font-weight:700;font-size:1.2rem}.timer-box{margin-top:20px;padding:10px;background-color:#b10404;border-radius:8px;width:80%}.timer{font-size:1.5rem;font-family:monospace}.puzzle-area{width:80%;height:100vh;background-image:url(../../assets/tech_heist_main.webp);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:#000;position:relative}.puzzle-content{display:flex;align-items:center;justify-content:center;background-color:#000;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0000004d;text-align:center;z-index:1;width:30%}.puzzle-content h1{font-size:2rem}.puzzle-content p{font-size:1rem;color:#aaa}.puzzle-content button{width:90%;height:55px;background-color:#b10404;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:700;cursor:pointer;font-size:1.5rem;transition:background-color .3s ease}.puzzle-content button:hover{background-color:#8a0303}.login-box{position:absolute;background:#1e1e1ef2;border-radius:16px;padding:30px;color:#fff;box-shadow:0 0 20px #00ffff1a;width:450px;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.login-box h2{text-align:center;margin-bottom:20px;font-weight:600;color:#fff}.login-form{display:flex;flex-direction:column}.login-form input{padding:12px;margin-bottom:14px;border-radius:8px;border:1px solid #555;background-color:#222;color:#fff;outline:none;transition:all .2s ease-in-out}.login-form input:focus{border-color:#8a0303;background-color:#111}.login-form button{background-color:#8a0303;color:#fff;border:none;padding:12px;border-radius:8px;cursor:pointer;font-weight:700;font-size:1rem;transition:background-color .3s ease}.login-form button:hover{background-color:#0097a7}.login-message{margin-top:12px;color:#ffc107;font-size:.9rem;text-align:center}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{display:flex;justify-content:center;align-items:center;background-color:#0d1117}.app-container{display:flex;width:100vw;height:100vh;overflow:hidden;background-color:#0a0f1e}.sidebar{width:20%;background-color:#0d1117;color:#f1f1f1;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:-2px 0 8px #0ff3}.sidebar .professor-img{width:10vw;padding-top:2vh;margin-bottom:20px;border-radius:50%}.sidebar h2{font-size:1.8rem;margin:15px 0;color:#0ff}.sidebar p{font-size:1rem;margin-bottom:10px}.team-name{font-weight:700;font-size:1.3rem;color:#fff}.timer-box{margin-top:20px;padding:12px;background-color:#b10404;border-radius:10px;width:90%;box-shadow:0 0 10px #ff4040}.timer-title{font-size:1.2rem;font-weight:700}.timer{font-size:1.8rem;font-family:Courier New,monospace}.game-area{width:80%}.bg-image{width:80vw;height:100vh;z-index:-1;transition:filter .3s ease}.transition-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;background-color:#000;opacity:0;transition:opacity .5s ease-in-out}.transition-overlay.active{opacity:1;pointer-events:all}.alarm-overlay{position:absolute;top:0;left:0;width:80vw;height:100vh;background-color:#ff00004d;animation:alarmPulse 1s infinite;z-index:1;pointer-events:none}@keyframes alarmPulse{0%{opacity:.1}50%{opacity:.5}to{opacity:.1}}.invisible-img{position:absolute;z-index:1;border-radius:100%;width:130px;height:130px;transition:all .3s ease;overflow:hidden}.invisible-img:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%;pointer-events:none;background:radial-gradient(circle,rgba(0,0,0,.2) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.invisible-img:hover:after{opacity:1}.check-image{width:100%;max-height:60vh;object-fit:contain;margin-bottom:20px;border-radius:10px}#PuzzleAnswer{width:80%;padding:10px;border-radius:6px;border:none;margin-bottom:15px;font-size:1rem;background-color:#2b2b3c;color:#fff;outline:none}.alarm-indicator{position:absolute;top:20px;right:20px;padding:10px;background:#000000b3;color:#fff;border-radius:5px;font-weight:700;transition:all .3s}.alarm-indicator.active{background:#ff0000b3;animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.input-field{margin-bottom:15px;width:100%}.input-field label{display:block;margin-bottom:5px;font-weight:500}.input-field input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px}.button-group{display:flex;justify-content:space-between;margin-top:20px}#messageBox{min-height:20px;margin:10px 0;opacity:0;transition:opacity .3s}#messageBox.visible{opacity:1}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;z-index:10}.popup{background-color:#1e1e2f!important;color:#f0f8ff;padding:30px;border-radius:12px;text-align:center;width:50vw;box-shadow:0 0 25px #0ff6;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;animation:popupFadeIn .4s ease-in-out}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.popup p{font-size:1.2rem;margin-bottom:20px}#messageBox{padding:10px;text-align:center;font-weight:700;opacity:0;transition:opacity .5s ease-in-out,background-color .3s ease}#messageBox.correct{background-color:#d4edda;color:#155724;opacity:1}#messageBox.wrong{background-color:#f8d7da;color:#721c24;opacity:1}.answer-button,.close-button{margin:5px 10px;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:.3s}.answer-button{background-color:#0ff;color:#000}.answer-button:hover{background-color:#00c2c2}.close-button{background-color:#ff4c4c;color:#fff}.close-button:hover{background-color:#c70000}*{margin:0;padding:0;box-sizing:border-box}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;overflow:hidden}.container h1{font-size:200px}.container p{font-size:70px}.gameover-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;text-align:center;background-color:#0d0d0d;color:#fff;min-height:100vh;width:100%}.thank-you-text{font-size:2.5rem;margin-bottom:10px;color:#0ff}.thank-you-subtext{font-size:1.2rem;margin-bottom:40px}.team-heading{font-size:2rem;margin-bottom:40px;color:#2ecc71}.team-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.profile-card{background-color:#1c1c1c;padding:20px;border-radius:16px;width:200px;box-shadow:0 0 10px #00ffff1a;transition:transform .3s ease}.profile-card:hover{transform:scale(1.05)}.profile-pic{width:100px;height:100px;object-fit:cover;border-radius:50%;margin-bottom:10px;border:1px solid #00ffff}.designation{font-style:italic;margin-bottom:10px;color:#ccc}.social-icons a{margin:0 8px;color:#fff;font-size:1.2rem;transition:color .2s ease}.social-icons a:hover{color:#00bcd4}.Sponsored-subtext{margin-top:20px;font-size:1.2rem}.solidarity-message{margin-top:40px;padding:20px;background-color:#1a1a1a;border-left:5px solid #2ecc71;border-radius:8px;max-width:800px;animation:fadeIn 2s ease-in-out;font-size:1rem;color:#aaa}.solidarity-message h3{color:#2ecc71;margin-bottom:10px}.solidarity-message em{color:#e0e0e0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.container{position:relative;height:100vh;display:flex;align-items:center;justify-content:center}.background-content{transition:filter .3s ease}.blurred{filter:blur(5px)}.clickable-image{cursor:pointer;width:150px;height:auto}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center}.popup{background:#fff;padding:20px;border-radius:10px;text-align:center;box-shadow:0 0 10px #0000004d}.close-button{margin-top:10px;padding:8px 15px;background:red;color:#fff;border:none;border-radius:5px;cursor:pointer}.close-button:hover{background:#8b0000}