.phone-controls,.phone-orientation{display:none}
@media (pointer:coarse) and (max-width:1100px){
 #footer{display:none!important}
 .phone-controls{display:flex;position:fixed;z-index:60;bottom:max(7px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%,0);align-items:center;gap:2px;padding:2px 5px;border:1px solid #31556899;border-radius:999px;background:#071622d9;box-shadow:0 5px 22px #0008;color:#cae7f6;font-family:'Segoe UI',sans-serif;opacity:.78;transition:opacity .24s ease,transform .24s ease;backdrop-filter:blur(8px)}
 .phone-controls.quiet{opacity:0;transform:translate(-50%,18px);pointer-events:none}
 .phone-controls button{width:38px;height:36px;background:transparent;border:0;color:#cae7f6;font-size:20px;border-radius:50%;padding:0;touch-action:manipulation}.phone-controls button:active{background:#1a4051}.phone-controls .phone-map{font-size:16px;color:#53d9f6}.phone-controls span{font-size:11px;min-width:38px;text-align:center;white-space:nowrap;color:#94b6c7}
 .phone-orientation{display:none;position:fixed;top:max(12px,env(safe-area-inset-top));left:20px;right:20px;text-align:center;color:#a5c5d7;font:14px/1.5 'Segoe UI',sans-serif;pointer-events:none}
}
@media (pointer:coarse) and (orientation:portrait) and (max-width:1100px){.phone-orientation{display:block}}