/* finesse · campus diorama · warm earth / pine ink / citron · spatial atlas · Three.js */
:root{--ink:#203b33;--paper:#f3f0df;--muted:#aabbb0;--accent:#daeab1;--line:rgba(212,230,210,.16);--panel:rgba(28,53,46,.96);--shadow:rgba(32,53,37,.16);--scene-ink:#384837;--scene-bg:#d7d6b9;font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;overflow:hidden;height:100dvh;background:radial-gradient(ellipse at 76% 15%,#f3dfb5 0%,#d9d7bd 42%,#b2bfab 100%);transition:background 1s}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button{border:0;background:none}button:focus-visible,a:focus-visible,#viewport:focus-visible{outline:2px solid #658237;outline-offset:5px}button:disabled{opacity:.45;cursor:not-allowed}svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}button:hover{filter:brightness(1.13)}a{color:inherit}#viewport{position:absolute;left:300px;right:0;top:66px;bottom:40px;outline:none}#viewport canvas{width:100%;height:100%;display:block;touch-action:none}.atmosphere{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(242,232,197,.25),transparent 22%,transparent 84%,rgba(147,167,142,.22))}.masthead{height:100px;position:absolute;left:36px;right:36px;top:0;display:flex;align-items:center;justify-content:space-between;z-index:5;border-bottom:1px solid rgba(41,68,43,.16)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand-mark{width:47px;height:47px;display:grid;place-items:center;border:1px solid rgba(41,68,43,.4);border-radius:50%}.brand-mark svg{width:29px;height:29px;stroke-width:1}.brand strong{font-size:25px;letter-spacing:3px;font-weight:650}.brand-dot{color:#6d803f;letter-spacing:0}.brand small{display:block;font-size:8px;letter-spacing:1.7px;margin-top:7px}.topnav{display:flex;gap:40px;margin-left:20px;height:100%}.topnav button{font-size:13px;position:relative;padding:0 1px;opacity:.7}.topnav button.active{opacity:1;font-weight:600}.topnav button.active:after{content:"";position:absolute;height:2px;bottom:24px;left:0;right:0;background:var(--ink)}.topnav span{font-size:15px;margin-left:7px}.header-end{display:flex;align-items:center;gap:19px}.campus-chip{font-size:11px;letter-spacing:1px}.campus-chip i,.live-dot,footer i{display:inline-block;width:5px;height:5px;background:currentColor;border-radius:50%;margin-right:7px}.icon-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(41,68,43,.2);border-radius:50%}.icon-button svg{width:17px;height:17px}.explorer{position:absolute;left:36px;top:136px;width:272px;bottom:88px;max-height:744px;z-index:5;color:var(--paper);background:var(--panel);padding:26px 23px 0;border:1px solid rgba(237,240,212,.12);border-radius:4px;box-shadow:0 18px 55px var(--shadow);display:flex;flex-direction:column}.eyebrow{display:flex;align-items:center;gap:1px;font-size:9px;letter-spacing:1.6px;color:var(--accent);white-space:nowrap}.tiny-cross{font-size:15px;margin-left:auto}.explorer h1{font-size:29px;font-weight:500;letter-spacing:1px;line-height:1.5;margin:20px 0 11px}.explorer-intro p{font-size:12px;line-height:1.95;color:var(--muted);margin:0 0 23px}.mode-switch{display:flex;background:rgba(10,29,24,.48);padding:4px;border-radius:3px;gap:2px;flex-shrink:0}.mode-switch button{font-size:11px;flex:1;padding:11px 0;border-radius:2px;color:var(--muted)}.mode-switch .active{background:var(--accent);color:var(--ink);font-weight:600}.play-icon{margin-right:4px;font-size:14px}.list-heading{font-size:9px;letter-spacing:1.1px;color:var(--muted);display:flex;justify-content:space-between;margin:26px 0 10px}.list-heading span:last-child{font-family:Consolas,monospace;letter-spacing:2px}.destinations{flex:1;min-height:80px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--muted) transparent}.destination{display:flex;align-items:center;gap:13px;padding:10px 9px;width:100%;border-bottom:1px solid var(--line);font-size:12px;text-align:left;border-radius:2px;min-height:42px}.destination .num{font:10px Consolas,monospace;color:#99ad9c}.destination .arrow{margin-left:auto;font-size:16px;opacity:0}.destination.active{background:rgba(201,226,158,.1);color:var(--accent)}.destination.active .num{color:var(--accent)}.destination.active .arrow,.destination:hover .arrow{opacity:1}.explorer-foot{padding:21px 0;display:flex;align-items:center;gap:10px;font-size:10px;flex-shrink:0}.explorer-foot small{font-size:9px;display:block;color:var(--muted);margin-top:5px}.location-icon{font-size:24px;color:var(--accent)}.explorer-foot button{margin-left:auto;border:1px solid var(--line);border-radius:50%;width:23px;height:23px;font:italic 13px Georgia,serif;color:var(--muted)}.scene-heading{position:absolute;top:139px;left:350px;pointer-events:none;color:var(--scene-ink);z-index:2}.section-kicker{display:block;font-size:9px;letter-spacing:2.3px;opacity:.65;margin-bottom:13px}.scene-heading>div{display:flex;align-items:center;gap:15px}#scene-title{font-size:24px;letter-spacing:3px;font-weight:400}.scene-tag{font-size:9px;letter-spacing:1px;border:1px solid rgba(55,75,40,.2);padding:5px 7px;border-radius:2px}.scene-tools{position:absolute;top:140px;right:36px;display:flex;gap:12px;z-index:5;align-items:center}.light-switch{display:flex;background:rgba(243,239,216,.54);border:1px solid rgba(66,89,46,.2);border-radius:3px;padding:4px}.light-switch button{font-size:10px;padding:8px 12px;border-radius:2px}.light-switch button.active{background:var(--ink);color:var(--paper)}#labels{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}.map-label{position:absolute;left:0;top:0;transform:translate(-50%,-100%);pointer-events:auto;white-space:nowrap;font-size:10px;letter-spacing:.5px;padding:8px 11px;background:rgba(245,242,224,.92);box-shadow:0 3px 12px rgba(48,64,40,.1);border:1px solid rgba(242,248,214,.7);border-radius:2px;color:#314333;transition:background .2s;min-height:32px}.map-label:after{content:"";position:absolute;left:50%;top:100%;height:13px;width:1px;background:rgba(43,69,37,.6)}.map-label:before{content:"";width:4px;height:4px;background:#628650;display:inline-block;border-radius:50%;margin-right:6px}.map-label.selected{background:#294a3d;color:#e3edca}.map-label.selected:before{background:#d5e99f}.compass{position:absolute;right:47px;top:225px;display:flex;align-items:center;flex-direction:column;color:var(--scene-ink);font:10px Consolas,monospace;gap:2px;pointer-events:none}.compass svg{width:49px;height:49px;stroke:none}.compass-caption{font-size:7px;letter-spacing:2px;margin-top:3px}.view-controls{position:absolute;right:42px;top:50%;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px;background:rgba(242,242,220,.7);border:1px solid rgba(54,78,41,.16);border-radius:3px;z-index:5}.view-controls button{width:34px;height:34px;display:grid;place-items:center;font-size:20px}.view-controls svg{width:17px;height:17px}.view-controls>span{width:20px;height:1px;background:rgba(54,78,41,.2)}.minimap{position:absolute;right:36px;bottom:90px;width:169px;background:var(--panel);color:var(--paper);border:1px solid var(--line);border-radius:3px;padding:12px;z-index:4}.minimap>div{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.minimap canvas{width:143px;height:94px;display:block;margin-top:10px;cursor:crosshair}.minimap small{display:block;text-align:center;font-size:8px;color:var(--muted);letter-spacing:1px;margin-top:8px}.interaction-hint{position:absolute;bottom:100px;left:calc(50% + 95px);transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:11px 16px;border:1px solid rgba(66,89,46,.16);border-radius:24px;background:rgba(242,243,224,.74);font-size:10px;letter-spacing:.5px;white-space:nowrap;pointer-events:none;color:#3c5038}.interaction-hint svg{width:15px;height:15px}.interaction-hint b{margin:0 7px;font-weight:400;opacity:.4}footer{position:absolute;bottom:0;left:36px;right:36px;height:59px;border-top:1px solid rgba(55,77,36,.2);display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.4px;color:var(--scene-ink)}footer button{font-size:9px;opacity:.8}footer i{width:4px;height:4px}kbd{font-family:inherit;display:inline-grid;place-items:center;border:1px solid rgba(66,89,46,.2);border-radius:2px;width:17px;height:17px;margin-left:13px;margin-right:4px;font-size:9px}.detail{position:absolute;left:350px;bottom:170px;z-index:4;width:300px;padding:20px 45px 19px 21px;border-radius:3px;background:var(--panel);color:var(--paper);border:1px solid var(--line);box-shadow:0 12px 40px var(--shadow)}.detail[hidden]{display:none}.detail>div>span{font-size:9px;letter-spacing:2px;color:var(--accent)}.detail h2{font-size:21px;font-weight:400;margin:10px 0}.detail p{font-size:11px;line-height:1.9;color:var(--muted);margin:0}.detail button{position:absolute;right:12px;top:12px;font-size:22px;color:var(--muted)}.loading{position:absolute;inset:0;z-index:20;background:#d9dcc3;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .6s}.loading.done{opacity:0;pointer-events:none}.loading-mark{display:grid;place-items:center;width:65px;height:65px;border:1px solid #7c9071;border-radius:50%;font-size:32px;font-family:"Microsoft YaHei",sans-serif}.loading h2{font-size:17px;font-weight:400;letter-spacing:4px;margin:27px 0 10px}.loading p{font-size:8px;letter-spacing:3px}.loading-line{height:1px;width:140px;background:#8b9f7e;margin-top:24px;animation:load 1.3s ease-in-out infinite alternate;transform-origin:left}@keyframes load{from{transform:scaleX(.25)}to{transform:scaleX(1)}}.error{position:absolute;inset:20%;z-index:25;background:var(--paper);padding:40px}.error button{padding:12px;background:var(--ink);color:var(--paper)}dialog{max-width:560px;width:calc(100% - 36px);padding:44px;color:var(--paper);border:1px solid var(--line);border-radius:5px;background:#213c33;box-shadow:0 20px 100px rgba(15,32,22,.3);max-height:90dvh}dialog::backdrop{background:rgba(22,41,33,.5);backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:18px;top:15px;font-size:25px}dialog h2{font-size:29px;line-height:1.5;font-weight:400;margin:22px 0}dialog p{font-size:12px;line-height:1.9;color:var(--muted)}.notice{border:1px solid var(--line);padding:16px;margin:24px 0}.notice strong{font-size:13px;font-weight:500;color:var(--accent)}.notice p{margin:8px 0 0;font-size:11px}dialog h3{font-size:12px;font-weight:500}dialog a{display:flex;justify-content:space-between;text-decoration:none;border-bottom:1px solid var(--line);font-size:12px;padding:12px 0}dialog .dialog-tip{font-size:10px;margin-top:22px}.night{color:var(--ink);--scene-ink:#d1dbbe;--ink:#c6d8b5;--shadow:rgba(8,16,24,.25);background:radial-gradient(ellipse at 70% 15%,#42575c,#273d47 55%,#172d37)}.night .masthead,.night footer{border-color:rgba(211,230,205,.16)}.night .brand-dot{color:#c7dd9d}.night .light-switch,.night .view-controls{background:rgba(23,46,49,.8);color:#d1dbbe}.night .light-switch button.active{background:#d8e9b1;color:#263e35}.night .icon-button{border-color:rgba(211,230,205,.26)}.night .scene-tag{border-color:rgba(211,230,205,.26)}.night .atmosphere{background:transparent}.night .mode-switch .active{color:#203b33}.night .interaction-hint{background:rgba(23,46,49,.85);color:#d1dbbe}.night .topnav button.active:after{background:#d1dbbe}
@media(min-width:1700px){.explorer{width:305px;top:155px;left:50px;padding:31px 27px 0;max-height:810px}.explorer h1{font-size:34px}.destination{padding:17px 10px;font-size:14px}.scene-heading,.detail{left:402px}#viewport{left:340px}.masthead,footer{left:50px;right:50px}.scene-tools{right:50px}.explorer-intro p{font-size:13px}}
@media(max-height:800px) and (min-width:761px){.explorer{top:116px;bottom:76px;padding-top:20px}.explorer h1{font-size:24px;margin:12px 0 6px}.explorer-intro p{font-size:11px;margin-bottom:14px}.list-heading{margin-top:18px}.destination{padding:10px 8px;min-height:36px}.explorer-foot{padding:13px 0}.scene-heading{top:122px}.scene-tools{top:120px}.minimap{bottom:78px}.interaction-hint{bottom:80px}.detail{bottom:135px}.masthead{height:87px}}
@media(max-width:1100px){.topnav{gap:22px}.brand small{font-size:7px}.explorer{left:24px;width:247px;padding-left:19px;padding-right:19px}#viewport{left:245px}.scene-heading,.detail{left:300px}.masthead,footer{left:24px;right:24px}.campus-chip{display:none}.scene-tools{right:24px}.scene-heading .section-kicker{display:none}.scene-tag{display:none}.minimap{right:24px;width:140px;padding:10px}.minimap canvas{width:118px;height:78px}.interaction-hint{font-size:9px;left:calc(50% + 50px)}.view-controls{right:25px}.compass{right:28px}}
@media(max-width:760px){.masthead{height:80px;left:20px;right:20px}.brand strong{font-size:21px;letter-spacing:2px}.brand-mark{width:38px;height:38px}.brand-mark svg{width:25px;height:25px}.brand small{font-size:6px;letter-spacing:1.2px}.brand{gap:9px}.topnav{display:none}.header-end{gap:0}.icon-button{width:34px;height:34px}.explorer{left:14px;right:14px;bottom:48px;top:auto;width:auto;max-height:190px;height:auto;padding:13px 15px 14px;border-radius:5px}.explorer-intro,.explorer-foot,.list-heading{display:none}.mode-switch{width:190px;padding:3px;margin-bottom:10px}.mode-switch button{padding:8px 0;font-size:10px}.destinations{display:flex;flex:initial;min-height:0;overflow:auto;gap:6px;padding-bottom:4px;scrollbar-width:none}.destination{flex:0 0 auto;min-height:38px;width:auto;border:1px solid var(--line);padding:9px 11px;font-size:11px;gap:7px}.destination .arrow{display:none}.destination.active{border-color:rgba(216,235,177,.55)}#viewport{left:0;top:90px;right:0;bottom:178px}.scene-heading{left:22px;top:108px}.scene-heading #scene-title{font-size:20px;letter-spacing:2px}.scene-tools{top:104px;right:19px;gap:8px}.scene-tools .icon-button{display:none}.light-switch button{font-size:9px;padding:7px 10px}.light-switch{padding:3px}.compass{top:165px;right:21px}.compass svg{width:33px;height:33px}.compass-caption{display:none}.view-controls{right:18px;top:auto;bottom:220px;padding:3px}.view-controls button{width:31px;height:31px}.minimap{display:none}.interaction-hint{left:50%;bottom:194px;padding:7px 12px;font-size:8px;gap:5px}.interaction-hint svg{width:12px;height:12px}.interaction-hint b{margin:0 4px}footer{left:20px;right:20px;height:35px;font-size:6px;letter-spacing:.8px}footer .keyboard-hint{display:none}footer button{font-size:7px;padding:0}.detail{left:19px;bottom:232px;width:240px;padding:15px 33px 15px 16px}.detail h2{font-size:18px;margin:7px 0}.detail p{font-size:10px;line-height:1.7}.detail>div>span{font-size:8px}.map-label{font-size:9px;padding:6px 8px;min-height:28px}dialog{padding:30px 24px}dialog h2{font-size:25px}}
/* Atlas refinement: stronger type, quieter edges, deliberate interaction states. */
:root{--panel-solid:#203b33;--panel-top:#29483c;--control-bg:rgba(246,242,222,.84);--control-line:rgba(41,66,47,.19);--soft-ink:#60725b;--glass-edge:rgba(240,244,213,.26);--model-stone:#c6c9b0;--model-green:#8b9f72;--model-water:#6d9e96}
button,a{-webkit-font-smoothing:antialiased}button{transition:background .18s,color .18s,box-shadow .18s,transform .18s}button:hover{filter:none}button:active{transform:translateY(1px)}
.masthead{border-bottom-color:var(--control-line)}.brand strong{font-weight:600}.brand small{font-size:9px;letter-spacing:1.5px}.brand-mark{box-shadow:inset 0 0 0 4px rgba(245,240,216,.22);border-color:rgba(41,66,47,.35)}
.topnav{gap:36px}.topnav button{font-size:14px}.topnav button:hover{opacity:1}.topnav button.active:after{bottom:23px;height:2px}.campus-chip{border:1px solid var(--control-line);padding:8px 12px;border-radius:20px;background:rgba(244,239,217,.24)}
.explorer{background:linear-gradient(145deg,var(--panel-top),var(--panel-solid) 55%);box-shadow:0 22px 54px var(--shadow),inset 0 1px 0 var(--glass-edge);border-radius:7px;border-color:rgba(240,244,213,.22)}.eyebrow{font-size:9px;letter-spacing:1.4px}.explorer h1{font-weight:450;letter-spacing:1.2px;line-height:1.5;margin:19px 0 12px}.explorer-intro p{color:#bdcbbd;font-size:12px}.mode-switch{border:1px solid rgba(210,231,200,.08);padding:4px;border-radius:5px}.mode-switch button{border-radius:3px;font-size:12px;min-height:40px}.mode-switch button:not(.active):hover{background:rgba(210,231,200,.08);color:var(--paper)}.mode-switch .active{box-shadow:0 2px 6px rgba(10,29,24,.15)}
.list-heading{font-size:10px;margin-top:22px;letter-spacing:1px}.destination{font-size:13px;min-height:44px;padding:10px 9px;gap:12px}.destination:hover{background:rgba(204,224,192,.075)}.destination.active{background:rgba(207,231,168,.13);box-shadow:inset 0 0 0 1px rgba(211,233,176,.13);border-radius:3px}.destination .num{font-size:10px;opacity:.75}.destination-kind{margin-left:auto;font-size:9px;color:var(--muted);letter-spacing:1px}.destination .arrow{font-size:14px;width:0;margin:0;overflow:hidden;transition:width .2s}.destination:hover .arrow,.destination.active .arrow{width:13px}.destination.active .destination-kind{color:var(--accent);opacity:.7}.explorer-foot{font-size:11px;border-top:1px solid var(--line);padding:17px 0}.explorer-foot small{font-size:10px}
.scene-heading #scene-title{font-size:28px;letter-spacing:3px}.section-kicker{font-size:10px;letter-spacing:2.2px;margin-bottom:15px}.scene-tag{font-size:10px;letter-spacing:.5px;padding:6px 8px;background:rgba(244,239,217,.2)}
.scene-tools{gap:10px}.light-switch{padding:4px;border-radius:6px;background:var(--control-bg);border-color:var(--control-line);box-shadow:0 3px 16px rgba(46,66,43,.05)}.light-switch button{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 13px;border-radius:3px;font-size:11px;min-height:35px}.light-switch button svg{height:15px;width:15px;stroke-width:1.4}.light-switch button:not(.active):hover{background:rgba(50,78,39,.06)}.icon-button{border-color:var(--control-line);background:rgba(244,239,217,.24)}.icon-button:hover{background:var(--control-bg)}
.map-label{font-size:11px;letter-spacing:.5px;padding:9px 12px;background:rgba(247,244,227,.95);border-color:rgba(252,249,227,.75);border-radius:4px;box-shadow:0 4px 12px rgba(43,59,35,.12),0 1px 2px rgba(43,59,35,.08)}.map-label:hover{background:#e8efce;box-shadow:0 6px 18px rgba(43,59,35,.18)}.map-label.selected{background:#294a3d;border-color:#809a69;color:#e3edca}.map-label.selected:hover{background:#345a46}.map-label:after{height:16px}.map-label:before{width:5px;height:5px}.view-controls{padding:5px;border-radius:7px;background:var(--control-bg);box-shadow:0 6px 20px rgba(43,59,35,.07)}.view-controls button{width:38px;height:38px;border-radius:4px}.view-controls button:hover{background:rgba(57,79,42,.08)}
.minimap{width:181px;padding:14px;border-radius:6px;background:linear-gradient(145deg,var(--panel-top),var(--panel-solid));box-shadow:0 10px 30px var(--shadow),inset 0 1px 0 var(--glass-edge)}.minimap canvas{width:151px;height:99px;border-radius:2px;border:1px solid var(--line);margin-top:12px}.minimap>div{font-size:10px}.minimap small{font-size:9px;letter-spacing:.5px}.map-legend{position:absolute;right:36px;bottom:282px;display:flex;gap:10px;font-size:9px;color:var(--scene-ink);z-index:3}.map-legend span{display:flex;align-items:center;gap:5px}.map-legend i{width:6px;height:6px;border:1px solid rgba(50,70,40,.15);display:block}.legend-building{background:var(--model-stone)}.legend-nature{background:var(--model-green)}.legend-water{background:var(--model-water)}
.interaction-hint{font-size:11px;padding:11px 16px;background:var(--control-bg);border-color:var(--control-line);box-shadow:0 3px 15px rgba(46,66,43,.04)}footer{font-size:9px}footer button{font-size:10px}kbd{font-size:10px;width:19px;height:19px}
.detail{width:320px;padding:22px 22px 10px;border-radius:6px;background:linear-gradient(145deg,var(--panel-top),var(--panel-solid));box-shadow:0 14px 38px var(--shadow),inset 0 1px 0 var(--glass-edge)}.detail h2{font-size:24px;margin:11px 0}.detail p{font-size:12px;line-height:1.95;padding-right:4px}.detail #detail-close{width:30px;height:30px;top:8px;right:8px;border-radius:50%}.detail #detail-close:hover{background:rgba(221,233,203,.08)}.detail-navigation{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:17px;gap:8px}.detail .detail-navigation button{position:static;font-size:11px;min-height:42px;color:var(--paper);padding:0 5px}.detail-navigation button:hover{color:var(--accent);background:rgba(221,233,203,.05)}.detail-navigation span{font:9px Consolas,monospace;letter-spacing:1px;color:var(--muted)}.detail.arriving{animation:detail-arrive .4s ease-out both}@keyframes detail-arrive{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
.tour-status{margin-top:13px;display:flex;justify-content:space-between;flex-wrap:wrap;font-size:9px;color:var(--accent);gap:8px}.tour-status[hidden]{display:none}.tour-status>span:nth-child(2){color:var(--muted)}.tour-status>div{height:2px;background:var(--line);width:100%;overflow:hidden}.tour-status i{display:block;height:100%;width:100%;background:var(--accent);transform-origin:left;transform:scaleX(0)}
.night{--control-bg:rgba(29,50,50,.93);--control-line:rgba(196,221,191,.23);--panel-top:#28463e;--panel-solid:#1b342f}.night .campus-chip,.night .scene-tag,.night .icon-button{background:rgba(27,52,47,.35)}.night .icon-button:hover{background:#33564a}.night .view-controls button:hover{background:rgba(190,222,165,.1)}.night .light-switch button:not(.active):hover{background:rgba(190,222,165,.08)}.night .brand-mark{border-color:var(--control-line);box-shadow:inset 0 0 0 4px rgba(204,222,193,.04)}
@media(min-width:1101px) and (max-width:1699px){.explorer{width:296px}.scene-heading,.detail{left:369px}#viewport{left:322px}.explorer h1{font-size:29px}}
@media(min-width:1700px){.destination{padding:14px 9px;min-height:49px}.map-legend{right:50px}}
@media(max-height:800px) and (min-width:761px){.explorer h1{font-size:24px;margin:10px 0}.explorer-intro p{margin-bottom:12px;font-size:11px}.mode-switch button{min-height:32px;padding:7px 0;font-size:11px}.list-heading{margin-top:14px}.destination{min-height:37px;padding:8px 8px;font-size:12px}.explorer-foot{padding:11px 0}.detail{bottom:135px}.map-legend{bottom:267px}.tour-status{margin-top:9px}}
@media(max-width:1100px){.destination-kind{display:none}.scene-heading #scene-title{font-size:24px}.light-switch button{padding:8px 9px}.map-legend{right:24px;gap:8px}.minimap{width:161px}.minimap canvas{width:131px;height:86px}.detail{left:295px;width:290px}}
@media(max-width:760px){.brand small{font-size:6px;letter-spacing:1.2px}.scene-heading #scene-title{font-size:20px}.scene-tools{top:101px;right:17px}.light-switch{padding:3px}.light-switch button{font-size:10px;padding:9px;gap:4px;min-width:44px;min-height:36px}.light-switch button svg{display:none}.explorer{padding:13px 15px 12px;border-radius:9px;bottom:47px;box-shadow:0 12px 36px rgba(31,53,39,.2)}.mode-switch{width:204px;margin-bottom:9px}.mode-switch button{font-size:11px;min-height:39px;padding:7px 0}.destination{min-height:44px;font-size:12px;padding:10px 12px;gap:8px}.destination-kind{display:none}.destination:hover .arrow,.destination.active .arrow{display:none}.map-legend{display:none}.view-controls{right:17px;bottom:233px;padding:4px}.view-controls button{width:40px;height:40px}.icon-button{min-width:44px;min-height:44px}.interaction-hint{font-size:9px;padding:8px 12px;bottom:210px}.detail{left:18px;bottom:248px;width:min(265px,calc(100vw - 95px));padding:17px 16px 7px}.detail h2{font-size:20px}.detail p{font-size:11px;line-height:1.8}.detail-navigation{margin-top:12px}.detail .detail-navigation button{font-size:10px;min-height:44px}.detail #detail-close{top:3px;right:2px;width:36px;height:36px}.map-label{font-size:10px;padding:8px 10px;min-height:33px}footer{font-size:6px}footer button{font-size:8px}.tour-status{position:absolute;right:17px;left:235px;top:20px;margin:0;font-size:8px;gap:5px}.tour-status>span:nth-child(2){display:none}}
@media(max-width:360px){.scene-heading{top:111px;left:18px}.scene-heading #scene-title{font-size:18px;letter-spacing:1px}.light-switch button{padding:7px;min-width:38px;font-size:9px}.scene-tools{right:16px}.tour-status{left:233px;right:15px}.tour-status>span{font-size:7px}.detail{width:215px;left:15px;bottom:235px}.detail p{font-size:10px}.view-controls{bottom:220px}.interaction-hint{bottom:201px;font-size:8px}}
.view-controls{transform:translateY(-50%)}
@media(max-height:800px) and (min-width:761px){.explorer{padding-top:18px}.explorer-intro p{display:none}.explorer h1{font-size:22px;line-height:1.35;margin:12px 0 17px}.mode-switch button{min-height:33px;padding:6px 0}.list-heading{margin:16px 0 7px}.destination{min-height:32px;padding:7px 8px;font-size:12px}.explorer-foot{padding:12px 0}.destinations{scrollbar-width:thin}}
@media(max-width:760px){.view-controls{transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(prefers-reduced-transparency:reduce){.explorer,.detail,.minimap{background:#203b33}.map-label{background:#f1eedb}}
@media(max-width:760px){.scene-heading{left:16px;top:102px;padding:8px 10px;background:var(--control-bg);border:1px solid var(--control-line);border-radius:5px}.scene-heading #scene-title{font-size:18px;letter-spacing:1px}}