body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.homepage{align-items:center;background-color:#1a1a1a;background-image:linear-gradient(#000000b3,#000000b3);background-position:50%;background-size:cover;display:flex;justify-content:center;min-height:100vh}.content{padding:2rem;text-align:center}.buttons-container{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}.title{color:#fff;font-size:5rem;font-weight:700;letter-spacing:4px;margin-bottom:1rem;text-shadow:0 0 10px #ff465580}.subtitle{color:#ccc;font-size:1.5rem;margin-bottom:3rem}.start-button{background-color:#ff4655;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:700;letter-spacing:2px;padding:1rem 3rem;text-transform:uppercase;transition:all .3s ease;width:25vh}.start-button:hover{background-color:#e63e4c;box-shadow:0 0 20px #ff465566;transform:scale(1.05)}.start-button:focus{box-shadow:0 0 0 3px #ff465580;outline:none}@media (max-width:768px){.title{font-size:3rem}.start-button,.subtitle{font-size:1.2rem}.start-button{padding:.8rem 2rem}}.credits{color:#8a8a8a;font-size:.8rem;line-height:1.4;margin-left:auto;margin-right:auto;margin-top:30px;max-width:80%;opacity:.7}.rules-button{background-color:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:700;letter-spacing:2px;padding:1rem 3rem;text-transform:uppercase;transition:all .3s ease;width:25vh}.rules-button:hover{background-color:#555;box-shadow:0 0 20px #685b5c66;transform:scale(1.05)}.rules-button:focus{box-shadow:0 0 3px #685b5c66;outline:none}.rules-popup{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.rules-content{background-color:#222;border-radius:8px;color:#fff;max-width:500px;padding:20px;width:80%}.rules-content h2,.rules-content p{color:#f8f8f8;margin-top:0}.rules-content p{text-align:left}.rules-content ul{margin-bottom:20px;text-align:left}.rules-content li{margin-bottom:10px}.close-button{background-color:#444;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.close-button:hover{background-color:#666}.game-page{align-items:center;background-color:#1a1a1a;color:#fff;display:flex;justify-content:center;min-height:100vh}.game-container{background-color:#2a2a2a;border-radius:10px;box-shadow:0 4px 8px #0000004d;display:flex;height:80vh;max-width:80%;overflow:hidden;width:100%}.options-panel{border-right:2px solid #444;box-sizing:border-box;display:flex;flex:1.2 1;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:20px}.floor-selection,.map-selection{display:flex;flex-direction:column;height:100%}.floor-list,.map-list{display:flex;flex-direction:column;flex-grow:1;gap:15px;max-height:calc(100% - 50px);min-height:0;overflow-y:auto;padding-right:10px}.map-option{-webkit-user-drag:none;border-radius:8px;box-shadow:0 4px 8px #0000004d;cursor:pointer;flex-shrink:0;min-height:120px;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s;-webkit-user-select:none;user-select:none}.map-option:hover{box-shadow:0 6px 12px #0006;transform:translateY(-3px)}.map-name-overlay{background:linear-gradient(0deg,#000c,#0000);bottom:0;color:#fff;font-size:18px;font-weight:700;left:0;padding:15px;position:absolute;right:0;text-shadow:1px 1px 3px #000c}.floor-option{background-color:#3a3a3a;border-radius:8px;box-shadow:0 4px 8px #0000004d;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;height:auto;overflow:hidden;transition:transform .2s,box-shadow .2s}.floor-option:hover{box-shadow:0 6px 12px #0006;transform:translateY(-3px)}.floor-image-container{height:250px;overflow:hidden;width:100%}.floor-preview-image{-webkit-user-drag:none;background-color:#222;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;width:100%}.floor-name{background-color:#2a2a2a;font-size:16px;font-weight:700;padding:12px;text-align:center}.image-display{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:20px}.image-display::-webkit-scrollbar,.score-display::-webkit-scrollbar{width:8px}.image-display::-webkit-scrollbar-track,.score-display::-webkit-scrollbar-track{background:#2a2a2a}.image-display::-webkit-scrollbar-thumb,.score-display::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px}.image-display::-webkit-scrollbar-thumb:hover,.score-display::-webkit-scrollbar-thumb:hover{background-color:#777}.mystery-image{-webkit-user-drag:none;border-radius:8px;box-shadow:0 4px 8px #00000080;max-height:70%;max-width:100%;-webkit-user-select:none;user-select:none}.question-text{font-size:24px;margin-top:20px;text-align:center}.floor-map-container{display:flex;flex-direction:column;height:100%;position:relative}.zoom-controls{gap:5px;margin-bottom:10px}.zoom-button,.zoom-controls{align-items:center;display:flex}.zoom-button{background-color:#444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;height:30px;justify-content:center;min-width:30px;padding:0 8px;transition:background-color .2s;white-space:nowrap}.zoom-button:hover{background-color:#555}.zoom-level{color:#aaa;font-size:14px;margin-left:10px}.floor-map{background-color:#222;border-radius:8px;flex-grow:1;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.floor-map.grabbable{cursor:crosshair}.floor-map.grabbing{cursor:grabbing}.floor-map.crosshair{cursor:crosshair}.floor-map-content{align-items:center;display:flex;height:100%;justify-content:center;position:relative;transition:transform .1s ease-out;width:100%}.floor-image{-webkit-user-drag:none;height:auto;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;width:100%}.geoguessr-marker{background-color:#d32f2f;border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #00000080,0 4px 8px #0000004d;height:4px;pointer-events:none;transform:translate(-50%,-50%);transition:left .1s ease-out,top .1s ease-out;width:4px;z-index:10}.geoguessr-marker.initial-drop{animation:marker-drop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes marker-drop{0%{opacity:0;transform:translate(-50%,-150%)}to{opacity:1;transform:translate(-50%,-50%)}}.button-group{display:flex;gap:10px;justify-content:space-between;margin-top:15px}.back-button,.submit-button{border:none;border-radius:5px;cursor:pointer;font-size:16px;padding:10px 15px;transition:background-color .2s}.back-button{background-color:#555;color:#fff}.submit-button{background-color:#4caf50;color:#fff}.submit-button:disabled{background-color:#7c7c7c;cursor:not-allowed;opacity:.7}.back-button:hover{background-color:#666}.submit-button:hover:not(:disabled){background-color:#5dbd61}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;-webkit-user-select:none;user-select:none}.floor-list::-webkit-scrollbar,.map-list::-webkit-scrollbar{width:8px}.floor-list::-webkit-scrollbar-track,.map-list::-webkit-scrollbar-track{background:#2a2a2a}.floor-list::-webkit-scrollbar-thumb,.map-list::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px}.floor-list::-webkit-scrollbar-thumb:hover,.map-list::-webkit-scrollbar-thumb:hover{background-color:#777}.loading-image{background-color:#222;border-radius:8px;color:#fff;font-size:18px;height:70%;width:100%}.loading-image,.loading-overlay{align-items:center;display:flex;justify-content:center}.loading-overlay{background-color:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.loading-spinner{color:#fff}.loading-spinner,.score-display{background-color:#2a2a2a;border-radius:8px;padding:20px}.score-display{box-shadow:0 4px 8px #0000004d;box-sizing:border-box;max-height:100%;overflow-x:hidden;overflow-y:auto;text-align:center;width:100%}.score-value{color:#4caf50;font-size:48px;font-weight:700;margin:20px 0}.correct-location,.score-breakdown{word-wrap:break-word;background-color:#1a1a1a;border-radius:5px;box-sizing:border-box;margin:20px 0;overflow-wrap:break-word;padding:10px;text-align:left;width:auto}.next-round-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;margin-top:20px;padding:12px 24px;transition:background-color .2s}.next-round-button:hover{background-color:#5dbd61}.result-map-container{margin:20px 0}.result-map-container h3{font-size:1.2rem;margin-bottom:10px}.result-map{align-items:center;background-color:#1a1a1a;border-radius:8px;box-sizing:border-box;display:flex;height:300px;justify-content:center;margin-bottom:10px;overflow:hidden;position:relative;width:100%}.result-floor-image-container{display:inline-block;position:relative}.result-floor-image{max-height:300px;max-width:100%;object-fit:contain}.correct-marker,.player-marker{border-radius:50%;height:16px;position:absolute;transform:translate(-50%,-50%);width:16px;z-index:10}.player-marker{background-color:#d32f2f}.correct-marker,.player-marker{border:2px solid #fff;box-shadow:0 0 0 2px #00000080}.correct-marker{background-color:#4caf50}.marker-connection{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:5}.marker-legend{display:flex;gap:20px;justify-content:center;margin-top:10px}.legend-item{align-items:center;display:flex}.legend-marker{border-radius:50%;display:inline-block;flex-shrink:0;height:12px;margin:0;position:relative;top:8px;vertical-align:middle;width:12px}.legend-marker.player-marker{background-color:#d32f2f;border:1px solid #fff}.legend-marker.correct-marker{background-color:#4caf50;border:1px solid #fff}.legend-label{display:inline-block;vertical-align:middle}.round-indicator{align-self:center;background-color:#1a1a1a;border-radius:4px;color:#aaa;font-size:1.2rem;margin-bottom:15px;padding:8px;text-align:center;width:fit-content}.global-round-indicator{background-color:#000000b3;border-radius:4px;box-shadow:0 2px 5px #0000004d;color:#fff;font-size:1.2rem;left:20px;padding:8px 15px;position:fixed;top:20px;z-index:1000}.game-over{background-color:#2a2a2a;border-radius:8px;box-shadow:0 4px 8px #0000004d;padding:20px;text-align:center}.game-over h2{color:#4caf50;font-size:2.5rem;margin-bottom:20px}.final-score{margin:30px 0}.final-score h3{font-size:1.5rem;margin-bottom:10px}.round-scores{background-color:#1a1a1a;border-radius:8px;margin:30px 0;padding:15px;text-align:left}.round-scores h3{font-size:1.3rem;margin-bottom:15px;text-align:center}.round-scores ul{list-style:none;padding:0}.round-scores li{border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:8px 15px}.round-scores li:last-child{border-bottom:none}.restart-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:20px;margin-top:30px;padding:15px 30px;transition:background-color .2s}.mystery-images-gallery{height:100%;overflow-y:auto;padding:15px;width:100%}.mystery-images-gallery h2{margin-bottom:20px;text-align:center}.mystery-images-gallery::-webkit-scrollbar{width:8px}.mystery-images-gallery::-webkit-scrollbar-track{background:#2a2a2a}.mystery-images-gallery::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px}.mystery-images-gallery::-webkit-scrollbar-thumb:hover{background-color:#777}.mystery-images-grid{display:flex;flex-direction:column;gap:20px}.mystery-image-item{background-color:#1a1a1a;border-radius:8px;box-shadow:0 2px 4px #0000004d;overflow:hidden}.gallery-image{height:auto;max-height:200px;object-fit:cover;width:100%}.image-caption{background-color:#222;font-size:14px;padding:10px;text-align:center}.admin-page{background-color:#1a1a1a;color:#fff;margin:0 auto;min-height:100vh;min-width:100vh}.admin-container{display:flex;gap:30px}.admin-upload-form{flex:1.5 1}.admin-upload-form,.admin-uploaded-images{background-color:#2a2a2a;border-radius:8px;box-shadow:0 4px 8px #0000004d;padding:20px}.admin-uploaded-images{flex:1 1}.admin-form-group{margin-bottom:20px}.admin-form-group label{display:block;font-weight:700;margin-bottom:8px}.admin-floor-selection,.admin-map-selection{display:flex;flex-direction:column;gap:10px}.admin-selection-container{display:flex;flex-wrap:wrap;gap:10px}.admin-floor-option,.admin-map-option{background-color:#3a3a3a;border-radius:5px;cursor:pointer;padding:10px 15px;transition:background-color .2s}.admin-floor-option:hover,.admin-map-option:hover{background-color:#4a4a4a}.admin-floor-option.selected,.admin-map-option.selected{background-color:#4caf50}.admin-preview-container{border-radius:5px;margin-top:10px;max-width:100%;overflow:hidden;position:relative}.admin-preview-image{cursor:crosshair;display:block;width:100%}.admin-marker{background-color:#d32f2f;border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #00000080,0 4px 8px #0000004d;height:4px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:4px;z-index:10}.admin-coordinates{display:flex;gap:20px;margin-top:10px}.admin-coordinates input{background-color:#3a3a3a;border:1px solid #555;border-radius:3px;color:#fff;margin:0 5px;padding:5px;width:70px}.admin-upload-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .2s}.admin-upload-button:hover:not(:disabled){background-color:#5dbd61}.admin-upload-button:disabled{background-color:#7c7c7c;cursor:not-allowed}.admin-message{border-radius:5px;margin-top:20px}.admin-message.success{background-color:#4caf50;color:#fff}.admin-message.error{background-color:#f44336;color:#fff}.admin-image-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:15px}.admin-uploaded-image{background-color:#3a3a3a;border-radius:5px;overflow:hidden}.admin-uploaded-image img{height:150px;object-fit:cover;width:100%}.admin-image-info{padding:10px}.admin-image-info p{font-size:14px;margin:5px 0}.admin-login-container{background-color:#2a2a2a;border-radius:8px;box-shadow:0 4px 8px #0000004d;margin:100px auto;max-width:400px;padding:30px}.admin-input{background-color:#3a3a3a;border:1px solid #555;margin-bottom:15px;width:100%}.admin-error-message,.admin-input{border-radius:5px;color:#fff;padding:10px}.admin-error-message{background-color:#f44336;margin-bottom:20px}.admin-header{justify-content:space-between;margin-bottom:20px}.admin-header,.admin-user-info{align-items:center;display:flex}.admin-user-info{gap:15px}.admin-logout-button{background-color:#555;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 15px;transition:background-color .2s}.admin-logout-button:hover{background-color:#777}.admin-unauthorized{background-color:#2a2a2a;border-radius:8px;box-shadow:0 4px 8px #0000004d;margin:100px auto;max-width:500px;padding:30px;text-align:center}.admin-unauthorized h1{color:#f44336;margin-top:0}.admin-unauthorized button{margin-top:20px}.admin-preview-section{display:flex;flex-wrap:wrap;gap:20px}.admin-preview-column{flex:1 1;min-width:300px}.admin-floor-map-preview{background-color:#222;border-radius:5px;margin-top:10px;max-width:100%;overflow:hidden;position:relative}.admin-floor-map-image{cursor:crosshair;display:block;width:100%}.admin-preview-title{font-weight:700;margin-bottom:10px}.admin-stats-section{background-color:#2a2a2a;border-radius:8px;box-shadow:0 2px 4px #0003;margin-bottom:20px;padding:20px}.admin-stats-controls{display:flex;flex-direction:column;gap:10px}.admin-reset-button{background-color:#d32f2f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px;transition:background-color .2s}.admin-reset-button:hover{background-color:#b71c1c}.admin-reset-button:disabled{background-color:#7c7c7c;cursor:not-allowed}.admin-message{border-radius:4px;font-size:14px;margin-top:10px;padding:10px}.admin-message.success{background-color:#4caf5033;color:#4caf50}.admin-message.error{background-color:#d32f2f33;color:#d32f2f}.admin-message.info{background-color:#2196f333;color:#2196f3}
/*# sourceMappingURL=main.444dea93.css.map*/