html,body{margin:0;padding:0;box-sizing:border-box;background-color:#2a374d}body{font:14px Helvetica Neue,Helvetica,Arial,sans-serif}a{color:#fff8dc}h1{font-family:Cinzel Decorative,cursive;font-size:30px;letter-spacing:1px;color:#fff8dc}h3{font-family:Cinzel Decorative,cursive;font-size:12px;letter-spacing:1px;color:#fff8dc}.home-link{text-decoration:none;color:#fff8dc}nav{display:grid;grid-template-columns:30vw auto 30vw;align-items:center;background-color:#522623;color:#fff8dc;height:auto}.nav-left{display:flex;justify-content:flex-start;align-items:center}.nav-center{display:flex;justify-content:center;align-items:center;text-align:center}.nav-right{display:flex;justify-content:flex-end;align-items:center}.welcome-text{font:18px Helvetica Neue,Helvetica,Arial,sans-serif}.login{display:flex;flex-direction:column;gap:5px;padding:5px 20px 5px 5px}.navigate{display:flex;gap:10px;padding-left:10px}.map-layout{display:grid;grid-auto-columns:1fr;grid-auto-rows:1fr;grid-template-columns:.5fr 1.7fr;grid-template-rows:1fr;gap:0px 0px;grid-template-areas:"journey map"}.journey{display:grid;grid-template-columns:1fr;grid-template-rows:.2fr .8fr;gap:0px 0px;grid-template-areas:"journey-planner" "journey-selector";grid-area:journey}.journey-selector{grid-area:journey-selector}.map-container{margin-top:2vmin;margin-left:auto;margin-right:auto;grid-area:map;animation:fadeIn 2.5s ease-in-out}.map>img{height:auto;width:"100%";object-fit:"cover";border-radius:"8px";box-shadow:"0 0 16px rgba(0,0,0,0.4)";position:"relative";background-position:center;z-index:1}button{background-color:#9f6932;color:#fff;border:none;border-radius:10px;padding:7px;font-size:20px;cursor:pointer;margin:5px}.journey-planner{grid-area:journey-planner;display:flex;flex-flow:column nowrap;align-items:center}.journey-planner form{width:22vw;display:flex;flex-flow:column nowrap;align-items:center}.drop-down{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;width:80%;margin:1vmin;background-color:#ffffe0;padding:.5rem;background-image:url(/images/map/hallows-sign-up.svg);background-position:calc(100% - 5px) .6em;background-size:1.2rem;background-repeat:no-repeat}.drop-down:focus{background-image:url(/images/map/hallows-sign-down.svg);background-position:calc(100% - 5px) .6em;background-size:1.2rem;background-repeat:no-repeat}.journey-planner:nth-child(-n+2) button{width:80%;height:2rem;margin-top:2vmin;margin-bottom:2vmin}.travel-choice{width:80%;height:4rem;margin-top:1vmin;margin-bottom:2vmin;color:#fff}.travel-results{display:flex;flex-flow:column nowrap;align-items:center;color:#fff}button:hover{background-color:#7a4d20}.home-container{background-color:#2a374d;height:80vh;display:flex;justify-content:center;align-items:center}.home-button{background-color:#9f6932;color:#fff;border:none;border-radius:10px;padding:20px;cursor:pointer;font-family:Cinzel Decorative,cursive;font-size:20px;letter-spacing:1px}.home-button:hover{background-color:#7a4d20}.home-container-header{padding-bottom:10px;background-color:#2a374d;width:100%;min-height:100vh;color:#fff8dc;display:flex;flex-direction:column;align-items:center;font-family:Cinzel Decorative,serif}.encounter-container{background-color:#2a374d;width:100%;color:#fff8dc;display:flex;flex-direction:column;align-items:center;font-family:Cinzel Decorative,serif}.encounter-header{width:100%;background-color:#522623;padding:1.5rem 0;text-align:center;color:#fff;font-size:2rem;font-family:Cinzel Decorative,serif;box-shadow:0 2px 8px #0000004d;position:relative;z-index:1}.encounter-title{margin-top:1rem;font-size:1.8rem}.encounter-description{margin:1rem 0}.encounter-image{max-width:400px;border-radius:10px;margin:1rem 0}.encounter-button{background-color:#9f6932;color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:1rem;cursor:pointer;margin-top:1rem;transition:background-color .3s ease}.encounter-button.disabled{background-color:#999;cursor:not-allowed}.error{background-color:#522623;color:#ffffe0}.map-container:after{top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg,#fff0,#ffffff40,#fff0);animation:shimmer 2s ease-in-out 1;pointer-events:none}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0;transform:scale(1.03);filter:blur(4px)}to{opacity:1;transform:scale(1);filter:blur(0)}}.map-footsteps{position:absolute;max-width:204px;color:#f1f1f1;width:100%;transition:.5s ease;transform:translate(200px);z-index:2}.footsteps{background-color:#2a374d}.wallet-container{height:100vh;display:flex;justify-content:space-between;align-items:baseline;padding:16px;background-color:#2a374d;color:#fff;padding:5vh;align-items:flex-start}.wallet-container h3{font-size:18px}.avatar img{width:20vh;height:20vh;border-radius:50%}.user-details{display:flex;flex-direction:column;color:#fff}.tickets{display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px;max-width:60vw}.ticket{display:flex;justify-content:space-between;gap:10px}.ticket-image{max-width:140px;height:auto;object-fit:contain}.ticket p{font-size:16px}.snitch-game-wrapper{background-image:url(/images/encounters/hogwarts-stadium.png);background-repeat:no-repeat;background-size:cover;background-position:center bottom;border-radius:15px;padding:20px;box-shadow:0 4px 12px #0000004d;width:60vw;max-width:1200px;height:60vh;margin:auto;overflow:hidden;position:relative}.snitch-game-container{position:relative;width:100%;height:100%;overflow:hidden}.snitch-button{position:absolute;background-image:url(/images/encounters/image5.png);background-size:contain;background-repeat:no-repeat;background-position:center;background-color:transparent;border:none;cursor:pointer;pointer-events:all;z-index:2;transition:top .4s ease,left .4s ease}.snitch-text{position:absolute;color:#9f6932}.snitch-timer{top:10px;left:10px}.snitch-misses{top:40px;left:10px}.snitch-win-message,.snitch-lose-message{text-align:center;margin-top:18%;font-size:1.5rem;z-index:3}.snitch-win-message{color:#9f6932}.snitch-lose-message{color:#522623}.quiz-wrapper{position:relative;max-width:600px;width:100%;margin:0 auto}.quiz-question{margin-bottom:2rem;font-family:serif;color:#fff8dc;text-align:center}.quiz-choices{display:grid;gap:2rem}.quiz-choice{background-color:#444a41;border:2px solid #9f6932;color:#fff;font-size:1rem;font-weight:700;padding:1rem;border-radius:12px;font-family:serif;cursor:pointer;text-align:left;box-shadow:2px 2px 6px #0003;transition:all .3s ease;white-space:normal}.quiz-choice.selected{background-color:#9f6932;border:3px solid #8b4513;box-shadow:0 0 12px #8b451380}.quiz-choice.disabled{cursor:not-allowed}.quiz-submit-button{margin-top:2rem;background-color:gold;color:#522623;border:none;padding:.75rem 1.5rem;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;opacity:1;box-shadow:0 0 10px #ffd70099;transition:all .3s ease}.quiz-submit-button:disabled{cursor:not-allowed;opacity:.6}.quiz-feedback{margin-top:4rem;font-size:1.1rem;font-weight:700;color:#fff;text-align:center}.door-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10}.door-image{width:100%;max-width:600px;border-radius:12px}.wallet-register-container{display:flex;justify-content:center;align-items:center;height:60vh;text-align:center}.wallet-register{font-size:25px;color:#fff;text-decoration:none;background:#7a4d20;padding:10px;border-radius:12px;transition:.2s}.wallet-register:hover{background:#9f6932}.arrival-p{font:18px Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;width:50vw;line-height:30px}.arrival-h{color:#fff8dc}.arrival-unregistered-message{margin:30px;width:25%;font-size:16pt}.sign-up-form{padding:20px;margin:20px;display:flex}.sign-up-user-details-container{width:25vw}.sign-up-avatar-selection-container{margin-left:30px;width:25vw}.sign-up-input{margin:20px;padding:15px;border-radius:5px;background-color:#ffffe0}.sign-up-input-text{font-size:18pt}.sign-up-submit-button{font-size:30pt;padding:15px}.sign-up-submit-button-container{display:flex;margin:40px;align-items:center;justify-content:center}.sign-up-avatar-container{margin:20px}.sign-up-avatar-image{width:90%;border-radius:5%}.sign-up-custom-avatar-button{font-size:20pt;margin-left:30px;padding:10px}.sign-up-upload-message{background-color:#ffffe0;padding:20px;margin:30px 30px 30px 0;border-radius:5px;font-size:16pt}