.in-metro>main{display:none!important}
#metro-team{display:flex;gap:5px;align-items:center;flex-wrap:wrap}#metro-team button{font-size:12px}#metro-team .active{background:#d6bb80;color:#193638}#metro-role{width:180px}.metro-project{border:1px solid #54716c;border-radius:8px;padding:12px;margin:12px 0;background:#233e43}.metro-project h3{margin:0 0 8px}.metro-project p{font-size:13px;line-height:1.5}.metro-project button{margin:3px}#metro header{flex-wrap:wrap}#metro footer{flex-wrap:wrap}#metro footer>div{min-width:130px}#metro footer #metro-team{flex-basis:100%}#metro-view{overflow:hidden}
#metro{position:fixed;inset:0;box-sizing:border-box;height:100dvh;background:#203a42;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);color:#f0e9d8}
#metro[hidden]{display:none}#metro header{display:flex;gap:10px;align-items:center;min-height:52px;padding:8px 14px}#metro header small,#metro footer small{display:block;font-size:12px;margin-top:5px}#metro-income{flex:1;font-size:12px;color:#a8d6c2}
#metro-view{position:relative;min-height:0}#metro-map{width:100%;height:100%;display:block;touch-action:none}#metro-camera{position:absolute;top:8px;left:10px;display:flex;gap:5px}#metro-caption{position:absolute;bottom:8px;left:12px;right:12px;font-size:12px;background:#18313bcf;padding:6px;pointer-events:none}
#metro footer{height:auto;min-height:70px;display:flex;align-items:center;gap:12px;padding:10px;background:#192f37}#metro footer>div{flex:1}#metro select{max-width:230px;background:#203b43;color:#f2e8d2;font-size:16px;min-height:44px}#metro button{min-height:44px}#metro-order{background:#dab674;color:#20323a;min-width:220px}#metro-order:disabled{opacity:.55}
#city-dialog{box-sizing:border-box;width:min(740px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;background:#1b323a;border:1px solid #c5ac79;color:#f2e9d6;padding:18px;border-radius:12px}#city-dialog::backdrop{background:#071b25ba}.city-dialog-head{display:flex;align-items:center;justify-content:space-between}.city-dialog-head h2{font-size:22px;margin:0}.city-tabs{display:flex;gap:8px;margin:14px 0}.city-condition{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #4a6060;font-size:14px}#city-dialog button{min-height:44px}.city-condition button{flex-shrink:0}.city-note{font-size:12px;color:#a9c1bf;line-height:1.6}
@media(max-width:950px){#metro header{gap:5px;padding:4px 8px}#metro header strong{font-size:12px}#metro-income{font-size:10px}#metro footer{gap:7px;padding:6px;font-size:12px}#metro footer>div:nth-of-type(2){display:none}#metro-order{min-width:170px;max-width:260px;font-size:12px}#metro-sites{max-width:150px}#metro header button{font-size:12px}#metro-camera select{max-width:170px}}
@media(max-width:540px) and (orientation:portrait){#metro header{flex-wrap:wrap}#metro-income{min-width:50%}#metro footer{flex-wrap:wrap}#metro footer>div{flex-basis:55%}#metro-order{width:100%;max-width:none}#metro-caption{font-size:10px}}
@media(max-width:1000px) and (max-height:550px){
 #metro header{height:48px;min-height:48px;padding:2px 6px;flex-wrap:nowrap;gap:4px;box-sizing:border-box}
 #metro header>div{flex:1;min-width:100px}#metro header strong{font-size:10px}#metro header small{font-size:10px;margin-top:2px}
 #metro-income{display:none}#metro-menu{font-size:0!important;width:65px;padding:4px}#metro-menu:after{content:'Города';font-size:12px}
 #metro-pause{font-size:0!important;width:44px;padding:4px}#metro-pause:after{content:attr(data-icon);font-size:16px}
 #metro header button{flex-shrink:0;padding:5px 8px}#metro header button:last-child{font-size:11px}
 #metro footer{display:grid;grid-template-columns:minmax(130px,1fr) minmax(180px,1.5fr);gap:3px 6px;padding:4px 6px;min-height:0}
 #metro footer>div:first-child,#metro footer>div:nth-of-type(2){display:none}#metro-sites{width:100%;max-width:none;font-size:13px}
 #metro-order{min-width:0;width:100%;max-width:none;font-size:11px;padding:5px}
 #metro footer #metro-team{grid-column:1/-1;flex-wrap:nowrap;min-width:0;gap:6px}#metro-role{width:auto;flex:1;max-width:none;font-size:13px}
 #metro-team button{min-width:90px;padding:5px}#metro-camera{top:4px;left:6px}#metro-camera button{padding:5px 10px}#metro-camera select{font-size:12px;max-width:170px}
 #metro-caption{font-size:10px;bottom:3px;left:6px;right:6px;padding:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}