html,body{min-height:100%;min-height:100dvh}
.app{min-height:100%;min-height:100dvh;padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}
.nav{position:fixed;bottom:0;left:50%;transform:translate3d(-50%,0,0);z-index:100;background:rgba(11,14,13,.97);-webkit-backdrop-filter:blur(18px);isolation:isolate}
.card.status-good{border-color:#4d7427;background:linear-gradient(120deg,#172515,#111811);box-shadow:inset 3px 0 0 #b7ff3c}
.card.status-warn{border-color:#735d27;background:#201b12;box-shadow:inset 3px 0 0 #ffc857}
.card.status-moved{border-color:#315974;background:#111b21;box-shadow:inset 3px 0 0 #7cc7ff}
.card.status-neutral{opacity:.78;background:#141816}