.temple-network-bar{display:flex;align-items:center;gap:13px;border:1px solid var(--line);background:linear-gradient(100deg,#203638,#0e2028);padding:13px 17px;border-radius:12px 12px 0 0;flex-wrap:wrap}.temple-network-bar>div{flex:1;min-width:200px}.temple-network-bar b{font-size:15px;font-weight:400;color:var(--gold-light);margin-right:15px}.temple-online-status{font-size:11px;color:var(--muted)}.temple-network-bar[data-connected=true] .temple-online-status{color:#c9d5b5}.temple-line-select{max-width:270px;min-width:190px;padding:9px 10px;border:1px solid var(--line);border-radius:6px;background:#0a1e27;color:#d8cbaa;font:11px var(--serif)}.temple-network-bar .secondary{min-height:32px;padding:5px 15px;font-size:11px}.temple-network-bar .text-link{font-size:11px}.temple-peer-card{position:absolute;right:20px;top:100px;z-index:15;width:240px;border:1px solid var(--gold);border-radius:10px;background:#0c222aee;padding:22px;box-shadow:0 12px 50px #0005}.temple-peer-card h3{font-size:20px;overflow-wrap:anywhere}.temple-peer-card p{font-size:11px;color:var(--muted);margin:10px 0 20px}.temple-peer-card .secondary{font-size:12px;min-height:33px;padding:6px 15px}.temple-peer-card .text-link{font-size:11px;margin-left:14px}.temple-route-dialog{padding:30px;max-width:550px;width:calc(100vw - 32px);max-height:80vh;overflow:auto;background:#10242b;color:#e8d8b4;border:1px solid var(--gold);border-radius:12px;margin:auto}.temple-route-dialog::backdrop{background:#020c13bb}.temple-route-dialog h2{font-size:24px;letter-spacing:2px}.temple-route-dialog>p{font-size:12px;color:var(--muted);line-height:1.8;margin:16px 0 25px}@media(max-width:760px){.temple-network-bar{padding:12px;gap:10px}.temple-network-bar>div{flex-basis:100%}.temple-network-bar b{font-size:13px;margin-right:10px}.temple-online-status{font-size:9px}.temple-line-select{flex:1;min-width:140px;font-size:10px}.temple-network-bar .secondary{font-size:10px;padding:5px 12px}.temple-network-bar .text-link{font-size:10px}.temple-peer-card{right:12px;top:75px;width:210px;padding:18px}}

.temple-page:has(.temple-network-bar) .scene-wrap{height:calc(100dvh - 143px)}.temple-network-bar{position:relative;z-index:8;border-radius:0}.temple-network-bar>div{min-width:170px}@media(max-width:760px){.temple-page:has(.temple-network-bar) .scene-wrap{height:calc(100dvh - 190px)}.temple-network-bar{padding:9px 16px}.temple-network-bar>div{flex-basis:100%}}

.temple-network-bar [hidden]{display:none!important}