:root{--bg: #101e2a;--panel-bg: #142733;--panel-fg: #e6eeed;--muted: #a5b6bf;--accent: #f2cb86;--panel-width: 24rem;--zone-career: #e3ae58;--zone-org: #64b6e8;--zone-app: #70cda9}.city-app{background:radial-gradient(ellipse at 55% 40%,#244253,#101e2a 75%)}.city-app [hidden]{display:none!important}.city-header{position:absolute;z-index:4;top:0;left:0;right:0;padding:1.2rem 1.5rem;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.city-header h1{font-size:1.7rem;font-weight:550;letter-spacing:-.04em;margin:.1rem 0 0}.city-eyebrow{margin:0;font:600 .65rem ui-monospace,monospace;letter-spacing:.18em;color:var(--muted)}.city-eyebrow span{color:var(--accent)}.city-header nav{display:flex;gap:1rem;pointer-events:auto;font-size:.8rem}.city-header a{color:var(--muted);text-decoration:none}.city-header a:hover{color:var(--accent)}.city-app #stage{top:84px;bottom:146px;cursor:grab}.city-app #stage:active{cursor:grabbing}.city-app #stage canvas:focus-visible{outline:1px solid var(--accent);outline-offset:-2px}.city-discovery{position:absolute;z-index:4;top:100px;left:1.5rem;width:16rem;display:grid;gap:.5rem;pointer-events:none}.city-card{pointer-events:auto;background:#142733ed;border:1px solid #ffffff20;border-radius:.5rem;font-size:.78rem;box-shadow:0 8px 25px #0002;overflow:auto;max-height:48vh}.city-card summary{padding:.75rem .85rem;cursor:pointer;color:var(--panel-fg)}.city-card summary span{float:right;font-size:1rem}.city-card p{margin:.6rem .85rem;color:var(--muted);line-height:1.6}.city-card p:last-child{margin-bottom:1rem}.city-card strong{color:var(--panel-fg)}#city-search{display:block;width:calc(100% - 1.5rem);margin:.25rem .75rem;border:1px solid #ffffff30;border-radius:.3rem;background:#091921;color:var(--panel-fg);padding:.65rem;font:inherit}#city-results{list-style:none;margin:0;padding:0 .75rem .75rem;max-height:30vh;overflow-y:auto}#city-results li{border-top:1px solid #ffffff12}#city-results a{color:var(--panel-fg);text-decoration:none;display:block;padding:.65rem .25rem}#city-results a:hover,#city-results a[aria-current]{color:var(--accent)}#city-results small{display:block;margin-top:.2rem;color:var(--muted);font-size:.65rem}.toolbar{position:absolute;z-index:4;left:1rem;right:1rem;bottom:calc(.75rem + env(safe-area-inset-bottom));padding:.75rem 1rem;border:1px solid #ffffff20;border-radius:.65rem;background:#142733f5;box-shadow:0 8px 30px #0003;display:grid;gap:.65rem}.toolbar__row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.toolbar__zones{display:flex;gap:.4rem;flex-wrap:wrap}.city-app button{cursor:pointer;color:var(--panel-fg);background:#ffffff08;border:1px solid #ffffff25;border-radius:.35rem;padding:.5rem .75rem;font:500 .75rem system-ui,sans-serif;min-height:36px}.city-app button:hover{border-color:var(--accent)}.city-app :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.city-app button:disabled{opacity:.5;cursor:default}.city-app button.city-primary{background:var(--accent);color:#192730;border-color:var(--accent);font-weight:700}.city-app .zone{border-radius:2rem;min-height:30px;padding:.3rem .65rem}.zone--career{color:var(--zone-career)!important}.zone--org{color:var(--zone-org)!important}.zone--app{color:var(--zone-app)!important}.zone[aria-pressed=true]{border-color:currentColor;background:#ffffff12}#city-status{color:var(--muted);font:.65rem ui-monospace,monospace;margin:0 0 0 auto}.toolbar__zoom{display:flex;gap:.35rem;margin-left:auto}.toolbar__zoom button{font-size:1rem;padding:.2rem .7rem}.toolbar__caption{color:var(--muted);font-size:.65rem;justify-content:space-between}.toolbar__caption p{margin:0}#city-tip{color:var(--accent)}.walk-pad{position:absolute;right:1.5rem;bottom:170px;z-index:4;display:grid;grid-template-columns:repeat(3,44px);gap:.3rem}.walk-pad button{width:44px;height:44px;background:#142733ed;touch-action:none;-webkit-user-select:none;user-select:none;font-size:1.1rem}#city-reticle{position:absolute;pointer-events:none;top:calc(50% - 31px);left:50%;transform:translate(-50%,-50%);color:#fff9;font-size:1.2rem}.city-fallback{position:absolute;top:40%;left:25%;width:50%;text-align:center;line-height:1.6;padding:1rem;color:var(--muted)}.city-fallback a{color:var(--accent)}.block__meta{color:var(--muted);font-size:.8rem}.block__summary{font-size:1rem}.block__links{display:flex;gap:.5rem;flex-wrap:wrap;list-style:none;padding:0!important}.block__links a{display:inline-block;padding:.3rem .6rem;background:#ffffff0a;border:1px solid #ffffff20;border-radius:.3rem;font-size:.8rem}.block__metrics{background:#0002;border:1px solid #ffffff15;border-radius:.4rem;padding:.75rem;margin:1rem 0}.block__metrics h3{margin-top:0}.block__metrics dl{margin:0 0 .75rem}.block__metrics dl div{display:grid;grid-template-columns:4.5rem 1fr;gap:.5rem;border-bottom:1px solid #ffffff10;padding:.5rem 0;font-size:.8rem}.block__metrics dt{color:var(--muted)}.block__metrics dd{margin:0}.block__metrics p,.block__metrics a{font-size:.7rem;color:var(--muted)}.block__body{border-top:1px solid #ffffff20;margin-top:1rem}@media(min-width:64rem){.city--panel #stage,.city--panel .city-header{right:var(--panel-width)}.city--panel .toolbar{right:calc(var(--panel-width) + 1rem)}.city--panel .walk-pad{right:calc(var(--panel-width) + 1.5rem)}.city--panel #city-reticle{left:calc((100% - var(--panel-width)) / 2)}}@media(max-width:63.999rem){.city-app .panel{top:auto;left:0;right:0;bottom:0;width:100%;height:auto;max-height:44%;border-left:0;border-top:2px solid var(--accent);border-radius:.7rem .7rem 0 0}.city--panel #stage{bottom:44%}.city--panel .toolbar{display:none}.city--panel .walk-pad{bottom:calc(44% + 12px)}.city--panel #city-reticle{top:calc((56% + 84px)/2)}.city-discovery{left:1rem;width:14rem}.city--panel .city-legend{display:none}}@media(max-width:40rem){.city-header{padding:1rem}.city-header h1{font-size:1.3rem}.city-header nav{gap:.75rem;font-size:.7rem}.city-discovery{top:80px;right:1rem;width:auto;display:flex;align-items:flex-start;gap:.4rem}.city-card{flex:1;min-width:0;font-size:.7rem}.city-card[open]{position:absolute;width:100%;z-index:1;max-height:45vh}.city-card summary{padding:.6rem}.city-app #stage{top:116px;bottom:175px}.toolbar{left:.6rem;right:.6rem;padding:.6rem;gap:.5rem}.toolbar__zones{gap:.25rem}.city-app .zone{font-size:.6rem;padding:.25rem .45rem}#city-status{flex-basis:100%;font-size:.6rem}#city-motion{font-size:.6rem;padding:.3rem}.toolbar__caption{font-size:.6rem}#city-tip{display:none}.walk-pad{bottom:190px;right:1rem}.city--panel #stage{bottom:44%}.city--panel #city-reticle{top:calc((56% + 116px)/2)}.city-fallback{left:5%;width:90%}}