header{color:var(--header-font-color);background-color:var(--header-bg-color);box-shadow:0 2px 4px var(--shadow-color);padding:.6em 0;margin-bottom:2em}header>div{margin:0 1em;display:flex;justify-content:space-between;align-items:center;height:2rem}.logo img{width:150px}header #nav-toggle{background-color:transparent;border:none;padding:.5rem}#nav-toggle:hover{background-color:var(--hover-color)}header #nav-toggle .hamburger-line{display:block;background-color:var(--header-font-color);width:1.3rem;height:.15rem;margin:.2rem 0}header nav,header button.auth-btn{display:none}header nav a,.side-nav nav a{font-size:1rem;font-weight:700}button.auth-btn{font-size:1rem;font-weight:700}.side-nav{position:fixed;top:0;left:-300px;width:250px;height:100%;padding:0 1em;background-color:var(--bg-color);transition:left .3s ease;z-index:999}.side-nav.show{left:0}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:997}.side-nav nav{display:flex;flex-direction:column;padding:1rem;color:var(--header-font-color)}.side-nav ul{list-style-type:none;padding:0}.side-nav ul li{margin-bottom:1rem}.side-nav a{display:flex;align-items:center;gap:1em;padding:.5em 0 .5em 1em;border-radius:.6em}.side-nav a:hover{background-color:var(--hover-color)}.side-nav button.auth-btn{margin-left:1.8em}@media (min-width: 850px){header>div{margin:0 2em}header #nav-toggle{display:none}header nav,header button.auth-btn{display:flex}header nav ul{display:flex;list-style-type:none;gap:3.5em;padding-left:0;margin:0;font-size:.9rem}}.disabled-link{color:gray;cursor:not-allowed}.disabled-link:hover{color:gray}footer{color:var(--header-font-color);background-color:var(--header-bg-color);box-shadow:0 2px 4px var(--shadow-color);padding:4em 2em;margin-top:2em}footer>div{margin:0 1em;display:flex;flex-direction:column;align-items:flex-start;gap:2em;height:15rem}.footer-chingu{display:flex;flex-direction:column;gap:1em}.footer-chingu>div{display:flex;gap:.5em}.footer-chingu img{width:150px}.footer-contact>div{display:flex;gap:.5em}.footer-contact p{margin:0}@media (min-width: 650px){footer{padding:0 4em}footer>div{flex-direction:row;justify-content:center;align-items:center;gap:30%}}.layout{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;width:100%}.interaction-menu{display:flex;flex-direction:column;width:100vw;padding-bottom:15px;align-items:center}.interaction-menu button{margin:0 5px}@media (min-width: 800px){.interaction-menu{flex-direction:row;width:70vh;margin-left:auto;margin-right:auto;justify-content:space-evenly}}.quiz-container{max-width:100%;margin:1em;padding:1em;background-color:var(--quiz-bg-color);border-radius:.5em;box-shadow:0 2px 10px var(--shadow-color)}h2,h3{color:#333}.quiz-container .progress{margin-bottom:1em}.quiz-container button{width:100%;padding:10px;margin-top:10px;border-radius:5px;background-color:var(--header-bg-color);color:var(--header-font-color);font-weight:700;cursor:pointer}.quiz-container .option-btn{display:block;margin:.5em 0;background-color:#f1f1f1;color:#333;font-weight:400;border:1px solid #ccc}.quiz-container .option-btn:hover{border-color:#333}.quiz-container .option-btn.selected{border:solid 1.5px #333}.quiz-container .option-btn.correct{background-color:#4caf50;color:#fff}.quiz-container .option-btn.wrong{background-color:#f44336;color:#fff}.quiz-container .answer-section{margin-top:20px;padding:10px;border-top:1px solid #ccc}.quiz-container .results{text-align:center}@media (min-width: 800px){.quiz-container{max-width:700px;margin:2em auto}}.information,.hunt-interface{max-width:100%;margin:10px}.progress-bar-container{width:100%;background-color:#f3f3f3;border-radius:1em;height:1em;margin-bottom:1em;overflow:hidden}.progress-bar{height:100%;background-color:var(--header-font-color);width:0;transition:width .3s ease-in-out}.display-section{display:flex;position:relative;flex-direction:column}.hunt-locations{position:relative;overflow-y:auto;height:40vh;padding:10px;width:70vw;left:10px}h2{color:var(--header-font-color)}.map-container{width:100vw;height:90vh}.information button,.hunt-interface button{width:100%;padding:10px;margin-top:10px;border-radius:5px;background-color:var(--header-bg-color);color:var(--header-font-color);font-weight:700;cursor:pointer}@media (min-width: 800px){.information,.hunt-interface{max-width:700px;margin:2em auto}.map-container{width:70vh;height:70vh;margin:0 auto}.display-section{height:80vh}.hunt-locations{position:absolute;overflow-y:auto;height:70vh;padding:10px;width:20rem;left:10px}}.pulse-circle{width:25px;height:25px;background-color:#007aff66;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse 1.9s infinite ease-in-out}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.achievements{padding:20px}.badges-container{display:flex;flex-wrap:wrap}.badge{margin:10px;text-align:center}.badge-image{width:100px;height:auto}.leaderboard{width:100%;max-width:700px;margin:0 auto;padding:0 15px}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.full-leaderboard-btn{padding:8px 12px;border-radius:4px;cursor:pointer}.leaderboard-table{width:100%;border-collapse:collapse;text-align:left}.leaderboard-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #ddd}.highlight-green{background-color:#d4edda;color:#155724}.rank{width:5%;font-weight:700;text-align:center}.ranking-icon{width:24px;height:24px;margin-left:-8px}.profile-pic{margin-left:10px}.profile-pic img{width:40px;height:40px;border-radius:50%}.user-name{width:30%;margin-left:20px;flex-grow:1}.score{width:30%;text-align:right}.points{font-weight:400;font-size:12px}tbody{max-height:300px;overflow-y:auto}@media (min-width: 800px){.leaderboard{max-width:700px;padding-left:15px;padding-right:15px;margin:2em auto}}.formbody{display:flex;justify-content:center}form{display:flex;flex-direction:column;align-items:center;width:100%}form h2{margin-bottom:5px;color:var(--header-font-color)}.formcontainer{display:flex;width:100%}.container{display:flex;flex-direction:column;border-top:5px double;padding-top:10px;width:70%}input{width:100%;padding:5px 8px;margin:5px 0;display:inline-block;border:1px solid #3a2449;box-sizing:border-box}label{color:var(--header-font-color)}form button{margin-top:5px}span{color:var(--btn-font-color)}@media (min-width: 850px){form{width:50%}.container{width:60%}}.right-section{width:100vw;flex-grow:1}.select-image{font-size:1.3em;text-align:center}.select-image p{margin-left:0}.select-image a{font-style:italic;font-size:.8em}.all-images img{height:20vh}.all-images img:hover{opacity:.5}.profile-body h2{text-align:center;font-size:2em}.profile{display:flex;flex-direction:column;width:100vw;gap:10px}.profile-image{display:block;margin:auto;width:60vw}.profile-image img{height:auto;width:100%}.profile-image button{display:block;margin:auto;font-size:large;font-weight:600}.username{font-size:30px;margin-bottom:0}.info{font-size:1em;padding-left:4vw}.info button img{width:1em;height:1em}.info p button{padding:0 5px;margin-left:5px}.info input{display:block;width:100%;font-size:1em}.user-info span{margin-right:3px}.right-section hr{border-top:3px dashed #ebdebe;width:75%}.points-info{margin:20px;display:flex;justify-content:space-between}.points-info div{width:40%;font-size:.8em}.points-info img{width:4em;height:4em}.achievement-section{margin:20px}.tracking{height:15vh;display:flex;position:relative}.tracking img{height:100%;width:auto;margin-right:5px}.tracking>.progress-bar-container{width:100%;margin-top:3.5vh}.tracking p{word-wrap:normal;font-style:italic;font-size:.7em;width:70%;position:absolute;left:100px;top:40px}.achievement-section h3{color:#933a05}@media (min-width: 850px){.profile{flex-direction:row;width:100vw;gap:20px}.profile-image{height:70vh;width:30vw;margin:0}.select-image p{margin-left:-200px}.right-section{width:40vw}.points-info div{width:40%;font-size:1em}.all-images img{height:30vh}.right-section hr{margin-right:20%}.info input{width:60%}.points-info{margin:20px 40px}.achievement-section{margin:30px}.tracking>.progress-bar-container{width:50%}.tracking p{word-wrap:normal;font-size:1em;left:140px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--font-color: #242424;--bg-color: #fff;--header-font-color: #933a05;--header-bg-color: #ebdebe;--quiz-bg-color: #f9f9f9;--shadow-color: rgba(0, 0, 0, .1);--btn-font-color: #933a05;--btn-bg-color: #f5f5f5;--link-hover-color: #f47c48;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%}a{text-decoration:none;color:inherit}a:hover{color:#f47c48}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{color:var(--btn-font-color);background-color:var(--btn-bg-color);border-radius:8px;border:1px solid transparent;padding:.6em;font-size:1em;cursor:pointer}button:hover{border-color:#aaa}button:disabled,input:disabled{color:gray;cursor:not-allowed}