.hf-bottom-nav{display:none}
.hf-account{position:relative;display:inline-flex}
.hf-account .ow-chip{background:transparent;cursor:pointer}
.hf-account-panel[hidden]{display:none!important}
.hf-account-panel,.hf-account-panel *{box-sizing:border-box}
.hf-account-panel{position:absolute;right:0;top:48px;width:264px;max-height:calc(100dvh - 110px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;background:#111725;border:1px solid #ffb62744;border-radius:16px;padding:12px;margin:0;box-shadow:0 20px 55px #0009;z-index:2100;text-align:left}
nav.bar .hf-account-panel h2{font:700 11px/1.4 var(--ui)!important;letter-spacing:2px;text-transform:uppercase;color:#ffb627;margin:10px 10px 5px}
nav.bar .hf-account-panel a,nav.bar .hf-account-panel button{display:block!important;width:100%;padding:10px;border:0;border-radius:8px;background:none;text-align:left;text-decoration:none;color:#e6e8ef!important;font:500 14px/1.4 var(--ui);letter-spacing:0;cursor:pointer}
nav.bar .hf-account-panel a:hover,nav.bar .hf-account-panel button:hover{background:#ffb62718}
.hf-account-panel :focus-visible{outline:2px solid #ffb627;outline-offset:-2px}
.explore-guides{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}
@media(max-width:760px){
 .hf-account-panel{max-height:calc(100dvh - 180px)}
 /* Directory introductions stay on desktop; phones open on the useful controls. */
 #communityDirectory[data-directory="clubs"]>.community-hero,.mhead.nhead{display:none!important}
 body[data-board] .muhero{min-height:0;margin:0 0 16px!important;border:0;border-radius:0;background:none;overflow:visible}
 body[data-board] .muhero .mubg,body[data-board] .muhero::before,body[data-board] .muhero .tag,body[data-board] .muhero .sub{display:none!important}
 body[data-board] .muhero .muin{padding:0!important}
 body[data-board] .muhero .mutxt{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 body[data-board] .muhero .eacts{margin:0;gap:8px}
 body[data-board] .muhero .eacts .btn{font-size:12px;padding:10px 12px;min-height:44px;flex:1 1 auto}
 body.hf-mobile-shell{padding-bottom:calc(90px + env(safe-area-inset-bottom));overflow-x:clip}
 .hf-bottom-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));position:fixed;z-index:900;bottom:0;left:0;right:0;padding:8px 6px calc(8px + env(safe-area-inset-bottom));gap:2px;background:rgba(15,19,29,.97);border-top:1px solid rgba(255,182,39,.18);backdrop-filter:blur(18px);box-shadow:0 -8px 32px #0005}
 .hf-bottom-nav a,.hf-bottom-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:54px;border:0;border-radius:14px;background:none;color:#aeb5c4;text-decoration:none;font:600 10px/1.2 var(--ui);cursor:pointer}
 .hf-bottom-nav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
 .hf-bottom-nav [aria-current=page],.hf-bottom-nav [aria-expanded=true]{background:#ffb62718;color:#ffb627}.hf-bottom-nav :focus-visible{outline:2px solid #ffb627;outline-offset:1px}
 body.hf-mobile-shell nav.bar{height:70px;min-height:70px;padding:8px 14px!important;background:rgba(10,13,20,.95);backdrop-filter:blur(16px)}
 body.hf-mobile-shell .ow-burger{display:none!important}body.hf-mobile-shell nav.bar .navlogo{width:126px;max-height:54px!important;height:auto}
 body.hf-mobile-shell nav.bar .navauth>a[href="admin.html"],body.hf-mobile-shell nav.bar .navauth>a[href="settings.html"]{display:none!important}
 body.hf-mobile-shell .wrap{padding-left:16px;padding-right:16px}body.hf-mobile-shell input,body.hf-mobile-shell textarea,body.hf-mobile-shell select{font-size:16px}
 .hf-feed .nbanner{padding:24px 20px!important;min-height:0!important;margin-bottom:10px!important;border-radius:22px!important}.hf-feed .nbanner h2{font-size:34px!important}.hf-feed .nbanner p{font-size:14px}.hf-feed .nbanner .eyebrow{font-size:9px}
 .hf-feed .dash{gap:16px;padding-top:8px}.hf-feed .rail.right{display:contents}.hf-feed #townCard{order:-1;margin:0;padding:16px;border-radius:22px}.hf-feed main.feed{min-width:0}.hf-feed .rail.left{display:none}
 .hf-feed #townBody{display:flex;overflow-x:auto;gap:14px;padding-bottom:8px;scroll-snap-type:x proximity}.hf-feed #townBody .town{width:90px;min-width:90px;display:flex;flex-direction:column;gap:7px;text-align:center;border:0;padding:8px 0;scroll-snap-align:start}.hf-feed #townBody .tav{width:62px;height:62px;border-radius:50%;border:2px solid #ffb62766}.hf-feed .townline{display:block}.hf-feed .townline b{display:block;font-size:11px;max-width:88px;overflow:hidden;text-overflow:ellipsis}.hf-feed .townwho{font-size:10px}.hf-feed #townBody small{font-size:9px}.hf-feed #townBody button{min-width:75px}
 .hf-feed .composer,.hf-feed .post,.hf-feed .card{border-radius:20px}.hf-feed #contestCard{order:5}.hf-feed .rail.right>section{min-width:0}
 #results[data-view=grid] .mav{width:100%;height:auto;aspect-ratio:1;border-radius:14px;background-size:cover;background-position:center}.directory-filters{border-radius:18px}
 .trip-wrap{padding-left:16px;padding-right:16px}.trip-section{border-radius:20px}.trip-row{flex-wrap:wrap;gap:12px}.trip-row>.btn{min-height:44px}.trip-tools>*{min-width:0;max-width:100%}
}
@media(prefers-reduced-motion:reduce){.hf-bottom-nav *{transition:none!important}}