/* The district composition follows the approved illustrated interface. */
:root{--bg:#111516;--panel:#1b2022;--raised:#262b2d;--border:#3b4244;--text:#ece6db;--muted:#a9a29a;--orange:#f47c26;--orange2:#ff994a}
body{background:#111516}.sidebar{width:220px;background:linear-gradient(90deg,#0c1113,#111719);border:1px solid #41494a;box-shadow:inset -3px 0 #080b0c}.shell{margin-left:220px}.brand{height:82px;padding:16px 18px;font-size:20px;letter-spacing:.8px;line-height:1.05;border-bottom:2px solid #343b3d}.brandmark{border-color:#8d6a49;color:#f2ad72}.brand small{font-size:8px;color:#9c9c93}.profile{height:190px;position:relative;overflow:hidden;padding:0;display:block;border-top:0;border-bottom:3px solid #41484a;background:#181c1d}.profile .portrait{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;background-position:100% 0;background-size:300% 200%;filter:grayscale(.35)}.profile:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080c10ed,transparent 55%);pointer-events:none}.profile>div:last-child{position:absolute;bottom:12px;left:16px;right:10px;z-index:1}.profile strong{font:17px Georgia,serif;color:#f0e5d5;text-shadow:0 1px 3px black}.profile small{font:10px Arial,sans-serif;color:#c9b7a4;margin-top:5px}.sidebar nav{padding:0;overflow:auto}.navitem{font:16px Georgia,serif;color:#bcb9b2;gap:17px;padding:15px 19px;margin:0;border-radius:0;border:0;border-bottom:1px solid #384044;background:linear-gradient(180deg,#171e21,#0c1215);min-height:51px}.navitem svg{width:23px;height:23px;opacity:1;color:#c4c2b9;stroke-width:1.8}.navitem:hover{background:#242c2f;border-color:#54504a}.navitem.active{color:#171512;background:linear-gradient(180deg,#ff8b32,#ed681d);border:1px solid #b7a485;box-shadow:inset 0 0 0 2px #342d23;font-weight:600}.navitem.active svg{color:#1f1c17}.navitem.active:before{display:none}.sidebottom{background:#0e1416;border-top:1px solid #384044;color:#8e9695}.sidebottom button{color:#b8b5aa}.sidebar .badge{font-family:Arial,sans-serif;background:#272b2b}.navitem.active .badge{background:#5b351d;color:#f8dfc9}
header{height:82px;background:linear-gradient(180deg,#192023,#101719);border:1px solid #3f484a;box-shadow:inset 0 0 0 3px #0a0e10;padding:0 22px}.topstats{gap:0;width:100%;justify-content:space-around}.topstats>div{padding:8px 23px;border-left:1px solid #4c5454;font-family:Georgia,serif}.topstats small{font:10px Georgia,serif;letter-spacing:.4px;color:#c2baad}.topstats strong,#income{font:22px Georgia,serif;color:#eae0cd}.topstats #cash{color:#f6e4ce}.topcrumb{display:none}.notification{color:#c6c0b2;border-color:#4b5252}main{padding:18px 18px 0}.pageheading h1{color:#f2e6d3}.pageheading .eyebrow{color:#f58a3c}.panel,.planner{background:#171e20;border-color:#41494a}.district-view main{padding:10px 10px 0}.district-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:10px;align-items:start}.district-main{min-width:0}.district-scene{position:relative;min-height:400px;aspect-ratio:1.85;background:#25201c url('assets/distrikt.png') center 55%/cover;border:2px solid #4a5253;box-shadow:inset 0 0 0 4px #0b1012;border-radius:0;overflow:hidden}.district-scene:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0b1116b0,transparent 35%),linear-gradient(0deg,#080b0e45,transparent 40%);pointer-events:none}.district-scene-title{position:absolute;top:20px;left:23px;z-index:1;text-shadow:0 2px 5px #000}.district-scene-title h1{font:bold clamp(34px,4vw,62px)/1 Georgia,serif;color:#f3ecdf;margin:0 0 8px;letter-spacing:-.7px}.district-scene-title p{font:16px Georgia,serif;color:#ddd3c2;margin:0}.building-pin{position:absolute;z-index:2;border:1px solid #ff9b55;border-radius:2px;background:#101416f2;color:#f5e8d4;padding:7px 11px;font:13px Georgia,serif;box-shadow:0 2px 3px #111}.building-pin i{display:block;position:absolute;top:100%;left:50%;height:15px;width:1px;background:#ee812f}.building-pin i:after{content:'';position:absolute;bottom:-5px;left:-4px;width:9px;height:9px;border:1px solid #1d1812;background:#f58a3b;border-radius:50%}.building-pin:hover{background:#4d2c18;border-color:#ffc092}.pin-warehouse{top:44%;left:10%}.pin-club{top:33%;left:48%}.pin-shell{bottom:19%;left:52%}.pin-garage{top:55%;right:6%}.district-business-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.district-business{background:linear-gradient(0deg,#0e1517,#192124);border:1px solid #475051;box-shadow:inset 0 0 0 2px #0d1213;overflow:hidden}.district-business-art{height:112px;border-bottom:1px solid #4a4942;filter:grayscale(.16);background-color:#2a2823}.art-shell{background-image:url('assets/personal.png');background-size:300% 200%;background-position:0 0}.art-club{background-image:url('assets/personal.png');background-size:300% 200%;background-position:50% 100%}.art-stock{background-image:url('assets/distrikt.png');background-size:390% auto;background-position:0 75%}.art-trade{background-image:url('assets/distrikt.png');background-size:280% auto;background-position:90% 55%}.district-business-body{padding:10px 10px 12px}.district-business h3{font:bold 16px Georgia,serif;color:#f2e8d8;margin:0 0 8px}.district-business p{font-size:10px;color:#bcb2a5;line-height:1.6;margin:0 0 9px;min-height:30px}.district-business-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}.district-business-bottom b{font:14px Georgia,serif;color:#fc8a35;white-space:nowrap}.district-business-bottom button{font:12px Georgia,serif;padding:8px 10px;border-radius:2px}.district-lower{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.district-lower>button{display:flex;align-items:center;gap:12px;text-align:left;background:#192124;border:1px solid #414b4e;padding:15px;border-radius:1px}.district-lower svg{width:26px;height:26px;color:#d5ad84}.district-lower b{display:block;font:15px Georgia,serif;color:#e6d9c5}.district-lower small{display:block;font-size:10px;color:#b09c86;line-height:1.6;margin-top:5px}.district-lower em{margin-left:auto;font-style:normal;color:#f29043}.district-rail{border:1px solid #4c5556;background:linear-gradient(120deg,#151d20,#0d1417);padding:12px;box-shadow:inset 0 0 0 3px #0b1012;min-height:680px}.district-rail>h2{font:22px Georgia,serif;color:#f6883c;border-bottom:1px solid #8d6950;padding:0 0 10px;margin:0 0 12px}.mini-map{display:block;overflow:hidden;border:1px solid #4b5352;background:#181f1c;padding:0;width:100%;border-radius:1px;margin:0 0 11px;cursor:pointer}.mini-map svg{display:block;width:100%;height:158px}.district-rail .tripcard{border-radius:0;border-color:#5c6360;background:#141c1e;margin:10px 0;padding:13px;box-shadow:inset 0 0 0 2px #0e1415}.district-rail .tripcard .tripheading{font:16px Georgia,serif;line-height:1.4;margin-bottom:8px}.district-rail .tripcard p{font:12px/1.8 Georgia,serif;color:#c2b9a9}.district-rail .tripcard .progresstrack{height:9px;background:#363d40;margin-top:12px}.district-rail .tripcard .bottomline{font-size:9px;color:#bca58b}.district-rail .tripcard .textbutton{font:10px Georgia,serif;margin-top:7px}.spy-card{display:flex;gap:12px;padding:14px 10px;background:#141c1f;border:1px solid #4b5353;margin-top:12px;overflow:hidden}.spy-portrait{width:83px;min-height:158px;border:0;flex-shrink:0;filter:grayscale(1) brightness(.62);background-position:50% 0;background-size:300% 200%}.spy-card h3{font:18px Georgia,serif;color:#eee0ce;margin-top:7px}.spy-card p{font:12px/1.7 Georgia,serif;color:#c6bba9}.spy-card button{border-radius:2px;padding:9px 16px;font:14px Georgia,serif}.rail-empty{padding:16px 12px;border:1px solid #4d514d;background:#141b1d}.rail-empty>svg{width:45px;height:35px;color:#ab9d88;margin:0 0 12px}.rail-empty b{font:16px Georgia,serif;display:block}.rail-empty p{font:12px/1.8 Georgia,serif;color:#b7a78f}.startbox{padding:15px 12px;border:1px solid #705035;background:#221d18;margin:13px 0}.startbox h3{font:18px/1.4 Georgia,serif;margin:10px 0}.startbox p{font:12px/1.7 Georgia,serif;color:#c9b49a}.startbox label{font-size:10px;display:block;color:#c7a68a;margin-bottom:6px}.startbox .primary{font:13px Georgia,serif;border-radius:1px;margin-top:12px;padding:13px 5px}.rail-clock{font-size:8px;color:#927e69;display:flex;gap:5px;align-items:center;padding:16px 0 3px}.rail-clock i{width:4px;height:4px;border-radius:50%;background:#e98a42}.rail-clock b{margin-left:auto;font-weight:400}.district-start{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px;background:#30251b;border:1px solid #855935;border-top:0}.district-start b{font:18px Georgia,serif;color:#f1d6b7}.district-start p{font-size:10px;color:#ccb294;line-height:1.8;margin:5px 0 0;max-width:430px}.district-start button{flex-shrink:0;font:13px Georgia,serif}.district-view footer{margin-top:18px}.mapcard{border-color:#505958}.maptoolbar{background:#1b2326}.maplegend,.mapfoot{background:#1b2321}.maplegend{color:#bcb7aa}.mapfoot{color:#a39c8e}.segmented button.active{background:#9a4c22;color:#ffe2c7}.planner{background:#182024}.planner .region{color:#c7b8a6}.pricerow{background:#292421}.routebuttons button{color:#d8c4af}.personcard .portrait{width:92px;height:105px}.personhead h3{font:22px Georgia,serif}.personhead{background:#28292a;border-bottom-color:#5b4b3e}.personbody{background:#192124}.personhead small{font-size:10px}.panel h2{font-family:Georgia,serif}.personbody .primary{font-family:Georgia,serif}
@media(min-width:1600px){.sidebar{width:245px}.shell{margin-left:245px}.profile{height:230px}.navitem{min-height:56px;font-size:18px;padding:16px 23px}.navitem svg{width:27px;height:27px}.brand{font-size:23px}.district-layout{grid-template-columns:minmax(0,1fr) 315px}.district-business-art{height:135px}.district-scene{min-height:490px}.district-rail{min-height:770px}.district-rail .mini-map svg{height:190px}.district-business h3{font-size:19px}.district-business p{font-size:12px}.district-business-bottom b{font-size:17px}.district-business-bottom button{font-size:14px}.district-rail .tripcard .tripheading{font-size:18px}.topstats strong,#income{font-size:25px}.topstats small{font-size:12px}}
@media(max-width:1300px) and (min-width:1001px){.sidebar{width:195px}.shell{margin-left:195px}.profile{height:175px}.navitem{font-size:14px;padding:13px 15px;gap:12px;min-height:47px}.navitem svg{width:21px;height:21px}.brand{font-size:17px;padding:14px}.brandmark{width:36px;height:41px}.topstats>div{padding:8px 13px}.topstats strong,#income{font-size:19px}.district-layout{grid-template-columns:minmax(0,1fr) 255px}.district-rail{padding:10px}.district-scene{min-height:370px}.building-pin{font-size:11px;padding:6px 8px}.district-business-grid{gap:6px}.district-business-body{padding:9px 7px}.district-business h3{font-size:14px}.district-business p{font-size:9px}.district-business-bottom b{font-size:11px}.district-business-bottom button{font-size:10px;padding:7px}.district-business-art{height:95px}.spy-portrait{width:63px}.spy-card h3{font-size:16px}.spy-card p{font-size:11px}.district-start{align-items:flex-start;flex-direction:column}.district-start button{align-self:flex-end}.district-lower>button{padding:10px;gap:7px}.district-lower b{font-size:13px}.district-lower small{font-size:8px}}
@media(max-width:1000px){.sidebar{width:72px}.shell{margin-left:72px}.brand{height:80px;display:flex;padding:15px 10px;justify-content:center}.brandmark{width:40px;height:43px}.brand>span:last-child,.profile,.sidebottom{display:none}.sidebar nav{padding:0}.navitem{justify-content:center;gap:0;min-height:53px;padding:14px 9px}.navitem svg{width:25px;height:25px}.navitem span{display:none}.topstats>div{padding:5px 10px}.topstats small{font-size:8px}.topstats strong,#income{font-size:18px}.district-layout{grid-template-columns:minmax(0,1fr) 250px;gap:9px}.district-scene{min-height:350px}.district-business-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.district-business-art{height:110px}.district-business-bottom{flex-wrap:nowrap}.district-scene-title h1{font-size:38px}.district-scene-title p{font-size:13px}.building-pin{font-size:10px;padding:5px 7px}.pin-club{left:45%}.pin-shell{left:45%}.district-lower{grid-template-columns:1fr}.district-start{align-items:flex-start;flex-direction:column}.district-rail{padding:9px}.spy-portrait{width:62px}.spy-card{gap:8px;padding:12px 8px}.spy-card h3{font-size:15px}.spy-card p{font-size:11px}.spy-card button{font-size:12px}}
@media(max-width:760px){header{height:75px;padding:0 10px}.topstats>div{padding:5px}.topstats small{font-size:6px}.topstats strong,#income{font-size:13px}.district-layout{grid-template-columns:1fr}.district-scene{min-height:340px}.district-business-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.district-rail{min-height:0}.district-rail .mini-map svg{height:180px}.district-view main{padding:8px 8px 0}.district-scene-title{left:16px;top:18px}.district-scene-title h1{font-size:34px}.district-scene-title p{font-size:12px}.district-business h3{font-size:15px}.district-business p{font-size:10px}.spy-portrait{width:100px;min-height:140px}.spy-card h3{font-size:20px}.spy-card p{font-size:13px}.building-pin{font-size:10px}.pin-warehouse{left:5%}.pin-garage{right:3%}.pin-shell{left:44%;bottom:14%}.district-start b{font-size:16px}.district-start p{font-size:10px}}