:root{--bg:#0e1116;--panel:#161b22cc;--line:#2b3340;--txt:#d8e0ea;--dim:#7b8798;--acc:#e8b06a}*{box-sizing:border-box;margin:0}html,body{height:100%;overflow:hidden;overscroll-behavior:none;background:var(--bg);color:var(--txt);font:13px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;-webkit-tap-highlight-color:transparent}
#c{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}#c.drag{cursor:grabbing}
.bar{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;gap:6px;align-items:center;padding:9px 10px;background:linear-gradient(180deg,rgba(8,11,18,.92),rgba(8,11,18,.55) 70%,rgba(8,11,18,0));backdrop-filter:blur(8px);border-bottom:1px solid rgba(232,176,106,.18);flex-wrap:nowrap;pointer-events:none}.bar>*{pointer-events:auto}
.tools{display:flex;flex-wrap:wrap;gap:6px;align-items:center;flex:1 1 auto;min-width:0}
.logo{color:var(--acc);margin-right:4px;font-size:14px;text-shadow:0 0 12px rgba(232,176,106,.6);letter-spacing:.5px}
.btn{background:linear-gradient(180deg,#232c3d,#171d29);border:1px solid var(--line);color:var(--txt);padding:5px 9px;border-radius:6px;cursor:pointer;white-space:nowrap;transition:.15s;box-shadow:0 1px 0 rgba(255,255,255,.05) inset}.btn:hover{border-color:var(--acc);color:var(--acc);box-shadow:0 0 12px rgba(232,176,106,.35);transform:translateY(-1px)}.btn:active{transform:translateY(0);border-color:var(--acc)}
#search,#filter{background:linear-gradient(180deg,#232c3d,#171d29);border:1px solid var(--line);color:var(--txt);padding:5px 8px;border-radius:6px;min-width:150px;transition:.15s}#search:focus{outline:none;border-color:var(--acc);box-shadow:0 0 12px rgba(232,176,106,.3)}
.tgl{display:flex;gap:4px;align-items:center;color:var(--dim);cursor:pointer;user-select:none}.tgl input{accent-color:var(--acc)}
.status{margin-left:auto;color:var(--dim);font-size:11px}
main{position:absolute;inset:0}
#hint{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:4}#hint[hidden]{display:none}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:26px 34px;text-align:center;max-width:440px;backdrop-filter:blur(6px)}.card h2{color:var(--acc);margin-bottom:10px;font-size:18px}.card p{margin:6px 0;color:var(--txt)}.dim{color:var(--dim)!important;font-size:11px}
#tip{position:absolute;z-index:6;background:#0b0e13ee;border:1px solid var(--acc);border-radius:6px;padding:6px 9px;pointer-events:none;font-size:12px;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#tip b{color:var(--acc)}#tip i{color:var(--dim);font-style:normal}
#details{position:absolute;right:10px;top:56px;width:290px;max-height:calc(100% - 130px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px;z-index:6;backdrop-filter:blur(8px)}#details h3{color:var(--acc);word-break:break-all;font-size:14px;margin-bottom:8px}#details .row{display:flex;justify-content:space-between;gap:8px;padding:4px 0;border-bottom:1px dashed var(--line)}#details .row span:last-child{text-align:right;word-break:break-all}#details h4{margin:12px 0 4px;font-size:12px;color:var(--dim)}#details a,#details li a{color:#7fb4ff;cursor:pointer;text-decoration:none}#details a:hover{text-decoration:underline}#details ul{list-style:none}#details button.x{position:absolute;top:8px;right:10px;background:none;border:0;color:var(--dim);cursor:pointer;font-size:20px;padding:8px;min-width:44px;min-height:44px}#details.tour{left:50%;right:auto;top:56%;transform:translate(-50%,-50%);width:340px;max-height:64vh;z-index:8;box-shadow:0 14px 44px rgba(0,0,0,.55);transition:left .35s ease,top .35s ease,transform .35s ease,width .35s ease}
#scrim{position:absolute;inset:0;background:rgba(0,0,0,.4);z-index:5}#scrim[hidden]{display:none}
.toast{position:absolute;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:7;background:#0b0e13ee;border:1px solid var(--acc);border-radius:8px;padding:8px 12px;font-size:12px;max-width:90vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.toast[hidden]{display:none}.toast b{color:var(--acc)}.toast i{color:var(--dim);font-style:normal}
#legend{position:absolute;left:10px;bottom:10px;z-index:5;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px;backdrop-filter:blur(8px);max-width:230px}#legend h4{font-size:11px;color:var(--dim);margin-bottom:6px}#legend .lrow{display:flex;align-items:center;gap:7px;font-size:11px;margin:3px 0}.sw{width:14px;height:18px;border-radius:1px 1px 0 0;border:1px solid rgba(0,0,0,.35);flex:0 0 auto}.road{width:22px;height:5px;flex:0 0 auto;background:#1e1c1a;border-radius:2px;position:relative;border:1px solid rgba(0,0,0,.5)}.road::after{content:'';position:absolute;top:1px;left:2px;right:2px;height:1px;background:repeating-linear-gradient(90deg,rgba(240,230,180,.7) 0 5px,transparent 5px 9px)}.hbar{display:flex;gap:3px;align-items:flex-end;height:26px;margin-top:6px}.hbar i{display:block;width:9px;background:var(--acc);opacity:.85}
@media(max-width:720px){.bar{gap:5px;padding:calc(6px + env(safe-area-inset-top)) 6px 6px;max-height:none;overflow:visible}.tools{display:none}.tools.open{display:flex;flex-wrap:wrap;gap:6px;padding:8px 6px;max-height:52vh;overflow:auto;flex-basis:100%}.status{display:block;font-size:10px;flex-basis:100%;text-align:center}#search{min-width:0;flex:1 1 120px}#filter{min-width:0;flex:1 1 90px}.btn{padding:10px 12px;min-height:44px;display:flex;align-items:center;justify-content:center}.tgl{font-size:11px;padding:10px 6px;min-height:44px}#search,#filter{min-height:44px}#details{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));top:auto;width:auto;max-height:44vh;border-radius:14px;padding-top:22px;box-shadow:0 -8px 30px rgba(0,0,0,.5)}#details::before{content:'';position:absolute;top:8px;left:50%;transform:translateX(-50%);width:40px;height:4px;border-radius:2px;background:var(--line)}#legend{font-size:10px;padding:6px 10px;max-width:none;bottom:calc(8px + env(safe-area-inset-bottom))}#legend .legend-body{display:none}#legend.open{max-width:200px;max-height:40vh;overflow:auto}#legend.open .legend-body{display:block}body.details-open #legend{display:none}.card{padding:18px 20px;margin:0 14px}#tip{display:none!important}}
@media(max-width:900px) and (orientation:landscape){.tools.open{max-height:70vh}#details{max-height:70vh}}
@media(pointer:coarse){#c{touch-action:none}.btn,.tgl{user-select:none}}
.city-label,.district-label{font:bold 11px ui-monospace,monospace;color:#e6dfd4;padding:1px 6px;border:1px solid rgba(232,176,106,.28);border-radius:4px;background:rgba(11,14,19,.68);backdrop-filter:blur(3px);text-shadow:0 1px 3px #000,0 0 6px #000,0 0 10px rgba(0,0,0,.8);white-space:nowrap;pointer-events:none;transform:translateY(-4px);transition:opacity .2s}
.city-label{border-color:rgba(160,175,195,.35)}
.district-label{color:#e8b06a;font-size:12px;border-color:rgba(232,176,106,.55);background:rgba(11,14,19,.78)}
#tod{width:120px;height:44px;accent-color:var(--acc);vertical-align:middle}
.vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip:focus,.skip:focus-visible{position:fixed!important;top:8px;left:8px;width:auto;height:auto;margin:0;clip:auto;z-index:30;background:#0b0e13;border:1px solid var(--acc);border-radius:6px;padding:8px 12px;color:var(--acc)}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
#insights{position:absolute;left:10px;top:56px;z-index:5;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px;backdrop-filter:blur(8px);max-width:230px}#insights h4{font-size:11px;color:var(--dim);margin-bottom:6px}#insights .lrow{display:flex;justify-content:space-between;gap:8px;font-size:11px;margin:3px 0}#insights .lrow span:last-child{text-align:right;word-break:break-all}#insights b{color:var(--acc)}
#details .imp{margin:6px 0}#details .imp summary{cursor:pointer;color:var(--dim);font-size:11px}#details .imp li{padding:2px 0}
.keys{list-style:none;text-align:left;margin-top:12px;display:grid;gap:7px;font-size:12px}.keys b{color:var(--acc);display:inline-block;min-width:56px}
.tools.open{overscroll-behavior:contain}
@media(prefers-reduced-motion:reduce){.toast,#tip,.city-label,.district-label,.load-orbit i{transition:none!important;animation:none!important}#details,#details.tour,#legend,.btn{transition:none!important}}
.load-screen{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at 50% 46%,rgba(28,35,47,.78),rgba(6,9,14,.9) 70%);backdrop-filter:blur(9px);animation:load-in .35s ease both}.load-screen[hidden]{display:none}.load-card{width:min(390px,100%);padding:29px 30px 24px;text-align:center;border:1px solid rgba(232,176,106,.3);border-radius:20px;background:linear-gradient(145deg,rgba(27,34,46,.97),rgba(12,16,23,.97));box-shadow:0 24px 80px #0009,0 0 50px rgba(232,176,106,.09),inset 0 1px rgba(255,255,255,.06);animation:load-card-in .55s cubic-bezier(.2,.8,.2,1) both}.load-orbit{position:relative;width:76px;height:76px;margin:0 auto 20px;border:1px solid rgba(232,176,106,.22);border-radius:50%;animation:load-spin 7s linear infinite}.load-orbit:before,.load-orbit:after{content:'';position:absolute;inset:8px;border:1px dashed rgba(127,180,255,.3);border-radius:50%;animation:load-spin 9s linear infinite reverse}.load-orbit:after{inset:17px;border-style:solid;border-color:rgba(232,176,106,.15)}.load-orbit b{position:absolute;inset:0;display:grid;place-items:center;color:var(--acc);font-size:27px;text-shadow:0 0 18px rgba(232,176,106,.65);animation:load-pulse 1.8s ease-in-out infinite}.load-orbit i{position:absolute;top:7px;left:35px;width:6px;height:6px;border-radius:50%;background:#e8b06a;box-shadow:0 0 12px #e8b06a}.load-orbit i:nth-child(2){top:52px;left:9px;background:#7fb4ff;box-shadow:0 0 12px #7fb4ff}.load-orbit i:nth-child(3){top:51px;left:59px;background:#9de4c1;box-shadow:0 0 12px #9de4c1}.load-eyebrow{margin-bottom:7px;color:var(--acc);font-size:9px;letter-spacing:2.2px}.load-card h2{font:600 20px/1.3 ui-monospace,monospace;color:var(--txt)}.load-message{min-height:20px;margin:7px 0 20px;color:var(--dim);font-size:11px}.load-track{height:5px;overflow:hidden;border-radius:8px;background:#090c11;box-shadow:inset 0 1px 3px #000}.load-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7fb4ff,var(--acc),#f2d39a);box-shadow:0 0 13px rgba(232,176,106,.65);transition:width .28s ease}.load-meta{display:flex;justify-content:space-between;margin-top:9px;color:var(--dim);font-size:10px}.load-meta span:last-child{color:var(--acc);font-variant-numeric:tabular-nums}@keyframes load-spin{to{transform:rotate(360deg)}}@keyframes load-pulse{50%{transform:scale(1.12);filter:brightness(1.35)}}@keyframes load-in{from{opacity:0}to{opacity:1}}@keyframes load-card-in{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.load-screen,.load-card,.load-orbit,.load-orbit:before,.load-orbit b{animation:none}.load-track span{transition:none}}