.app-shell:has(.gang-app){overflow:clip}.gang-app{width:min(1480px,100%);min-width:0;margin:0 auto}.gang-preview{background:#edc5700f;border-bottom:1px solid #edc57038;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.5rem;font-size:.75rem;display:flex}.gang-preview strong{color:var(--amber);font-weight:600}.gang-preview p{max-width:82ch;color:var(--muted);margin:.3rem 0 0;line-height:1.5}.gang-preview__actions{flex-wrap:wrap;flex:none;gap:.4rem;display:flex}.gang-preview button{cursor:pointer;background:0 0;border:1px solid #edc5704d;border-radius:.3rem;padding:.55rem .7rem;font-size:.7rem}.gang-layout{grid-template-columns:200px minmax(0,1fr);min-height:80dvh;display:grid}.gang-layout--join{grid-template-columns:1fr}.gang-rail{border-right:1px solid var(--line);background:#050c13e6;flex-direction:column;align-self:start;height:100dvh;padding:2rem 1rem 1.5rem;display:flex;position:sticky;top:0;overflow-y:auto}.gang-identity{text-align:center;justify-items:center;gap:.55rem;margin:0 0 2rem;display:grid}.gang-identity__mark{border:1px solid var(--line-strong);width:3.5rem;height:3.5rem;color:var(--cyan);clip-path:polygon(18% 0,100% 0,100% 82%,82% 100%,0 100%,0 18%);background:#6ee7e812;place-items:center;font-size:1.5rem;display:grid}.gang-identity strong{overflow-wrap:anywhere;font-size:.9rem}.gang-identity small,.gang-rail__bottom{color:var(--muted);letter-spacing:.04em;font-size:.68rem}.gang-rail nav{gap:.4rem;display:grid}.gang-rail nav button{text-align:left;width:100%;min-height:48px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.35rem;align-items:center;gap:.85rem;padding:.75rem .85rem;font-size:.78rem;display:flex}.gang-rail nav button:hover{color:var(--ink);background:#6ee7e80a}.gang-rail nav button.is-active{color:var(--cyan-strong);background:#6ee7e814;border-color:#6ee7e833}.gang-rail nav small{color:var(--cyan);margin-left:auto}.gang-rail__bottom{align-items:center;gap:.5rem;margin-top:auto;padding:2rem .75rem 0;display:flex}.gang-live-dot{background:var(--green);border-radius:50%;width:5px;height:5px}.gang-main{min-width:0}.gang-resource-bar{border-bottom:1px solid var(--line);background:#071017cc;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:center;gap:1.25rem;min-height:86px;padding:.8rem 2rem;display:grid}.gang-resource{align-items:center;gap:.8rem;min-width:0;display:flex}.gang-resource>div{gap:.25rem;display:grid}.gang-resource small{color:var(--muted);font-size:.65rem}.gang-resource strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:1.15rem;font-weight:600}.gang-resource-bar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0}.gang-resource>span{color:var(--green);align-self:end;margin-bottom:.1rem;font-size:.63rem}.gang-resource-dot{background:var(--amber);flex:none;width:8px;height:8px;display:inline-block;transform:rotate(45deg)}.gang-resource-dot--components{background:var(--cyan)}.gang-resource-dot--fuel{background:var(--violet);border-radius:50%;transform:none}.gang-icon-button{border:1px solid var(--line);min-width:40px;min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border-radius:.3rem;font-size:1.2rem}.gang-content{outline-offset:-4px;min-width:0;padding:1.75rem 2rem 3rem;scroll-margin-top:90px}.gang-content h1,.gang-content h2,.gang-content h3{margin:0}.gang-content p{color:var(--muted);line-height:1.65}.gang-eyebrow{letter-spacing:.17em;text-transform:uppercase;font-size:.6rem;font-weight:600;color:var(--cyan)!important;margin:0 0 .85rem!important;line-height:1.5!important}.gang-hero{border:1px solid var(--line);background:linear-gradient(90deg,#040c13f2 10%,#050d15ba 65%,#050d157a),url(/art/rust-sector/desktop/rust_sector_hero.webp) 50% 44%/cover;border-radius:.6rem;justify-content:space-between;align-items:end;gap:1.5rem;min-height:255px;padding:2.2rem;display:flex;position:relative;overflow:hidden}.gang-hero__body{max-width:540px}.gang-hero h1{letter-spacing:-.04em;max-width:21ch;font-size:clamp(1.6rem,2.3vw,2.4rem);font-weight:550;line-height:1.12}.gang-hero p:not(.gang-eyebrow){max-width:48ch;margin:1rem 0 1.25rem;font-size:.82rem}.gang-world-pill{color:var(--muted);letter-spacing:.05em;border:1px solid var(--line);background:#050c13a6;border-radius:.25rem;padding:.45rem .7rem;font-size:.62rem;display:inline-block}.gang-hero__stats{border:1px solid var(--line);background:#050c13bf;border-radius:.4rem;gap:1.3rem;min-width:140px;padding:1.2rem;display:grid}.gang-hero__stats>div{gap:.4rem;display:grid}.gang-hero__stats span{color:var(--muted);font-size:.65rem}.gang-hero__stats strong{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:500}.gang-hero__stats strong small{color:var(--muted);font-size:.9rem}.gang-base-columns{grid-template-columns:minmax(0,1fr) 255px;gap:1.5rem;padding-top:1.7rem;display:grid}.gang-section-bar,.gang-panel-title{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.gang-section-bar h2,.gang-panel h2{font-size:.86rem;font-weight:550}.gang-section-bar>span,.gang-count{color:var(--muted);border:1px solid var(--line);border-radius:.25rem;padding:.25rem .45rem;font-size:.65rem}.gang-building-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.gang-building{background:#08121ae6;border:1px solid #85cad029;border-radius:.45rem;flex-direction:column;min-width:0;min-height:350px;padding:1.1rem;display:flex;overflow:hidden}.gang-building--built{border-top-color:#6ee7e861}.gang-building__art{aspect-ratio:3/2;border-bottom:1px solid var(--line);background:#142028;margin:-1.1rem -1.1rem .9rem;position:relative;overflow:hidden}.gang-building__art picture,.gang-force-art picture,.gang-map-detail__art picture{width:100%;height:100%;display:block}.gang-building__art img,.gang-force-art img,.gang-map-detail__art img{object-fit:cover;width:100%;height:100%;display:block}.gang-building:not(.gang-building--built) .gang-building__art img{filter:saturate(.65);opacity:.8}.gang-level{color:var(--ink);background:#040c13eb;border:1px solid #85cad059;border-radius:.25rem;padding:.35rem .5rem;font-size:.6rem;position:absolute;top:.65rem;left:.65rem}.gang-building--built .gang-level{color:var(--cyan);border-color:#6ee7e873}.gang-building h3{font-size:.92rem;font-weight:550}.gang-building__details{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin:.8rem 0;font-size:.6rem;display:flex}.gang-cost{color:var(--ink);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:.8rem;font-size:.72rem;display:flex}.gang-cost>span{align-items:center;gap:.35rem;display:inline-flex}.gang-cost .gang-resource-dot{width:5px;height:5px}.gang-requirements{color:var(--muted);gap:.35rem;margin:.65rem 0 1rem;font-size:.61rem;display:grid}.gang-requirements .is-met{color:var(--green)}.gang-button{min-height:43px;color:var(--cyan-strong);cursor:pointer;text-align:left;background:#6ee7e80d;border:1px solid #6ee7e842;border-radius:.3rem;justify-content:space-between;align-items:center;gap:.7rem;padding:.7rem .8rem;font-size:.68rem;font-weight:500;display:flex}.gang-button:hover:not(:disabled){border-color:var(--cyan);background:#6ee7e81a}.gang-building>.gang-button{width:100%;margin-top:auto}.gang-button:disabled{color:#8a9da3;cursor:not-allowed;background:#85cad008;border-color:#85cad01f}.gang-button--primary{background:var(--cyan);color:#061216;border-color:var(--cyan);font-weight:650}.gang-button--primary:hover:not(:disabled){background:var(--cyan-strong);color:#061216}.gang-aside{align-content:start;gap:1rem;padding-top:2.55rem;display:grid}.gang-panel{border:1px solid var(--line);background:var(--panel);border-radius:.45rem;min-width:0;padding:1.25rem}.gang-panel>p{font-size:.76rem}.gang-empty{color:var(--muted);font-size:.76rem;line-height:1.65}.gang-queue{border-top:1px solid #85cad01f;padding:1rem 0}.gang-queue>div{gap:.5rem;margin-bottom:.65rem;display:grid}.gang-queue strong{font-size:.75rem;font-weight:500}.gang-queue time{color:var(--cyan);font-variant-numeric:tabular-nums;font-size:.7rem}.gang-app progress{appearance:none;width:100%;height:3px;color:var(--cyan);background:#6ee7e81a;border:0}.gang-app progress::-webkit-progress-bar{background:#6ee7e81a}.gang-app progress::-webkit-progress-value{background:var(--cyan)}.gang-app progress::-moz-progress-bar{background:var(--cyan)}.gang-shield{background:#a995ff0a;border-color:#a995ff47}.gang-shield>svg{color:var(--violet);margin-bottom:.8rem}.gang-shield>strong{color:var(--violet);font-variant-numeric:tabular-nums;margin-top:.8rem;font-size:1.3rem;font-weight:500;display:block}.gang-text-button{color:var(--cyan);cursor:pointer;background:0 0;border:0;padding:.5rem 0;font-size:.75rem}.gang-section-heading{margin:.7rem 0 2rem}.gang-section-heading h1{letter-spacing:-.04em;max-width:28ch;font-size:clamp(1.7rem,2.6vw,2.5rem);font-weight:550;line-height:1.15}.gang-section-heading>p:not(.gang-eyebrow){max-width:70ch;font-size:.82rem}.gang-two-column{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.gang-force-card{padding:0;overflow:hidden}.gang-force-art{aspect-ratio:3/2;background:#142028;height:auto;overflow:hidden}.gang-force-art img{object-position:center 35%}.gang-force-body{padding:0 1.5rem 1rem}.gang-big-number{font-size:3rem;font-weight:500}.gang-field{color:var(--muted);gap:.6rem;margin:1.5rem 0 1rem;font-size:.75rem;display:grid}.gang-app input{border:1px solid var(--line-strong);width:100%;min-height:45px;color:var(--ink);background:#07121b;border-radius:.3rem;padding:.7rem .85rem}.gang-stack{gap:1rem;margin-top:1rem;display:grid}.gang-map-layout{grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:1.25rem;display:grid}.gang-map{border:1px solid var(--line);background:radial-gradient(#11292c,#08131b);border-radius:.5rem;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:1rem;display:grid}.gang-map-cell{aspect-ratio:1;color:#c0d0d3;cursor:pointer;background:linear-gradient(#07131a1f,#07131a59),url(/art/gang-v1/map/district-v1-384.webp) 50%/cover;border:1px solid #85cad03d;align-content:center;justify-items:center;min-width:0;padding:.5rem;display:grid;position:relative}.gang-map-cell>span{background:#040c13e0;border-radius:.2rem;padding:.1rem .25rem;font-size:1rem;line-height:1.1;position:absolute;top:.25rem;left:.25rem}.gang-map-cell>small{color:#edf6f6;background:#040c13eb;border-radius:.15rem;padding:.15rem .25rem;font-size:.55rem;position:absolute;bottom:.25rem;right:.25rem}.gang-map-cell--own,.gang-map-cell--player{color:var(--cyan);background-image:linear-gradient(#07131a0d,#07131a33),url(/art/gang-v1/buildings/headquarters-v1-384.webp);border-color:#6ee7e8b3}.gang-map-cell--system{color:var(--amber);background-image:linear-gradient(#07131a0d,#07131a33),url(/art/gang-v1/buildings/storage-v1-384.webp);border-color:#edc570a6}.gang-map-detail__art{aspect-ratio:3/2;border-bottom:1px solid var(--line);border-radius:.45rem .45rem 0 0;margin:-1.25rem -1.25rem 1.1rem;overflow:hidden}.gang-map-cell.is-selected{outline:2px solid var(--cyan-strong);outline-offset:-2px}.gang-map-detail h2{margin-bottom:.8rem;font-size:1.25rem}.gang-map{min-width:0;overflow-x:auto}.gang-world-select{max-width:38rem;margin:4rem auto}.gang-world-select .gang-button{width:100%;margin-top:1rem}.gang-raid-quote{border-top:1px solid var(--line);margin-top:1.25rem;padding-top:1rem}.gang-map-cell--player{color:var(--cyan)}.gang-tag{color:var(--cyan);border:1px solid var(--line);background:#6ee7e80f;border-radius:.25rem;padding:.4rem .55rem;font-size:.63rem;display:inline-block}.gang-tag--system{color:var(--amber);background:#edc5700d;border-color:#edc57040}.gang-timing{gap:3rem;display:flex}.gang-timing>div{gap:.5rem;display:grid}.gang-timing span{color:var(--muted);font-size:.7rem}.gang-timing strong{color:var(--cyan);font-size:1.2rem;font-weight:500}.gang-leader{grid-template-columns:190px 1fr;gap:2rem;padding:0;display:grid;overflow:hidden}.gang-leader__portrait{background:linear-gradient(#0000,#08121a),url(/art/rust-sector/narrative/desktop/system_operator_fixer.webp) 50%/cover;min-height:270px}.gang-leader>div:last-child{padding:2rem 1rem 1rem 0}.gang-leader h2{font-size:1.75rem}.gang-leader dl{gap:3rem;margin-top:2rem;display:flex}.gang-leader dt{color:var(--muted);margin-bottom:.6rem;font-size:.7rem}.gang-leader dd{margin:0;font-size:1.1rem}.gang-ranking{padding:0 1.5rem}.gang-ranking-row{border-bottom:1px solid var(--line);grid-template-columns:35px 1fr auto;align-items:center;gap:1rem;padding:1.4rem 0;display:grid}.gang-ranking-row:last-child{border:0}.gang-ranking-row strong{font-size:.85rem;font-weight:550}.gang-ranking-row small{color:var(--muted);margin-top:.4rem;font-size:.65rem;display:block}.gang-ranking-row>span:last-child{text-align:right}.gang-ranking-place{color:var(--cyan);font-size:1.1rem}.gang-join{border:1px solid var(--line);background:var(--panel);border-radius:.7rem;grid-template-columns:1fr 1fr;min-height:600px;margin:2rem 0;display:grid;overflow:hidden}.gang-join__art{background:linear-gradient(90deg,#0000 60%,#081118),url(/art/rust-sector/desktop/rust_sector_hero.webp) 45%/cover}.gang-join__body{align-self:center;padding:4rem 3rem}.gang-join h1{letter-spacing:-.05em;max-width:13ch;font-size:clamp(2rem,4vw,3.5rem);font-weight:550;line-height:1.05}.gang-join__body>p:not(.gang-eyebrow){margin:1.5rem 0;font-size:.86rem}.gang-join form{gap:.7rem;margin-top:2rem;display:grid}.gang-join label{color:var(--muted);font-size:.75rem}.gang-loading{min-height:55dvh;color:var(--muted);place-items:center;display:grid}.gang-notice{border:1px solid var(--red);border-radius:.3rem;justify-content:space-between;align-items:center;gap:1rem;margin:1rem 2rem;padding:1rem;font-size:.8rem;display:flex}.gang-notice p{margin:0;line-height:1.5}.gang-mobile-nav{display:none}@media (min-width:1440px){.gang-building-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1100px){.gang-layout{grid-template-columns:165px minmax(0,1fr)}.gang-content{padding:1.5rem}.gang-resource-bar{padding-inline:1.5rem}.gang-base-columns{grid-template-columns:minmax(0,1fr)}.gang-aside{grid-template-columns:1fr 1fr;padding-top:0}.gang-aside>:last-child{display:none}.gang-map-layout{grid-template-columns:1fr}}@media (max-width:760px){.gang-preview{flex-direction:column;align-items:stretch;padding:.8rem 1rem}.gang-preview p{font-size:.65rem}.gang-layout{grid-template-columns:minmax(0,1fr)}.gang-rail{display:none}.gang-app{padding-bottom:calc(4.5rem + env(safe-area-inset-bottom))}.gang-resource-bar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);gap:.6rem;min-height:75px;padding:.75rem 1rem;position:sticky;top:0}.gang-resource{gap:.45rem}.gang-resource strong{font-size:.96rem}.gang-resource small{font-size:.58rem}.gang-resource>span{display:none}.gang-resource-dot{width:6px;height:6px}.gang-icon-button{min-width:36px;min-height:40px}.gang-content{padding:1rem 1rem 2rem}.gang-hero{background-position:50%;min-height:290px;padding:1.5rem;display:block}.gang-hero h1{max-width:18ch;font-size:1.9rem}.gang-hero__stats{border:0;border-top:1px solid var(--line);background:0 0;gap:2.5rem;margin-top:1.2rem;padding:.9rem 0 0;display:flex}.gang-hero__stats>div{flex:1}.gang-hero__stats strong{font-size:1.2rem}.gang-base-columns{gap:1rem;padding-top:1.4rem}.gang-building-grid{gap:.6rem}.gang-building{min-height:315px;padding:.8rem}.gang-building__art{margin:-.8rem -.8rem .8rem}.gang-level{font-size:.56rem;top:.4rem;left:.4rem}.gang-building h3{font-size:.83rem}.gang-building__details{gap:.6rem;min-height:2.5rem;font-size:.62rem}.gang-building .gang-cost{gap:.55rem;font-size:.66rem}.gang-building .gang-button{padding:.65rem .55rem;font-size:.62rem}.gang-requirements{font-size:.6rem;line-height:1.5}.gang-aside{grid-template-columns:1fr}.gang-panel{padding:1.1rem}.gang-two-column{grid-template-columns:1fr}.gang-force-art{height:auto}.gang-section-heading{margin:.6rem 0 1.4rem}.gang-section-heading h1{font-size:1.9rem}.gang-section-heading>p:not(.gang-eyebrow){font-size:.76rem}.gang-map{gap:3px;padding:.5rem}.gang-map-cell{min-height:50px;padding:.25rem}.gang-map-cell>span{font-size:.85rem}.gang-map-cell>small{font-size:.48rem;bottom:.2rem;right:.2rem}.gang-map-layout{gap:1rem}.gang-leader{grid-template-columns:110px 1fr;gap:1rem}.gang-leader__portrait{min-height:240px}.gang-leader dl{flex-direction:column;gap:1rem;margin-top:1rem}.gang-leader>div:last-child{padding:1.5rem .7rem 1rem 0}.gang-timing{gap:1.5rem}.gang-join{grid-template-columns:1fr;min-height:0;margin:.5rem 0}.gang-join__art{background-image:linear-gradient(#0000,#081118),url(/art/rust-sector/desktop/rust_sector_hero.webp);height:210px}.gang-join__body{padding:0 1.5rem 2rem}.gang-join h1{max-width:15ch;font-size:2.6rem}.gang-join .gang-eyebrow{margin-top:.3rem!important}.gang-notice{flex-direction:column;align-items:stretch;margin:1rem}.gang-mobile-nav{z-index:30;padding:.4rem .4rem calc(.45rem + env(safe-area-inset-bottom));border-top:1px solid var(--line-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050d14f7;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.gang-mobile-nav>button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-content:center;justify-items:center;gap:.35rem;min-height:48px;padding:.45rem .2rem;font-size:.58rem;display:grid}.gang-mobile-nav>button.is-active{color:var(--cyan-strong);background:#6ee7e80f;border-radius:.3rem}.gang-more-icon{letter-spacing:.1em;height:21px;font-size:1rem}.gang-mobile-menu{border:1px solid var(--line-strong);width:min(270px,80vw);box-shadow:var(--shadow);background:#0b1922;border-radius:.4rem;padding:.5rem;position:absolute;bottom:calc(100% + .65rem);right:.7rem}.gang-mobile-menu button{width:100%;min-height:48px;color:var(--ink);text-align:left;background:0 0;border:0;align-items:center;gap:1rem;padding:.75rem;font-size:.8rem;display:flex}}@media (max-width:359px){.gang-building-grid{grid-template-columns:1fr}.gang-building{min-height:210px}.gang-resource-bar{padding-inline:.65rem}}@media (prefers-reduced-motion:reduce){.gang-app *,.gang-app :before,.gang-app :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.gang-compound{--gang-compound-ink:#eee8d9;--gang-compound-muted:#bac5b6;--gang-compound-accent:#e1bf83;color:var(--gang-compound-ink);min-width:0}.gang-compound-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.gang-compound .gang-compound-heading{margin:0;font-size:1.1rem;font-weight:550}.gang-compound-switch{gap:5px;display:flex}.gang-compound .gang-compound-switch-button{min-width:44px;min-height:44px;color:var(--gang-compound-ink);font:inherit;cursor:pointer;background:#1b2b23;border:1px solid #687663;border-radius:4px;padding:9px 14px;font-size:.85rem}.gang-compound .gang-compound-switch-button[aria-pressed=true]{color:#17231d;background:var(--gang-compound-accent);border-color:var(--gang-compound-accent)}.gang-compound-layout{grid-template-columns:minmax(0,1fr) minmax(250px,310px);align-items:start;gap:16px;display:grid}.gang-compound-content,.gang-compound-detail{min-width:0}.gang-compound-scene-wrap{background:#25372b;border:1px solid #61705a;border-radius:6px;overflow:hidden}.gang-compound-scene{isolation:isolate;aspect-ratio:1.2;background:linear-gradient(#15251945,#111c1955),url(/art/gang-v1/board/grass-v1.webp) 0 0/400px 400px;width:100%;min-height:370px;position:relative}.gang-compound-yard,.gang-compound-drive{z-index:-1;pointer-events:none;background:linear-gradient(#20292335,#1c271d44),url(/art/gang-v1/board/concrete-v1.webp) 0 0/200px 200px;position:absolute}.gang-compound-yard{clip-path:polygon(18% 0,76% 4%,100% 39%,87% 85%,65% 100%,12% 88%,0 47%);inset:20% 6% 10%}.gang-compound-drive{clip-path:polygon(14% 0,86% 0,100% 100%,0 100%);inset:67% 37% 0 31%}.gang-compound .gang-compound-building{width:44%;min-width:44px;height:43%;min-height:44px;color:var(--gang-compound-ink);cursor:pointer;font:inherit;text-align:center;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:end;align-items:center;padding:0 3px 7px;display:flex;position:absolute}.gang-compound .gang-compound-building--headquarters{width:50%;top:3%;left:25%}.gang-compound .gang-compound-building--quarters{top:49%;left:2%}.gang-compound .gang-compound-building--recruitment{top:49%;right:2%}.gang-compound .gang-compound-building:hover{background:#f5ddb010}.gang-compound .gang-compound-building[aria-pressed=true]{background:#e8c38515;border-color:#e8c38577}.gang-compound-building-art{pointer-events:none;flex:1;place-items:center;width:100%;min-height:0;display:grid}.gang-compound .gang-compound-sprite{object-fit:contain;filter:drop-shadow(0 5px 5px #09110f80);-webkit-user-select:none;user-select:none;width:100%;height:100%;min-height:0;display:block}.gang-compound-foundation{color:#e1d9b1;width:100%;height:100%;display:block}.gang-compound-selection{color:#ffe0a0;font-size:16px;position:absolute;top:6px;right:7px}.gang-compound-building-caption{z-index:1;width:max-content;max-width:100%;color:var(--gang-compound-ink);overflow-wrap:anywhere;background:#15251cf2;border:1px solid #91a17c;border-radius:4px;gap:3px;padding:5px 8px;font-size:.76rem;line-height:1.3;display:grid;position:relative}.gang-compound-building-caption strong{font-weight:550}.gang-compound-building-caption>span{color:#d8cfb0;font-size:.7rem}.gang-compound-building--planned .gang-compound-building-caption{border-style:dashed}.gang-compound .gang-compound-hint{color:var(--gang-compound-muted);background:#1b2b22;border-top:1px solid #53644e;margin:0;padding:10px 12px;font-size:.76rem;line-height:1.5}.gang-compound-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.gang-compound-list-item{min-width:0;margin:0;padding:0}.gang-compound .gang-compound-list-button{width:100%;min-height:64px;color:var(--gang-compound-ink);text-align:left;cursor:pointer;font:inherit;background:#1c2c24;border:1px solid #5c6b56;border-radius:5px;align-items:center;gap:12px;padding:12px;display:flex}.gang-compound .gang-compound-list-button:hover{background:#2a3c2f}.gang-compound .gang-compound-list-button[aria-pressed=true]{border-color:var(--gang-compound-accent);background:#35402d}.gang-compound-list-icon{text-align:center;color:var(--gang-compound-accent);flex:0 0 24px;font-size:24px}.gang-compound-list-copy{overflow-wrap:anywhere;gap:5px;min-width:0;display:grid}.gang-compound-list-copy strong{font-size:.9rem;font-weight:550}.gang-compound-list-copy>span{color:var(--gang-compound-muted);font-size:.76rem;line-height:1.5}.gang-compound-list-selected{color:#ffe2a7;margin-left:auto;font-size:18px}.gang-compound .gang-compound-switch-button:focus-visible,.gang-compound .gang-compound-building:focus-visible,.gang-compound .gang-compound-list-button:focus-visible{outline-offset:3px;outline:3px solid #ffe1a8}.gang-compound-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1180px){.gang-compound-layout{grid-template-columns:minmax(0,1fr)}.gang-compound-scene{aspect-ratio:1.4;min-height:350px}}@media (max-width:760px){.gang-compound-header{align-items:start}.gang-compound .gang-compound-heading{font-size:1rem}.gang-compound-layout{gap:12px}.gang-compound-scene{aspect-ratio:1.02;min-height:310px}.gang-compound .gang-compound-building{height:43%}.gang-compound-building-caption{padding:5px;font-size:.74rem}.gang-compound-building-caption>span{font-size:.7rem}}@media (forced-colors:active){.gang-compound .gang-compound-building[aria-pressed=true],.gang-compound .gang-compound-list-button[aria-pressed=true],.gang-compound .gang-compound-switch-button[aria-pressed=true]{outline:2px solid highlight}}
.gang-neighborhood{background:#1a2825;border:1px solid #667561;border-radius:7px;min-width:0;overflow:hidden}.gang-neighborhood__toolbar{background:#1b2925;border-bottom:1px solid #62715b;flex-wrap:wrap;align-items:center;gap:7px;padding:9px;display:flex}.gang-neighborhood__toolbar .gang-button{min-height:44px;padding:8px 12px;font-size:.75rem}.gang-neighborhood__toolbar>span{color:#d5c192;margin-left:auto;font-family:monospace;font-size:.75rem}.gang-neighborhood__viewport{isolation:isolate;touch-action:none;cursor:grab;outline-offset:-3px;background-color:#465647;background-image:linear-gradient(#50605555,#263f3455),url(/art/gang-v1/board/grass-v1.webp);background-repeat:repeat;height:430px;position:relative;overflow:hidden}.gang-neighborhood__viewport:active{cursor:grabbing}.gang-neighborhood__viewport:focus-visible{outline:3px solid #e5c98a}.gang-neighborhood__viewport:after{content:"";z-index:1400;pointer-events:none;background:radial-gradient(#0000 45%,#15282528);position:absolute;inset:0}.gang-neighborhood__terrain{pointer-events:none;z-index:0;max-width:none;position:absolute}.gang-neighborhood__sprite{pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 3px 3px #20282055);position:absolute}.gang-neighborhood__sprite img{object-fit:contain;width:100%;max-width:none;height:100%;display:block}.gang-neighborhood__sprite.is-own{filter:drop-shadow(0 2px 5px #2d352755)}.gang-neighborhood__decoration{z-index:0;pointer-events:none;opacity:.85;filter:saturate(.65);position:absolute}.gang-neighborhood__decoration img{object-fit:contain;width:100%;height:100%}.gang-neighborhood__position{z-index:2000;color:#f8efd5;cursor:pointer;touch-action:none;border-radius:6px;min-width:44px;min-height:44px;padding:0;position:absolute;background:0 0!important;border:0!important}.gang-neighborhood__position:focus-visible{outline-offset:4px;outline:3px solid #ffe3a3}.gang-neighborhood__symbol{color:#f6f0da;background:#263c36;border:1px solid #d6dcc7;border-radius:3px;place-items:center;width:22px;height:22px;font-size:12px;display:grid;position:absolute;top:9%;right:2%;box-shadow:0 2px 4px #1b2d2c70}.gang-neighborhood__position.is-own .gang-neighborhood__symbol{color:#24332a;background:#dfc286;border-color:#f5dba3}.gang-neighborhood__position.is-system .gang-neighborhood__symbol{color:#f2d49e;background:#5b4530;border-color:#dec190;border-radius:50%}.gang-neighborhood__position.is-empty .gang-neighborhood__symbol{width:26px;height:26px;box-shadow:none;background:#48604370;border:1px dashed #d9deba;border-radius:50%;font-size:21px;line-height:1;inset:auto auto 9px 9px}.gang-neighborhood__label{color:#f5efd9;white-space:nowrap;pointer-events:none;background:#21352ef2;border:1px solid #99a581;border-radius:3px;max-width:175px;padding:5px 8px;font-size:.68rem;line-height:1.3;position:absolute;top:calc(100% - 2px);left:50%;transform:translate(-50%)}.gang-neighborhood__position.is-selected .gang-neighborhood__label{color:#ffdfa2;background:#2c3829f5;border-color:#e6c783}.gang-neighborhood__ring{z-index:1;pointer-events:none;border:2px solid #e8c677;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #e4c77f22}.gang-neighborhood__zoom{z-index:3000;background:#172c25ee;border:1px solid #839174;border-radius:5px;display:grid;position:absolute;bottom:12px;right:12px;box-shadow:0 3px 8px #1d2e2440}.gang-neighborhood__zoom button{color:#f6e1b4;min-width:44px;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;place-items:center;font-size:24px;display:grid}.gang-neighborhood__zoom button:focus-visible{outline:3px solid #ffe0a2}.gang-neighborhood__zoom output{text-align:center;color:#e5debc;border-block:1px solid #70816470;padding:7px 0;font-size:10px;display:block}.gang-neighborhood__toolbar .gang-neighborhood__zoom{box-shadow:none;align-items:center;margin-left:auto;display:flex;position:static}.gang-neighborhood__toolbar .gang-neighborhood__zoom output{border:0;border-inline:1px solid #70816470;min-width:40px;padding:10px 3px}.gang-neighborhood__hint{background:#1b2c25;border-top:1px solid #5e715c;line-height:1.4;color:#c0c9b4!important;margin:0!important;padding:9px 12px!important;font-size:.72rem!important}.gang-map-layout--board{align-items:start;grid-template-columns:minmax(0,1fr) 270px!important}.gang-map-layout--board .gang-map-detail{min-width:0}.gang-position-picker{max-width:100%;margin-top:15px}.gang-position-picker select{border:1px solid var(--line-strong);width:100%;max-width:100%;min-height:44px;color:var(--ink);font:inherit;background:#0f2022;padding:9px;font-size:.8rem}.gang-base-summary{color:var(--muted);flex-wrap:wrap;gap:10px 25px;margin:-8px 0 17px;font-size:.75rem;display:flex}.gang-base-summary strong{color:var(--ink);margin-left:5px;font-weight:500}.gang-work-status{margin:0 0 18px}.gang-work-status .gang-queues{padding:13px 17px}.gang-work-status .gang-panel-title{margin-bottom:7px}.gang-work-status .gang-empty{margin:0;font-size:.75rem}.gang-building-action{min-width:0}.gang-building-action>h3{margin:5px 0 8px;font-size:1.2rem}.gang-building-action .gang-building__details{margin:17px 0 10px}.gang-building-action>.gang-button{width:100%;min-height:44px;margin:10px 0 0}.gang-building-action>.gang-text-button{min-height:44px;margin-top:12px}.gang-level-inline{color:#e8ca8c;background:#dbc1880b;border:1px solid #bca06b88;border-radius:4px;padding:5px 8px;font-size:.72rem;display:inline-block}.gang-compound-yard{clip-path:none;inset:17% 3% 5%;-webkit-mask-image:radial-gradient(at 50% 55%,#000 43%,#000c 58%,#0000 76%);mask-image:radial-gradient(at 50% 55%,#000 43%,#000c 58%,#0000 76%)}.gang-compound-drive{-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.gang-preview details{flex:1;min-width:0}.gang-preview summary{cursor:pointer;color:var(--amber);align-content:center;min-height:44px;font-size:.75rem;font-weight:650}.gang-preview details[open] p{max-width:680px}.gang-preview__actions button{min-width:65px;min-height:44px}.gang-work-status:has(.gang-empty) .gang-queues{flex-wrap:wrap;align-items:center;gap:5px 15px;padding:10px 15px;display:flex}.gang-work-status:has(.gang-empty) .gang-panel-title{gap:12px;margin:0}.gang-work-status:has(.gang-empty) .gang-empty{flex:1}.gang-compound .gang-compound-building[aria-pressed=true]{background:0 0;border-color:#0000}.gang-compound-building[aria-pressed=true] .gang-compound-building-caption{border-color:#f5d18c;box-shadow:0 0 0 3px #e8c38522}.gang-content{scroll-margin-top:85px;scroll-margin-bottom:95px}.gang-compound-building,.gang-building-action,.gang-map-detail{scroll-margin-block:95px}@media (max-width:1100px){.gang-map-layout--board{grid-template-columns:minmax(0,1fr)!important}.gang-map-layout--board .gang-map-detail{position:static}}@media (max-width:760px){.gang-neighborhood__viewport{height:350px}.gang-neighborhood__toolbar{gap:5px;padding:7px}.gang-neighborhood__toolbar .gang-button{padding:7px 9px;font-size:.7rem}.gang-neighborhood__toolbar>span{font-size:.68rem}.gang-neighborhood__hint{font-size:.68rem!important}.gang-work-status .gang-panel-title h2{font-size:.85rem}.gang-preview{flex-wrap:wrap;gap:.6rem;padding:.65rem .8rem}.gang-preview p{font-size:.67rem;line-height:1.4}.gang-preview__actions{gap:4px}.gang-preview button{min-height:44px}.gang-section-heading{margin-bottom:17px}.gang-section-heading h1{font-size:1.55rem}.gang-base-summary{gap:8px 13px;font-size:.7rem}.gang-building-action{padding:16px}.gang-position-picker{font-size:.75rem}.gang-compound-scene{background-size:auto,300px 300px}}@media (max-width:350px){.gang-neighborhood__viewport{height:325px}.gang-neighborhood__toolbar>span{display:none}.gang-neighborhood__label{max-width:140px;font-size:.64rem}}@media (prefers-reduced-motion:reduce){.gang-neighborhood *,.gang-compound *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.gang-compound-scene{aspect-ratio:auto;height:460px;min-height:0}@media (max-width:760px){.gang-compound-scene{height:350px;min-height:0}.gang-preview{flex-flow:row;align-items:center;padding:4px 12px}.gang-preview summary{font-size:.65rem;line-height:1.4}.gang-preview__actions{flex-shrink:0;gap:4px;display:flex}.gang-preview__actions button{min-width:60px;padding:7px;font-size:.65rem}.gang-preview:has(details[open]){flex-wrap:wrap}.gang-preview details[open]{flex-basis:100%}.gang-section-heading{margin:3px 0 12px}.gang-section-heading h1{margin-top:5px;margin-bottom:7px}.gang-section-heading>.gang-eyebrow{margin-bottom:6px}.gang-base-summary,.gang-work-status{margin-bottom:12px}.gang-work-status:has(.gang-empty) .gang-queues{padding:9px 12px}.gang-work-status:has(.gang-empty) .gang-empty{flex-basis:100%;font-size:.65rem}.gang-compound-header{align-items:center;gap:7px;margin-bottom:9px}.gang-compound .gang-compound-heading{font-size:.85rem}.gang-compound .gang-compound-switch-button{padding:7px 9px;font-size:.72rem}.gang-compound-scene{height:300px}.gang-neighborhood__zoom{top:10px;bottom:auto;right:10px}.gang-icon-button{min-width:44px;min-height:44px}.gang-neighborhood__label{max-width:135px}}