@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=DM+Sans:wght@400;500;600;700&display=swap";:root{color:#fff4d9;font-synthesis:none;background:#689b99;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}#world{outline:none;width:100%;height:100%;position:fixed;inset:0}#app{pointer-events:none;background:linear-gradient(#1b323429,#0000 24% 65%,#0d2a2a70);position:fixed;inset:0}header{justify-content:space-between;align-items:center;padding:35px 42px;display:flex}.brand{color:inherit;pointer-events:auto;align-items:center;gap:14px;text-decoration:none;display:flex}.brand-mark{color:#ffdf9e;font-size:47px;font-weight:400;line-height:1}h1{letter-spacing:-.5px;margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:34px;font-weight:500}.title-dot{color:#f6c96d}.brand p{letter-spacing:2.6px;opacity:.76;margin:5px 0 0;font-size:8px}.top-right{pointer-events:auto;align-items:center;gap:10px;display:flex}.day{letter-spacing:.4px;align-items:center;gap:10px;margin-right:17px;font-size:11px;display:flex}.day i{opacity:.5;margin:0 7px;font-style:normal}.sun{color:#ffe0a0;font-size:27px}.icon-button{color:#fff0cf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#25464725;border:1px solid #fff5d730;border-radius:50%;place-items:center;width:39px;height:39px;transition:background .2s;display:grid;position:relative}.icon-button:hover{background:#d5bc7040}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.25px;stroke-linejoin:round;stroke-linecap:round;width:17px}.off-slash{background:#ffe4ae;width:22px;height:1px;position:absolute;transform:rotate(-45deg)}.location-label{letter-spacing:2px;color:#fff2d0;opacity:.8;align-items:center;gap:8px;font-size:8px;display:flex;position:absolute;top:143px;left:44px}.location-label>span:first-child{background:#f5d48c;border-radius:100%;width:4px;height:4px;box-shadow:0 0 8px #ffeab6}.bottom-left{position:absolute;bottom:61px;left:44px}.chapter{letter-spacing:2.1px;color:#e8d7a9;align-items:center;gap:10px;font-size:8px;display:flex}.chapter-line{background:#f5db9b;width:27px;height:1px}h2{letter-spacing:-.6px;margin:10px 0 5px;font-family:Cormorant Garamond,Georgia,serif;font-size:43px;font-weight:400}.bottom-left>p{color:#dbe4d2;letter-spacing:.2px;margin:0 0 24px;font-size:11px}.quest{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#133d3a48;border:1px solid #e5e5bf26;border-radius:6px;align-items:center;gap:14px;width:294px;padding:13px 15px;display:flex;box-shadow:0 8px 30px #0d323716}.quest-icon{color:#f6cf7b;font-size:27px}.quest>div{flex-direction:column;gap:5px;display:flex}.quest-kicker{letter-spacing:1.6px;color:#d8c68f;font-size:7px}#quest-text{letter-spacing:.1px;font-size:10px}#quest-check{color:#e4cf92;margin-left:auto;font-size:18px}.bottom-center{white-space:nowrap;letter-spacing:.4px;color:#e5e6cfbb;align-items:center;gap:9px;font-size:9px;display:flex;position:absolute;bottom:27px;left:50%;transform:translate(-50%)}.mouse-icon{border:1px solid #e5e6cf99;border-radius:6px;width:10px;height:15px;position:relative}.mouse-icon:before{content:"";border-left:1px solid;height:4px;position:absolute;top:2px;left:4px}.control-divider{background:#e5e6cf44;width:1px;height:10px;margin:0 7px}.scroll-icon{font-size:17px}.bottom-right{text-align:center;position:absolute;bottom:33px;right:43px}.bottom-right>span{letter-spacing:1.9px;opacity:.7;font-size:7px}.compass{width:78px;margin:auto}.compass>span{letter-spacing:1px;color:#f1dba5;font-size:9px}.compass svg{fill:none;stroke:#f9e7b775;stroke-width:.7px;width:74px;transform:rotate(-15deg)}.compass-fill{fill:#f8e1a8;stroke:none}#toast{opacity:0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);letter-spacing:.5px;background:#204b47bc;border:1px solid #f0deb440;border-radius:30px;padding:13px 23px;font-size:11px;transition:all .4s;position:absolute;top:115px;left:50%;transform:translate(-50%,-10px)}#toast.visible{opacity:1;transform:translate(-50%)}.interaction{letter-spacing:.7px;color:#ffe6a7;background:#163c36cc;border:1px solid #e2cd8555;border-radius:3px;padding:8px 13px;font-size:10px;position:absolute;transform:translate(-50%,-150%)}.hidden{display:none!important}.modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:4;background:#0b282e66;place-items:center;display:grid;position:fixed;inset:0}.modal-card{color:#284841;background:#eae4ce;border:1px solid #fff9dd70;border-radius:10px;width:min(480px,90vw);padding:40px;position:relative;box-shadow:0 20px 100px #122c4a66}.modal-card h2{font-size:38px}.modal-card p{color:#4b6156;font-size:13px;line-height:1.9}.modal-card .eyebrow{letter-spacing:2px;color:#847143;font-size:9px}.modal-card button{color:#284841;background:0 0;border:1px solid #6e805155;border-radius:4px;padding:9px 14px}#close-modal{border:0;padding:0 7px;font-size:25px;position:absolute;top:12px;right:15px}.guide-row{border-bottom:1px solid #335c4220;justify-content:space-between;padding:13px 0;font-size:12px;display:flex}.guide-row span{color:#67745e}.map-canvas{border-radius:50%;width:100%;height:auto;margin:10px 0}.map-legend{text-align:center;letter-spacing:.4px;font-size:10px!important}#loading{color:#f9dda3;z-index:10;background:#234d4d;flex-direction:column;justify-content:center;align-items:center;transition:opacity 1s;display:flex;position:fixed;inset:0}#loading>span{font-size:55px;animation:2s infinite breathe}#loading h2{font-size:50px}#loading p{letter-spacing:2px;font-size:10px}@keyframes breathe{50%{opacity:.35;transform:rotate(20deg)}}@media (width<=700px){header{padding:22px}.brand-mark{font-size:33px}h1{font-size:26px}.brand p{letter-spacing:1.5px;font-size:6px}.day{display:none}.top-right{gap:6px}.icon-button{width:33px;height:33px}.location-label{font-size:7px;top:111px;left:23px}.bottom-left{bottom:73px;left:23px}h2{font-size:33px}.bottom-left>p{font-size:10px}.quest{width:265px}.bottom-right{bottom:69px;right:18px}.bottom-center{justify-content:center;gap:7px;width:100%;font-size:8px;bottom:24px}.bottom-right>span{display:none}}@media (width<=420px){.brand p{display:none}.brand{gap:7px}.bottom-right{display:none}.bottom-left{bottom:65px}}