/* Full-city presentation. Shared shop/home controls remain in game.css. */
.hud{padding:12px 16px}.identity{padding:7px 13px 9px}.identity h1{font-size:27px}.stat{padding:8px 13px}.stat strong{font-size:23px}.goals-toggle{padding:8px 13px}.identity>span:last-child{font-size:10px}
.destination{padding:6px 2px;min-height:44px;max-width:190px}.destination>span{position:relative;padding:7px 11px;border:1px solid #e9e9ca9e;border-left:3px solid var(--accent,#d7d7b2);background:#153f48ec;font-size:clamp(10px,.94vw,13px);font-weight:700;letter-spacing:.01em;box-shadow:0 3px 10px #05242e8c}.destination small{display:none}.destination.active-service>span{border:1px solid #f9dc8b;border-left:3px solid #f9dc8b;color:#ffe5a6;background:#123c44f5}.destination.active-service>span::after{content:"●";display:inline-block;margin-left:7px;font-size:8px;vertical-align:middle;color:#f9d880}.destination:hover:not(:disabled)>span,.destination.selected>span{background:#2b6970;transform:translateY(-2px);box-shadow:0 0 0 2px #fff2ba66,0 4px 16px #05242e8c}.destination:disabled{opacity:.8}.destination:disabled>span{cursor:default}.destination:focus-visible{outline-offset:0}.targets{z-index:1}.footer,.paper,.route-preview{z-index:2}.hud{z-index:3}.toast{z-index:4}.curtain{z-index:8}.loading{z-index:9}
.route-preview{position:absolute;left:50%;bottom:86px;transform:translateX(-50%);padding:11px 18px;min-width:290px;max-width:480px;text-align:center;border:1px solid #ead291;border-radius:9px;background:#103b46f2;box-shadow:0 6px 22px #092d3b55;pointer-events:none}.route-preview>strong{font-family:Georgia,serif;font-size:19px;font-weight:normal;display:block;margin:4px 0}.route-preview>span:last-child{font-size:12px;color:#ffe3a3}.route-preview .eyebrow{font-size:9px}.exterior-panel{position:absolute;bottom:86px;left:50%;transform:translateX(-50%);width:min(410px,46%);padding:19px 23px}.exterior-panel h2{font-size:26px;margin:9px 0}.exterior-panel p{margin-bottom:10px}.exterior-panel .fine{margin-bottom:0}.footer-left>span{max-width:400px}.footer{bottom:12px}.footer-right .quiet-button[aria-pressed=true]{background:#f5d38b;color:#234b50;border-color:#ffe5aa}canvas{cursor:pointer}.toast{top:12%}
@media(max-width:1100px){.hud{padding:9px 12px}.identity h1{font-size:23px}.stat strong{font-size:21px}.destination>span{padding:6px 9px;font-size:11px}.footer-left>span{max-width:260px}.route-preview{bottom:78px}.exterior-panel{bottom:78px;padding:16px 20px}.exterior-panel h2{font-size:24px}}
@media(max-width:800px){.hud{padding:10px}.identity h1{font-size:22px}.destination{max-width:142px;min-height:36px}.destination>span{font-size:clamp(7px,1.4vw,10px);padding:5px 6px;border-left-width:2px}.destination.active-service>span::after{display:none}.route-preview{position:fixed;bottom:14px;width:calc(100vw - 24px);min-width:0;max-width:480px;z-index:5}.paper.exterior-panel{position:fixed;bottom:12px;left:12px;right:12px;transform:none;width:auto;max-height:55dvh;overflow-y:auto;z-index:5}.footer{bottom:auto}.footer-left>span{max-width:none}.targets{z-index:1}.toast{top:145px}}