:root{--bg:#05060a;--fg:#eef2f8;--muted:#8b94a7;--accent:#5cc8ff;--fix:#62e6c3;--panel:rgba(9,12,20,.9);--border:rgba(255,255,255,.08)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--fg);overflow:hidden;font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}#map{position:absolute;inset:0;background:#05060a}.maplibregl-map{background:#05060a}.reticle{position:absolute;left:50%;top:50%;width:80px;height:80px;transform:translate(-50%,-50%);pointer-events:none;z-index:500}.reticle .h{position:absolute;left:50%;top:50%;width:80px;height:1px;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent,rgba(92,200,255,.7),transparent)}.reticle .v{position:absolute;left:50%;top:50%;width:1px;height:80px;transform:translate(-50%,-50%);background:linear-gradient(180deg,transparent,rgba(92,200,255,.7),transparent)}.reticle .ring{position:absolute;left:50%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%);border:1px solid rgba(98,230,195,.6);border-radius:50%}.reticle .dot{position:absolute;left:50%;top:50%;width:7px;height:7px;transform:translate(-50%,-50%);border-radius:50%;background:var(--fix);box-shadow:0 0 10px 2px #62e6c3cc}.brand{position:absolute;top:16px;left:18px;z-index:600;color:var(--fg);text-decoration:none;font-size:.82rem;letter-spacing:.34em;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,0,0,.6)}.panel{position:absolute;top:56px;left:16px;z-index:600;width:340px;max-width:calc(100vw - 32px);max-height:calc(100svh - 80px);overflow-y:auto;background:var(--panel);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border:1px solid var(--border);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:11px}.mig{display:block;background:#62e6c314;border:1px solid rgba(98,230,195,.3);border-radius:10px;padding:9px 11px;font-size:.68rem;line-height:1.6;color:var(--fg);text-decoration:none}.mig b{color:var(--fix)}.mig:hover{background:#62e6c324}.search{display:flex;gap:6px}.search input{flex:1;background:#ffffff0d;border:1px solid var(--border);border-radius:10px;color:var(--fg);padding:9px 11px;font-size:.86rem;outline:none}.search input:focus{border-color:#5cc8ff80}.search button{background:#5cc8ff24;border:1px solid rgba(92,200,255,.3);color:var(--accent);border-radius:10px;width:38px;cursor:pointer;font-size:1.05rem}.readouts{display:flex;flex-direction:column;gap:2px}.row{display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:8px;padding:6px;border-radius:8px}.row+.row{border-top:1px solid rgba(255,255,255,.045)}.row:hover{background:#ffffff08}.row .label{font-size:.6rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.row.primary .label{color:var(--accent)}.row .val{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.76rem;color:var(--fg);word-break:break-all;line-height:1.35}.row.primary .val{font-size:.9rem}.copy{background:transparent;border:none;color:#5a6478;cursor:pointer;font-size:.85rem;padding:2px}.copy:hover{color:var(--accent)}.ctrl-row{display:flex;align-items:center;gap:10px;font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.ctrl-row input[type=range]{flex:1;accent-color:var(--accent)}.ctrl-row b{color:var(--accent)}.seg{display:flex;gap:4px;background:#ffffff0a;padding:4px;border-radius:10px}.seg button{flex:1;background:transparent;border:none;color:var(--muted);padding:7px;border-radius:7px;cursor:pointer;font-size:.72rem;letter-spacing:.04em}.seg button.active{background:#5cc8ff29;color:var(--accent)}.toggles{display:flex;gap:6px}.tg{flex:1;background:#ffffff0d;border:1px solid var(--border);color:var(--muted);padding:8px 4px;border-radius:9px;cursor:pointer;font-size:.68rem}.tg.on{background:#62e6c324;border-color:#62e6c366;color:var(--fix)}.measbox{display:flex;flex-direction:column;gap:6px;background:#62e6c30d;border:1px solid rgba(98,230,195,.18);border-radius:10px;padding:10px}.measline{display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted)}.measline b{color:var(--fg);font-family:ui-monospace,Menlo,monospace}.measact{display:flex;gap:6px}.measact button{flex:1;background:#ffffff0d;border:1px solid var(--border);color:var(--fg);padding:7px;border-radius:8px;cursor:pointer;font-size:.72rem}.measact button:hover{border-color:#62e6c373;color:var(--fix)}.hint{font-size:.6rem;color:#6b7488;line-height:1.5}.actions{display:flex;gap:8px}.actions button{flex:1;background:#ffffff0d;border:1px solid var(--border);color:var(--fg);padding:9px;border-radius:10px;cursor:pointer;font-size:.78rem;letter-spacing:.04em}.actions button:hover{border-color:#5cc8ff73;color:var(--accent)}.maplibregl-ctrl-attrib{background:#00000080!important}.maplibregl-ctrl-attrib a{color:#8b94a7!important}@media(max-width:600px){.panel{inset:auto 8px 8px;width:auto;max-width:none;max-height:58svh}.brand{top:12px}}