.display-settings{min-width:0;color:var(--ink,#d9e8ee);gap:10px;display:grid}.display-settings label{justify-content:space-between;align-items:center;gap:12px;min-height:44px;font-size:12px;display:flex}.display-settings select{border:1px solid var(--panel-border,#41636a);background:var(--field-bg,#07141a);min-width:130px;max-width:58%;min-height:44px;color:var(--ink-strong,#efffff);font:inherit;border-radius:8px;padding:6px}.display-settings .display-slider{grid-template-columns:1fr auto;gap:5px;padding-block:4px;display:grid}.display-slider input{width:100%;min-height:25px;accent-color:var(--kind-advert,#4de7c4);grid-column:1/-1;margin:0}.display-slider output{font-variant-numeric:tabular-nums;color:var(--ink-strong,#efffff)}.display-advanced{border-top:1px solid var(--panel-border,#41636a)}.display-advanced summary{cursor:pointer;padding:14px 0;font-size:12px;font-weight:650}.display-reset{border:1px solid var(--panel-border,#41636a);background:var(--field-bg,#07141a);width:100%;min-height:44px;color:var(--ink-strong,#efffff);cursor:pointer;border-radius:8px;margin-top:8px}.display-note{color:var(--muted,#9fb2bf);margin:0;font-size:11px;line-height:1.5}.route-preview{background:var(--scene-background,#071319);height:54px;color:var(--kind-text,#ff75b5);border-radius:8px;position:relative;overflow:hidden}.route-preview i{border-top:var(--preview-width) solid currentColor;opacity:var(--preview-opacity);filter:drop-shadow(0 0 var(--preview-glow) currentColor);position:absolute;top:18px;left:12%;right:12%}[data-pattern=dashed] .route-preview i{border-top-style:dashed}[data-pattern=dotted] .route-preview i{border-top-style:dotted}.route-preview b{width:var(--preview-head);height:var(--preview-head);top:calc(18px - var(--preview-head) / 2);box-shadow:0 0 var(--preview-glow) currentColor;background:currentColor;border-radius:50%;position:absolute;left:62%}.route-preview b:before{content:"";height:30%;width:var(--preview-tail);background:linear-gradient(90deg,#0000,currentColor);position:absolute;top:35%;right:0}.route-preview span{color:var(--kind-other,#9caebd);font-size:10px;position:absolute;bottom:5px;left:12px}.display-disclosure{position:relative}.display-panel{z-index:10;border-radius:12px;width:min(320px,100vw - 32px);max-height:calc(100dvh - 150px);padding:12px;position:absolute;top:calc(100% + 8px);right:0;overflow:auto}.display-panel[hidden]{display:none}.display-panel header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.display-panel header button{min-width:44px;min-height:44px;color:inherit;cursor:pointer;background:0 0;border:0;font-size:22px}:where(button,select,input,summary,a):focus-visible{outline-offset:2px;outline:2px solid var(--focus-ring,#69d1ca)!important}@media (max-width:900px),(max-height:520px){.display-panel{max-height:calc(100dvh - 140px);position:fixed;top:122px;left:auto;right:8px}}:root[data-theme=dark]{--ink:#d9e8ee;--ink-strong:#efffff;--muted:#a8bcc7;--field-bg:#07141a;--panel-solid:#08141a;--panel-border:#36545d;--focus-ring:#69d1ca;--selected:#193c3e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--ink:#28464c;--ink-strong:#15383f;--muted:#49656a;--field-bg:#f8faf4;--panel-solid:#f3f6ef;--panel-border:#9daeb0;--focus-ring:#006b60;--selected:#d5e7df;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-basemap] .netgraph-app,:root[data-basemap] .netgraph-stage{background:var(--scene-background)}:root[data-basemap=light] .graph-grade,:root[data-basemap=streets] .graph-grade{background:0 0;box-shadow:inset 0 0 80px #485d550d}.netgraph-app .glass{color:var(--ink)}.netgraph-app .controls{z-index:8}#map .maplibregl-ctrl-attrib{color:var(--muted);background:var(--panel-solid);opacity:1;font-size:10px}#map .maplibregl-ctrl-attrib a,:root[data-theme=light] .route-legend,:root[data-theme=light] .route-legend-label{color:var(--ink)}:root[data-view-class=mobile] #app:has(.region-legend:not([hidden])) .route-legend{top:max(112px, calc(env(safe-area-inset-top) + 104px));bottom:auto}@media (orientation:landscape) and (max-height:520px){:root[data-view-class=mobile] #app:has(.region-legend:not([hidden])) .route-legend{top:max(62px, calc(env(safe-area-inset-top) + 54px))}}:root[data-theme=dark] #map .maplibregl-ctrl-attrib-button{filter:invert()}.netgraph-app .packet-legend i[data-kind]{background:var(--route-color);box-shadow:none}.route-legend-swatch,.netgraph-app .packet-legend i[data-kind]:not([data-kind=inter-area]){border:1px solid var(--panel-border);width:18px;height:10px;box-shadow:none;border-radius:3px;position:relative;background:var(--scene-background)!important}.route-legend-swatch:after,.netgraph-app .packet-legend i[data-kind]:not([data-kind=inter-area]):after{content:"";background:var(--route-color);height:2px;position:absolute;top:3px;left:2px;right:2px}.netgraph-app .role-legend i[data-role=repeater]{background:var(--ui-kind-advert)}.netgraph-app .role-legend i[data-role=companion]{background:var(--ui-kind-ack)}.netgraph-app .role-legend i[data-role=room_server]{background:var(--ui-kind-control)}.netgraph-app .role-legend i[data-role=sensor]{background:var(--ui-kind-trace)}:root[data-theme=light] .netgraph-app .glass{border-color:var(--panel-border);background:#f6f9f2f7;box-shadow:0 6px 24px #1931331f}:root[data-theme=light] :is(.netgraph-app,#app) :is(.brand,.workspace-link,.view-title,.status,.control-button,.reset-button,.scene-control,.volume-control,.route-window,.sound-state,.sound-description,.node-search-results,.node-inspector,.neighbor-row,.graph-summary,.legend,.empty-state,.fatal),:root[data-theme=light] .netgraph-app :is(button,a,label,strong,h2,h3,dt,dd,p,small,.node-search-name,.node-search-meta,.node-role,.neighbor-label,.neighbor-meta){color:var(--ink)}:root[data-theme=light] .netgraph-app :is(input,select,.sound-toggle,.neighbor-row,.node-search-result){background:var(--field-bg);color:var(--ink-strong);border-color:var(--panel-border)}:root[data-theme=light] .netgraph-app :is(button,a):hover{color:var(--ink-strong);background-color:var(--selected)}:root[data-theme=light] :is(.netgraph-app,#app) button:disabled{color:#5e7074;opacity:1}:root[data-theme=light] :is(.sound-panel,.netgraph-app .graph-summary) :is(header span,output,strong){color:var(--ink-strong)}:root[data-theme=light] .netgraph-app :is(.neighbor-list,.node-inspector dl,.node-inspector header,.node-inspector h3){border-color:var(--panel-border)}:root[data-theme=light] :is(#app,.netgraph-app){--traffic-rgb:0, 105, 87}:root[data-theme=light] :is(#app,.netgraph-app)[data-traffic-kind=trace]{--traffic-rgb:133, 80, 0}:root[data-theme=light] :is(#app,.netgraph-app)[data-traffic-kind=text]{--traffic-rgb:162, 27, 88}:root[data-theme=light] :is(#app,.netgraph-app)[data-traffic-kind=ack]{--traffic-rgb:7, 91, 152}:root[data-theme=light] :is(#app,.netgraph-app)[data-traffic-kind=control]{--traffic-rgb:103, 64, 160}.camera-settings{border-top:1px solid var(--panel-border);font-size:12px}.camera-settings summary{cursor:pointer;min-height:44px;padding-block:14px}.compass-needle{transform:rotate(var(--bearing,0deg));display:inline-block}#camera-bearing{font-variant-numeric:tabular-nums;margin-left:auto}:root[data-view-class=mobile] .camera-settings{display:none}.region-legend{color:var(--ink);font-size:11px;position:relative}.region-legend[hidden]{display:none}.region-legend summary{cursor:pointer;white-space:nowrap;min-height:32px;padding:8px}.region-legend-list{border-radius:10px;gap:9px;width:min(280px,100vw - 32px);max-height:min(32vh,230px);padding:12px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;overflow:auto}.region-legend-list>span{align-items:start;gap:9px;line-height:1.4;display:flex}.region-legend-list i{border:1px solid var(--ink);border-radius:3px;flex:none;width:12px;height:12px;margin-top:2px}@media (orientation:landscape) and (max-height:520px){.display-panel{max-height:calc(100dvh - 80px);top:62px}}.map-notice{z-index:6;max-width:min(390px,100vw - 24px);color:var(--ink);border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-size:12px;display:flex;position:absolute;bottom:72px;right:12px}.map-notice[hidden]{display:none}.map-notice button{min-width:44px;min-height:44px;color:var(--ink-strong);background:var(--field-bg);border:1px solid var(--panel-border);cursor:pointer;border-radius:7px}.map-grade{contain:paint}#app:has(>#map[data-terrain3d=true]) :is(.glass,.maplibregl-popup-content){background:var(--panel-solid);-webkit-backdrop-filter:none}#map[data-terrain3d=true]+.map-grade{box-shadow:none;background:0 0}#map[data-terrain3d=true]+.map-grade:after{display:none}.inspector-window-note{color:var(--muted);letter-spacing:0;text-transform:none;margin-top:6px;font-size:10px;font-weight:400;line-height:1.45;display:block}