/* Living Colony: original schematic Azeroth visualization; no imported game map art. */
.colony-shell{width:min(1220px,calc(100% - 36px));margin:0 auto;padding:45px 0 75px}
.colony-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:13px 0 30px}
.colony-heading h1{font:700 clamp(2.5rem,5vw,4.2rem)/1.1 Georgia,"Palatino Linotype",serif;letter-spacing:.015em;color:#e5c58b;margin:.1em 0 .2em}
.colony-heading img{flex:0 0 auto;width:min(124px,18vw);height:auto;filter:drop-shadow(0 8px 22px #0007)}
.colony-lede{font-size:1.06rem;color:#c2c6b4;line-height:1.75;max-width:750px;margin:9px 0}
.colony-console{background:linear-gradient(165deg,#1d271f,#111915);border:1px solid #93815988;box-shadow:0 26px 60px #0007;border-radius:15px;overflow:hidden}
.colony-bar{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #9381595e;background:#172119}
.colony-mode{display:grid;gap:2px}
.colony-mode-label{color:#e8c58e;font:600 1.04rem Georgia,serif}
.colony-fine-status{font-size:.8rem;color:#b0b5a4}
.colony-controls{display:inline-flex;padding:3px;border:1px solid #8b795a66;border-radius:8px;gap:3px;background:#0c1410}
.colony-control{border:1px solid transparent;border-radius:6px;padding:8px 15px;color:#b8b7a5;cursor:pointer;background:transparent;font-size:.84rem}
.colony-control:hover{color:#f2e4c6;background:#66533235}
.colony-control.is-active{color:#ffebc5;background:#75603b52;border-color:#c9a36d77}
.colony-control:focus-visible{outline:2px solid #dfc28f;outline-offset:2px}
.colony-map-wrap{position:relative}
#colony-map{width:100%;display:block;aspect-ratio:1000/565;background:#071416}
.colony-continent{stroke:#b5a875;stroke-width:2.5;stroke-opacity:.58;filter:drop-shadow(6px 8px 6px #0713159e)}
.colony-island{stroke:#a7a175;stroke-opacity:.55;stroke-width:2}
.colony-ridge{fill:none;stroke:#c3af78;stroke-opacity:.21;stroke-width:8;stroke-linecap:round;stroke-linejoin:round}
.colony-river{fill:none;stroke:#6a9a98;stroke-opacity:.53;stroke-width:3;stroke-linecap:round}
.colony-labels text{font-family:Georgia,serif;text-anchor:middle;paint-order:stroke;stroke:#061314;stroke-width:3;stroke-linejoin:round}
.continent-label{font-size:15px;fill:#e2d5a8;letter-spacing:1.7px;font-weight:bold}
.sea-label{font-size:17px;fill:#6f9295;letter-spacing:4px}
.atlas-label{font-size:9px;fill:#7eaaaa;letter-spacing:1.4px}
.colony-ant{filter:drop-shadow(0 1px 5px #000)}
.colony-ant-halo{fill:currentColor;opacity:.1;stroke:currentColor;stroke-opacity:.18;stroke-width:1.5}
.colony-ant-body{fill:currentColor;stroke:#102018;stroke-width:.8}
.colony-ant-legs{stroke:currentColor;stroke-width:2;stroke-linecap:round}
.colony-ant-amber{color:#efba68}
.colony-ant-moss{color:#acd38c}
.colony-ant-ash{color:#ed9890}
.colony-ant-public{color:#f2d9a2}
.colony-map-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#9daea6;background:#102024;font-size:.74rem;padding:10px 17px;border-top:1px solid #4360644d}
.colony-map-footer strong{color:#e0c28d}
.colony-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#101a19ee;border:1px solid #c3a46d66;box-shadow:0 12px 60px #07100ee0;border-radius:10px;padding:26px 33px;max-width:420px;width:calc(100% - 40px);text-align:center;color:#d7decd}
.colony-empty[hidden]{display:none}
.colony-empty img{display:block;margin:0 auto 8px}
.colony-empty p{margin:8px 0 0;font-size:.87rem}
.colony-empty strong{font:600 1.35rem Georgia,serif;color:#eed0a0}
.colony-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #927a4e66}
.colony-stats>div{padding:19px 23px;display:grid;gap:2px;text-align:center}
.colony-stats>div+div{border-left:1px solid #927a4e45}
.colony-stats span{font:700 1.5rem Georgia,serif;color:#f1d4a3}
.colony-stats small{color:#afb9aa;font-size:.78rem}
.colony-explain{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}
.colony-explain article{border:1px solid var(--line);background:#111a13;padding:24px;border-radius:12px}
.colony-explain h2{font:600 1.45rem Georgia,serif;color:#e8d1a6;margin:5px 0 13px}
.colony-explain p{color:#b7c0ad;line-height:1.7}
.colony-explain strong{color:#e8dbc2}
.colony-explain a{color:#eac58a;text-underline-offset:4px}
@media(max-width:850px){.colony-heading{align-items:flex-start}.colony-bar{flex-direction:column;align-items:flex-start}.colony-map-footer{flex-direction:column;text-align:center}.colony-explain{grid-template-columns:1fr}}
@media(max-width:580px){.colony-shell{width:calc(100% - 22px);padding-top:23px}.colony-heading img{width:64px}.colony-heading h1{font-size:2.6rem}.colony-bar{padding:14px}.colony-control{padding:8px 12px}.colony-stats>div{padding:12px 5px}.colony-stats span{font-size:1.2rem}.colony-stats small{font-size:.66rem}.colony-empty{padding:13px 15px;width:calc(100% - 26px)}.colony-empty img{display:none}.colony-empty strong{font-size:1rem}.colony-empty p{font-size:.7rem;margin:4px 0}.colony-map-footer{font-size:.68rem;padding:7px}}
@media(prefers-reduced-motion:reduce){.colony-control{transition:none}}


/* Living Colony Atlas v2: hand-inked coastlines, textured regions, original vector art. */
.atlas-grid path{fill:none;stroke:#b2d4c7;stroke-width:.75;stroke-dasharray:2 12;stroke-opacity:.1}
.atlas-coast-haze{filter:blur(5px)}
#colony-map .colony-continent{stroke:#d7c498;stroke-opacity:.8;stroke-width:2.15}
#colony-map .colony-island{stroke:#dfcb9e;stroke-width:1.7;stroke-opacity:.85;filter:drop-shadow(2px 3px 3px #030d12b8)}
.atlas-ridge{fill:none;stroke:#3f4939;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:.33;stroke-width:2.5}
.atlas-ridge-broad{stroke-width:18;stroke-opacity:.24}
.atlas-peak{fill:none;stroke:#eee0af;stroke-width:2;stroke-opacity:.53;stroke-linejoin:round;stroke-linecap:round}
.atlas-zone-border{fill:none;stroke:#f1dcad;stroke-width:1.2;stroke-opacity:.35;stroke-dasharray:4 6}
.atlas-road{fill:none;stroke:#f7dd9e;stroke-width:1.8;stroke-opacity:.7;stroke-linecap:round;stroke-dasharray:1.2 4.5}
.atlas-river{fill:none;stroke:#7ac8c9;stroke-width:2;stroke-opacity:.68;stroke-linecap:round}
.atlas-crater{fill:none;stroke:#e5c683;stroke-width:3;stroke-opacity:.55;stroke-dasharray:4 4}
.atlas-woodland{fill:none;stroke:#204835;stroke-width:8;stroke-opacity:.36;stroke-linecap:round}
.atlas-swell{fill:none;stroke:#98c0b4;stroke-width:1.4;stroke-opacity:.21;stroke-linecap:round;stroke-dasharray:9 6}
.atlas-sea-meridian{fill:none;stroke:#d6c597;stroke-width:1;stroke-opacity:.24;stroke-dasharray:1 8}
.atlas-compass>circle{stroke:#e6d3a4;stroke-width:1.2;stroke-opacity:.52;fill:#102c2b4d}
.atlas-compass>path{stroke:#e9d3a6;stroke-width:1;stroke-opacity:.85;fill:#f0d9a9}
.atlas-compass>path.atlas-compass-inner{fill:#153638}
.atlas-compass text{font:bold 13px Georgia,serif;text-anchor:middle;fill:#e9d3a1;letter-spacing:1px}
.atlas-frame rect,.atlas-frame path{fill:none;stroke:#dcc794;stroke-width:1.4;stroke-opacity:.42}
.atlas-frame circle{fill:#dec795;opacity:.6}
#colony-map .colony-labels text{paint-order:stroke fill;stroke:#17281f;stroke-width:2.5;stroke-opacity:.97;stroke-linejoin:round}
#colony-map .continent-label{font-size:15px;fill:#f3d9a1;letter-spacing:3px;stroke:#081d21;stroke-width:4}
#colony-map .sea-label{font:italic 16px Georgia,serif;letter-spacing:3.2px;fill:#b0d7cc;stroke:#0c2d31;stroke-width:3}
#colony-map .atlas-maelstrom-label{font:italic 11px Georgia,serif;fill:#9bc9be;letter-spacing:1.9px;stroke:#0b292d;stroke-width:2}
#colony-map .atlas-zone-name{font:italic 10.5px Georgia,"Palatino Linotype",serif;fill:#f8e7bd;letter-spacing:.3px;stroke:#334036;stroke-width:2.3}
#colony-map .atlas-zone-prominent{font-size:12px;font-weight:bold;fill:#f9df9a}
#colony-map .atlas-city circle{fill:#f1c779;stroke:#3d3222;stroke-width:2;filter:drop-shadow(0 0 5px #f9d688)}
#colony-map .atlas-city text{fill:#f5e7c7;font:bold 10px Georgia,serif;stroke:#253329;stroke-width:2.5}
#colony-map .atlas-label{fill:#93c0bc;letter-spacing:1.2px}
.colony-map-footer{background:#102322}
.atlas-key{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.atlas-swatch{display:inline-block;width:9px;height:9px;vertical-align:middle;border-radius:100%;border:1px solid #efe0ac9e;box-shadow:0 0 7px currentColor}
.atlas-swatch-ember{background:#efba68;color:#efba68}
.atlas-swatch-moss{background:#acd38c;color:#acd38c}
.atlas-swatch-ash{background:#ed9890;color:#ed9890}
.atlas-key b{font-weight:600;color:#e2c89c}
@media(max-width:700px){
 .colony-map-wrap{overflow-x:auto;overscroll-behavior-x:contain}
 #colony-map{min-width:780px}
 .colony-empty{position:sticky;left:50%;transform:translateX(-50%);margin-top:-330px;margin-bottom:160px;top:auto;max-width:min(360px,calc(100% - 28px))}
 .colony-map-footer{min-width:780px}
}

/* Six anatomically separate legs survive reduction to map-pin size. */
#colony-map .colony-ant-legs{stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill;filter:drop-shadow(0 0 1px #071615)}
#colony-map .colony-ant-body{stroke-width:1.15}
.colony-control[hidden]{display:none!important}
.colony-patterns{margin-top:30px;border:1px solid #b2925e5c;background:linear-gradient(145deg,#202b22,#11211d 72%);border-radius:13px;padding:30px}
.colony-patterns-header{display:flex;gap:16px;justify-content:space-between;align-items:end}
.colony-patterns h2{font:600 clamp(1.55rem,3vw,2.25rem)/1.18 Georgia,"Palatino Linotype",serif;color:#f1d4a1;margin:0 0 10px}
.colony-patterns-header p:last-child,.colony-patterns-pair p{color:#b6c0b1;line-height:1.65;max-width:630px}
.colony-research-stage{flex:0 0 auto;border:1px solid #b1955f77;background:#ac895b18;padding:9px 13px;border-radius:5px;color:#e7cb9d;font-size:.76rem}
.colony-patterns-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.colony-patterns-pair>div{border:1px solid #c8ab783d;background:#0c191677;border-radius:6px;padding:19px}
.colony-patterns-pair strong{display:block;color:#f0dab2;font:600 1.23rem Georgia,serif;margin-top:5px}
.colony-pattern-icon{font-size:26px;color:#d7b777}
.colony-patterns-disclosure{color:#b7b5a0;font-size:.79rem;margin-top:20px}
@media(max-width:740px){.colony-patterns{padding:19px}.colony-patterns-header{flex-direction:column;align-items:start}.colony-patterns-pair{grid-template-columns:1fr}}