@font-face{font-family:Local;src:local('Segoe UI')}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Local,'Segoe UI',Arial,sans-serif;color:#e8edf5;background:#111821}button{font:inherit;color:inherit;border:0;cursor:pointer}button:focus-visible,#viewport:focus-visible{outline:2px solid #71f1ce;outline-offset:4px}button:disabled{opacity:.4;cursor:default}button:hover{color:white}button[aria-pressed=true]{color:#88f4d1}h1,h2,p,figure{margin:0}button,.hud{user-select:none}.hud{position:absolute;z-index:3}#app{position:relative;height:100%;min-height:420px;isolation:isolate;background:radial-gradient(ellipse at 57% 51%,#263441 0%,#18232f 48%,#101720 100%)}#viewport{position:absolute;inset:0;touch-action:none}#viewport canvas{display:block;width:100%;height:100%;outline:none}.topbar{top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:26px 32px;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:13px}.brand-icon{font-size:37px;color:#7ce5c5}.brand h1{font-size:21px;letter-spacing:-.5px;font-weight:600}.edition{display:block;color:#92a3b5;font-size:12px;letter-spacing:1.6px;margin-top:5px}.view-switch{padding:5px;display:flex;gap:3px;border:1px solid #3b4956;background:#17222de8;border-radius:12px;box-shadow:0 8px 32px #0002}.view-switch button{padding:11px 17px;font-size:14px;background:transparent;border-radius:8px}.view-switch button[aria-pressed=true]{background:#34464c;color:#a8f6dc}.explorer{left:32px;top:132px;width:238px;background:linear-gradient(120deg,#17222dee,#17222dcc);border:1px solid #3c485551;border-radius:14px;overflow:hidden;backdrop-filter:blur(16px)}.panel-heading{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.8px;color:#9bacbd;padding:21px 22px 0}.tiny-square{width:6px;height:6px;background:#79edca;margin-top:5px}.explorer-intro{font-size:23px;line-height:1.35;font-weight:500;letter-spacing:-.7px;padding:15px 22px 23px}.zone-button{width:100%;padding:13px 22px;text-align:left;display:flex;align-items:center;gap:12px;background:transparent;border-left:2px solid transparent;color:#b7c5d2;font-size:14px}.zone-button:hover{background:#d2ecff09}.zone-button[aria-pressed=true]{background:#7adbc916;border-left-color:#72e8c4;color:#aeffe4}.zone-number{font-size:12px;color:#738a9c;font-variant-numeric:tabular-nums;letter-spacing:1px}.zone-button[aria-pressed=true] .zone-number{color:#78e6c3}.panel-foot{padding:19px 22px 21px;line-height:1.65;font-size:12px;color:#8296a8;border-top:1px solid #ffffff0b;margin-top:12px}.toolbar{bottom:50px;left:50%;transform:translateX(-50%);display:flex;align-items:center;padding:5px;border:1px solid #415261;background:#18232fee;border-radius:13px;box-shadow:0 12px 30px #0003;white-space:nowrap}.toolbar button{display:flex;align-items:center;gap:8px;padding:10px 13px;background:transparent;font-size:14px;border-radius:8px;min-height:41px}.toolbar button:hover{background:#edf9ff0c}.toolbar button>span:first-child{font-size:19px;line-height:1}.toolbar button[aria-pressed=true]{background:#75dfc00a}.zoom{right:32px;bottom:139px;display:flex;flex-direction:column;border:1px solid #43525e;background:#18232fee;border-radius:10px;overflow:hidden}.zoom button{width:44px;height:44px;background:transparent;font-size:25px;line-height:1}.zoom div{height:1px;margin:0 9px;background:#ffffff16}.hint{position:absolute;bottom:19px;left:50%;transform:translateX(-50%);color:#a0b1c2;font-size:12px;white-space:nowrap;pointer-events:none}.touch-hint{display:none}.model-note{position:absolute;bottom:22px;left:32px;color:#7f93a5;font-size:12px;pointer-events:none}.detail{right:32px;top:126px;width:282px;padding:24px;background:#15202bf2;backdrop-filter:blur(16px);border:1px solid #41525f;border-radius:14px;box-shadow:0 15px 60px #0004}.detail[hidden]{display:none}.close{position:absolute;right:12px;top:9px;width:30px;height:30px;background:transparent;color:#9cabba;font-size:27px}.detail-kicker{font-size:12px;letter-spacing:1.5px;color:#8ceaca;margin-bottom:10px}.detail h2{font-size:22px;line-height:1.2;font-weight:600}.detail p{font-size:14px;line-height:1.65;color:#bdcbd8;margin:14px 0 17px}.detail img{width:100%;height:145px;display:block;object-fit:cover;border-radius:7px}.detail figcaption{font-size:12px;color:#7d94a8;margin-top:7px}.focus-button{width:100%;background:#374d51;color:#c2ffec;border:1px solid #4b7169;border-radius:7px;padding:10px;margin-top:18px;font-size:14px}#labels{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}.scene-label{position:absolute;transform:translate(-50%,-100%);background:#111c26dd;border:1px solid #849cad55;border-radius:6px;padding:6px 10px;font-size:12px;color:#d4e6ef;letter-spacing:.2px;white-space:nowrap;box-shadow:0 4px 10px #0002;pointer-events:auto;cursor:pointer}.scene-label::after{content:'';position:absolute;left:50%;width:1px;height:15px;top:100%;background:#89a5b977}.scene-label.selected{color:#a7ffe1;border-color:#68d6b4;background:#16362eef}#loading,#error{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#111821;color:#cad8e5;gap:20px;text-align:center;padding:24px}#loading[hidden],#error[hidden]{display:none}#error h2{font-size:24px}#error p{font-size:16px;max-width:460px;line-height:1.6}#error button{background:#35554d;padding:12px 18px;border-radius:8px}.loader{width:35px;height:35px;border:2px solid #435260;border-top-color:#7bedca;border-radius:100%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.explorer{width:204px;left:20px}.explorer-intro{font-size:21px}.topbar{padding:23px 20px}.detail{right:20px;width:250px}.model-note{left:20px;bottom:20px;max-width:180px}.toolbar{left:55%}.hint{left:55%;font-size:12px}.scene-label{font-size:12px}}
@media(max-width:760px){#app{min-height:350px}.topbar{padding:15px 16px;align-items:flex-start}.brand{gap:8px}.brand-icon{font-size:28px}.brand h1{font-size:17px}.edition{font-size:10px;letter-spacing:1px}.view-switch{position:absolute;left:50%;transform:translateX(-50%);top:79px;padding:4px}.view-switch button{font-size:14px;padding:9px 14px}.explorer{top:auto;bottom:112px;left:14px;right:14px;width:auto;background:transparent;border:0;backdrop-filter:none;pointer-events:none;overflow:visible}.panel-heading,.explorer-intro,.panel-foot{display:none}#zone-list{display:flex;justify-content:flex-start;gap:6px;overflow-x:auto;padding-bottom:4px;pointer-events:auto;scrollbar-width:none}.zone-button{width:auto;flex-shrink:0;border:1px solid #52677566!important;background:#17222dec!important;padding:8px 12px;border-radius:7px;font-size:12px;gap:7px}.zone-button[aria-pressed=true]{border-color:#68d6b4!important}.zone-number{font-size:10px}.toolbar{left:50%;bottom:46px;max-width:calc(100% - 20px);padding:4px;gap:0}.toolbar button{padding:9px 11px;min-height:41px}.toolbar button>span:nth-child(2){display:none}.toolbar button>span:first-child{font-size:21px}.zoom{right:14px;bottom:180px}.zoom button{width:39px;height:39px}.hint{left:50%;bottom:20px;font-size:12px}.desktop-hint{display:none}.touch-hint{display:inline}.model-note{display:none}.detail{right:14px;top:135px;width:244px;padding:20px;max-height:calc(100% - 305px);overflow:auto}.detail h2{font-size:20px}.detail p{font-size:14px}.detail img{height:92px}.detail figure{display:none}.detail .focus-button{margin-top:5px}.scene-label{font-size:10px;padding:5px 7px}}
@media(prefers-reduced-motion:reduce){.loader{animation:none}}

.editor-link{display:block;margin:18px 15px 0;padding:12px;border:1px solid #71cbb580;border-radius:7px;background:#49776630;color:#b5ffe6;font-size:13px;text-align:center;text-decoration:none}.editor-link:hover{background:#49776660}.editor-mobile-link{display:none;color:#b5ffe6;font-size:12px;text-decoration:none;border:1px solid #71cbb570;border-radius:6px;padding:8px;background:#18342fee}.cloud-label{background:#e6f6ffe8;color:#355773;border-color:#b9e2f4;pointer-events:none;font-weight:600}.cloud-label::after{background:#b9e2f4}
@media(max-width:760px){.editor-mobile-link{display:block}.editor-link{display:none}}