.city-page{height:100dvh;overflow:hidden;background:#101823}.city-header{height:78px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #30404c;gap:20px}.city-brand{display:flex;align-items:baseline;gap:18px}.city-brand strong{font-size:27px;letter-spacing:-1px}.city-brand strong span{color:var(--mint)}.city-brand small{font-size:13px;color:#a5b9c8}.city-header nav{display:flex;align-items:center;gap:20px;font-size:13px}.city-header button{font:inherit;border:0;background:none;padding:0}.city-header .primary{font-size:13px;padding:10px 15px}.city-main{height:calc(100dvh - 78px);display:grid;grid-template-columns:250px minmax(0,1fr)}.destination-panel{background:#14212c;border-right:1px solid #30404c;padding:24px 18px;position:relative;z-index:5;overflow:auto;scrollbar-width:thin}.district-switch{display:flex;background:#0a1722;border:1px solid #30424d;padding:4px;border-radius:7px;margin-bottom:28px}.district-switch button{border:0;background:none;border-radius:4px;padding:8px 10px;font-size:13px;flex:1}.district-switch button.active{background:var(--mint);color:#123021}.destination-panel h1{font-size:24px;font-weight:500;line-height:1.2;letter-spacing:-.7px}.destination-intro{font-size:13px;line-height:1.6;color:#9fb0be;margin:12px 0 24px}#destinations{display:flex;flex-direction:column;gap:7px}.destination{display:block;width:100%;text-align:left;background:#172a37;border:1px solid #304b5d;border-radius:6px;padding:12px 10px}.destination:hover,.destination.selected{border-color:var(--mint);background:#234438;color:var(--mint)}.destination strong{font-size:14px;font-weight:500;display:block;line-height:1.5}.destination small{font-size:11px;display:block;color:#9fb2c2;margin-top:5px}.destination[disabled]{opacity:.5;cursor:default}.map-note{font-size:11px;line-height:1.8;color:#7f99ac;margin:24px 0 14px}#overview-button{font-size:13px;background:transparent;border:1px solid #45606b;padding:10px 12px;border-radius:5px;width:100%}.mobile-travel{display:none}#city-stage{position:relative;overflow:hidden;outline-offset:-4px;background:linear-gradient(#95b5c2,#c4d3cb);touch-action:none;min-width:0}#city-canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}#city-canvas:active{cursor:grabbing}#building-labels{position:absolute;inset:0;pointer-events:none}.building-label{position:absolute;transform:translate(-50%,-100%);border:1px solid #8be3b7;background:#0c2327ec;border-radius:6px;padding:7px 10px;font-size:12px;white-space:nowrap;pointer-events:auto;box-shadow:0 5px 18px #0003;line-height:1.3}.building-label small{display:block;font-size:10px;color:#a4c1c4;margin-top:3px}.building-label:hover{background:var(--mint);color:#143325}.building-label:hover small{color:#275b42}.city-top-tools{position:absolute;top:20px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.city-top-tools>span{padding:8px 12px;border:1px solid #9bb5b388;background:#e5efefcc;font:12px monospace;letter-spacing:1.5px;color:#24413f;border-radius:4px}.city-top-tools>div{display:flex;gap:5px;pointer-events:auto}.city-top-tools button{background:#112630e8;border:1px solid #52717d;border-radius:5px;width:36px;height:36px;font-size:22px}.city-top-tools #city-reset{width:auto;padding:0 12px;font-size:12px}.arrival-card{position:absolute;left:24px;right:24px;bottom:44px;background:#102531ed;border:1px solid #5a7b82;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;box-shadow:0 10px 30px #0003;pointer-events:none}.arrival-card button{pointer-events:auto;border:0;white-space:nowrap}.arrival-card button:disabled{background:#50665a!important;border-color:#50665a!important;color:#b8c8c1!important;cursor:default}.arrival-card small{font:10px monospace;letter-spacing:1px;color:var(--mint)}.arrival-card h2{font-size:21px;font-weight:400;line-height:1.3;margin:6px 0}.arrival-card p{font-size:13px;color:#b2c7d2;line-height:1.4}.city-instructions{position:absolute;bottom:12px;left:20px;right:20px;text-align:center;font-size:11px;color:#244339;text-shadow:0 1px 1px #ffffff88}.city-instructions span{margin:0 7px}#city-loading,#city-fallback{position:absolute;inset:0;z-index:7;background:#101823;display:flex;align-items:center;justify-content:center;gap:15px;flex-direction:column;padding:30px;text-align:center}#city-fallback p{font-size:16px;line-height:1.6}.building-address{font-size:16px;line-height:1.6;color:#bed1da;margin-top:15px}.building-reference{border-top:1px solid var(--line);margin-top:22px;padding-top:18px;font-size:13px;line-height:1.7;color:#9bb4c4}.building-reference a{color:var(--mint);text-decoration:underline}.building-reference strong{color:#d7e8ed;font-weight:500}.building-reference p{margin-bottom:10px}#return-street{border:0;margin-top:22px}.city-page dialog{z-index:20}.city-page .job{padding-top:22px}.city-page .job-date{font-size:13px}.city-page .about-text{font-size:16px}.city-page #building-experience h3{font-size:24px}.city-page #building-experience .credential-label{font-size:12px}.city-page #building-experience>p{font-size:16px;line-height:1.7;margin:12px 0;color:#bdccd7}@media(max-width:1100px){.city-main{grid-template-columns:215px minmax(0,1fr)}.city-header nav{gap:14px}.city-brand small{display:none}.destination-panel{padding:20px 14px}.destination-panel h1{font-size:21px}.arrival-card{left:18px;right:18px;padding:15px 18px}.arrival-card h2{font-size:18px}.arrival-card .primary{font-size:12px;padding:10px 14px}}@media(max-width:750px){.city-header{height:70px;padding-inline:16px;gap:10px}.city-brand strong{font-size:23px}.city-header nav{gap:12px}.city-header nav>a[href="studio.html"],.city-header #profile-button{display:none}.city-header nav>a[href="resume.html"]{font-size:11px}.city-header .primary{font-size:11px;padding:8px 10px}.city-main{height:calc(100dvh - 70px);display:flex;flex-direction:column}.destination-panel{padding:10px 12px;overflow:visible;border-right:0;border-bottom:1px solid #385265;display:flex;align-items:center;gap:10px}.district-switch{margin:0;flex-shrink:0;padding:3px}.district-switch button{font-size:11px;padding:8px}.destination-panel h1,.destination-intro,#destinations,.map-note{display:none}#overview-button{width:auto;margin-left:auto;white-space:nowrap;font-size:11px;padding:10px}.mobile-travel{display:flex;align-items:center;gap:7px;position:absolute;left:12px;right:12px;top:62px;z-index:10;background:#142a35e8;border:1px solid #57717f;padding:8px 10px;border-radius:7px}.mobile-travel label{font-size:11px;color:#abc0cb}.mobile-travel select{min-width:0;flex:1;font-size:12px;border:1px solid #34505f;color:#e6f2f6;background:#173441;border-radius:4px;padding:7px}.mobile-travel button{border:0;border-radius:4px;padding:8px 11px;background:var(--mint);font-size:12px;color:#143a25}#city-stage{flex:1;min-height:0}.city-top-tools{top:77px;left:14px;right:14px}.city-top-tools>span{font-size:10px;padding:6px 8px}.city-top-tools button{width:31px;height:31px;font-size:20px}.city-top-tools #city-reset{font-size:10px;padding:0 8px}.arrival-card{bottom:44px;left:12px;right:12px;gap:10px;padding:14px}.arrival-card h2{font-size:17px}.arrival-card small{font-size:9px}.arrival-card p{font-size:11px}.arrival-card .primary{font-size:11px;padding:10px}.city-instructions{font-size:9px;line-height:1.6;bottom:9px}.city-instructions span{margin:0 4px}.building-label{font-size:10px;padding:5px 7px}.building-label small{font-size:9px}.city-page dialog{inset:9px;width:calc(100vw - 18px);height:calc(100dvh - 18px)}}