:root{--ink:#1c2a31;--ink-soft:#5b6a71;--glass:#ffffffbd;--glass-line:#ffffffa6;--shadow:0 6px 22px #0c202a2e;--accent:#e0582a;--sea:#27495a;--ts:.4;--ts-h:38%;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}@media (prefers-color-scheme:dark){:root{--ink:#e8eef0;--ink-soft:#a3b1b7;--glass:#18242ab8;--glass-line:#ffffff1f;--shadow:0 6px 22px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--sea);height:100%;color:var(--ink);margin:0;overflow:hidden}#map{background:var(--sea);position:fixed;inset:0}#map:focus,#map :focus{outline:none}canvas.life{transition:opacity .35s ease-out}canvas.life,canvas.actors{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#tiltshift{pointer-events:none;position:absolute;inset:0;overflow:hidden}#tiltshift[hidden]{display:none}.ts-band{height:calc(var(--ts-h) + 40px);position:absolute;left:0;right:0}.ts-top{top:-40px}.ts-bottom{bottom:-40px}.ts-band i{position:absolute;inset:0}.ts-band i:nth-child(odd){display:none}.ts-band i:nth-child(2){--b:3.6px;--reach:92%;--ramp:44%}.ts-band i:nth-child(4){--b:13.5px;--reach:50%;--ramp:36%}.ts-band i{-webkit-backdrop-filter:blur(calc(var(--b) * var(--ts)))}.ts-top i{-webkit-mask-image:linear-gradient(to bottom, #000 0, #000 calc(var(--reach) - var(--ramp)), transparent var(--reach));mask-image:linear-gradient(to bottom, #000 0, #000 calc(var(--reach) - var(--ramp)), transparent var(--reach));-webkit-mask-image:linear-gradient(to bottom, #000 0, #000 calc(var(--reach) - var(--ramp)), transparent var(--reach))}.ts-bottom i{-webkit-mask-image:linear-gradient(to top, #000 0, #000 calc(var(--reach) - var(--ramp)), transparent var(--reach));mask-image:linear-gradient(to top, #000 0, #000 calc(var(--reach) - var(--ramp)), transparent var(--reach));-webkit-mask-image:linear-gradient(to top, #000 0, #000 calc(var(--reach) - var(--ramp)), transparent var(--reach))}.panel{z-index:2;background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(1.4);border:1px solid var(--glass-line);box-shadow:var(--shadow);border-radius:14px;position:fixed}button{font:inherit;color:inherit;cursor:pointer}.panel button{background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.panel button:hover{background:#7f8c9129}.panel button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.search{align-items:center;gap:10px;width:min(400px,100vw - 160px);height:46px;padding:0 14px;display:flex;top:16px;left:50%;transform:translate(-50%)}.search svg{color:var(--ink-soft);flex:none}.search input{min-width:0;height:100%;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:15px}.search input::placeholder{color:var(--ink-soft)}.search input::-webkit-search-cancel-button{display:none}.search kbd{color:var(--ink-soft);border:1px solid #7f8c9166;border-radius:5px;padding:1px 6px;font:12px ui-monospace,monospace}#results{background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(1.4);border:1px solid var(--glass-line);box-shadow:var(--shadow);border-radius:14px;max-height:60vh;margin:0;padding:6px;list-style:none;position:absolute;top:52px;left:0;right:0;overflow:auto}#results li{cursor:pointer;border-radius:9px;justify-content:space-between;gap:12px;padding:8px 10px;display:flex}#results li small{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#results li[aria-selected=true],#results li:hover{background:#e0582a24}#results .none{color:var(--ink-soft);cursor:default;background:0 0!important}.tilt{flex-direction:column;align-items:center;gap:8px;width:54px;padding:6px;display:flex;top:16px;right:16px}.tilt button{width:40px;height:40px}.tilt.on button{color:#fff;background:var(--accent)}.tilt input{writing-mode:vertical-lr;width:22px;height:112px;accent-color:var(--accent);direction:rtl;margin:4px 0 6px}.tilt:not(.on) input{opacity:.35}.tools{flex-direction:column;gap:4px;width:54px;padding:6px;display:flex;bottom:44px;right:16px}.tools button{width:40px;height:40px}.layers{border-radius:999px;gap:4px;padding:5px;display:flex;bottom:16px;left:50%;transform:translate(-50%)}.layers[hidden]{display:none}.layers button{white-space:nowrap;border-radius:999px;height:34px;padding:0 14px;font-size:14px}.layers button[aria-checked=true]{background:var(--accent);color:#fff}.layers .wait{opacity:.55;cursor:default}.layers .sep{background:#7f8c9159;width:1px;margin:6px 4px}.layers .scale{padding:0 11px;font-size:13px}.layers .scale[aria-pressed=true]{box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--accent)}.layers .wait:hover{background:0 0}#divider{z-index:2;width:0;position:fixed;top:0;bottom:0;left:50%}#divider[hidden]{display:none}#divider:before{content:"";background:#ffffffe6;width:2px;position:absolute;top:0;bottom:0;left:-1px;box-shadow:0 0 0 1px #00000026}#divider span{width:40px;height:40px;box-shadow:var(--shadow);cursor:ew-resize;touch-action:none;background:#fff;border-radius:50%;margin-top:-20px;position:absolute;top:50%;left:-20px}#divider span:before,#divider span:after{content:"";border:6px solid #0000;position:absolute;top:14px}#divider span:before{border-right-color:var(--accent);left:3px}#divider span:after{border-left-color:var(--accent);right:3px}.compare-label{z-index:2;color:#fff;pointer-events:none;background:#00000073;border-radius:999px;padding:3px 10px;font-size:12px;position:fixed;top:74px}.navigator{box-shadow:var(--shadow);overflow:hidden;border:1px solid var(--glass-line)!important;background:var(--glass)!important;border-radius:12px!important;margin:0 0 16px 16px!important}.navigator .displayregion{border-radius:3px;border:2px solid var(--accent)!important}.about{width:min(360px,100vw - 100px);padding:16px 18px 14px;font-size:14px;line-height:1.6;top:16px;right:84px}.about[hidden]{display:none}.about h1{margin:0 24px 8px 0;font-size:16px;font-weight:600}.about p{color:var(--ink-soft);margin:0 0 10px}.about .close{width:30px;height:30px;font-size:20px;line-height:1;position:absolute;top:8px;right:8px}.keys{grid-template-columns:auto 1fr;gap:3px 12px;margin:0;font-size:13px;display:grid}.keys dt{color:var(--ink);font-family:ui-monospace,monospace}.keys dd{color:var(--ink-soft);margin:0}.attrib{z-index:2;color:#fff;-webkit-font-smoothing:none;font-smooth:never;text-shadow:1px 1px #14181cd9;pointer-events:none;font-family:"Jersey 15",system-ui,sans-serif;font-size:15px;line-height:1.1;position:fixed;bottom:14px;right:16px}.brand{z-index:2;pointer-events:none;color:#fff;-webkit-font-smoothing:none;font-smooth:never;text-shadow:2px 2px #14181cbf;font-family:"Jersey 15",system-ui,sans-serif;position:fixed;top:10px;left:18px}.brand h1{margin:0;font-size:45px;font-weight:400;line-height:1}.brand p{text-shadow:1px 1px #14181cd9;margin:2px 0 0;font-size:15px;line-height:1}.minimap{z-index:2;box-sizing:content-box;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border:2px solid #1c2226;width:208px;position:fixed;bottom:16px;left:16px;box-shadow:0 3px 10px #0006}.minimap:active{cursor:grabbing}.minimap[hidden]{display:none}.minimap .mm{background:#1b6456;position:relative;overflow:hidden}.minimap img{object-fit:fill;pointer-events:none;width:100%;height:100%;display:block}.minimap i{box-sizing:border-box;pointer-events:none;border:2px solid #fff;position:absolute;box-shadow:0 0 0 1px #1c2226,inset 0 0 0 1px #1c2226}.minimap.whole i{opacity:0}.toast{z-index:3;color:#fff;background:#141e23db;border-radius:999px;padding:8px 14px;font-size:13px;position:fixed;bottom:72px;left:50%;transform:translate(-50%)}.toast[hidden],.attrib[hidden]{display:none}.empty{color:#fff;z-index:5;place-items:center;font-size:15px;display:grid;position:fixed;inset:0}.empty[hidden]{display:none}.pulse{pointer-events:none;border:3px solid var(--accent);opacity:0;border-radius:50%;width:44px;height:44px;animation:1.4s ease-out 3 pulse;box-shadow:0 0 0 3px #ffffffd9}@keyframes pulse{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}@media (width<=640px){.search{width:calc(100vw - 102px);left:16px;transform:none}.navigator{display:none!important}.tools{bottom:72px}.attrib{text-align:right;bottom:6px;left:130px;right:12px}.minimap{width:104px;bottom:12px;left:12px}.brand{top:10px;left:12px}.brand h1{font-size:30px}.brand p{margin-top:1px}.layers{bottom:22px}.about{width:calc(100vw - 32px);top:72px;right:16px}}@media (prefers-reduced-motion:reduce){.pulse{animation:none}}@media (hover:none){.search kbd{display:none}}