@media (max-width:900px) {
    .portal-bottom-nav {
        display:grid;
        grid-template-columns:repeat(6,minmax(0,1fr));
        grid-auto-flow:row;
        grid-auto-columns:auto;
        gap:0;
        overflow:visible;
        padding:4px max(2px,env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) max(2px,env(safe-area-inset-left));
    }
    .portal-bottom-nav a {
        min-width:0;
        min-height:48px;
        padding:0;
        gap:2px;
        font-size:9px;
        line-height:1.3;
    }
    .portal-bottom-nav i {font-size:16px}
    .portal-bottom-nav span {white-space:nowrap}
}