/* Compact, proportional and responsive views. */
.staff-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,1fr);gap:20px;align-items:start}.staff-row{display:flex;gap:14px;align-items:center;padding:18px;margin-bottom:12px;background:#182023;border:1px solid #485255;flex-wrap:wrap}.staff-row>.portrait{width:72px;height:72px;flex-shrink:0}.staff-row h2{font-size:20px;margin-bottom:7px}.staff-row b{color:#f98b3c}.staff-row small{display:block;font-size:12px;margin-top:8px;color:#c5b8aa}.staff-row button{margin-left:auto}.staff-scene{height:440px;position:sticky;top:20px;border:1px solid #485255;background:#161b1d url('assets/distrikt.png') center/cover}.scene-club{background-position:50% 50%;background-size:auto 120%}.scene-shell{background-position:78% 90%;background-size:auto 170%}.building-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.building-tabs .active{border-color:#f6883c;color:#f6883c}.compact-hint{font-size:12px!important;line-height:1.7;color:#c5b8aa;margin:12px 0}.help-details{margin:18px 0;padding:14px;border:1px solid #485255;font-size:12px;color:#c5b8aa;line-height:1.7}.help-details summary{cursor:pointer;color:#f3dfc6}.district-submenu{padding:4px 8px 9px 34px}.district-submenu button{display:block;width:100%;text-align:left;border:0;background:none;padding:9px;font-size:13px}.district-submenu .active{color:#fc8a35;background:#31251d}.balance-table{white-space:normal;min-width:460px}.district-business-art{position:relative;overflow:hidden}.art-shell,.art-club{background-image:none}.art-shell:before,.art-club:before{content:'';position:absolute;left:0;top:0;width:100%;aspect-ratio:1;background-image:url('assets/personal.png');background-size:300% 200%;background-position:0 0}.art-club:before{background-position:50% 100%}.spy-portrait{position:relative;background:none!important;overflow:hidden;width:90px!important;height:160px;min-height:0}.spy-portrait:before{content:'';position:absolute;width:160px;height:160px;top:0;left:50%;transform:translateX(-50%);background:url('assets/personal.png') 50% 0/300% 200%}.profile>.portrait{background-size:300% auto}.sidebar{overflow-y:auto}.sidebottom{position:static;margin-top:auto}.sidebar{display:flex;flex-direction:column}.sidebar nav{flex:1}.tablewrap{max-width:100%}button{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #ff9b55;outline-offset:3px}.panel{min-width:0}.topstats>div{min-width:0}.district-layout{min-width:0}
@media(max-width:1000px){.sidebar{width:180px}.shell{margin-left:180px}.brand>span:last-child,.profile,.navitem span,.sidebottom{display:block}.brand{justify-content:flex-start;height:auto}.profile{height:180px}.navitem{justify-content:flex-start;padding:12px}.navitem span{font-size:13px}.district-layout{grid-template-columns:minmax(0,1fr)}.district-rail{min-height:0}.district-business-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.district-business-art{height:135px}.staff-layout{grid-template-columns:1fr}.staff-scene{height:250px;position:static}.cardgrid,.cardgrid.two{grid-template-columns:1fr 1fr}.topstats>div{padding:8px}.topstats strong,#income{font-size:17px}}
@media(max-width:700px){.sidebar{position:relative;width:100%;height:auto;max-height:none}.shell{margin-left:0}.brand{padding:12px;height:62px}.brand>span:last-child{font-size:17px}.profile,.sidebottom{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:5px;gap:3px}.navitem{padding:10px 5px;gap:5px}.navitem span{display:block;font:12px Arial,sans-serif}.navitem svg{width:17px;height:17px;flex-shrink:0}.district-submenu{grid-column:1/-1;padding:4px;display:flex;flex-wrap:wrap}.district-submenu button{width:auto}.navitem.active:before{display:none}header{height:auto;min-height:90px;padding:10px}.topstats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.topstats small{font-size:9px}.topstats strong,#income{font-size:18px}.notification{flex-shrink:0}.pageheading{align-items:flex-start}.pageheading h1{font-size:25px}.pageheading p{font-size:12px}.headingactions{max-width:130px}.pageheading .eyebrow{display:none}main{padding:14px 10px 0}.district-scene{min-height:260px;aspect-ratio:auto}.district-scene-title{left:15px;top:15px}.district-scene-title h1{font-size:36px}.building-pin{font-size:10px;padding:6px}.pin-club{left:45%}.district-business-grid{gap:6px}.district-business h3{font-size:17px}.district-business p{font-size:12px}.district-business-art{height:110px}.district-lower{grid-template-columns:1fr}.district-start{flex-wrap:wrap}.maplayout{grid-template-columns:1fr}#mapWrap{height:340px}.planner{min-height:0}.cardgrid,.cardgrid.two{grid-template-columns:1fr}.statsrow{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.statbox{padding:12px}.statbox b{font-size:21px}.staff-row{gap:10px;padding:12px}.staff-row h2{font-size:18px}.staff-row button{width:100%;margin:0}.staff-scene{height:210px}.staff-row>.portrait{width:64px;height:64px}.subnav button{flex:1;padding:10px 6px}.panel{padding:16px}.detailrow{font-size:12px}.message{flex-direction:column;gap:5px}footer{flex-wrap:wrap;font-size:10px}footer>span:nth-child(2){display:none}.tablewrap table{font-size:12px}td,th{padding:10px}.spy-portrait{flex-shrink:0}.citysearch{min-width:0;width:100%}}