/* Phone layout: map first, generous touch areas, compact promotion. */
@media(max-width:739px){
.hud.phone{--m:12px;--pad:14px}
.hud.phone .brand b{font-size:18px}
.hud.phone .hudtop{gap:8px}
.hud.phone .switch button{min-height:44px;height:44px;line-height:44px;touch-action:manipulation;font-size:12px}
.hud.phone .swbar{overflow-x:auto;scrollbar-width:none}
.hud.phone .soc a,.hud.phone .icon,.hud.phone .history-nav{min-width:44px;min-height:44px;touch-action:manipulation}
.hud.phone .history-nav{display:inline-flex;align-items:center;font-size:12px;margin-top:0}
.hud.phone.flow .mapwrap{border:1px solid #ffffff14;border-radius:16px;background:#ffffff02;overflow:hidden;margin-top:2px}
.hud.phone .zoomctl button{min-width:44px;min-height:44px}
.hud.phone .map-return{max-width:calc(100% - 72px)}
.hud.phone .map-return button{min-height:44px;padding:10px 12px;font-size:12px}
.hud.phone .fcarr{width:44px;height:44px}
.hud.phone .fcdot:before{content:"";display:block;width:24px;height:32px;position:absolute;transform:translate(-9px,-13px)}
.history-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:16px;overscroll-behavior:contain}
.history-body{padding:18px 14px max(20px,env(safe-area-inset-bottom))}
.history-top{align-items:flex-start;gap:10px}
.history-top h2{font-size:21px;line-height:1.25;overflow-wrap:anywhere}
.history-close{min-width:44px;min-height:44px;position:sticky;top:0}
.history-filters{grid-template-columns:1fr;gap:10px;margin:16px 0}
.history-filters select{min-height:48px;font-size:16px}
.history-table{table-layout:fixed;font-size:13px}
.history-table th,.history-table td{padding:13px 4px;overflow-wrap:anywhere;font-size:12px}
.history-sub,.history-note{font-size:13px}
.bruno-follow{right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;padding:12px 16px!important;min-height:44px;font-size:13px!important;box-shadow:0 3px 14px #0006!important}
.bruno-ig::backdrop,.history-dialog::backdrop{backdrop-filter:none}
.bruno-ig-footer{padding-bottom:max(22px,env(safe-area-inset-bottom))}
.bruno-ig-cta{min-height:48px;display:flex;align-items:center;justify-content:center;padding:13px 16px}
html.flow .hud.flow{padding-bottom:calc(80px + env(safe-area-inset-bottom))}
}
@media(max-width:379px){.hud.phone .brand b{font-size:16px}.hud.phone .hudtop{gap:6px}.hud.phone .switch button{font-size:11px;padding:0 4px}.history-table th,.history-table td{font-size:11px}}
@media(max-height:500px) and (orientation:landscape){.bruno-ig{max-height:calc(100dvh - 12px)}.bruno-ig picture{max-height:45dvh}.bruno-ig img{max-height:45dvh;object-fit:contain}.bruno-ig-footer{padding:10px 16px 16px;gap:10px}.bruno-ig-footer p{font-size:12px}}