:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--background-gradient: linear-gradient(135deg, #2c3e50, #4ca1af);--container-background: #1D9821}@font-face{font-family:Sigmar;src:url(/assets/Sigmar-Regular-BYWK6Q0P.ttf) format("truetype");font-weight:400;font-style:normal}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#2c3e50;border-radius:10px}::-webkit-scrollbar-thumb{background:var(--container-background);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#009879}::-webkit-scrollbar-corner{background:var()}html,body{height:100%;margin:0;padding:0;overflow-x:hidden}#root{display:flex;flex-direction:column;width:100vw;height:100vh;padding:0;margin:0}.video-background{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden;background:var(--background-gradient)}.video-background video{width:100%;height:100%;object-fit:contain;pointer-events:none}.logo{height:2em}.home-logo{height:8em}.fullscreen{width:100%;height:100%;margin:0;padding:0;overflow:hidden}.home-title{font-size:3em;color:#fff;margin-bottom:20px}.home-nav-list{display:flex;justify-content:center;flex-direction:column;list-style:none;padding:0}.home-nav-item{display:inline}.home-nav-link{text-decoration:none;font-size:1.5em;width:100%;margin:10px 0}.title{display:flex;justify-content:space-between;align-items:center;font-size:3em;color:#fff;margin-left:10px;margin-bottom:20px;text-align:left;width:100%}.title-button{padding:10px;background:var(--container-background);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .3s ease;font-size:16px}.login-form{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:300px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 0 10px #0000001a;text-align:left}.content-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;background:url(/images/Findit-earth.gif) no-repeat center center;background-size:contain}.content{display:flex;flex-direction:column;align-items:center;height:100%;width:60%}.content-button{display:flex;flex-direction:column;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .3s ease;height:8em;width:100%;overflow:auto}.button-title{font-size:1em;color:#fff;width:100%;height:30%}.button-content{font-size:.8em;margin:0;color:#fff;text-align:left}.setting-list-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #ccc;color:#333}.setting-map-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;color:#000;background-color:var(--container-background);margin:20px 10px;padding:10px}.setting-map-title{margin:0;font-size:1.5em;width:20%}.setting-map-description{font-size:1em;margin:0 0 10px;width:100%;max-height:20%;padding:10px;background:var(--container-background);text-align:left;border-radius:8px;box-sizing:border-box}.setting-map-buttons{font-size:1em;margin:0 0 10px;width:100%;padding:0;max-height:20%;text-align:left;border-radius:8px;box-sizing:border-box}.setting-map-button{padding:10px;background:var(--container-background);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .3s ease;margin-right:10px}.active{background:#0056b3}.login-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;text-align:center;background:url(/images/Findit-earth.gif) no-repeat center center;background-size:contain}.register-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;text-align:center;background:url(/images/Findit-earth.gif) no-repeat center center;background-size:contain}.register-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:300px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 0 10px #0000001a;text-align:left}.form-group{display:flex;flex-direction:column;margin-bottom:15px;width:100%;box-sizing:border-box}.form-group label{display:block;margin-bottom:5px;color:#333}.form-group input{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}button{padding:10px;background:var(--container-background);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .3s ease}button:hover{background:#0056b3}.error-message{color:red;margin-top:10px}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#333;padding:10px 20px;color:#fff}.navbar-list{list-style:none;display:flex;align-items:center;margin:0;padding:0;flex-grow:1}.navbar-item{margin:0 15px}.navbar-burger{display:none}.navbar-link{text-decoration:none;color:#fff;font-size:1.2em;transition:color .3s ease;font-family:Sigmar,Arial,sans-serif}.navbar-link:hover{color:#ddd}.login-button-container{display:flex;flex-direction:row;justify-content:center;align-items:center}.logout-button,.login-toggle-button{background-color:var(--container-background);color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;transition:background .3s ease}.logout-button:hover,.login-toggle-button:hover{background-color:#0056b3}.login-form-button{background-color:var(--container-background);width:100%;margin:10px 0;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;transition:background .3s ease}.content-header{width:100%;padding:10px;box-sizing:border-box}.back-button,.start-game-button{padding:10px;background:var(--container-background);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .3s ease;margin:10px 0}.back-button:hover,.start-game-button:hover{background:#0056b3}.results-table-container{width:100%;height:30%;margin-bottom:20px}.results-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:1em;min-width:400px;box-shadow:0 0 20px #00000026}.results-table thead tr{background-color:var(--container-background);color:#fff;text-align:left}.results-table th,.results-table td{padding:12px 15px;text-align:center}.results-table th{cursor:pointer;transition:background-color .3s ease}.results-table th:hover{background-color:#007bff;color:#fff}.results-table tbody tr{border-bottom:1px solid var(--container-background)}.results-table tbody tr:nth-of-type(2n){background:linear-gradient(135deg,#666,#333)}.results-table tbody tr:last-of-type{border-bottom:2px solid var(--container-background)}.results-table tbody tr.active-row{font-weight:700;color:var(--container-background)}.results-container{display:flex;justify-content:center;align-items:center;height:100vh;flex-direction:column;padding:20px;box-shadow:0 0 20px #0000001a;overflow:auto}.results-map{width:100%;height:70%}.results-buttons{margin-top:20px;display:flex;justify-content:center;gap:10px}.filter-container{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-bottom:20px}.filter-input,.filter-select{padding:10px;margin:5px 0;border:1px solid #ccc;border-radius:4px;width:80%;max-width:300px}.filter-input:focus,.filter-select:focus{outline:none;border-color:#007bff}.username-container{position:relative;display:flex;align-items:center;cursor:pointer}.dropdown-menu{display:flex;flex-direction:column;position:absolute;top:100%;left:0;background-color:#333;border:1px solid #ccc;border-radius:4px;box-shadow:0 0 10px #0000001a;z-index:1000}.dropdown-item{text-align:center;cursor:pointer;transition:background .3s ease;color:#fff;text-decoration:none;padding:10px 20px}.dropdown-item:hover{color:#fff;background-color:#444}.map-nav-list{display:flex;justify-content:left;flex-direction:row;list-style:none;padding:0;flex-wrap:wrap;width:100%}.map-nav-item{display:inline-block;width:25%;box-sizing:border-box;padding:10px}.map-nav-link{text-decoration:none;font-size:1.5em;width:100%}.profile-container{display:flex;flex-direction:column;align-items:center;padding:20px;color:#fff;height:100vh}.profile-details{display:flex;flex-direction:column;align-items:center;background:#fff;color:#000;padding:20px;border-radius:8px;box-shadow:0 0 10px #0000001a;width:300px}.profile-image{width:100px;height:100px;border-radius:50%;margin-bottom:10px;object-fit:cover}.profile-image-small{width:40px;height:40px;border-radius:50%;object-fit:cover;margin:0 10px}.pin-container{position:relative;width:200px;height:200px}.pin-pin{position:absolute;top:0;left:0;width:100%;height:100%}.pin-image{position:absolute;top:20%;left:20%;width:60%;height:60%;border-radius:50%}.change-image-button{padding:10px;background:var(--container-background);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .3s ease;margin-bottom:20px}.change-image-button:hover{background:#0056b3}.statistics{text-align:left;width:100%}.statistics h2{margin-bottom:10px}.statistics p{margin:5px 0}.draggable{cursor:move;position:absolute;-webkit-user-select:none;user-select:none}.hover{cursor:pointer}.map-icon-container{position:relative;width:35px;height:35px;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-140%)}.map-profile-image{position:absolute;width:120%;height:120%;border-radius:50%;object-fit:cover}.map-profile-pin{position:absolute;width:200%;height:200%;object-fit:cover}.select-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:#fff;height:100vh}.select-details{display:flex;flex-direction:column;justify-content:space-between;background:#fff;color:#000;border-radius:8px;box-shadow:0 0 10px #0000001a;width:500px}.select-item-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;color:#fff;width:100%;background:var(--container-background);border-radius:8px;box-sizing:border-box}.select-item{display:flex;justify-content:space-between;align-items:center;padding:10px;color:#fff;width:100%}.select-button-container{display:flex;justify-content:space-around;margin-top:20px}.select-button{padding:10px;background:var(--container-background);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .3s ease;margin-bottom:20px}.acocount-settings-container{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;padding:20px}.acocount-settings-container form{margin:10px;height:100%}.friends-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:#fff}.friends-title{font-size:2.5em;margin-bottom:20px}.friends-list{list-style:none;padding:0;width:80%;max-width:400px}.friend-item{background:#fff;color:#000;padding:10px;margin:10px 0;border-radius:8px;text-align:center;box-shadow:0 0 10px #0000001a}.pagination-container{display:flex;justify-content:center;align-items:center;margin:20px 0}.pagination-button{padding:10px 20px;margin:0 5px;background:var(--container-background);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .3s ease}.pagination-button:hover{background:#0056b3}.pagination-button:disabled{background:#ccc;cursor:not-allowed}.pagination-info{margin:0 10px;color:#fff;font-size:1em}.search-input{padding:8px;border:1px solid #ccc;border-radius:4px;margin-right:10px;width:200px;transition:border-color .3s ease}.search-input:focus{outline:none;border-color:#007bff}.search-dropdown{position:absolute;background-color:#333;border:1px solid #ccc;border-radius:4px;box-shadow:0 0 10px #0000001a;width:200px;max-height:300px;overflow-y:auto;z-index:1000}.search-results{padding:10px}.search-results h4{margin:0 0 10px;font-size:1em;color:#fff}.search-results p{margin:0;font-size:.8em;color:#ccc}.search-result-item{display:block;padding:5px 0;color:#fff;text-decoration:none;transition:background .3s ease;cursor:pointer}.search-result-item:hover{background:#444}.burger-menu{display:none;flex-direction:column;cursor:pointer;position:fixed;top:10px;left:10px;z-index:1100}.burger-bar{width:25px;height:3px;background-color:#fff;margin:4px 0}.navbar-right{display:flex;align-items:center}.results-table-wrapper{overflow-x:auto;width:100%}.map-container{width:100%;height:100%}.fixed-overlay-content{height:70vh;overflow-y:scroll}.fixed-overlay-left{position:absolute;top:10px;left:10px;background:var(--container-background);padding:5px;border-radius:5px;z-index:1000;max-width:40vw}.fixed-overlay-timer{position:absolute;top:100px;right:10px;background:var(--container-background);padding:5px;border-radius:50%;z-index:1000;min-width:1.5em;text-align:center}.fixed-overlay-right{position:absolute;top:10px;right:10px;background:var(--container-background);padding:5px;border-radius:5px;z-index:1000;max-width:40vw}.fixed-overlay-hint{position:absolute;bottom:30px;left:10px;background:var(--container-background);padding:5px;border-radius:5px;z-index:1000;max-width:30vw}.fixed-overlay-bottom{position:absolute;bottom:30px;left:50%;transform:translate(-50%);background:var(--container-background);padding:10px;border-radius:5px;z-index:1000}.marker-text{color:#000;margin:0}.marker-container{background:#fff;padding:5px;border-radius:5px;display:inline-block;position:relative;left:-50%}.create-overlay-left,.create-overlay-right{top:70px}.calendar-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;width:70vw;color:#fff}.rbc-calendar{background:var(--container-background);color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;width:100%;height:100%}.rbc-toolbar{background:var(--container-background);color:#fff;border-bottom:1px solid #ccc}.rbc-toolbar button{background:var(--container-background);color:#fff!important;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;transition:background .3s ease}.rbc-toolbar button:hover{background:#0056b3}.rbc-event{background:#009879;border-radius:4px;padding:5px;color:#fff}.rbc-day-bg{background:var(--container-background)}.rbc-today{background:#4ca1af}.rbc-now .rbc-button-link{color:#999}.rbc-off-range-bg{background:#333!important;color:#333}.rbc-month-view,.rbc-time-view{border:none}.ReactModal__Overlay{background-color:#000000bf!important;display:flex;align-items:center;justify-content:center}.ReactModal__Content{position:relative;background:#333!important;padding:20px;border-radius:8px;max-width:400px;max-height:400px;box-shadow:0 0 10px #00000040;margin:auto}.sort-container{font-size:1em;display:flex;flex-direction:row;justify-content:center;align-items:center}.srot-selecct{padding:10px;margin-right:10px;border:1px solid #ccc;border-radius:4px;width:200px}.gallery{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;color:#000;cursor:pointer}.gallery-item{color:#fff;width:200px;border:1px solid black;border-radius:8px;overflow:hidden;text-align:center;background-color:#1c4609;box-shadow:0 4px 6px #0000004d}.gallery-item-info{padding:8px}.pagination-container{display:flex;justify-content:center;align-items:center;margin-top:16px}.pagination-input{width:2em;padding:8px;border:1px solid #ccc;border-radius:4px;text-align:center}.pagination-button{padding:8px 16px;margin:0 8px;border:none;border-radius:4px;background-color:#007bff;color:#fff;cursor:pointer;transition:background-color .3s}.pagination-button:disabled{background-color:#ccc;cursor:not-allowed}.pagination-button:hover:not(:disabled){background-color:#0056b3}.pagination-info{font-size:16px;font-weight:700}.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;overflow:scroll}.modal-content{background-color:#fff;color:#000;padding:20px;border-radius:8px;width:90%;max-width:400px;text-align:center;box-shadow:0 4px 6px #0000001a}.modal-content-wide{background-color:#fff;color:#000;padding:20px;border-radius:8px;width:90%;max-width:800px;text-align:center;box-shadow:0 4px 6px #0000001a}.modal-actions{margin-top:20px;display:flex;justify-content:space-between}.confirm-button{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:16px}.confirm-button:hover{background-color:#45a049}.cancel-button{background-color:#f44336;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:16px}.cancel-button:hover{background-color:#e53935}.checkout-form-container{display:flex;flex-direction:column;align-items:center;padding:20px;border:1px solid #ccc;border-radius:8px;background-color:#f9f9f9;max-width:400px;margin:auto}.checkout-form-title{font-size:1.5em;margin-bottom:20px;color:#333}.checkout-form{width:100%}.card-element-container{margin-bottom:20px;border:1px solid #ccc;padding:10px;border-radius:4px;background-color:#fff}.success-message{color:green;margin-bottom:10px}.pay-button,.close-button{padding:10px 20px;margin-top:10px;border:none;border-radius:4px;cursor:pointer}.pay-button{background-color:#007bff;color:#fff}.pay-button:disabled{background-color:#ccc;cursor:not-allowed}.close-button{background-color:#6c757d;color:#fff}@media (max-width: 768px){.home-title{font-size:2em}.home-nav-link{font-size:1.2em}.title{font-size:2em;margin-left:5px}.title-button{font-size:14px;padding:8px}.login-form,.register-form{width:90%;padding:15px}.content{width:90%}.content-button{height:6em}.button-title{font-size:.8em}.button-content{font-size:.7em}.setting-map-title{font-size:1.2em;width:100%}.setting-map-description,.results-table{font-size:.9em}.results-table th,.results-table td{padding:8px 10px}.profile-details,.select-details,.friends-list{width:90%}.friend-item{padding:8px}.pagination-button{padding:8px 15px}.search-input,.search-dropdown{width:150px}.burger-menu{display:flex}.navbar{padding:0}.navbar-list{display:flex;flex-direction:column;width:250px;background-color:#333;position:fixed;top:0;left:-250px;height:100%;z-index:1000;transition:left .3s ease}.navbar-list.visible{left:0}.navbar-item{margin:10px 0;text-align:center}.navbar-right{display:none}.navbar-search{width:100%;padding:10px}.navbar-burger{display:inline-block}.search-input{width:90%}.map-nav-item{width:50%}.back-button{display:none}.title{justify-content:center;flex-direction:column}}