*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{color:#e6e8e4;background:#111d23;font-family:Arial,Microsoft JhengHei,sans-serif;font-size:14px}button,input,select{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}button:hover{color:#dfc598}:is(button:focus-visible,input:focus-visible,select:focus-visible){outline-offset:3px;outline:2px solid #e0bd7f}button svg{flex-shrink:0}main,.world{position:absolute;inset:0}.world canvas{touch-action:none;width:100%;height:100%;display:block}header{z-index:2;background:linear-gradient(#0e1a23ef,#111e2580,#0000);justify-content:space-between;align-items:center;height:84px;padding:0 30px;display:flex;position:absolute;inset:0 0 auto}.brand{letter-spacing:3px;align-items:center;gap:13px;font-family:Georgia,serif;font-size:20px;display:flex}.brand small{color:#9ea9aa;letter-spacing:3px;margin-top:7px;font-family:Arial,sans-serif;font-size:11px;display:block}.crest{color:#d4b983;border:1px solid #bca47b;border-radius:4px 4px 17px 17px;place-items:center;width:39px;height:44px;display:grid}.header-center{color:#a8b2b3;letter-spacing:1px;align-items:center;gap:10px;font-size:12px;display:flex}.header-sep{background:#637073;width:1px;height:13px;margin:0 6px}.header-actions{gap:12px;display:flex}.header-actions button{width:32px;height:32px}.live-dot,.gold-dot{background:#8eae9b;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 8px #91b09b50}.gold-dot{background:#d2b57f}.panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#17272bef,#101f25eb);border:1px solid #b8c6c31e;border-radius:12px;box-shadow:0 15px 50px #050f1b20}.locations{width:240px;padding:24px 12px 0;position:absolute;top:110px;left:26px}.eyebrow{letter-spacing:2px;color:#a6aaa1;font-size:10px}.locations>.eyebrow{padding:0 12px}.locations h2{letter-spacing:2px;justify-content:space-between;margin:10px 0 20px;padding:0 12px;font-size:19px;font-weight:500;display:flex}.locations h2 span{color:#a5aa9c;padding-top:5px;font:12px Georgia}.location-list{flex-direction:column;gap:3px;display:flex}.location{text-align:left;color:#a9b7b8;border:1px solid #0000;border-radius:6px;align-items:center;gap:13px;width:100%;padding:12px;display:flex}.location small{letter-spacing:1.5px;color:#73888e;margin-top:5px;font-size:8px;display:block}.location.selected{color:#e2c99d;background:linear-gradient(100deg,#baa57226,#b9a57308);border-color:#b9a16b50}.location.selected small{color:#b0a58b}.map-link{color:#bcc8c6;border-top:1px solid #899a9e23;justify-content:space-between;align-items:center;width:100%;margin-top:18px;padding:19px 12px;font-size:12px;display:flex}.nav-foot{color:#728889;border-top:1px solid #899a9e18;align-items:center;gap:8px;padding:14px 10px;font-size:10px;display:flex}.scene-heading{pointer-events:none;text-shadow:0 2px 18px #0008;position:absolute;top:117px;left:302px}.scene-heading h1{letter-spacing:6px;margin:14px 0 10px;font-family:Georgia,Microsoft JhengHei,serif;font-size:34px;font-weight:400}.scene-heading p{letter-spacing:2px;color:#b7c3c1;font-size:12px}.settings{width:246px;padding:20px;position:absolute;top:110px;right:26px}.panel-title{align-items:center;gap:10px;display:flex}.panel-title h2{letter-spacing:2px;flex:1;margin:0;font-size:15px;font-weight:500}.panel-title>svg{color:#b7c3bf}.panel-title button{color:#7e9498;padding:0;display:flex}.settings section{border-bottom:1px solid #71838630;padding:21px 0}.settings label{color:#bac7c6;justify-content:space-between;margin-bottom:12px;font-size:12px;display:flex}.settings label span{color:#ac9b7b;font-variant-numeric:tabular-nums;font-size:11px}.presets{gap:6px;display:flex}.presets button{color:#8fa4aa;background:#61747710;border:1px solid #8b9d9e23;border-radius:6px;flex-direction:column;flex:1;align-items:center;gap:10px;padding:13px 0;font-size:11px;display:flex}.presets button.on{color:#dfc490;background:#bd9a5230;border-color:#c0a77388}.toggle-row{color:#b7c3c3;justify-content:space-between;align-items:center;margin-top:17px;font-size:12px;display:flex}.toggle-row>span{align-items:center;gap:8px;display:flex}.toggle{background:#405459;border-radius:15px;width:28px;height:16px;position:relative}.toggle:after{content:"";background:#afbcba;border-radius:100%;width:10px;height:10px;transition:all .2s;position:absolute;top:3px;left:3px}.toggle.on{background:#ae986a}.toggle.on:after{background:#f0e0bb;left:15px}.weather{gap:3px;display:flex}.weather button{color:#8fa4aa;border-radius:4px;align-items:center;gap:4px;padding:8px;font-size:11px;display:flex}.weather button.on{color:#ddc59a;background:#9da59219}.settings .range-label{margin-top:22px;margin-bottom:6px}input[type=range]{accent-color:#c6af82;cursor:pointer;width:100%;height:3px;margin:10px 0}.settings section:nth-of-type(3){padding-top:0}.editor-link{color:#a9babb;align-items:center;gap:8px;width:100%;padding:20px 0 0;font-size:12px;display:flex}.editor-link svg:last-child{margin-left:auto}.compass{color:#d3d8c8b0;flex-direction:column;align-items:center;gap:7px;width:70px;display:flex;position:absolute;bottom:116px;left:301px}.compass span{color:#e2c99d;font:12px Georgia}.compass small{letter-spacing:2px;font-size:10px}footer{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#14232bea;border:1px solid #abc2bb29;border-radius:9px;align-items:center;gap:18px;width:930px;max-width:calc(100% - 52px);height:58px;padding:8px 14px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.mode-group{gap:4px;display:flex}.mode-group button{white-space:nowrap;color:#8ea4aa;border-radius:5px;align-items:center;gap:8px;padding:11px 14px;font-size:12px;display:flex}.mode-group button.active{color:#e0c699;background:#b6a27924}.instructions{color:#80979f;white-space:nowrap;flex:1;align-items:center;gap:10px;font-size:11px;display:flex}kbd{color:#bbcac6;border:1px solid #7d96953b;border-radius:3px;padding:3px 5px;font-family:inherit;font-size:10px}.render-status{letter-spacing:1px;color:#93aba3;align-items:center;gap:6px;font-size:9px;display:flex}.loading{text-align:center;background:#18272deb;border:1px solid #ae9b7260;border-radius:12px;padding:35px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading p{overflow-wrap:anywhere;color:#acbdbd;max-width:600px}.modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:8;background:#03111999;place-items:center;display:grid;position:absolute;inset:0}.map-modal,.edit-modal{width:min(680px,94vw);max-height:92vh;padding:27px;overflow:auto}.modal-backdrop p{color:#8fa6aa;font-size:13px}.atlas-map{background:repeating-linear-gradient(0deg,#0000 0 39px,#b6cbb510 40px),repeating-linear-gradient(90deg,#1f3738 0 39px,#b6cbb510 40px);border:1px solid #68807b40;border-radius:8px;height:420px;position:relative;overflow:hidden}.map-land{background:#5c675130;border:1px solid #a9b19c40;border-radius:45%;width:73%;height:73%;position:absolute;top:4%;left:12%;transform:rotate(-18deg)}.map-lake{color:#90bcc4;letter-spacing:7px;background:#416c7838;border-radius:50%;width:90%;height:190px;padding:70px 150px;font:18px Georgia;position:absolute;bottom:-40px;right:-10%}.atlas-map button{z-index:1;white-space:nowrap;color:#d8ccb3;background:#12262cf2;border:1px solid #a8976c80;border-radius:4px;padding:7px;font-size:11px;position:absolute;transform:translate(-50%,-50%)}.atlas-map button span{color:#d4b577;margin-right:7px}.map-north{color:#c3b894;position:absolute;top:20px;right:20px}.edit-modal{width:490px}.edit-modal select{color:#d8e0d8;background:#20343a;border:1px solid #6a827952;border-radius:4px;width:100%;margin:12px 0 20px;padding:10px}.transform-row{align-items:center;gap:9px;margin-bottom:15px;display:flex}.transform-row>label:first-child{flex-shrink:0;width:66px;font-size:12px}.transform-row label{min-width:0}.transform-row small{color:#8fa09a;margin-bottom:5px;display:block}.transform-row input{color:#d1d9d0;background:#23363c;border:1px solid #65827655;border-radius:4px;width:100%;min-width:0;padding:8px}.material-label{align-items:center;gap:20px;display:flex}.material-label select{margin:0 0 20px}.export{color:#102329;background:#baa57b;border-radius:5px;justify-content:center;gap:10px;width:100%;margin-top:20px;padding:13px;display:flex}.export:hover{color:#102329;background:#d4bf96}@media (min-height:900px){.locations,.settings{top:130px}.location{padding-top:16px;padding-bottom:16px}}@media (max-width:1100px){.header-center{display:none}.locations{width:210px;left:16px}.settings{width:225px;right:16px}.scene-heading{left:250px}.scene-heading h1{font-size:28px}.compass{left:244px}.instructions{gap:5px;font-size:10px}footer{gap:9px}}@media (max-height:760px){.locations,.settings{top:92px}.locations{padding-top:15px}.location{padding-top:8px;padding-bottom:8px}.locations h2{margin-bottom:10px}.settings{padding:16px}.settings section{padding:15px 0}.settings .range-label{margin-top:15px}.presets button{padding:9px 0}.scene-heading{top:105px}.map-link{margin-top:8px;padding:13px}.nav-foot{padding:11px}.compass{bottom:100px}}@media (max-width:760px){header{height:75px;padding:0 16px}.brand{font-size:15px}.brand small{letter-spacing:1px;font-size:9px}.locations{width:190px;max-height:calc(100% - 170px);top:85px;overflow:auto}.settings{width:218px;max-height:calc(100% - 170px);top:85px;overflow:auto}.scene-heading{top:auto;bottom:112px;left:25px}.scene-heading .eyebrow,.scene-heading p,.compass{display:none}.scene-heading h1{font-size:22px}.instructions,.render-status{display:none}footer{gap:7px;width:auto;max-width:95%;height:58px;padding:8px;bottom:15px}.mode-group button{padding:10px}.header-actions{gap:2px}.locations,.settings{z-index:4}.scene-heading{pointer-events:none}.locations::-webkit-scrollbar{width:4px}.settings::-webkit-scrollbar{width:4px}.locations::-webkit-scrollbar-thumb{background:#69807c}.settings::-webkit-scrollbar-thumb{background:#69807c}.weather button{white-space:nowrap;padding:6px}.settings .weather{gap:0}.scene-heading{z-index:0}}.locations{scrollbar-width:thin;scrollbar-color:#57716c transparent;max-height:calc(100vh - 230px);overflow-y:auto}.settings{scrollbar-width:thin;scrollbar-color:#57716c transparent;max-height:calc(100vh - 220px);overflow-y:auto}@media (max-width:760px){.locations,.settings{max-height:calc(100vh - 170px)}}button svg,.crest{display:none!important}.header-actions button{width:auto;padding:0 6px}.panel-title,.toggle-row>span{gap:0}.panel{-webkit-backdrop-filter:blur(22px)saturate(125%);background:linear-gradient(135deg,#17272bad,#0a191f7a);border-color:#cddcd13d;box-shadow:0 18px 55px #030c1447,inset 0 1px #ebf1e41a}.locations,.settings{scrollbar-width:thin;scrollbar-color:transparent transparent}.locations::-webkit-scrollbar{width:5px;height:5px}.settings::-webkit-scrollbar{width:5px;height:5px}.locations::-webkit-scrollbar-thumb{background:0 0;border-radius:8px;transition:background-color .35s}.settings::-webkit-scrollbar-thumb{background:0 0;border-radius:8px;transition:background-color .35s}.locations:hover,.settings:hover{scrollbar-color:#8faea48c transparent}.locations:hover::-webkit-scrollbar-thumb{background:#8faea48c}.settings:hover::-webkit-scrollbar-thumb{background:#8faea48c}.toggle-row span svg{display:none!important}.presets{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:4px}.presets button{white-space:nowrap;min-width:0;font-size:10px}.random-weather{margin-left:auto;transition:all .25s;color:#a9bbba!important;background:#b1ccc712!important;border:1px solid #b4cac733!important;border-radius:999px!important;padding:5px 9px!important;font-size:10px!important}.random-weather:hover{box-shadow:0 0 14px #dcc28524;color:#e4ca98!important;background:#dcc2852b!important;border-color:#dcc2858c!important}.weather-heading{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.weather-heading>label{margin:0!important}.weather-heading .random-weather{letter-spacing:.08em;margin-left:12px;color:#91a6a5!important;box-shadow:none!important;background:0 0!important;border:0!important;border-bottom:1px solid #b4cac73d!important;border-radius:0!important;padding:2px 0!important;font-size:10px!important}.weather-heading .random-weather:hover{color:#e4ca98!important;background:0 0!important;border-bottom-color:#dcc285a6!important}.settings section:first-of-type .presets{overflow:hidden;background:#0e181b57!important;border:1px solid #aec4bf21!important;border-radius:12px!important;padding:5px!important}.settings section:first-of-type .presets button{min-height:36px;border-radius:8px!important}.settings section:first-of-type .presets button.on{border-radius:8px!important}.weather-heading .random-weather{place-items:center;width:24px;height:24px;display:grid;border:1px solid #b4cac738!important;border-radius:7px!important;padding:0!important}.weather-heading .random-weather svg{transition:transform .35s;display:block!important}.weather-heading .random-weather:hover svg{transform:rotate(150deg)}.presets{flex-wrap:nowrap;display:flex;overflow:hidden}.presets button{white-space:nowrap;flex:1 1 0}.weather{white-space:nowrap;flex-wrap:nowrap;align-items:center;display:flex;overflow:hidden}.weather button{white-space:nowrap;flex:none}.presets{background:linear-gradient(110deg,#eeb26f12,#8db4ca0f 48%,#3442711f);border:1px solid #bbcdc31f;border-radius:9px;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;display:grid}.presets button{background:#5d75771f;border:1px solid #8b9d9e24;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:54px;padding:8px 3px;transition:background .25s,border-color .25s,box-shadow .25s,color .25s;display:flex}.presets button:hover{background:#ccae7729;border-color:#d6bb846b}.presets button.on{color:#f0d6a0;background:linear-gradient(145deg,#dfac6357,#705b4147);border-color:#e1c184c2;box-shadow:0 0 18px #daab6624,inset 0 1px #ffebbe33}.settings .panel-title>svg{display:none!important}.presets{flex-wrap:nowrap;gap:4px;padding:4px;display:flex;overflow:hidden}.presets button{white-space:nowrap;flex:1 1 0;min-width:0}.header-actions button[title=全螢幕] svg{display:block!important}.header-actions button[title=全螢幕]{width:32px;padding:0}.settings section:first-of-type .presets{box-shadow:none;background:0 0;border:0;border-radius:0;gap:2px;padding:10px 0 8px}.settings section:first-of-type .presets:before{opacity:.55;background:linear-gradient(90deg,#e2aa68,#e7d297 34%,#a5cad0 62%,#6670c7);border-radius:2px;height:2px;inset:auto 4% 4px}.settings section:first-of-type .presets button{color:#8fa1a4;min-height:37px;box-shadow:none;background:0 0;border-color:#0000;border-radius:7px;font-size:10px;position:relative}.settings section:first-of-type .presets button:after{content:"";opacity:.7;background:#8d9a9d;border-radius:50%;width:4px;height:4px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.settings section:first-of-type .presets button.on{color:#f0d29a;background:#e0ba7129;border-color:#eccd979e;box-shadow:0 0 18px #deae5e33}.settings section:first-of-type .presets button.on:after{background:#e7bf7c;width:7px;height:7px;bottom:-8px;box-shadow:0 0 10px #e7bf7c}.settings section:first-of-type .presets{isolation:isolate;background:linear-gradient(90deg,#ffb56f29,#f7d28b1c 28%,#a0c1cf1a 58%,#535ea133);border:0;border-radius:999px;padding:4px;position:relative;box-shadow:inset 0 1px #ffeec629,inset 0 -1px #00000029}.settings section:first-of-type .presets:before{content:"";opacity:.8;z-index:-1;background:linear-gradient(90deg,#f6bd77cc,#d7e0cc75,#97a3e7b8);height:1px;position:absolute;top:50%;left:8%;right:8%}.settings section:first-of-type .presets button{letter-spacing:-.2px;text-shadow:0 1px 8px #00000073;background:#0d1f252e;border:1px solid #0000;border-radius:999px;min-height:42px;padding-left:1px;padding-right:1px;font-size:9px}.settings section:first-of-type .presets button.on{background:#e1c07f47;border-color:#f1d59fb3;box-shadow:0 0 16px #e7bb6c38,inset 0 1px #ffefc942}footer{-webkit-backdrop-filter:blur(22px)saturate(130%);background:linear-gradient(110deg,#14282e9e,#0f22296b);border-color:#bed8cc40;box-shadow:0 18px 55px #030c144d,inset 0 1px #ebf1e41f}.mode-group button.active{background:#bea57033;box-shadow:inset 0 1px #ffe9bc21}.locations.panel,.settings.panel{-webkit-backdrop-filter:blur(22px)saturate(125%);background:linear-gradient(145deg,#132328b8,#0a171e94)!important;border-color:#bbd3cb33!important;box-shadow:0 18px 55px #020a1147,inset 0 1px #eff4e21a!important}.location{background:#85a19d0f!important;border:1px solid #0000!important;border-radius:9px!important;transition:all .25s!important}.location:hover{background:#ccae771f!important;border-color:#d6bb8447!important}.location.selected{background:#e0ba7129!important;border-color:#eccd978c!important;box-shadow:0 0 16px #deae5e24,inset 0 1px #ffefc929!important}.weather button,.mode-group button{background:#85a19d12!important;border-color:#aec4bf24!important;border-radius:8px!important;transition:all .25s!important}.weather button:hover,.mode-group button:hover{background:#ccae7724!important;border-color:#d6bb8459!important}.weather button.on,.mode-group button.active{color:#f0d29a!important;background:#e0ba712e!important;border-color:#eccd9794!important;box-shadow:0 0 14px #deae5e24!important}.settings .weather{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px!important;display:grid!important;overflow:visible!important}.settings .weather button{white-space:nowrap;justify-content:center;min-width:0;background:linear-gradient(145deg,#7496951f,#29434b1f)!important;border-radius:10px!important;padding:8px 2px!important;font-size:10px!important}.settings .weather button.on{background:linear-gradient(145deg,#e0ba714d,#926f4629)!important}.compass{inset:104px 30px auto auto!important}.locations h2{border-bottom:1px solid #bbd3cb29;font-family:Georgia,Microsoft JhengHei,serif;letter-spacing:3px!important;color:#e0d4b8!important;margin-bottom:14px!important;padding-bottom:14px!important}.locations>.eyebrow{letter-spacing:3px;color:#8fa6a5}.modal-backdrop{-webkit-backdrop-filter:blur(10px)saturate(115%);background:#030a10ad!important}.edit-modal,.map-modal{background:linear-gradient(145deg,#192d32e0,#0a1920db)!important;border:1px solid #d3decd3d!important;border-radius:18px!important;padding:24px!important;box-shadow:0 28px 90px #0000007a,inset 0 1px #ffefc924!important}.edit-modal .panel-title,.map-modal .panel-title{border-bottom:1px solid #bbd3cb26;padding-bottom:16px}.edit-modal .panel-title button,.map-modal .panel-title button{background:#85a19d14;border:1px solid #bbd3cb33;border-radius:8px;place-items:center;width:30px;height:30px;display:grid!important}.edit-modal .panel-title button svg,.map-modal .panel-title button svg{width:16px;height:16px;display:block!important}.edit-modal>p,.map-modal>p{color:#9fb1af;line-height:1.7}.compass{transform-origin:100% 0;opacity:.9;transform:scale(.82);inset:104px 30px auto auto!important}.editor-link{white-space:nowrap!important;justify-content:flex-start!important;align-items:center!important}.editor-link svg{display:none!important}.modal-backdrop{animation:.28s both veil-in}.modal-backdrop>.panel{animation:.34s cubic-bezier(.2,.8,.2,1) both modal-rise}@keyframes veil-in{0%{opacity:0}to{opacity:1}}@keyframes modal-rise{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}.locations.panel,.settings.panel{animation:.32s cubic-bezier(.2,.8,.2,1) both panel-in}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.edit-modal .material-label{grid-template-columns:66px minmax(0,1fr);align-items:center;gap:9px;display:grid}.edit-modal .material-label select{width:100%;margin:0 0 20px}.edit-modal .range-label{align-items:center;gap:12px;display:flex}.edit-modal .range-label input[type=range]{flex:1;margin:0}.header-actions button[title=地點導航] svg,.header-actions button[title=世界設定] svg{display:block!important}.header-actions button[title=地點導航],.header-actions button[title=世界設定],.header-actions button[title=全螢幕]{background:#85a19d12;border:1px solid #bbd3cb29;border-radius:8px;width:30px;height:30px;transition:all .25s}.header-actions button[title=地點導航],.header-actions button[title=世界設定],.header-actions button[title=全螢幕]{box-shadow:none!important;background:0 0!important;border-color:#0000!important}.header-actions button[title=地點導航]:hover,.header-actions button[title=世界設定]:hover,.header-actions button[title=全螢幕]:hover{background:#e0ba711f!important;border-color:#0000!important}.edit-modal .range-label{margin-top:26px!important}button:not(.toggle){text-align:center!important;justify-content:center!important;align-items:center!important;display:inline-flex!important}.header-actions button,.panel-title button,.random-weather{line-height:1;padding:0!important}button svg{vertical-align:middle;flex-shrink:0;display:block}.location span:first-of-type{flex:0 auto}.location{gap:0!important}.modal-backdrop.is-closing{pointer-events:none;animation:.3s both veil-out}.modal-backdrop.is-closing>.panel{animation:.3s both modal-out}.locations.panel.is-closing{pointer-events:none;animation:.3s both panel-left-out}.settings.panel.is-closing{pointer-events:none;animation:.3s both panel-right-out}@keyframes veil-out{0%{opacity:1}to{opacity:0}}@keyframes modal-out{0%{transform:none}to{transform:translateY(14px)scale(.97)}}@keyframes panel-left-out{0%{opacity:1;transform:none}to{opacity:0;transform:translate(-24px)}}@keyframes panel-right-out{0%{opacity:1;transform:none}to{opacity:0;transform:translate(24px)}}.detail-controls .toggle-row{gap:12px;margin-top:12px}.detail-controls .toggle{flex-shrink:0}.effects-random{color:#e0c696;background:#e0ba711a;border:1px solid #eccd974d;border-radius:8px;width:100%;margin-top:18px;padding:9px}.locations{background:linear-gradient(160deg,#182d33d1,#0a1a21ab)!important;box-shadow:0 24px 75px #00000059,inset 0 1px #ffeec61f!important}.location{min-height:54px;position:relative;border-radius:10px!important;padding:11px 14px!important}.location.selected:before{content:"";background:#e3bd7f;border-radius:2px;width:2px;position:absolute;top:10px;bottom:10px;left:0;box-shadow:0 0 12px #e3bd7f}.header-actions button{position:relative}.header-actions button:after{content:attr(title);white-space:nowrap;color:#c4d0c9;letter-spacing:.08em;opacity:0;pointer-events:none;z-index:20;background:#0c1b21e6;border:1px solid #bbd3cb33;border-radius:6px;padding:5px 8px;font-size:10px;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-3px)}.header-actions button:hover:after{opacity:1;transform:none}.header-actions button:focus-visible:after{opacity:1;transform:none}.instructions-toggle{color:#93aaa7;opacity:.8;flex:0 0 28px;width:28px;height:28px;transition:color .2s,opacity .2s}.instructions-toggle:hover{color:#e2c18a;opacity:1}.instructions-toggle svg{display:block!important}.instructions{max-width:520px;transition:max-width .3s,opacity .25s,transform .3s;overflow:hidden}.instructions.is-hidden{opacity:0;pointer-events:none;max-width:0;transform:translate(-8px)}.location svg{display:none!important}.compass{transform-origin:0 0;pointer-events:none;z-index:3!important;inset:auto 30px 102px 282px!important;transform:scale(.72)!important}.locations h2{letter-spacing:2px!important;justify-content:flex-start!important;font-size:16px!important}.location-list{align-items:stretch}.mode-group button{white-space:nowrap}footer{max-width:calc(100% - 32px)}@media (max-width:1000px){footer .instructions{display:none}}