/* Biomechanical casing: original heraldry, symbols and route coordinates are intact. */
:root{--bone:#b8c8c5;--nerve:#c57797;--void:#060b11}
body{background:radial-gradient(ellipse at 50% 0,#27383c 0,transparent 38%),radial-gradient(ellipse at 0 60%,#301625,transparent 45%),#03070c}
.console{border:9px solid #162129;border-radius:22px 4px 22px 4px;outline-color:#596e75;box-shadow:0 0 0 4px #050a0f,0 0 0 5px #253741,0 30px 100px #000,inset 0 0 45px #000}
.console:before{border-radius:14px 0 14px 0;border-color:#617f8655;box-shadow:inset 0 1px #b1c8c333,inset 0 -2px #c3749022}
header{min-height:245px;background:radial-gradient(ellipse at 50% 90%,#283c4433,transparent 55%),#070c13;padding-top:33px;padding-bottom:36px}
.terminal-panorama{opacity:.22;filter:saturate(.3)}header:before{opacity:.32}
header:after{left:0;right:0;height:5px;background:repeating-linear-gradient(90deg,transparent 0 18px,#97b7b744 18px 20px),linear-gradient(90deg,#182932,#819494 20%,#251c31 42%,#c07491 50%,#251c31 58%,#819494 80%,#182932);border-block:1px solid #06101a;box-shadow:0 2px 10px #000}
.imperial-mantle{width:750px;height:244px;top:0;z-index:0}.imperial-assembly{filter:none}
.header-copy{width:34%}h1{font-family:Bahnschrift,'Segoe UI',sans-serif;font-weight:300;letter-spacing:3.5px;font-size:clamp(25px,2.1vw,36px);color:#d5dfdc;line-height:1.18}
header .eyebrow{color:#d69ab1;letter-spacing:3.5px}.subtitle{color:#9babba}
.status{border-radius:15px 2px 15px 2px;border-color:#61777f;border-left:3px solid #8d5776;outline:none;background:repeating-linear-gradient(0deg,transparent 0 4px,#90b5c004 4px 5px),radial-gradient(ellipse at 0 0,#38455255,transparent 80%),#0a131d;box-shadow:inset 0 0 0 4px #080d15,inset 0 0 18px #000,0 6px 20px #0008;padding:16px 19px}
.status:after{height:17px;background:linear-gradient(90deg,#df9ab4,#987595 27%,#79a8a8 80%,#2e505c);clip-path:polygon(0 50%,9% 50%,13% 15%,17% 70%,21% 32%,25% 70%,29% 18%,33% 83%,38% 38%,43% 62%,49% 45%,56% 55%,100% 55%,100% 70%,54% 70%,48% 58%,42% 74%,39% 58%,33% 100%,28% 39%,25% 89%,21% 54%,16% 90%,12% 40%,10% 65%,0 65%)}
.house-registry{background:repeating-linear-gradient(100deg,transparent 0 39px,#80949b0c 40px 41px,transparent 42px 80px),linear-gradient(#1c2b34,#09141d);border-bottom:3px double #56727b}
.house-registry button{border:1px solid #526b7544;border-radius:12px 2px 12px 2px;background:#070e1844;padding-inline:14px}
.toolbar{padding-block:13px;background:radial-gradient(ellipse at 50% 0,#22353f,transparent 90%),#0b141e}
.toolbar button,.directory-heading button{border-radius:10px 2px 10px 2px;border-color:#617784;background:linear-gradient(130deg,#2a3a43,#101925 55%,#1a2933);box-shadow:inset 0 1px #bbd0ca2e,inset 0 -3px #02090d}
.toolbar button[aria-pressed=true]{background:linear-gradient(120deg,#493046,#1f2b39);border-color:#a77d95;box-shadow:inset 3px 0 #cd8fa9,inset 0 1px #edd4dd20,0 0 13px #bf74951a}
.toolbar button[aria-pressed=true]:after{background:#d2a9bf;left:17px;right:17px;bottom:4px;opacity:.65}
.navigation{border-block:1px solid #445d6877;background:linear-gradient(105deg,#172432,#090f1a 60%,#242332)}
.search input,select{border-radius:9px 1px 9px 1px;box-shadow:inset 0 0 12px #000;border-color:#557480}
#network-controls{background:radial-gradient(ellipse at 5% 90%,#49304744,transparent 65%),repeating-linear-gradient(115deg,#86afad06 0 1px,transparent 1px 13px),#0b1621;border-bottom:3px double #63808c}
#filters button{border-radius:2px 12px 2px 12px;border-left-width:3px;padding-inline:15px;box-shadow:inset 0 1px #d0dcd91a,inset 0 -3px #0006}
#filters button[aria-pressed=true]{background:linear-gradient(140deg,#2d3c48,#111e2b);border-top-color:#8b9fab}
.workspace{padding:14px 11px 0;background:repeating-linear-gradient(90deg,#0a111a 0 4px,#344a5433 5px,#080f17 7px)}
.map-section{border:2px solid #627c85;border-radius:15px 1px 15px 1px;box-shadow:0 0 0 3px #030910,0 0 0 5px #3e4f5e88,0 0 0 7px #080d17,0 8px 30px #000;overflow:hidden}
.map-section:before{border-radius:12px 0 12px 0;box-shadow:inset 0 0 0 1px #b5cccc2b}
.map-tag{border-radius:1px 14px 1px 1px;border-left:3px solid #d38fa9;background:linear-gradient(110deg,#362637f5,#091723f5);padding-right:17px}
.compass{border:2px double #99aeb5;box-shadow:0 0 0 3px #050b1355,inset 0 0 9px #bd80a822;color:#c6d7d4}
.map-foot{background:repeating-linear-gradient(90deg,transparent 0 37px,#c2d5d50a 38px 39px),linear-gradient(#1f2e39,#0d1722);border-top:3px double #546d7c}
.map-hint{border-radius:1px 9px 1px 1px;border-left-color:#ce8da8}
.map-feature .implant-shell{fill:#0a111cf5;stroke:#77929e;stroke-width:.9;stroke-linejoin:bevel}
.map-feature .implant-ribs{fill:none;stroke:#86a5ad;stroke-width:1;stroke-linecap:square;opacity:.8;pointer-events:none}
.map-feature .implant-nerve{fill:none;stroke:#c783a3;stroke-width:1.2;opacity:.9;pointer-events:none}
.map-feature .implant-light{fill:#d6a0b9;stroke:#1b1327;stroke-width:.7;pointer-events:none}
.map-feature .icon{fill:#101727;stroke-width:1.4;stroke-linejoin:bevel}
.map-feature .sigil-frame{fill:#050b13;stroke:#85989c;stroke-width:1;rx:0}
.map-feature.active .implant-shell,.map-feature:focus-visible .implant-shell,.map-feature:hover .implant-shell{stroke:#dcbbc9;fill:#252134;filter:drop-shadow(0 0 3px #c6759a80)}
.map-feature.active .implant-nerve,.map-feature:focus-visible .implant-nerve{stroke:#ffe0ed;opacity:1}
.map-feature.active .sigil-frame{stroke:#c5d9d5;filter:drop-shadow(0 0 3px #b5769c)}
.route-sheath{opacity:.38}.route-contacts{opacity:.8;pointer-events:none}
.route-item:hover .route-sheath,.route-item:focus-visible .route-sheath,.route-item.active .route-sheath{opacity:.8;stroke-width:5.5}
.route-item.active .route-visible,.route-item:focus-visible .route-visible{filter:drop-shadow(0 0 3px #c98fae)}
.city-limit-area{stroke-dasharray:9 3 1 3;fill-opacity:.13;stroke-width:1.3}.active>.city-limit-area{fill-opacity:.21;stroke-width:2}
#record{margin-left:14px;border:2px solid #5b7583;border-radius:2px 18px 2px 18px;background:radial-gradient(ellipse at 110% 10%,#59374d40,transparent 60%),linear-gradient(120deg,#192737,#0c1421);box-shadow:inset 0 0 0 3px #050c1555,0 8px 22px #000a}
.record-top{background:repeating-linear-gradient(110deg,#b19ca10a 0 1px,transparent 1px 12px),linear-gradient(110deg,#432a3d,#172333);border-bottom:3px double #8c7189;color:#e2c5d4}
.record-top button{border-radius:9px 1px 9px 1px}.record-body{background:linear-gradient(90deg,#91aabb05,transparent 12%)}
#recordSymbol{background:radial-gradient(ellipse,#3e2942,#0d1a28 65%);border-bottom:3px double #6f7089;box-shadow:inset 0 0 40px #0005}
#recordSymbol>svg{filter:drop-shadow(0 0 9px #ab8cc533)}
#recordStatus{color:#d1a0b6}#recordName{color:#e2e7e2}.role{color:#bec4d6}
.house-badge{border-block:3px double #60728466;background:linear-gradient(90deg,#54708322,#613d501a,transparent);border-radius:1px 14px 1px 14px}
#viewCityLimits{border-radius:2px 12px 2px 12px;border-left-color:#c08eaa;background:linear-gradient(120deg,#3f2c43,#19283a)}
.directory{border:2px solid #425f6e;border-radius:16px 2px 16px 2px;background:radial-gradient(ellipse at 100% 0,#50314822,transparent 75%),#0c1723;margin-top:14px;padding-top:19px}
.directory-heading h3{font-weight:400;letter-spacing:3px;color:#c4d2d5}
#placeDirectory button{border-radius:12px 2px 12px 2px;border-left-width:2px;background:linear-gradient(125deg,#263749,#101b2b 62%,#292537);border-color:#64788888;box-shadow:inset 0 1px #c1d2d11a,inset 0 -3px #02081255}
.directory-emblem{position:relative;z-index:0}.directory-emblem:before{content:'';position:absolute;inset:-5px -3px;z-index:-1;background:linear-gradient(140deg,#8ba9ad77,#09121d 30%,#4b324ccc 70%,#8ba9ad55);clip-path:polygon(25% 0,75% 0,100% 22%,90% 76%,50% 100%,10% 76%,0 22%)}
#placeDirectory button[aria-pressed=true]{border-color:#c899b0;background:linear-gradient(125deg,#4e3550,#192b3d);box-shadow:inset 3px 0 #d5a3bd,inset 0 1px #e5ccd52e}
footer{background:radial-gradient(ellipse at 50% 100%,#322139,#0b1420)}
.terminal-bottom{border-top:3px double #627283;border-radius:0 0 13px 0;background:repeating-linear-gradient(110deg,transparent 0 11px,#c1bbc009 11px 12px),#111c2a}
.terminal-bottom .circuit{height:4px;border-block:1px solid #61758555;background:linear-gradient(90deg,#576976,#d0a4b8 25%,#424c61 26%,#516c7a 70%,#c893af);box-shadow:0 0 10px #b784ad33}
@media(min-width:761px) and (max-width:1150px){header{min-height:213px}.imperial-mantle{width:610px;height:208px}.header-copy{width:32%}h1{font-size:24px;letter-spacing:1.6px}.status{max-width:27%;padding:11px;font-size:8px}}
@media(max-width:760px){body{padding:4px}.console{border-width:5px;border-radius:12px 2px 12px 2px}header{min-height:172px;padding:20px 12px 29px}.imperial-mantle{width:505px;height:166px;right:-174px;top:0}.header-copy{width:62%;align-self:flex-end}h1{font-size:20px;letter-spacing:1px}header .eyebrow{font-size:7px;letter-spacing:1.4px}.subtitle{font-size:6px;letter-spacing:.6px}.house-registry button{padding:3px 4px;border-radius:7px 1px 7px 1px}.toolbar{padding-block:10px}.toolbar button{font-size:9px}#filters button{padding-inline:3px;border-radius:1px 9px 1px 9px}.workspace{padding:9px 5px 0}.map-section{border-width:1px;border-radius:10px 1px 10px 1px}.map-tag{padding-right:10px}#record{margin:10px 0 0;border-width:1px}.record-open #record{border:2px solid #8b91a3;border-radius:2px 15px 2px 15px}.directory{border-width:1px;margin-inline:4px}.directory-heading h3{font-size:16px;letter-spacing:1.5px}#placeDirectory button{padding:11px 9px}.directory-emblem:before{inset:-4px -2px}.terminal-bottom{border-top-width:2px}}

/* The small-screen mount sits above the title, so no ribs cover the lettering. */
@media(max-width:760px){header{min-height:236px}.imperial-mantle{width:440px;height:143px;left:50%;right:auto;transform:translateX(-50%)}.header-copy{position:absolute;bottom:13px;left:12px;right:12px;width:auto;text-align:center}.header-copy h1{font-size:19px;line-height:1.08}.header-copy .eyebrow{margin-bottom:6px}.header-copy .subtitle{margin-top:5px}}