*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue: #0F1419;--secondary-blue: #1a2332;--accent-yellow: #FFD700;--accent-teal: #4ECDC4;--text-light: #E6F3FF;--text-muted: #B0C4DE;--error-red: #FF6B6B;--card-bg: rgba(15, 20, 25, .9);--border-light: rgba(255, 255, 255, .1)}body{margin:0;font-family:"Jersey 15",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0b1220 url(/bg-2.jpeg) center/cover no-repeat fixed;min-height:100vh;min-height:100dvh;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#root,.App{min-height:100vh}a{color:var(--accent-teal);text-decoration:none}a:hover{color:var(--accent-yellow)}button{font-family:"Jersey 15",inherit}h1,h2,h3,h4,h5,h6{font-family:"Jersey 15",sans-serif}input{font-family:inherit}h1,h2,h3,h4,h5,h6{color:var(--text-light)}p{color:var(--text-muted)}.jersey-15-regular{font-family:"Jersey 15",sans-serif;font-weight:400;font-style:normal}@media (max-width: 768px){*{-webkit-tap-highlight-color:transparent}button,input,select,textarea{font-size:16px;-webkit-appearance:none;border-radius:0}button{min-height:44px;min-width:44px}input,textarea{min-height:48px}.scroll-container{-webkit-overflow-scrolling:touch;overflow-scrolling:touch}body{overflow-x:hidden}h1,h2,h3,h4,h5,h6{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (hover: none) and (pointer: coarse){button:hover,.clickable:hover{transform:none}button:active,.clickable:active{transform:scale(.98)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.login-container{min-height:100vh;background:#0b12204d;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.login-container:before{content:"";position:absolute;top:50%;left:50%;width:200px;height:200px;margin:-100px 0 0 -100px;border:3px solid rgba(255,215,0,.1);border-top:3px solid #FFD700;border-radius:50%;z-index:0}.login-container:after{content:"";position:absolute;top:50%;left:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border:2px solid rgba(78,205,196,.1);border-bottom:2px solid #4ECDC4;border-radius:50%;z-index:0}@keyframes backgroundPulse{0%,to{background:linear-gradient(135deg,#0f1419,#1a2332)}50%{background:linear-gradient(135deg,#1a2332,#0f1419)}}@keyframes spinWheel{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinWheelReverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.login-card{background:#1118274d;border-radius:20px;padding:40px;width:100%;max-width:450px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(31,41,55,.3);box-shadow:0 20px 40px #0000004d;text-align:center;animation:cardEntrance .8s ease-out;transform:translateY(0);position:relative;z-index:1}@keyframes cardEntrance{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.logo-container{margin-bottom:30px;position:relative;z-index:1}.logo{display:inline-block;transform:translateY(0);position:relative;z-index:1}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%{filter:drop-shadow(0 0 20px rgba(255,215,0,.5))}to{filter:drop-shadow(0 0 30px rgba(255,215,0,.8))}}.title{color:gold;font-size:2.5rem;font-weight:700;margin-bottom:15px;text-shadow:0 2px 4px rgba(0,0,0,.3);position:relative;z-index:1}@keyframes titleGlow{0%{text-shadow:0 2px 4px rgba(0,0,0,.3),0 0 10px rgba(255,215,0,.3)}to{text-shadow:0 2px 4px rgba(0,0,0,.3),0 0 20px rgba(255,215,0,.6)}}.subtitle{color:#b0c4de;font-size:1.1rem;margin-bottom:40px;line-height:1.5;animation:fadeInUp 1s ease-out .3s both;position:relative;z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-form{display:flex;flex-direction:column;gap:25px;animation:formSlideIn .6s ease-out .5s both;position:relative;z-index:1}@keyframes formSlideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.form-group{display:flex;flex-direction:column;gap:8px;text-align:left;animation:fieldEntrance .5s ease-out both;position:relative;z-index:1}.form-group:nth-child(1){animation-delay:.7s}.form-group:nth-child(2){animation-delay:.8s}@keyframes fieldEntrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-group label{color:#e6f3ff;font-weight:600;font-size:1rem;animation:labelSlide .4s ease-out both;position:relative;z-index:1}@keyframes labelSlide{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.form-group input{padding:15px 20px;border:none;border-radius:12px;background:#ffffff1a;color:#fff;font-size:1rem;transition:all .3s ease;border:2px solid transparent;box-sizing:border-box;animation:inputGlow .5s ease-out both;position:relative;z-index:1}@keyframes inputGlow{0%{box-shadow:0 0 #ffd70000}to{box-shadow:0 0 10px #ffd7001a}}.form-group input:focus{outline:none;background:#ffffff26;border-color:gold;box-shadow:0 0 0 3px #ffd70033,0 0 20px #ffd7004d;animation:inputFocus .3s ease-out}@keyframes inputFocus{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.form-group input.error{border-color:#ff6b6b;background:#ff6b6b1a;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.error-message{color:#ff6b6b;font-size:.875rem;margin-top:5px;animation:errorSlide .3s ease-out;position:relative;z-index:1}@keyframes errorSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.start-button{background:#22c55e;color:#fff;border:none;border-radius:12px;padding:18px 40px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:10px;text-transform:uppercase;letter-spacing:1px;animation:buttonEntrance .6s ease-out 1s both;position:relative;overflow:hidden;z-index:1}@keyframes buttonEntrance{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.start-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.start-button:hover:before{left:100%}.start-button:hover{background:#16a34a;transform:translateY(-2px);box-shadow:0 8px 25px #22c55e66}@keyframes buttonPulse{0%,to{box-shadow:0 8px 25px #ffd70066}50%{box-shadow:0 12px 35px #ffd70099}}.start-button:active{transform:translateY(0);animation:buttonClick .1s ease-out}.start-button:disabled,.start-button[disabled]{cursor:not-allowed;opacity:1;filter:none;transform:none;box-shadow:none;animation:none}.start-button:disabled:before,.start-button[disabled]:before{display:none}@keyframes buttonClick{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.login-container,.logo,.title,.subtitle,.login-form,.form-group,.form-group input,.start-button{animation:none!important;transition:none!important}}.auth-toggle{margin-top:30px;text-align:center;animation:fadeInUp .6s ease-out 1.2s both}.auth-toggle p{color:#b0c4de;margin-bottom:15px;font-size:.95rem}.toggle-button{background:transparent;color:gold;border:2px solid #FFD700;border-radius:8px;padding:10px 20px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.toggle-button:hover{background:gold;color:#2c3e50;transform:translateY(-2px);box-shadow:0 4px 15px #ffd7004d}.toggle-button:active{transform:translateY(0)}@media (max-width: 768px){.login-container{padding:15px;min-height:100vh;min-height:100dvh}.login-card{padding:30px 20px;margin:10px;max-width:100%;width:100%}.title{font-size:2rem;margin-bottom:20px}.form-group{margin-bottom:20px}.form-group input{padding:12px 15px;font-size:16px;min-height:48px}.start-button{padding:12px 25px;font-size:1rem;min-height:48px;width:100%}.auth-toggle{flex-direction:column;gap:10px;width:100%}.toggle-button{padding:8px 16px;font-size:.9rem;min-height:44px;width:100%}.error-message{font-size:.9rem;margin-top:8px}}@media (max-width: 480px){.login-container{padding:10px}.login-card{padding:25px 15px;margin:5px}.title{font-size:1.8rem;margin-bottom:15px}.subtitle{font-size:1rem}.form-group{margin-bottom:15px}.form-group input{padding:10px 12px;font-size:16px}.start-button{padding:10px 20px;font-size:.95rem}.toggle-button{padding:6px 12px;font-size:.85rem}}@media (max-width: 768px) and (orientation: landscape){.login-container{padding:10px}.login-card{padding:20px;max-width:400px}.title{font-size:1.5rem;margin-bottom:15px}.form-group{margin-bottom:15px}}.hunt-container{min-height:100vh;background:#0b12204d;color:#e5e7eb;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}@keyframes huntBackgroundShift{0%,to{background:linear-gradient(135deg,#0f1419,#1a2332)}33%{background:linear-gradient(135deg,#1a2332,#0f1419)}66%{background:linear-gradient(135deg,#0f1419,#1a2332)}}.hunt-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#0f172a66;border-bottom:1px solid rgba(31,41,55,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:60px;position:relative}@keyframes headerSlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.header-left{display:flex;align-items:center;gap:15px;animation:headerContentFade .6s ease-out .2s both}.team-info{display:flex;align-items:center;gap:12px}.team-avatar{cursor:pointer;transition:transform .2s ease;flex-shrink:0}.team-avatar:hover{transform:scale(1.1)}@keyframes headerContentFade{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.logo{transform:translateY(0)}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glow{0%{filter:drop-shadow(0 0 10px rgba(255,215,0,.5))}to{filter:drop-shadow(0 0 15px rgba(255,215,0,.8))}}.team-name{font-size:1.1rem;font-weight:600;color:#e5e7eb}@keyframes textGlow{0%{text-shadow:0 0 5px rgba(230,243,255,.3)}to{text-shadow:0 0 15px rgba(230,243,255,.6)}}.header-center{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;animation:headerContentFade .6s ease-out .3s both}.header-right{display:flex;align-items:center;gap:15px;animation:headerButtonsSlide .6s ease-out .4s both}.profile-dropdown{position:relative;display:flex;align-items:center}.profile-button{background:none;border:none;cursor:pointer;padding:5px;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.profile-button:hover{background:#22c55e1a;transform:scale(1.05)}.profile-avatar{cursor:pointer;transition:all .3s ease}.profile-avatar:hover{transform:scale(1.1);box-shadow:0 0 15px #22c55e4d}.dropdown-menu{position:absolute;top:100%;right:0;background:#0f172af2;border:1px solid rgba(31,41,55,.5);border-radius:8px;padding:8px 0;min-width:160px;box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;animation:dropdownSlide .2s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:none;border:none;color:#e5e7eb;cursor:pointer;transition:all .2s ease;font-size:14px;text-align:left}.dropdown-item:hover{background:#22c55e1a;color:#22c55e}.dropdown-item svg{width:14px;height:14px}@keyframes headerButtonsSlide{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.logout-button{background:#ff6b6b33;border:1px solid rgba(255,107,107,.3);color:#ff6b6b;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.logout-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,107,107,.3),transparent);transition:left .5s}.logout-button:hover:before{left:100%}.logout-button:hover{background:#ff6b6b4d;transform:translateY(-1px)}@keyframes logoutShake{0%,to{transform:translateY(-1px)}50%{transform:translateY(-3px)}}.leaderboard-button{background:#22c55e;color:#fff;border:none;padding:10px 20px;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.leaderboard-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.leaderboard-button:hover:before{left:100%}.leaderboard-button:hover{background:#16a34a;transform:translateY(-2px);box-shadow:0 5px 15px #22c55e66}@keyframes leaderboardBounce{0%,to{transform:translateY(-2px)}50%{transform:translateY(-4px)}}.hunt-main{padding:30px;max-width:1200px;margin:0 auto}@keyframes mainContentFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.progress-section{background:#0f141933;border-radius:15px;padding:25px;margin-bottom:30px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);animation:progressCardEntrance .7s ease-out .8s both;position:relative;overflow:hidden}.progress-section:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#FFD700,transparent)}@keyframes progressCardEntrance{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes progressShine{0%{left:-100%}to{left:100%}}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;animation:progressInfoSlide .6s ease-out 1s both}@keyframes progressInfoSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.progress-info h2{margin:0;color:#e5e7eb;font-size:1.3rem;animation:titlePulse 2s ease-in-out infinite}@keyframes titlePulse{0%,to{text-shadow:0 0 5px rgba(230,243,255,.3)}50%{text-shadow:0 0 15px rgba(230,243,255,.6)}}.progress-details{display:flex;gap:30px;color:#94a3b8;font-size:1rem;animation:detailsFadeIn .5s ease-out 1.2s both}@keyframes detailsFadeIn{0%{opacity:0}to{opacity:1}}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;animation:progressBarLoad .8s ease-out 1.4s both}@keyframes progressBarLoad{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.progress-fill{height:100%;background:linear-gradient(90deg,gold,orange);border-radius:4px;transition:width .5s ease;position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.puzzle-section,.clue-section,.submit-section,.answer-section{background:#1118274d;border-radius:15px;padding:25px;margin-bottom:30px;border:1px solid rgba(31,41,55,.3);position:relative;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.puzzle-section:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#4ECDC4,transparent)}.clue-section:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#FFD700,transparent)}.submit-section:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#FFA500,transparent)}@keyframes sectionSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes sectionShine{0%{left:-100%}to{left:100%}}.puzzle-section{animation-delay:.2s}.clue-section{animation-delay:.4s}.submit-section{animation-delay:.6s}.puzzle-section h2,.clue-section h2,.submit-section h2{margin:0 0 15px;color:#e5e7eb;font-size:1.3rem;animation:sectionTitleBounce .6s ease-out both}@keyframes sectionTitleBounce{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.puzzle-text{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#2c3e50;padding:20px;border-radius:12px;font-size:1.1rem;font-weight:500;line-height:1.6;animation:puzzleTextReveal .8s ease-out both;position:relative;overflow:hidden}.puzzle-text:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent)}@keyframes puzzleTextReveal{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes textShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.clue-text{background:#ffffff1a;padding:20px;border-radius:12px;font-size:1.1rem;line-height:1.6;color:#e5e7eb;animation:clueTextFade .6s ease-out both}@keyframes clueTextFade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:20px;animation:formFieldSlide .5s ease-out both}.form-group:nth-child(1){animation-delay:.8s}.form-group:nth-child(2){animation-delay:.9s}@keyframes formFieldSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.form-group label{color:#e5e7eb;font-weight:600;font-size:1rem;margin-bottom:8px;display:block;animation:labelFloat .4s ease-out both}@keyframes labelFloat{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-group input{width:100%;padding:15px 20px;border:none;border-radius:12px;background:#ffffff1a;color:#fff;font-size:1rem;transition:all .3s ease;border:2px solid transparent;box-sizing:border-box;animation:inputEntrance .5s ease-out both}@keyframes inputEntrance{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.form-group input:focus{outline:none;background:#ffffff26;border-color:gold;box-shadow:0 0 0 3px #ffd70033;animation:inputFocusPulse .3s ease-out}@keyframes inputFocusPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.form-group input::placeholder{color:#ffffff80}.form-group input.error{border-color:#ff6b6b;background:#ff6b6b1a;animation:errorShake .5s ease-in-out}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.error-message{color:#ff6b6b;font-size:.875rem;margin-top:5px;display:block;font-weight:500;animation:errorSlideIn .3s ease-out}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.submit-code-button{background:#22c55e;color:#fff;border:none;border-radius:12px;padding:15px 30px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;position:relative;overflow:hidden}@keyframes submitButtonEntrance{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.submit-code-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.submit-code-button:hover:before{left:100%}.submit-code-button:hover{background:#16a34a;transform:translateY(-2px);box-shadow:0 8px 25px #22c55e66}@keyframes submitButtonGlow{0%,to{box-shadow:0 8px 25px #ffd70066}50%{box-shadow:0 12px 35px #ffd70099}}.submit-answer-button{background:#22c55e;color:#fff;border:none;border-radius:12px;padding:15px 30px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;position:relative;overflow:hidden;box-shadow:0 4px 15px #22c55e4d}@keyframes answerButtonEntrance{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.submit-answer-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.submit-answer-button:hover:before{left:100%}.submit-answer-button:hover{background:#16a34a;transform:translateY(-2px);box-shadow:0 8px 25px #22c55e66}@keyframes answerButtonPulse{0%,to{box-shadow:0 8px 25px #22c55e66}50%{box-shadow:0 12px 35px #22c55e99}}.answer-form{margin-top:30px;padding-top:30px;border-top:1px solid rgba(255,255,255,.1);animation:answerFormSlide .7s ease-out .8s both}@keyframes answerFormSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.hunt-container{padding:10px}.hunt-header{padding:15px 20px;flex-direction:row;gap:10px;position:sticky;top:0;z-index:100}.header-left{flex:0 0 auto}.header-center{flex:1;text-align:center}.header-right{flex:0 0 auto}.team-name{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-menu{right:-10px;min-width:140px}.dropdown-item{padding:12px 16px;font-size:13px}.team-info{flex-direction:column;align-items:center;gap:8px}.team-avatar{width:40px;height:40px}.team-name{font-size:1rem}.hunt-main{padding:15px}.progress-section{padding:20px;margin-bottom:20px}.progress-info{flex-direction:column;align-items:flex-start;gap:10px}.progress-details{flex-direction:column;gap:5px;font-size:.9rem}.puzzle-section,.clue-section,.submit-section,.answer-section{padding:20px;margin-bottom:20px}.puzzle-text,.clue-text{padding:15px;font-size:1rem;line-height:1.5}.form-group{margin-bottom:15px}.form-group input{padding:12px 15px;font-size:16px}.submit-code-button,.submit-answer-button{padding:12px 20px;font-size:1rem;min-height:48px}.leaderboard-button{padding:8px 16px;font-size:.9rem;min-height:44px}.logout-button{padding:6px 12px;font-size:.9rem;min-height:44px}}@media (max-width: 480px){.hunt-container{padding:5px}.hunt-header{padding:10px 15px}.hunt-main{padding:10px}.progress-section,.puzzle-section,.clue-section,.submit-section,.answer-section{padding:15px;margin-bottom:15px}.team-info{gap:5px}.team-avatar{width:35px;height:35px}.team-name{font-size:.9rem}.puzzle-text,.clue-text{padding:12px;font-size:.95rem}.form-group input{padding:10px 12px}.submit-code-button,.submit-answer-button{padding:10px 15px;font-size:.95rem}}.avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#1f2937;transition:transform .2s ease}.avatar-image:hover{transform:scale(1.05)}.avatar-image.clickable{cursor:pointer}.avatar-selector-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.avatar-selector{background:#111827;border-radius:15px;padding:25px;max-width:500px;width:90%;border:1px solid #1F2937;box-shadow:0 20px 40px #00000080}.avatar-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.avatar-selector-header h3{color:#e5e7eb;margin:0;font-size:1.3rem}.close-button{background:none;border:none;color:#94a3b8;font-size:1.5rem;cursor:pointer;padding:5px;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-button:hover{background:#1f2937;color:#e5e7eb}.avatar-options{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.avatar-option{display:flex;justify-content:center;align-items:center;padding:10px;border-radius:10px;border:2px solid transparent;cursor:pointer;transition:all .2s ease}.avatar-option:hover{background:#1f2937;border-color:#06b6d4}.avatar-option.selected{background:#1f2937;border-color:#22c55e;box-shadow:0 0 10px #22c55e4d}.avatar-selector-actions{display:flex;gap:15px;justify-content:flex-end}.cancel-button,.select-button{padding:10px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-button{background:#1f2937;color:#94a3b8;border:1px solid #374151}.cancel-button:hover{background:#374151;color:#e5e7eb}.select-button{background:#22c55e;color:#fff}.select-button:hover{background:#16a34a}.leaderboard-container{min-height:100vh;background:#0b12204d;padding:20px;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:12px;margin:10px}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:#0f172a66;border-bottom:1px solid rgba(31,41,55,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px 12px 0 0}.header-center{display:flex;flex-direction:column;align-items:center;text-align:center}.leaderboard-title{font-size:1.5rem;color:#f59e0b;margin:0;text-shadow:0 0 10px rgba(245,158,11,.3)}.leaderboard-subtitle{font-size:.9rem;color:#94a3b8;margin:5px 0 0}.current-team-rank{font-size:.85rem;color:#f59e0b;margin:8px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f59e0b1a;padding:8px 12px;border-radius:6px;border:1px solid rgba(245,158,11,.3);text-align:center;gap:4px}.rank-main-info{display:flex;align-items:center;justify-content:center;gap:6px;font-weight:600}.trophy-icon{color:#f59e0b;font-size:.9em}.rank-score-info{color:#22c55e;font-size:.85em;font-weight:500}.back-button{padding:10px 20px;border-radius:8px;border:none;background:#22c55e;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.back-button:hover{background:#16a34a}.refresh-button{padding:10px 20px;border-radius:8px;border:none;background:#06b6d4;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.refresh-button:hover:not(:disabled){background:#0891b2}.refresh-button:disabled{background:#64748b;cursor:not-allowed}.rankings-list{max-width:1200px;margin:30px auto;display:flex;flex-direction:column;gap:15px;padding:0 20px}.team-card{background:#1118274d;border-radius:8px;padding:12px 16px;border:1px solid rgba(31,41,55,.3);display:flex;align-items:center;gap:15px;transition:transform .2s ease}.team-card.clickable{cursor:pointer}.team-card.clickable:hover{background:#11182780;transform:translateY(-2px)}backdrop-filter: blur(6px); min-height: 60px; } .team-card:hover{transform:translateY(-2px)}.team-card.winner{background:#22c55e33;border-color:#22c55e80}.rank-avatar{display:flex;align-items:center;gap:12px}.rank{font-size:1rem;font-weight:600;color:#94a3b8;min-width:30px}.avatar{width:35px;height:35px;border-radius:50%;overflow:hidden;background:#1f2937;display:flex;align-items:center;justify-content:center}.avatar img{width:100%;height:100%;object-fit:cover}.team-info{flex:1}.team-info h3{color:#e5e7eb;margin:0 0 4px;font-size:1rem;font-weight:600}.team-details{display:flex;flex-direction:column;gap:2px}.question-info{color:#4ecdc4;font-size:.85rem;font-weight:500}.time-info{color:#94a3b8;font-size:.75rem}@media (max-width: 768px){.leaderboard-container{padding:10px}.leaderboard-header{padding:15px 20px;position:sticky;top:0;z-index:100}.back-button{padding:8px 16px;font-size:.9rem;min-height:44px}.rankings-list{padding:0 10px;gap:12px}.team-card{padding:10px 12px;min-height:50px}.rank-avatar{gap:10px}.rank{font-size:.9rem;min-width:25px}.avatar{width:30px;height:30px}.team-info h3{font-size:.95rem;margin-bottom:3px}.question-info{font-size:.8rem}.time-info{font-size:.7rem}}@media (max-width: 480px){.leaderboard-container{padding:5px}.leaderboard-header{padding:10px 15px}.rankings-list{padding:0 5px;gap:10px}.team-card{padding:8px 10px;min-height:45px}.rank-avatar{gap:8px}.rank{font-size:.85rem;min-width:20px}.avatar{width:28px;height:28px}.team-info h3{font-size:.9rem;margin-bottom:2px}.question-info{font-size:.75rem}.time-info{font-size:.65rem}.current-team-rank{font-size:.7rem;padding:4px 6px;flex-direction:column;text-align:center;gap:1px;width:100%;max-width:280px;margin:0 auto}.rank-main-info{gap:3px;font-size:.85em}.trophy-icon,.rank-score-info{font-size:.75em}.leaderboard-title{font-size:1.1rem}.leaderboard-subtitle{font-size:.75rem}}@media (max-width: 768px) and (orientation: landscape){.team-card{padding:8px 12px;min-height:40px}.rank-avatar{gap:10px}.avatar{width:32px;height:32px}}.progress-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;min-height:100vh;min-width:100vw}.progress-modal{background:#111827f2;border-radius:12px;border:1px solid rgba(31,41,55,.5);max-width:500px;width:100%;max-height:80vh;overflow-y:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.progress-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(31,41,55,.3)}.progress-modal-header h2{margin:0;color:#e5e7eb}.close-button{background:none;border:none;color:#94a3b8;font-size:24px;cursor:pointer;padding:5px;border-radius:4px;transition:all .2s ease}.close-button:hover{background:#1f293780;color:#e5e7eb}.progress-content{padding:20px}.progress-list{display:flex;flex-direction:column;gap:12px}.progress-item{background:#1f29374d;border-radius:8px;padding:12px 16px;border:1px solid rgba(31,41,55,.5)}.progress-info{display:flex;justify-content:space-between;align-items:center;gap:15px}.question-number{color:#22c55e;font-weight:600}.solve-time{color:#94a3b8;font-size:.9rem;display:flex;align-items:center;gap:5px}.view-progress{color:#06b6d4;font-size:.8rem;display:flex;align-items:center;gap:5px;margin-top:5px}.no-progress-info{color:#94a3b8;font-size:.8rem;font-style:italic}.no-progress{text-align:center;padding:20px}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:20px;padding:20px;background:#0f172a66;border-top:1px solid rgba(31,41,55,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:0 0 12px 12px}.pagination-button{padding:10px 20px;border-radius:8px;border:none;background:#3b82f6;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;font-size:.9rem}.pagination-button:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.pagination-button:disabled{background:#6b7280;cursor:not-allowed;opacity:.6}.pagination-info{display:flex;align-items:center;color:#94a3b8;font-size:.9rem;font-weight:500}@media (max-width: 768px){.progress-modal{margin:10px;max-height:90vh}.pagination-controls{flex-direction:column;gap:15px;padding:15px}.pagination-button{width:100%;justify-content:center}.leaderboard-header{flex-direction:column;gap:10px;text-align:center;padding:15px 20px}.header-center{order:-1;width:100%}.leaderboard-title{font-size:1.3rem;margin-bottom:5px}.leaderboard-subtitle{font-size:.8rem;margin-bottom:8px}.current-team-rank{font-size:.75rem;padding:6px 8px;flex-direction:column;text-align:center;gap:2px;width:100%;max-width:300px;margin:0 auto}.rank-main-info{gap:4px;font-size:.9em}.trophy-icon,.rank-score-info{font-size:.8em}.back-button{width:100%;max-width:200px;margin:0 auto}.progress-modal-header,.progress-content{padding:15px}.progress-info{flex-direction:column;align-items:flex-start;gap:8px}.solve-time{font-size:.8rem}}.admin-login-container{min-height:100vh;background:#0b12204d;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.admin-login-card{background:#1118274d;border-radius:15px;padding:30px;width:100%;max-width:400px;border:1px solid rgba(31,41,55,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.admin-login-card h1{color:#e5e7eb;margin-bottom:30px;text-align:center}.form-group input{width:100%;padding:12px;border-radius:8px;border:1px solid #1F2937;background:#0f172a;color:#e5e7eb;font-size:1rem}.form-group input:focus{outline:none;border-color:#22c55e}.login-button{width:100%;padding:12px;border-radius:8px;border:none;background:#22c55e;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.login-button:hover{background:#16a34a}.login-button:disabled{background:#1f2937;cursor:not-allowed}.admin-dashboard{min-height:100vh;background:#0b12204d;padding:20px;color:#e5e7eb;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #1F2937}.admin-header h1{margin:0;color:#e5e7eb}.logout-button{padding:8px 16px;border-radius:8px;border:1px solid #1F2937;background:#111827;color:#e5e7eb;cursor:pointer;transition:all .2s ease}.logout-button:hover{background:#1f2937}.admin-tabs{display:flex;gap:10px;margin-bottom:30px}.tab-button{padding:10px 20px;border-radius:8px;border:1px solid #1F2937;background:#111827;color:#e5e7eb;cursor:pointer;transition:all .2s ease}.tab-button:hover{background:#1f2937}.tab-button.active{background:#22c55e;border-color:#16a34a}.question-form{background:#1118274d;border-radius:15px;padding:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(31,41,55,.3);margin-bottom:30px}.question-form h2{margin-top:0;margin-bottom:20px;color:#e5e7eb}.form-group{margin-bottom:15px}.form-group input{width:100%;padding:10px;border-radius:8px;border:1px solid rgba(31,41,55,.3);background:#0f172a4d;color:#e5e7eb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.form-actions{display:flex;gap:10px;margin-top:20px}.save-button,.cancel-button{padding:10px 20px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease}.save-button{background:#22c55e;color:#fff}.save-button:hover{background:#16a34a}.cancel-button{background:#1f2937;color:#e5e7eb}.cancel-button:hover{background:#374151}.questions-list,.teams-list{display:grid;gap:20px}.question-card,.team-card{background:#1118274d;border-radius:12px;padding:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(31,41,55,.3)}.question-content,.team-content{margin-bottom:15px}.question-content h3,.team-content h3{margin-top:0;color:#e5e7eb}.question-content p,.team-content p{margin:5px 0;color:#94a3b8}.question-actions,.team-actions{display:flex;gap:10px}.edit-button,.delete-button,.reset-button{padding:8px 16px;border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease}.edit-button{background:#06b6d4;color:#fff}.edit-button:hover{background:#0891b2}.delete-button{background:#dc2626;color:#fff}.delete-button:hover{background:#b91c1c}.reset-button{background:#eab308;color:#fff}.reset-button:hover{background:#ca8a04}.error-message{background:#991b1b;color:#fecaca;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}@media (min-width: 768px){.questions-list,.teams-list{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.questions-list{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.admin-dashboard{padding:15px}.admin-header{flex-direction:column;gap:15px;align-items:flex-start;position:sticky;top:0;z-index:100;background:#0b12204d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:15px;margin:-15px -15px 20px}.admin-tabs{flex-direction:column;gap:10px;width:100%}.tab-button{width:100%;min-height:44px;font-size:.9rem}.question-form{padding:15px}.form-group{margin-bottom:15px}.form-group input{font-size:16px;min-height:48px}.form-actions{flex-direction:column;gap:10px}.save-button,.cancel-button{width:100%;min-height:48px}.questions-list,.teams-list{grid-template-columns:1fr;gap:15px}.question-card,.team-card{padding:15px}.card-actions{flex-direction:column;gap:8px}.edit-button,.delete-button,.reset-button{width:100%;min-height:44px;font-size:.9rem}.question-content,.team-content{margin-bottom:10px}.question-content h3,.team-content h3{font-size:1.1rem;margin-bottom:8px}.question-content p,.team-content p{font-size:.9rem;line-height:1.4}}@media (max-width: 480px){.admin-dashboard{padding:10px}.admin-header{padding:10px;margin:-10px -10px 15px}.question-form,.question-card,.team-card{padding:12px}.form-group input{padding:8px 10px}.save-button,.cancel-button,.edit-button,.delete-button,.reset-button,.tab-button{padding:8px 12px;font-size:.85rem}}.sequences-section{background:#1118274d;border-radius:15px;padding:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(31,41,55,.3)}.sequences-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.sequences-header h2{margin:0;color:#e5e7eb}.regenerate-button{padding:10px 20px;border-radius:8px;border:none;background:#dc2626;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.regenerate-button:hover{background:#b91c1c}.sequences-list{display:grid;gap:20px}.sequence-card{background:#0f172a4d;border-radius:12px;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(31,41,55,.3)}.sequence-content h3{margin-top:0;color:#e5e7eb;margin-bottom:10px}.sequence-content p{margin:5px 0;color:#94a3b8}.sequence-display{margin-top:15px}.sequence-display strong{color:#e5e7eb;display:block;margin-bottom:10px}.sequence-numbers{display:flex;flex-wrap:wrap;gap:8px}.sequence-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;font-weight:600;font-size:.9rem;transition:all .2s ease}.sequence-number.completed{background:#22c55e;color:#fff}.sequence-number.current{background:#06b6d4;color:#fff;animation:pulse 2s infinite}.sequence-number.pending{background:#1f2937;color:#94a3b8;border:1px solid #374151}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 768px){.sequences-header{flex-direction:column;align-items:flex-start}.regenerate-button{width:100%;min-height:48px}.sequence-numbers{gap:6px}.sequence-number{width:28px;height:28px;font-size:.8rem}}@media (max-width: 768px) and (orientation: landscape){.admin-header{flex-direction:row;align-items:center}.admin-tabs{flex-direction:row;gap:8px}.tab-button{width:auto;min-width:120px}}.bonus-section{background:#1118274d;border-radius:12px;padding:20px;border:1px solid rgba(31,41,55,.5)}.bonus-section h2{color:#22c55e;margin-bottom:20px;font-size:1.8rem}.bonus-rounds-list{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.bonus-round-card{background:#1f29374d;border-radius:12px;padding:20px;border:1px solid rgba(34,197,94,.3);transition:all .3s ease}.bonus-round-card:hover{background:#22c55e0d;border-color:#22c55e;transform:translateY(-2px);box-shadow:0 4px 15px #22c55e33}.bonus-round-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.bonus-round-header h3{color:#22c55e;margin:0;font-size:1.3rem}.bonus-round-status{display:flex;align-items:center}.status-badge{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-badge.pending{background:#fbbf241a;color:#f59e0b;border:1px solid #F59E0B}.status-badge.active{background:#22c55e1a;color:#22c55e;border:1px solid #22C55E}.status-badge.ended{background:#6b72801a;color:#6b7280;border:1px solid #6B7280}.bonus-round-details{margin-bottom:20px}.bonus-round-details p{margin:8px 0;color:#e5e7eb;font-size:.9rem}.bonus-round-details strong{color:#22c55e}.bonus-round-actions{display:flex;gap:10px;flex-wrap:wrap}.end-bonus-button,.view-leaderboard-button{padding:10px 20px;border-radius:8px;border:none;cursor:pointer;font-weight:700;transition:all .3s ease;font-size:.9rem}.end-bonus-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.end-bonus-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.view-leaderboard-button{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.view-leaderboard-button:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}@media (max-width: 768px){.bonus-rounds-list{grid-template-columns:1fr}.bonus-round-header{flex-direction:column;align-items:flex-start;gap:10px}.bonus-round-actions{flex-direction:column}.end-bonus-button,.view-leaderboard-button{width:100%;text-align:center}}.timings-section{padding:20px}.timing-description{color:#94a3b8;margin-bottom:30px;font-size:1.1rem}.timing-controls{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.timing-card{background:#111827cc;border:1px solid rgba(31,41,55,.5);border-radius:12px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.timing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.timing-header h3{color:#22c55e;margin:0;font-size:1.3rem}.timing-status .status-badge{padding:4px 12px;border-radius:20px;font-size:.9rem;font-weight:700}.timing-status .status-badge.started{background:#22c55e;color:#fff}.timing-status .status-badge.pending{background:#f59e0b;color:#fff}.timing-details{margin-bottom:20px}.timing-details p{margin:8px 0;color:#e5e7eb}.timing-actions{display:flex;flex-direction:column;gap:15px}.quick-actions{display:flex;gap:10px;flex-wrap:wrap}.action-button{padding:8px 16px;border:none;border-radius:8px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:"Jersey 15",sans-serif}.action-button:disabled{opacity:.5;cursor:not-allowed}.start-now{background:#22c55e;color:#fff}.start-now:hover:not(:disabled){background:#16a34a;transform:translateY(-1px)}.start-5min{background:#3b82f6;color:#fff}.start-5min:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.start-30min{background:#8b5cf6;color:#fff}.start-30min:hover:not(:disabled){background:#7c3aed;transform:translateY(-1px)}.custom-timing{display:flex;gap:10px;align-items:center}.timing-input{padding:8px 12px;border:1px solid rgba(31,41,55,.5);border-radius:8px;background:#11182780;color:#e5e7eb;font-family:"Jersey 15",sans-serif;flex:1}.timing-input:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 2px #22c55e33}.custom-time{background:#f59e0b;color:#fff;white-space:nowrap}.custom-time:hover{background:#d97706;transform:translateY(-1px)}@media (max-width: 768px){.timing-controls{grid-template-columns:1fr}.quick-actions{flex-direction:column}.custom-timing{flex-direction:column;align-items:stretch}}.bonus-countdown-container{min-height:100vh;background:linear-gradient(#0b1220cc,#0f172ae6),url(/jungle-bg.jpg);background-size:cover;background-position:center;background-attachment:fixed;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;font-family:"Jersey 15",sans-serif;overflow-y:auto}.bonus-countdown-content{background:#111827f2;border-radius:16px;border:1px solid rgba(31,41,55,.5);padding:50px 40px;text-align:center;max-width:600px;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d;margin:20px 0}.bonus-countdown-title{font-size:2.5rem;color:#22c55e;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.bonus-countdown-subtitle{font-size:1.2rem;color:#e5e7eb;margin-bottom:30px}.bonus-countdown-timer{display:flex;justify-content:center;gap:20px;margin-bottom:40px;flex-wrap:wrap}.time-unit{background:#22c55e1a;border:2px solid #22C55E;border-radius:12px;padding:20px;min-width:80px;text-align:center}.time-value{font-size:2.5rem;color:#22c55e;font-weight:700;line-height:1;margin-bottom:8px}.time-label{font-size:.9rem;color:#94a3b8;text-transform:uppercase;letter-spacing:1px}.start-bonus-button{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:12px;padding:15px 30px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px;margin-top:20px;box-shadow:0 4px 15px #22c55e4d}.start-bonus-button:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.start-bonus-button:active{transform:translateY(0)}@media (max-width: 768px){.bonus-countdown-container{padding:20px 10px 10px;align-items:flex-start}.bonus-countdown-content{padding:25px 20px;margin:15px 0}.bonus-countdown-title{font-size:1.8rem}.bonus-countdown-timer{gap:10px;margin-bottom:30px}.time-unit{padding:12px;min-width:60px}.time-value{font-size:1.8rem}.bonus-countdown-info{padding:15px}.info-list li{font-size:.9rem;margin-bottom:6px}}.bonus-question-container{min-height:100vh;background:linear-gradient(#0b1220cc,#0f172ae6),url(/jungle-bg.jpg);background-size:cover;background-position:center;background-attachment:fixed;display:flex;align-items:center;justify-content:center;padding:20px;font-family:"Jersey 15",sans-serif;overflow-y:auto}.bonus-question-content{background:#111827f2;border-radius:16px;border:1px solid rgba(31,41,55,.5);padding:40px;text-align:center;max-width:800px;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d}.bonus-question-title{font-size:2.5rem;color:#22c55e;margin-bottom:30px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.hint-section{background:#1f29374d;border-radius:12px;padding:25px;margin-bottom:30px;border:1px solid rgba(34,197,94,.3)}.hint-section h2{font-size:1.5rem;color:#22c55e;margin-bottom:15px;display:flex;align-items:center;gap:10px}.puzzle-text{font-size:1.2rem;color:#e5e7eb;line-height:1.6;background:#06b6d41a;border:1px solid rgba(6,182,212,.3);border-radius:8px;padding:15px}.submit-section{background:#1f29374d;border-radius:12px;padding:25px;margin-bottom:30px;border:1px solid rgba(34,197,94,.3)}.submit-section h2{font-size:1.5rem;color:#22c55e;margin-bottom:10px;display:flex;align-items:center;gap:10px}.submit-section p{color:#94a3b8;margin-bottom:20px;font-size:1rem}.camera-icon{font-size:5rem!important;color:#22c55e!important;background:#22c55e1a;border:3px solid #22C55E;border-radius:50%;padding:20px;transition:all .3s ease;box-shadow:0 8px 25px #22c55e66}.camera-icon:hover{background:#22c55e33;transform:scale(1.1);box-shadow:0 12px 35px #22c55e99}.camera-icon.active{color:#ef4444!important;border-color:#ef4444;background:#ef44441a}.location-hint-section{background:#1f29374d;border-radius:12px;padding:25px;margin-bottom:30px;border:1px solid rgba(34,197,94,.3)}.location-hint-title{font-size:1.5rem;color:#22c55e;margin-bottom:15px}.location-hint-text{font-size:1.2rem;color:#e5e7eb;line-height:1.6}.scanner-section{margin-bottom:30px}.scanner-button{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:12px;padding:15px 30px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px;box-shadow:0 4px 15px #22c55e4d}.scanner-button:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.scanner-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.scanner-modal{background:#111827f2;border-radius:16px;border:1px solid rgba(31,41,55,.5);padding:20px;max-width:500px;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.close-scanner{background:#64748b;color:#fff;border:none;border-radius:8px;padding:10px 20px;margin-top:15px;cursor:pointer;transition:background .3s ease}.close-scanner:hover{background:#475569}.question-section{margin-bottom:30px}.question-title{font-size:1.8rem;color:#22c55e;margin-bottom:20px}.question-image{max-width:100%;max-height:400px;border-radius:12px;box-shadow:0 4px 15px #0000004d;border:2px solid rgba(34,197,94,.3)}.answer-form,.winner-form{background:#1f29374d;border-radius:12px;padding:25px;text-align:left}.form-group{margin-bottom:20px}.form-label{display:block;font-size:1.1rem;color:#e5e7eb;margin-bottom:8px;font-weight:700}.form-input{width:100%;padding:12px 16px;border:2px solid rgba(34,197,94,.3);border-radius:8px;background:#111827cc;color:#e5e7eb;font-size:1rem;transition:border-color .3s ease}.form-input:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.form-input::placeholder{color:#94a3b8}.submit-button{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:12px;padding:15px 30px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%;box-shadow:0 4px 15px #22c55e4d}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.success-message{background:#22c55e1a;border:2px solid #22C55E;border-radius:12px;padding:15px;color:#22c55e;font-size:1.1rem;margin-bottom:20px;font-weight:700}.error-message{color:#ef4444;font-size:.9rem;margin-top:5px;font-weight:700}@media (max-width: 768px){.bonus-question-content{padding:30px 20px}.bonus-question-title{font-size:2rem}.location-hint-text{font-size:1rem}.question-image{max-height:300px}}.bonus-leaderboard-container{min-height:100vh;background:linear-gradient(#0b1220cc,#0f172ae6),url(/jungle-bg.jpg);background-size:cover;background-position:center;background-attachment:fixed;display:flex;align-items:center;justify-content:center;padding:20px;font-family:"Jersey 15",sans-serif;overflow-y:auto}.bonus-leaderboard-content{background:#111827f2;border-radius:16px;border:1px solid rgba(31,41,55,.5);padding:40px;text-align:center;max-width:800px;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d}.bonus-leaderboard-title{font-size:2.5rem;color:#22c55e;margin-bottom:30px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.submissions-stats{display:flex;justify-content:center;margin-bottom:30px}.stat-item{display:flex;align-items:center;gap:10px;background:#22c55e1a;border:2px solid #22C55E;border-radius:12px;padding:15px 25px}.stat-icon{color:#22c55e;font-size:1.2rem}.stat-text{color:#e5e7eb;font-size:1.1rem;font-weight:700}.submissions-list{margin-bottom:30px}.submission-item{background:#1f29374d;border:2px solid rgba(34,197,94,.3);border-radius:12px;padding:20px;margin-bottom:15px;display:flex;align-items:center;gap:20px;transition:all .3s ease}.submission-item:hover{background:#22c55e0d;border-color:#22c55e;transform:translateY(-2px);box-shadow:0 4px 15px #22c55e33}.submission-rank{display:flex;align-items:center;justify-content:center;min-width:50px;height:50px;background:#111827cc;border-radius:50%;border:2px solid rgba(34,197,94,.3)}.rank-icon{font-size:1.5rem}.rank-icon.gold{color:gold}.rank-icon.silver{color:silver}.rank-icon.bronze{color:#cd7f32}.rank-number{color:#94a3b8;font-size:1.2rem;font-weight:700}.submission-info{flex:1;text-align:left}.submission-names{margin-bottom:10px}.leader-name,.team-name{display:flex;align-items:center;gap:8px;margin-bottom:5px;color:#e5e7eb;font-size:1.1rem}.leader-name{font-weight:700;color:#22c55e}.name-icon{color:#22c55e;font-size:.9rem}.submission-time{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:.9rem}.time-icon{color:#64748b;font-size:.8rem}.time-text{font-style:italic}.leaderboard-footer{background:#1f29374d;border-radius:12px;padding:20px;border:1px solid rgba(34,197,94,.3)}.footer-text{color:#e5e7eb;font-size:1.1rem;margin:0}.no-submissions{background:#1f29374d;border:2px dashed rgba(34,197,94,.3);border-radius:12px;padding:40px;color:#94a3b8;font-size:1.2rem;font-style:italic}@media (max-width: 768px){.bonus-leaderboard-content{padding:30px 20px}.bonus-leaderboard-title{font-size:2rem}.submission-item{flex-direction:column;text-align:center;gap:15px}.submission-info{text-align:center}.submission-names{margin-bottom:15px}}.bonus-round1-container{min-height:100dvh;background:linear-gradient(#0b1220cc,#0f172ae6),url(/jungle-bg.jpg);background-size:cover;background-position:center;background-attachment:fixed;display:flex;align-items:center;justify-content:center;padding:20px;font-family:"Jersey 15",sans-serif}.bonus-round2-container{min-height:100dvh;background:linear-gradient(#0b1220cc,#0f172ae6),url(/jungle-bg.jpg);background-size:cover;background-position:center;background-attachment:fixed;display:flex;align-items:center;justify-content:center;padding:20px;font-family:"Jersey 15",sans-serif}.loading-content,.error-content{background:#111827f2;border-radius:16px;border:1px solid rgba(31,41,55,.5);padding:40px;text-align:center;max-width:600px;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d}.loading-title,.error-title{font-size:2.5rem;color:#22c55e;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.error-text{font-size:1.2rem;color:#e5e7eb}@media (max-width: 768px){.loading-content,.error-content{padding:30px 20px}.loading-title,.error-title{font-size:2rem}}.countdown-container{min-height:100vh;background:linear-gradient(135deg,#0b1220,#0f172a,#111827);background-image:url(../assets/jungle-bg.jpg);background-size:cover;background-position:center;background-attachment:fixed;display:flex;align-items:center;justify-content:center;padding:20px;position:relative}.countdown-container:before{content:"";position:absolute;inset:0;background:#0b1220b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.countdown-content{background:#111827e6;border-radius:20px;border:2px solid rgba(34,197,94,.3);padding:40px;text-align:center;max-width:600px;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 40px #00000080;position:relative;z-index:1}.countdown-title{font-size:2.5rem;color:#22c55e;margin-bottom:20px;text-shadow:0 0 20px rgba(34,197,94,.5);animation:titleGlow 2s ease-in-out infinite alternate}@keyframes titleGlow{0%{text-shadow:0 0 20px rgba(34,197,94,.5)}to{text-shadow:0 0 30px rgba(34,197,94,.8)}}.countdown-subtitle{font-size:1.2rem;color:#e5e7eb;margin-bottom:40px}.countdown-timer{display:flex;justify-content:center;align-items:center;gap:20px;margin:40px 0;flex-wrap:wrap}.time-unit{background:#0f172acc;border:2px solid rgba(34,197,94,.4);border-radius:15px;padding:20px 15px;min-width:100px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease}.time-unit:hover{border-color:#22c55ecc;transform:translateY(-5px);box-shadow:0 10px 25px #22c55e4d}.time-value{font-size:2.5rem;color:#22c55e;font-weight:700;text-shadow:0 0 15px rgba(34,197,94,.6);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.time-label{font-size:.9rem;color:#94a3b8;margin-top:5px;text-transform:uppercase;letter-spacing:1px}.time-separator{font-size:2rem;color:#22c55e;font-weight:700;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.countdown-info{background:#0f172a99;border-radius:15px;padding:30px;margin:40px 0;border:1px solid rgba(34,197,94,.2)}.info-title{font-size:1.5rem;color:#22c55e;margin-bottom:20px;text-shadow:0 0 10px rgba(34,197,94,.5)}.info-list{list-style:none;padding:0;margin:0;text-align:left}.info-list li{color:#e5e7eb;margin:15px 0;padding:10px;background:#1f29374d;border-radius:8px;border-left:3px solid #22C55E;transition:all .3s ease}.info-list li:hover{background:#1f293780;transform:translate(5px)}.countdown-footer{margin-top:30px}.footer-text{color:#94a3b8;font-size:1rem}.start-hunt-button{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:15px 40px;font-size:1.2rem;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #22c55e4d;margin-top:20px}.start-hunt-button:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-2px);box-shadow:0 8px 25px #22c55e66}.start-hunt-button:active{transform:translateY(0)}@media (max-width: 768px){.countdown-content{padding:30px 20px;margin:10px}.countdown-title{font-size:2rem}.countdown-timer{gap:10px}.time-unit{min-width:80px;padding:15px 10px}.time-value{font-size:2rem}.time-separator{font-size:1.5rem}.info-list li{font-size:.9rem;padding:8px}}.App{min-height:100vh;position:relative}